This document summarizes a mobile UX therapy session. It discusses the history of smartphones from 2000 to present day and trends in smartphone usage, particularly among teenagers. It then covers various aspects of mobile UX design including navigation, consistency, interaction techniques, controls, forms, transitions and opportunities to improve the mobile experience. Throughout it emphasizes the importance of usability and creating an intuitive experience for users.

1. Mobile UX Therapy Session

2. Smartphone history…
2000 2007
Ericsson
R380
Sony Ericsson
P800
Nokia
3310
Blackberry
5810
Motorola
Razr V3
Blackberry
7270
Nokia
N95
Apple
iPhone

3. Smartphone usage

4. The smartphone demographic
The smartphone demographic?

5. The smartphone demographic

6. Internet history…
1990s
HTML grows up!

7. Amazing mobile UX and usability are expected!
Where are we now?

8. Amazing mobile UX and usability are expected!

9. Amazing mobile UX and usability are expected!

10. Amazing mobile UX and usability are expected!
“I’ve not turned on my laptop
for 6 months!”

11. Amazing mobile UX and usability are expected!
6/10 teenage users are addicted to their smartphone
The most common use of mobile is to access social networks.
2/3 of teens use their mobile whilst socialising.
1/3 of teens use their mobile during meals.
Half use social networks whilst in the bathroom ;-)
6/10 teenage users are addicted to their smartphone

12. Amazing mobile UX and usability are expected!
6/10 teenage users are addicted to their smartphone

13. Mobile UX

14. Devices, environments, context
Kind of device
Context of use
Interaction
Technical aspects of the device

15. Navigation
Navigation

16. Navigation

17. Navigation

18. Navigation

19. Navigation

20. Consistency
Consistency

21. Consistency

22. Consistency

23. Any willing volunteers…?

24. A little user test…

25. Interaction

26. Gestures
Tap Swipe
Drag Pinch

27. 3D Touch?

28. Interaction controls
What is the data i’d like to capture?
Choose me :)
Option 1
Option 2
Option 1 Option 2
What is the best control that I can use?

29. Dropdown

30. Dropdown alternative

31. Dropdown alternative

32. Hit areas
Make them Obvious!
Consistent
Finger touchable
Reactive
Visual affordance

33. Forms

34. Forms
Sigh!
:(

35. Forms

36. Forms
Don’t
make me
think!!

37. Forms

38. Inspiring
Inspire

39. Inspiring

40. Useful

41. Transitions

42. Transitions
Emulate real life experiences
Education
Intuitive
Connect the action to it’s outcome
Fun & slick Ui!

43. Without transition

44. With transition

45. Add to basket

46. Opportunity

47. Opportunity
There’s a BIG opportunity to create an amazing ecommerce
experience for the mobile web!

48. Hola!
ricardo@keepitusable.com
Ricardo Ortega
@uxspot