Slide 1

Slide 1 text

What is Micro-Interactions According to Saffer, it’s a product use case boiled down to a single moment, focused on a single task. Unlocking your smartphone is a micro-interaction; so is the chiming sound that plays when you boot up Windows or OS X.

Slide 2

Slide 2 text

Structure of Micro- Interactions • A Trigger initiates a micro-interaction. • The Rules determine what happens. • Feedback lets people know what’s happening. • Loops and Modes determine the meta-rules of the micro- interaction.

Slide 3

Slide 3 text

Commonly use Micro- Interactions • AOL’s You’ve Got Mail • Autocomplete • Autocorrect • Blue Screen of Death • Control-Alt-Delete • Cut and Paste

Slide 4

Slide 4 text

Micro- Interactions are good for • Accomplishing a single task, • Connecting devices together, • Adjusting a setting, • Viewing or creating a small piece of content like a status message, • Turning a feature or function on or off etc

Slide 5

Slide 5 text

Rules for creating great details • Don’t Start From Zero. You almost always know something about the user, the context, or the platform that can change the product for the better. Start from that. • Bring The Data Forward. What information is inside the micro-interaction that you can pull forward so that users can see it at a glance? Why do I need to go inside my finance app to see how much amount is left for the month?

Slide 6

Slide 6 text

• Speak Human. Feedback is for human beings, so address them as such. Use the words your users use. • Use Long Loops. How does your product adapt over time? What’s it like when the user comes back tomorrow? Or the 10th time? • Prevent human error. Don’t allow (or better yet, fix) actions that would break the micro- interaction.

Slide 7

Slide 7 text

No content

Slide 8

Slide 8 text

No content

Slide 9

Slide 9 text

No content

Slide 10

Slide 10 text

No content

Slide 11

Slide 11 text

No content

Slide 12

Slide 12 text

No content