Upgrade to Pro — share decks privately, control downloads, hide ads and more …

From Click to Tap

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

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
570
Passion
Avatar for Tim Van Damme maxvoltar
11
410

Other Decks in Design

See All in Design
ポートフォリオ_藤田歩希(ほまれ)
Avatar for Aki Fujita akifujita_homarecreate
0
540
Social Anxiety
Avatar for Kayla Smith ksmith2024
0
220
aya_murakami_portfolio
Avatar for aya ayakaimi1101
0
1.8k
“使いやすい”が生産性を変える！業務を効率化するためのUX/UI設計ポイント
Avatar for NCDC ncdc
2
340
Flow, Not Stock 知識触媒としてのIA
Avatar for Takehisa Gokaichi 5kaichi
1
270
Goodpatch Tour💙 / We are hiring!
Avatar for Goodpatch Inc. goodpatch
31
850k
サービスデザインにおける、 映像活用の可能性（Spectrum Tokyo Meetup #18）
Avatar for Akihide Kanai ka71
0
110
藤本佳子・ポートフォリオ・2025/5/29
Avatar for よし yoshi_designer
1
5.5k
マズロー安達の弟子2期生、成功事例集（17人中17人が3ヶ月平均140万受注）
Avatar for マズロー安達 maslow_akkun
0
4.9k
BPStudy#213〜ビジネスアナリシスとDDD（ドメイン駆動設計）パネルディスカッション資料 / BPStudy213-panel
Avatar for haru860 haru860
0
230
【Adobe MAX Japan 2025】上手にFireflyにお願いしてウェブデザイン案を出すぞ！
Avatar for Akiko Kurono cremacrema
7
5.5k
アップロード-職業訓練_ワンランク上に見せるデザインのコツ.pdf
Avatar for keita keita_yoshikawa
0
120

Featured

See All Featured
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
28
5.4k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
106
19k
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
78
6.4k
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
10
850
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
46
14k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
5.6k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.1k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1031
460k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
54
13k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
42
2.3k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
123
52k
How GitHub (no longer) Works
Avatar for Zach Holman holman
314
140k

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