27. Interacting with a single piece
of data
iOS Clock – App icon shows the current time
28. Adjusting a setting
iOS - When adjusting brightness, preview screenshots show a
real time view of your current home & lock screens
29. Viewing or creating a small
piece of content
Tweetbot - When replying to a tweet, swipe down to see the
original tweet and author.
30. Turning a feature or function on
or off
Instapaper - If you accidentally rotate your iPhone between
portrait / landscape mode and quickly back, the Rotation lock
control appears.
42. Trigger
A trigger starts a microinteraction
iOS - If you tap the camera icon in
the lock screen, it bounces up to
encourage you to slide.
43. Trigger
Principles:
Make the trigger something the target users will recognize as a
trigger in context
The trigger initiates the same action every time
Bring the data forward
44. Trigger
You swipe down to open the camera, but only at the Home
screen. Swipe down to go back one screen if you’re not at the
Home screen. Tap and hold with two fingers to see the list of
recent apps. Double tap with one finger to zoom in. Double-tap
with two fingers to adjust the brightness. Tap four times with six
fingers in the rhythm of Beethoven’s Fifth to call a mental health
professional.
~David Pogue on Samsung Gear
46. Trigger
System triggers
Need rules for when
and how often they
appear
Windows Phone - The messaging app icon changes to sad face
when an error occurred while sending a message.
47. Rules
Purpose of Rules :
Limit the user
actions
Strive for a natural
flow
Mixcloud – If someone is already following you, the Follow
button becomes Follow Back
48. Rules
Rules define how the microinteraction should behave
Response to trigger
Control to user
Sequence and timings
Data and source
Feedback and when
Repeat and frequency
End of the microinteraction
49. Rules
User is on item page
Is this item
already in
the cart?
Button is labeled
Add another to Cart
Has the user
bought this
item before?
Button is labeled
Add another to Cart
Button is labeled
Add to Cart
50. Rules
Rules should reveal themselves
By what can be done
By what cannot be done
MailChimp – The chimp’s arm pops off when you try to make an
email too wide
51. Feedback
Feedback Illuminates the Rules
After a manual trigger
On any system triggers in case of a change
Error has occurred (user and system)
Showing progress on any critical process
53. Feedback
“Follow your printed out instructions exactly with your vehicle
running. Approximately 60 seconds after you begin the
installation, you will hear an “Installation Complete” message.
DO NOT REMOVE your USB drive or turn off your vehicle. You
must wait an additional 4-18 minutes until you hear a second
“Installation Complete” message before you can remove your
USB drive.”
~Catriona Cornett, http://www.inspireux.com/2011/07/11/importance-of-system-feedback-as-notillustrated-by-ford-sync/
54. Loops & Modes
A mode is a state in a microinteraction
an infrequent action, should be used sparingly
Settings – a very common mode
A loop defines what happens to the microinteraction next time
a cycle that repeats, usually for a set duration
Memory to progressively disclosure or reduction
63. Testing a microinteraction
Goal is to validate:
The goal of the microinteraction is understood
Understand what data is important
If any microcopy is necessary
Timing and Flow are smooth
64. Testing a microinteraction
What cant be measured, cant be improved ~Lord Kelvin
Completion rate
Overall Duration and of specific steps
Number of steps
Number of clicks/taps/selects
Number of system errors
Number of Human errors