micromoments mobile ux

63
mobimoni #MTC2015 GOOD DESIGN FROM BAD TO

Upload: monika-mikowska

Post on 14-Jul-2015

3.965 views

Category:

Mobile


1 download

TRANSCRIPT

Page 1: Micromoments Mobile UX

mobimoni #MTC2015

GOOD DESIGN

FROM BAD TO

Page 2: Micromoments Mobile UX

OBRAZEK: UKOCHANY TELEFON

MTC 2015

mobimoni #MTC2015

Does your smartphone give your love back?

Page 3: Micromoments Mobile UX

mobimoni #MTC2015

Page 4: Micromoments Mobile UX

mobimoni

Page 5: Micromoments Mobile UX

mobimoni

Page 6: Micromoments Mobile UX

mobimoni

Page 7: Micromoments Mobile UX

mobimoni #MTC2015

The mobile mind shift is the expectation that I can get what I want in my immediate context

and moments of need.

Mobile has reprogrammed your customers’ brains.

https://solutions.forrester.com/mobile

Page 8: Micromoments Mobile UX

mobimoni #MTC2015

We hate to wait…

…for a confirmation call.

Page 9: Micromoments Mobile UX

2015: the rise of the mobile micromoments

#MICROMOMENTS

#MICROINTERACTIONS

#MICROENGAGEMENTS

mobimoni #MTC2015

Page 10: Micromoments Mobile UX

“Micro moments are brief interactions where apps can capture the attention of a user

and anticipate their needs in 5-10 second interactions (several times a day).”

mobimoni #MTC2015 http://blog.catavolt.com

Page 11: Micromoments Mobile UX

mobimoni #MTC2015

CHECKY

Page 12: Micromoments Mobile UX
Page 13: Micromoments Mobile UX
Page 14: Micromoments Mobile UX

Umbrella

Page 15: Micromoments Mobile UX

“Even though we’re surrounded by microinteractions every day, we don’t usually notice them until something goes horribly wrong.

But microinteractions are, despite their small size and near-invisibility, incredibly important.

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

They can make our lives easier, more fun, and just more interesting if done well.”

Dan Saffer

mobimoni #MTC2015 http://microinteractions.com

Page 16: Micromoments Mobile UX

“…even if the big picture is done right, unless the details are also handled properly, the solution fails: the details are what control

the moment to moment experience.

It is timely details that lead to seamless interaction with our products. Alternatively, it is the lack of attention to those details

that lead to frustration, irritation, and eventually an intense dislike of the product.”

mobimoni #MTC2015

Page 17: Micromoments Mobile UX

Micromoments of technology are the emotional connections with their users.

mobimoni #MTC2015

Page 18: Micromoments Mobile UX

Loginmobimoni #MTC2015

Page 19: Micromoments Mobile UX

ALLEGRO

What’s missing? :)

mobimoni #MTC2015

Page 20: Micromoments Mobile UX
Page 21: Micromoments Mobile UX

LINKEDIN

mobimoni #MTC2015

Page 22: Micromoments Mobile UX

“Forgot your password”!

LINKEDIN

mobimoni #MTC2015

Page 23: Micromoments Mobile UX

LINKEDIN

mobimoni #MTC2015

“Join now”!

Page 24: Micromoments Mobile UX

LINKEDIN

mobimoni #MTC2015

“Show/hide password”!

Page 25: Micromoments Mobile UX

LINKEDIN

mobimoni #MTC2015

Page 26: Micromoments Mobile UX

LINKEDIN

mobimoni #MTC2015

Page 27: Micromoments Mobile UX

TWITTER

Typing on your phone stinks!

mobimoni #MTC2015

Page 28: Micromoments Mobile UX

Face Unlock - Galaxy Nexus

http://youtu.be/DDfmkMDue6c

Page 29: Micromoments Mobile UX

http://blogs.msdn.com/b/b8/archive/2011/12/16/signing-in-with-a-picture-password.aspx

Page 30: Micromoments Mobile UX

GETIN MOBILE

Gesture-based login

mobimoni #MTC2015

Page 31: Micromoments Mobile UX

STYLESEAT

mobimoni #MTC2015

One-page process (assignment)

Page 32: Micromoments Mobile UX

STYLESEAT

mobimoni #MTC2015

One-page process (assignment)

Page 33: Micromoments Mobile UX

STYLESEAT

mobimoni #MTC2015

One-page process (assignment)

Page 34: Micromoments Mobile UX

STYLESEAT

mobimoni #MTC2015

One-page process (assignment)

Page 35: Micromoments Mobile UX

One-click payments

APPLE PAY

http://youtu.be/0tY486cjaVs

Page 36: Micromoments Mobile UX

PAYPAL One Touch

mobimoni #MTC2015http://youtu.be/PPj8nqNBAbw

Page 37: Micromoments Mobile UX

One-click unsubscription

LISTLY

mobimoni #MTC2015

Page 38: Micromoments Mobile UX

mBank

mobimoni #MTC2015

Page 39: Micromoments Mobile UX

ING Bank Śląski

mobimoni #MTC2015

Page 40: Micromoments Mobile UX

BJ Fogg

mobimoni #MTC2015

“Making a behavior harder to do makes it less likely to occur.”

Number of taps matter!

Page 41: Micromoments Mobile UX

The faster, the better. The more often, the better.

mobimoni #MTC2015

Page 42: Micromoments Mobile UX

mobimoni #MTC2015

Page 43: Micromoments Mobile UX

mobimoni #MTC2015

Page 44: Micromoments Mobile UX

mobimoni #MTC2015

Page 45: Micromoments Mobile UX

mobimoni #MTC2015

Page 46: Micromoments Mobile UX

mobimoni #MTC2015

Page 47: Micromoments Mobile UX

mobimoni #MTC2015

Page 48: Micromoments Mobile UX

mobimoni #MTC2015

Page 49: Micromoments Mobile UX

mobimoni #MTC2015

Page 50: Micromoments Mobile UX

mobimoni

m.euro.com.pl

Page 51: Micromoments Mobile UX

m-commerce

mobimoni #MTC2015

Page 52: Micromoments Mobile UX

2015: the rise of the mobile micromoments

#MICROFEEDBACK

mobimoni #MTC2015

Page 53: Micromoments Mobile UX

QR code scanner

mobimoni #MTC2015

Rate the app

Page 54: Micromoments Mobile UX

Awesome Clock

mobimoni #MTC2015

Rate the app

Page 55: Micromoments Mobile UX

mobimoni #MTC2015

Photo Editor

Rate the app

Page 56: Micromoments Mobile UX

HealthyOut

How to gather insight into the customer experience?

mobimoni #MTC2015

Page 57: Micromoments Mobile UX

Microfeedback provides a means to gather insightful feedback at just the right moment of the experience, generating more accurate

findings that will help you create a better product and the experience.

mobimoni #MTC2015 http://sarahdoody.com

Page 58: Micromoments Mobile UX

MyFitnessPal

mobimoni #MTC2015

Page 59: Micromoments Mobile UX

mobimoni #MTC2015

1. If you care about UX, you should care about micromoments.

2. Do the little things well. Details are the essentials. They make the product. User satisfaction is in the details!

3. Great design should be experienced and not seen. The better the design, the more invisible it becomes.

4. Design is measurable on a scale from frustration to delight.

TAKE OUTS

Page 60: Micromoments Mobile UX

BAD DESIGN

DELIGHTFUL DESIGN

FRUSTRATION NEUTRAL DELIGHT

Improving bad design Improving neutral design

REDUCTIVE PROCESS

Observation user’ experience, rethinking, removing everything, that’s introducing frustration

ADDITIVE PROCESS

Expertise, knowledge, designer experience

#1 PLEASURE#2 FLOW#3 MEANING

Page 61: Micromoments Mobile UX

“The goal of a successful app is to become one of the micromoments

of a persons day to day activities.”

mobimoni #MTC2015

Page 62: Micromoments Mobile UX

Good luck!

Page 63: Micromoments Mobile UX

We are mobee dick. Monika Mikowska

[email protected]

mobimoniMOBILE UX DESIGN STUDIO

mobeedick.com