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
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
250
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
Emmy's Artwork
Avatar for McKenna mcksmith
0
190
組織はみんなでつくる。デザイナーが仕掛ける急拡大する組織のカルチャーづくり
Avatar for Kasumi Morita mkasumi
0
1.1k
自分たちがターゲットになりにくい業務アプリケーションのユーザビリティを担保する取り組み / Initiatives to ensure the usability of business applications that are difficult for us to target
Avatar for Hiromi Morikawa hiromitsuuuuu
1
1.3k
図じゃなく言語で描く - Common Ground for Design AI Operations.
Avatar for Kazuki Ikeda kazukiikeda
1
660
結びながら、ひらく - にじむ境界のデザイン
Avatar for Hiroki Tani hilokifigma
3
1.3k
文化のデザイン - Soft Impact of Design
Avatar for Atsushi Homma atsushihomma
0
140
チームで事業価値を生み出す、プロアクティブなデザイナーになるための道のり/ Designship2025_Naya
Avatar for 株式会社ルート root_recruit
0
380
デザインを信じていますか
Avatar for sekig(ojiee) sekiguchiy
1
940
Correspondence：共に生成していく過程
Avatar for Akira Motomura akiramotomura
0
190
「自分の仕事はどこまで？」と問い続けたら。デザイナーの「視座」を考える
Avatar for Takeru Mukai mukai_takeru
0
300
企業にデザインが融けたとき、デザイナーにできること。事業会社12年間の探究と葛藤 / Designship2025
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
0
1.4k
新卒2年目デザイナーが、UX検定基礎にチャレンジした話
Avatar for ぽん designer_no_pon
0
1.2k

Featured

See All Featured
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
234
17k
Tell your own story through comics
Avatar for letsgokoyo letsgokoyo
1
810
Google's AI Overviews - The New Search
Avatar for Barry Adams badams
0
900
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
Avatar for Szymon szymonslowik
1
910
Introduction to Domain-Driven Design and Collaborative software design
Avatar for Kenny Baas-Schwegler baasie
1
580
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
Avatar for Aleyda Solis aleyda
0
1.9k
We Are The Robots
Avatar for Honza Javorek honzajavorek
0
160
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
74
5k
Paper Plane (Part 1)
Avatar for Katie Cordina Lindsey katiecoart
PRO
0
4k
The Language of Interfaces
Avatar for Des Traynor destraynor
162
26k
We Analyzed 250 Million AI Search Results: Here's What I Found
Avatar for Josh Blyskal joshbly
1
690
Navigating Team Friction
Avatar for Lara Hogan lara
192
16k

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