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

From Click to Tap

Tim Van Damme
October 11, 2011
Design
8
260

From Click to Tap

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

Tim Van Damme

October 11, 2011
Tweet

More Decks by Tim Van Damme

See All by Tim Van Damme
Designing on Solid Foundations
maxvoltar
3
230
Web Designers, Unite!
maxvoltar
2
490
Passion
maxvoltar
11
400

Other Decks in Design

See All in Design
Information Architects: The Missing Link in Design Systems
soysaucechin
0
190
Speed Design
sergeychernyshev
9
270
興味関心と組織とリサーチ #ResearchConf / 20240419
minamitary
1
130
Mitra Manual
nnidhz
0
140
DMMデザイナーのプロダクトへの携わり方と組織再編
takumasaito
1
160
情報サービスユニット UXUIチーム紹介/btobuxui
nikkei_engineer_recruiting
1
130
🇫🇷 Design Leadership en eaux troubles
morganepeng
2
340
Making impact with your craft with sociotechnical design
xinyao
1
140
Sociotechnical design for software and human systems
xinyao
2
560
みんなでブラッシュアップするDesign Sprint_BASE BANKチームの場合
base
PRO
3
330
富山デザイン勉強会-2024年デザイントレンド.pdf
keita_yoshikawa
2
130
Sensitive Texter Storyboard
ctagulao98
0
160

Featured

See All Featured
Git: the NoSQL Database
bkeepers
PRO
423
64k
[RailsConf 2023] Rails as a piece of cake
palkan
35
4.4k
The Straight Up "How To Draw Better" Workshop
denniskardys
229
130k
5 minutes of I Can Smell Your CMS
philhawksworth
200
19k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
149
45k
Speed Design
sergeychernyshev
9
270
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
353
29k
Designing on Purpose - Digital PM Summit 2013
jponch
113
6.6k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
24
1.8k
The World Runs on Bad Software
bkeepers
PRO
63
11k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
277
13k
What's in a price? How to price your products and services
michaelherold
239
11k

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