using microinteractions to get from prototype to product

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

Upload: dan-saffer

Post on 17-Aug-2014

1.133 views

Category:

Design


1 download

DESCRIPTION

Given at O'Reilly Solid 2014

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