Top Banner
Prototypes generally demonstrate a key feature. But a feature isn’t a product.
26

Using Microinteractions to get from Prototype to Product

Aug 17, 2014

Download

Design

Dan Saffer

Given at O'Reilly Solid 2014
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Using Microinteractions to get from Prototype to Product

Prototypes generally demonstrate a key feature. But a feature isn’t a product.

Page 2: Using Microinteractions to get from Prototype to Product

The difference between a prototype and a product? All the microinteractions.

Page 3: Using Microinteractions to get from Prototype to Product

dan saffer // @odannyboy#microinteractions

using microinteractions to get from prototype to product

Page 4: Using Microinteractions to get from Prototype to Product

microinteractions are single use case pieces of functionality

Page 5: Using Microinteractions to get from Prototype to Product

microinteractions are contained product moments...

change a setting

sync your data/devices

log in

see what the current status is

viewing a small piece of content

error recovery

update software/firmware

connect to the internet

turn a device on/off

Page 6: Using Microinteractions to get from Prototype to Product

Why think about microinteractions at all? Isn’t a Minimum Viable Product enough?

Page 7: Using Microinteractions to get from Prototype to Product

via Stephen Anderson

Page 8: Using Microinteractions to get from Prototype to Product

If you don’t know what happens when someone presses the On button, you don’t have a product yet.

Page 9: Using Microinteractions to get from Prototype to Product

Microinteractions are about conveying the quality of your product.

Page 10: Using Microinteractions to get from Prototype to Product

what quality brings you

higher adoption (in some markets)

better PR and word-of-mouth

funding

stronger brand

customer loyalty

fewer customer service issues/complaints

safety

Page 11: Using Microinteractions to get from Prototype to Product
Page 12: Using Microinteractions to get from Prototype to Product

If microinteractions are poor, the main features, no matter how nicely done, are surrounded by pain and frustration.

Page 13: Using Microinteractions to get from Prototype to Product

The difference between a product you love and one you tolerate are often the microinteractions you have with it.

Page 14: Using Microinteractions to get from Prototype to Product
Page 15: Using Microinteractions to get from Prototype to Product

If done well, microinteractions can be signature moments that increase adoption and customer loyalty.

Page 16: Using Microinteractions to get from Prototype to Product
Page 17: Using Microinteractions to get from Prototype to Product

TRIGGER

Page 18: Using Microinteractions to get from Prototype to Product
Page 19: Using Microinteractions to get from Prototype to Product

RULES

Page 20: Using Microinteractions to get from Prototype to Product
Page 21: Using Microinteractions to get from Prototype to Product

FEEDBACK

Page 22: Using Microinteractions to get from Prototype to Product
Page 23: Using Microinteractions to get from Prototype to Product

LOOPS & MODES

Page 24: Using Microinteractions to get from Prototype to Product
Page 25: Using Microinteractions to get from Prototype to Product

The details are the design.Charles Eames

Page 26: Using Microinteractions to get from Prototype to Product

Thank you!http://microinteractions.com