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
300
8

From Click to Tap

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

Avatar for Tim Van Damme

Tim Van Damme

October 11, 2011

More Decks by Tim Van Damme

See All by Tim Van Damme
Designing on Solid Foundations
Avatar for Tim Van Damme maxvoltar
3
260
Web Designers, Unite!
Avatar for Tim Van Damme maxvoltar
2
610
Passion
Avatar for Tim Van Damme maxvoltar
11
430

Other Decks in Design

See All in Design
怖くないアクセシビリティ -カウンターカルチャーとしてのアッカン東京-
Avatar for Yu Morita securecat
1
250
Accelerating performance improvement based on a software review evaluation matrix
Avatar for kitanosirokuma kitanosirokuma
0
290
デザインの文脈を理解する：エンジニアがデザインカンファレンスに参加して得た学びと気づき
Avatar for 蛋白（たんぱく・TANPACT） hypebeans
0
280
PLATEAUで白い街を作る
Avatar for aikautau aikautau
0
170
Saving_the_King_-_Storyboard.pdf
Avatar for Terence Basart terencebasart
0
300
富山デザイン勉強会_デザイン思考.pdf
Avatar for keita keita_yoshikawa
3
130
猫魔法「ごろごろ」の紹介
Avatar for S.Shimizju gesho
0
130
1000人規模の組織でデザインハーネスを導入するための第一歩
Avatar for PKSHA Technology（パークシャテクノロジー） pkshadeck
PRO
5
3.7k
デザイン組織の"次の"強みづくり
Avatar for 井斉花織（いおり） isaikaori
2
160
Warner Bros. Discovery 2025 Box Office Booklet
Avatar for Sam Bird samb1rd
0
120
The Art of Caring
Avatar for Klemens klemens
0
390
少人数チームで_使われるプロダクトにたどり着くための_デザインハーネス.pdf
Avatar for NishaMe nishame
1
1.4k

Featured

See All Featured
The innovator’s Mindset - 
Leading Through an Era of Exponential Change - McGill University 2025
Avatar for Jean-Marc De Jonghe jdejongh
PRO
1
320
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
Avatar for Kenny Baas-Schwegler baasie
0
500
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
306
120k
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
225
10k
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
331
22k
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
31
10k
Primal Persuasion: How to Engage the Brain for Learning That Lasts
Avatar for Mike Taylor tmiket
0
440
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.5k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
3.2k
AI Search:
Where Are We & What Can We Do About It?
Avatar for Aleyda Solis aleyda
0
7.9k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
211
24k
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
Avatar for Akash Hashmi akashhashmi
0
460

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