From Click to Tap

Transcript

1. 1.

   FROM TO

2. 2.

   FROM TO

3. 3.

   None
4. 4.

   WHY MOBILE?

5. 5.

   IN 3 TO 5 YEARS: MOBILE > DESKTOP

6. 6.

   1M TOUCH PHONES SOLD PER DAY

7. 7.

   None
8. 8.

   WHAT’S DIFFERENT?

9. 9.

   CONTEXT

10. 10.

    KEEGAN JONES @keeg TIM VAN DAMME @maxvoltar FROM CLICK TO

    TAP MOBILE MINDSETS CONTEXT
11. 11.

    None
12. 12.

    MICROTASKING

13. 13.

    LOCAL

14. 14.

    I’M BORED

15. 15.

    SCREEN SIZE

16. 16.

    None
17. 17.

    320x480 1024x768

18. 18.

    FOCUS

19. 19.

    None
20. 20.

    None
21. 21.

    None
22. 22.

    None
23. 23.

    None
24. 24.

    KEEGAN JONES @keeg TIM VAN DAMME @maxvoltar FROM CLICK TO

    TAP “In iPhone apps, the main function should be immediately apparent. Minimize the number of controls from which users have to choose.” FOCUS IPHONE INTERFACE GUIDELINES:
25. 25.

    None
26. 26.

    None
27. 27.

    None
28. 28.

    None
29. 29.

    None
30. 30.

    None
31. 31.

    KEEP IT SIMPLE

32. 32.

    KEEGAN JONES @keeg TIM VAN DAMME @maxvoltar FROM CLICK TO

    TAP ERGONOMICS KEEP IT SIMPLE
33. 33.

    None
34. 34.

    None
35. 35.

    44px

36. 36.

    44px 44px 44px

37. 37.

    None
38. 38.

    None
39. 39.

    WORKFLOW

40. 40.

    KEEGAN JONES @keeg TIM VAN DAMME @maxvoltar FROM CLICK TO

    TAP DESIGN WORKFLOW
41. 41.

    None
42. 42.

    None
43. 43.

    None
44. 44.

    None
45. 45.

    None
46. 46.

    None
47. 47.

    None
48. 48.

    None
49. 49.

    None
50. 50.

    None
51. 51.

    iPhone 320x480 164ppi Palm Pre 320x480 186ppi MyTouch 3G 320x480

    180ppi Motorola Droid 480x800 252ppi iPhone 4 960x640 326ppi
52. 52.

    None
53. 53.

    None
54. 54.

    KEEGAN JONES @keeg TIM VAN DAMME @maxvoltar FROM CLICK TO

    TAP COLLABORATE WITH THE DEVELOPER WORKFLOW
55. 55.

    None
56. 56.

    None
57. 57.

    None
58. 58.

    None
59. 59.

    KEEGAN JONES @keeg TIM VAN DAMME @maxvoltar FROM CLICK TO

    TAP AFTER LAUNCH WORKFLOW
60. 60.

    None
61. 61.

    None
62. 62.

    None
63. 63.

    PLATFORM

64. 64.

    MOBILE WEB APP?

65. 65.

    None
66. 66.

    NATIVE APP?

67. 67.

    Text

68. 68.

    KEEGAN JONES @keeg TIM VAN DAMME @maxvoltar FROM CLICK TO

    TAP ‣ Charge Money ‣ Location ‣ File System ‣ Offline Access ‣ Built-in Marketing NATIVE
69. 69.

    ONE APP WON’T CUT IT

70. 70.

    BUILD A FLAGSHIP APP

71. 71.

    None
72. 72.

    KEEGAN JONES @keeg TIM VAN DAMME @maxvoltar FROM CLICK TO

    TAP ‣ Keep it simple ‣ Think about context ‣ Use finger-friendly design ‣ Test in real-life conditions ‣ Pick a flagship platform TAKEAWAYS
73. 73.

    THANKS