The document outlines 10 golden rules of mobile UX design: 1) Design task-oriented flows, 2) Add meaning and value, 3) Be lean, 4) Design for small screens, 5) Leverage standard patterns, 6) Embrace gesture-intensive design, 7) Embrace motion design, 8) Design for communication, 9) Invest in the first time user experience, and 10) Don't prevent users from using your app. It provides examples and explanations for each rule. The document emphasizes the importance of execution and concludes by thanking the audience.

1. @SparklingLabs
#Voxxed
The 10 Golden Rules
of Mobile UX"
Emilia Ciardi!
emilia@sparklinglabs.com!

2. The 10 Golden Rules of Mobile UX!
Acquisition!
Retention!
Monetization!
Mobile
UX/UI!
design!
The Business Funnel"
2!

3. The 10 Golden Rules of Mobile UX!
Intui8ve
Clear
Easy
Meaningful
Emo8onal
Cool
Effec8ve
Responsive
3!

4. Design task-oriented,
user-centered flows.
1.

5. Add meaning and value
to the UX.
2.

6. Less is more. Be lean!
3.

7. The Learning Loop"
The 10 Golden Rules of Mobile UX! 7!

8. Why use data for UX"
UX Discovery!
² Issue Identification!
² Strategy Guidance!
² Health Monitoring!
UX Optimization!
² Project Metrics !
² Experimentation
with A/B and
multivariate tests!
The 10 Golden Rules of Mobile UX! 8!

9. Design for small screens.
4.

10. How do we hold mobile devices?"
The 10 Golden Rules of Mobile UX! 10!

11. The Thumb Zone "
The 10 Golden Rules of Mobile UX! 11!

12. The Thumb Zone evolution
One Handed"
Credit:
ScoD
Hurff
The 10 Golden Rules of Mobile UX! 12!

13. Leverage standard
patterns.
5.

14. Material Design"
http://www.google.com/design/spec/material-design!
The 10 Golden Rules of Mobile UX! 14!

15. Embrace Gesture-Intensive
Design.
6.

16. Flick Gesture"
The 10 Golden Rules of Mobile UX! 16!

17. Touch & Hold"
The 10 Golden Rules of Mobile UX! 17!

18. Draw"
The 10 Golden Rules of Mobile UX! 18!

19. How to embrace gestures?"
² Use gestures if the context they are used in feels
natural!
² Make sure your users will find them!
ª Draw attention to the part of the UI where the gesture is
active – maybe it could pulse the first time to signify it is
interactive!
ª Perform an animation that hints to the type of gesture !
² If you don’t think users will figure out your gestures
easily, don’t overload them with too many help hints
all at once, instead reveal them over time!
The 10 Golden Rules of Mobile UX! 19!

20. Embrace Motion Design.
7.

21. Menu Animations"
The 10 Golden Rules of Mobile UX! 21!

22. Floating Button
Speed Dial"
The 10 Golden Rules of Mobile UX! 22!

23. Robert Penner’s Easing Functions"
The 10 Golden Rules of Mobile UX! 23!

24. Design for Communication.
8.

25. A picture is worth a thousand words"
² We process visuals faster
than text.!
² Images affect us both
cognitively and
emotionally!
!
² Words are processed by
our short-term memory,
images can go into long-
term memory!
The 10 Golden Rules of Mobile UX! 25!

26. Invest on the First Time
User Experience.
9.

27. The First Time User Experience"
The FTUE is one of the most important parts of a
successful app.!
!
² 30 seconds to hook new
users!
² <5 minutes to teach them!
² Show off the cool parts!
² Give clear directions!
² Get the user going ASAP!
27!

28. Pinevent-FTUE"

29. Pinevent-FTUE"

30. FTUE - Tutorial"
The DON’Ts"
² Don’t be too wordy!
² Don’t explain!
² Don’t get users lost!
² Don’t be boring!
The DO’s"
² Use as little words as
possible!
² Walk the user through the
core mechanics!
² Put the user on rails!
² Show off!!
If applicable:!
² Show the use of virtual currency during the tutorial!
² “Learn as you go” approach !
30!

31. GrandeFratello-FTUE"

32. GrandeFratello-FTUE"

33. CottoeMangiato-FTUE"

34. Don't prevent users
from using your app!
10.

35. Don’t force registration on users"
² When forcing registration, the user drop-
off can be very high. According to Tapjoy,
it can reach 50%-75% (even relying on
Facebook Connect)!
² Access as guest!
² Allow late registration!
² Reward users for creating accounts!
The 10 Golden Rules of Mobile UX! 35!

36. Where’sUp-FTUE"
36!

37. Where’sUp-FTUE"
37!

38. Never, ever discount
execution!
*.

39. Vision without execution is
just hallucination.
*.
Thomas Edison

40. THANKS!!
!
www.sparklnglabs.com!
@sparklinglabs!
emilia@sparklinglabs.com!
www.sparklinglabs.com!