$30 off During Our Annual Pro Sale. View Details »

From Click to Tap

Avatar for Tim Van Damme Tim Van Damme
October 11, 2011
Design
8
280

From Click to Tap

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

Avatar for Tim Van Damme

Tim Van Damme

October 11, 2011
Tweet

More Decks by Tim Van Damme

See All by Tim Van Damme
Designing on Solid Foundations
Avatar for Tim Van Damme maxvoltar
3
240
Web Designers, Unite!
Avatar for Tim Van Damme maxvoltar
2
590
Passion
Avatar for Tim Van Damme maxvoltar
11
420

Other Decks in Design

See All in Design
ドルちゃん
Avatar for ドルちゃん design_dolphins
0
500
大きな変化の中で、わたしが向き合ったこと #もがく中堅デザイナー
Avatar for 弁護士ドットコム bengo4com
1
1.4k
8_8_リサーチカンファレンスプレイベント.pdf
Avatar for Muture muture
PRO
2
600
Character Experience AI 〜 AIキャラクターのつくりかた 〜
Avatar for 株式会社スマートバンク smartbank
1
470
BXデザイン組織が挑んだスクラム 〜ブランドを育み、デザイナーを解放する変革の物語〜（Scrum Fest Mikawa 2025）
Avatar for Tadashi Inoue tadashiinoue
0
950
プロダクトデザイナーに学ぶ、『見る気が起きる』ダッシュボードの作り方 / Creating Engaging Dashboards: Lessons from Product Designers
Avatar for yamamoto-yuta yamamotoyuta
0
280
Diverse Design Team Deck
Avatar for Diverse diverse
0
140
組織の右腕として共創する ー デザインと経営の二つの視点から見えた、新しい支援のかたち/ Designship2025_Nishimura
Avatar for 株式会社ルート root_recruit
0
240
図じゃなく言語で描く - Common Ground for Design AI Operations.
Avatar for Kazuki Ikeda kazukiikeda
1
540
DESIGNEAST 2025 A-3
Avatar for Shigeru Kobayashi _kotobuki_
0
120
Spectrum Tokyo_ デザイナーが事業責任者になってみた
Avatar for Woo seop Shin shin_2
0
170
Franks Myth
Avatar for George Frank Hayford-Taylor gfht1
0
370

Featured

See All Featured
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
22k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
88
4.9k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
196
70k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
50
14k
Designing for Performance
Avatar for Lara Hogan lara
610
69k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
56
14k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
66k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
16k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
2.9k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
254
22k
The Language of Interfaces
Avatar for Des Traynor destraynor
162
25k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
527
40k

Transcript

  1. FROM TO

  2. FROM TO

  3. None

  4. WHY MOBILE?

  5. IN 3 TO 5 YEARS: MOBILE > DESKTOP

  6. 1M TOUCH PHONES SOLD PER DAY

  7. None

  8. WHAT’S DIFFERENT?

  9. CONTEXT

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

    TAP MOBILE MINDSETS CONTEXT
  11. None

  12. MICROTASKING

  13. LOCAL

  14. I’M BORED

  15. SCREEN SIZE

  16. None

  17. 320x480 1024x768

  18. FOCUS

  19. None
  20. None
  21. None
  22. None
  23. None

  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. None
  26. None
  27. None
  28. None
  29. None
  30. None

  31. KEEP IT SIMPLE

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

    TAP ERGONOMICS KEEP IT SIMPLE
  33. None
  34. None

  35. 44px

  36. 44px 44px 44px

  37. None
  38. None

  39. WORKFLOW

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

    TAP DESIGN WORKFLOW
  41. None
  42. None
  43. None
  44. None
  45. None
  46. None
  47. None
  48. None
  49. None
  50. None

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

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

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

    TAP COLLABORATE WITH THE DEVELOPER WORKFLOW
  55. None
  56. None
  57. None
  58. None

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

    TAP AFTER LAUNCH WORKFLOW
  60. None
  61. None
  62. None

  63. PLATFORM

  64. MOBILE WEB APP?

  65. None

  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

  71. None

  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