This is a two part exercise.
The style sheet can be a png, a pdf, or a jpg file containing the following elements.
In the Robert Johnson Page assignment box, provide the stylesheet and a link to the webpage. If you don’t have a place to host the webpage, put all the assets (the html file, a css file, and the picture file) in the assignment box so that they display there.
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.
Read Saffer (2013)!
This slideshow was produced using
Fonts are League Gothic and Lato