From Click to Tap

Build 2010 (http://2010.buildconf.com/)

Transcript

1. FROM TO
2. FROM TO
4. WHY MOBILE?
5. IN 3 TO 5 YEARS: MOBILE > DESKTOP
6. 1M TOUCH PHONES SOLD PER DAY
8. WHAT’S DIFFERENT?
9. CONTEXT
10. KEEGAN JONES @keeg TIM VAN DAMME @maxvoltar FROM CLICK TO TAP MOBILE MINDSETS CONTEXT
12. MICROTASKING
13. LOCAL
14. I’M BORED
15. SCREEN SIZE
17. 320x480 1024x768
18. FOCUS
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:
31. KEEP IT SIMPLE
32. KEEGAN JONES @keeg TIM VAN DAMME @maxvoltar FROM CLICK TO TAP ERGONOMICS KEEP IT SIMPLE
35. 44px
36. 44px 44px 44px
39. WORKFLOW
40. KEEGAN JONES @keeg TIM VAN DAMME @maxvoltar FROM CLICK TO TAP DESIGN WORKFLOW
51. iPhone 320x480 164ppi Palm Pre 320x480 186ppi MyTouch 3G 320x480 180ppi Motorola Droid 480x800 252ppi iPhone 4 960x640 326ppi
54. KEEGAN JONES @keeg TIM VAN DAMME @maxvoltar FROM CLICK TO TAP COLLABORATE WITH THE DEVELOPER WORKFLOW
59. KEEGAN JONES @keeg TIM VAN DAMME @maxvoltar FROM CLICK TO TAP AFTER LAUNCH WORKFLOW
63. PLATFORM
64. MOBILE WEB APP?
66. NATIVE APP?
67. Text
68. KEEGAN JONES @keeg TIM VAN DAMME @maxvoltar FROM CLICK TO TAP ‣ Charge Money ‣ Location ‣ File System ‣ Offline Access ‣ Built-in Marketing NATIVE
69. ONE APP WON’T CUT IT
70. BUILD A FLAGSHIP APP
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. THANKS