{"id":3445,"date":"2015-05-07T15:26:00","date_gmt":"2015-05-07T14:26:00","guid":{"rendered":"http:\/\/blog.qdraw.nl\/?p=3445"},"modified":"2024-03-26T16:06:44","modified_gmt":"2024-03-26T15:06:44","slug":"microinteracties","status":"publish","type":"post","link":"https:\/\/qdraw.nl\/blog\/design\/microinteracties\/","title":{"rendered":"Microinteracties"},"content":{"rendered":"

Het klikken op de like-button op Facebook is een microinteractie. Een microinteractie heeft maar \u00e9\u00e9n enkele taak. Deze interacties zijn kleine onderdelen in de user interface. <\/p>\n

Microinteracties maken het verschil, ze zijn vaak klein en onzichtbaar. Weinig mensen zullen deze interacties bewust registeren. Ondanks dat een interactie niet opvalt wordt deze onbewust waargenomen en een duidelijke interactie zorgt er voor dat de site lekker loopt.<\/p>\n

De theorie over microinteracties<\/h2>\n

Triggers<\/h3>\n

Een interactie wordt gestart door een trigger, deze kan handmatig of automatisch zijn. Wanneer de gebruiker op een knop klikt dan is dit een handmatige trigger. Een automatische trigger kan bijvoorbeeld starten op basis van tijd of locatie.<\/p>\n

Rules<\/h3>\n

De regels bepalen wat er wel of niet kan. Zo wordt er in een regel bepaald wat er gebeurt wanneer je op een specifieke knop klikt. In een andere regel wordt bepaald wat er gebeurt als een sms-bericht binnenkomt. <\/p>\n

Feedback<\/h3>\n

Er is nu wel interactie, maar waar heeft de gebruiker nu interactie mee? Door feedback (op het scherm) te geven weet de gebruiker wat er op dit moment gaande is. Bij microinteractie probeer je de feedback zo minimaal mogelijk te houden. Less is more. Maar het is de bedoeling dat de gebruiker wel weet waar het systeem mee bezig is.<\/p>\n

Loops<\/h3>\n

Een loop is reeks commando’s waarbij aan het einde van de reeks teruggesprongen wordt naar het begin. Een microinteractie hoeft niet onmiddellijk een reactie te geven dit kan ook nog maanden duren voordat er iets mee gebeurd. Een loop waarbij de input niet direct zichtbaar is wordt een long-loop genoemd. <\/p>\n

Deze tekst is geschreven op basis van het boek Microinteractions van Dan Saffer. De voorbeelden zijn van LittleBigDetails.<\/a><\/p>\n


\n\"Microinteracties
\n<\/a>
\n
\n\"Microinteracties
\n<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"Het klikken op de like-button op Facebook is een microinteractie. Een microinteractie heeft maar \u00e9\u00e9n enkele taak. Deze interacties zijn kleine onderdelen in de user interface. Microinteracties maken het verschil, ze zijn vaak klein en onzichtbaar. Weinig mensen zullen deze interacties bewust registeren. Ondanks dat een interactie niet opvalt wordt deze onbewust waargenomen en een… Bekijk artikel<\/a>","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2136],"tags":[2272,2274,793],"class_list":["post-3445","post","type-post","status-publish","format-standard","hentry","category-design","tag-microinteractions","tag-interactie","tag-ontwerp"],"_links":{"self":[{"href":"https:\/\/qdraw.nl\/blog\/wp-json\/wp\/v2\/posts\/3445","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qdraw.nl\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/qdraw.nl\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/qdraw.nl\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/qdraw.nl\/blog\/wp-json\/wp\/v2\/comments?post=3445"}],"version-history":[{"count":0,"href":"https:\/\/qdraw.nl\/blog\/wp-json\/wp\/v2\/posts\/3445\/revisions"}],"wp:attachment":[{"href":"https:\/\/qdraw.nl\/blog\/wp-json\/wp\/v2\/media?parent=3445"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/qdraw.nl\/blog\/wp-json\/wp\/v2\/categories?post=3445"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/qdraw.nl\/blog\/wp-json\/wp\/v2\/tags?post=3445"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}