Definition from NNgroup: Microinteractions are trigger-feedback pairs in which (1) the trigger can be a user action or an alteration in the system’s state; (2) the feedback is a narrowly targeted response to the trigger and is communicated through small, highly contextual (usually visual) changes in the user interface.
|Digital element||Is it a microinteraction?|
|Scrollbar||Yes: User triggered; visual feedback to user changing location within a page|
|Digital alarm||Yes: System triggered; auditory (and visual) feedback to time condition being met|
|Button||It depends: If there is no feedback when a user clicks the button, there is no microinteraction|
|Pull-to-refresh animation||Yes: User triggered; visual feedback to a user action|
|GIFs||No: Not triggered by the system or a user|
|Video player||No: It’s a feature, not a microinteraction; volume control would be a microinteraction|
Microinteractions can improve a product’s user experience by:
Design and share a microinteraction for your individual course project.
Read Saffer (2013)!
… getting more and better UX design done by putting two designers together as thought partners to solve design problems
being in the same room, working on the same problem, with both brains focused on the problem simultaneously for the duration of the project
It’s everywhere! Time now for you to share your examples!
(I can start with an example of an LMS)
This slideshow was produced using
Fonts are League Gothic and Lato