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

From Click to Tap

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
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
250
Web Designers, Unite!
Avatar for Tim Van Damme maxvoltar
2
600
Passion
Avatar for Tim Van Damme maxvoltar
11
430

Other Decks in Design

See All in Design
大企業インハウスデザイン組織における DesignOps改革の現在地 / DesignOps at Scale: Navigating Transformation in Large Enterprises
Avatar for NTT docomo Business nttcom
0
680
Техники структурирования беседы с собой, заказчиком и командо
Avatar for Andrew Shapiro ashapiro
0
160
decksh object reference
Avatar for Anthony Starks ajstarks
2
1.6k
Tendências de UX Research 2026
Avatar for Viviane Delvequio videlvequio
0
120
デザインとフロントエンドの境界が融ける Claude Code × Figma
Avatar for littlebusters littlebusters
1
2.9k
Design dependencies
Avatar for Teba_eleven teba_eleven
0
120
体験負債を資産に変える組織的アプローチ
Avatar for hikarutakase hikarutakase
0
1.3k
2026_01_07_３DプリントはじめましたLT.pdf
Avatar for HideakiTakechi hideakitakechi
0
200
【pmconf2025】PdMの頭の中を見える化する体験構造図
Avatar for Shigeyuki Kameda kamechi7222222
1
2.4k
「見せる」登壇資料デザインの極意
Avatar for takanorip takanorip
3
960
なぜ、インサイトを貯めるのか？
Avatar for 田島佳穂 tajima_kaho
2
2k
Signull 団体説明資料
Avatar for Signull signull
0
630

Featured

See All Featured
Building a A Zero-Code AI SEO Workflow
Avatar for Ian Lurie portentint
PRO
0
550
Abbi's Birthday
Avatar for Violet Bock coloredviolet
2
7.9k
Design in an AI World
Avatar for tapps tapps
1
220
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
141
35k
The Mindset for Success: Future Career Progression
Avatar for Greg Gifford greggifford
PRO
0
350
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
32
2.9k
Organizational Design Perspectives: An Ontology of Organizational Design Elements
Avatar for Dr. Kim W Petersen kimpetersen
PRO
1
720
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
16k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
5.9k
The Limits of Empathy - UXLibs8
Avatar for Cassini Nazir cassininazir
1
350
Stewardship and Sustainability of Urban and Community Forests
Avatar for Eric Wiseman pwiseman
0
220

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