Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
From Click to Tap
Search
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
Share
More Decks by Tim Van Damme
See All by Tim Van Damme
Designing on Solid Foundations
maxvoltar
3
240
Web Designers, Unite!
maxvoltar
2
550
Passion
maxvoltar
11
410
Other Decks in Design
See All in Design
もうひとつのアーキテクチャ #kichijojipm
kondoyuko
0
180
20241204_UI/UXデザイナーLT会 - vol.10_DMM
motokoishida
0
270
共通言語としてのデザイントークンと Figmaでの運用
kamy0042
0
230
最速[要出典]アクセシビリティチェック
magi1125
2
200
【pmconf2024】ユーザーになりきる「コスプレUX」で リサーチ解像度を上げる
kamechi7222222
1
8.4k
Illustrator2025がやってきた!私が好きな新機能
hamko1114
0
110
横断組織デザイナーの働き方
mixi_design
PRO
0
330
なぜ今必要?Figma×SmartHR×DMM.com×一休 エンジニア視点で考えるデザインシステム
hilokifigma
0
590
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜 組織横断のデザインの 取り組みについて
sig
1
270
【デザイン初め新年会2025|01.08】事業貢献するデザイン組織の挑戦 - 2025年、課題解決をリードする。
payatsusan213
0
9.3k
20241019-CUD友の会「困った!を解決するデザイン改訂版」交流会
majimasachi
0
320
Where to Start with a Design System Across Different Frontend Frameworks | SpectrumTokyoMeetup#15
tararira
0
140
Featured
See All Featured
Making the Leap to Tech Lead
cromwellryan
133
9.1k
A designer walks into a library…
pauljervisheath
205
24k
Writing Fast Ruby
sferik
628
61k
Being A Developer After 40
akosma
89
590k
Building Your Own Lightsaber
phodgson
104
6.2k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
129
19k
Designing Experiences People Love
moore
139
23k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
49k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
99
18k
Visualization
eitanlees
146
15k
How to Ace a Technical Interview
jacobian
276
23k
Transcript
FROM TO
FROM TO
None
WHY MOBILE?
IN 3 TO 5 YEARS: MOBILE > DESKTOP
1M TOUCH PHONES SOLD PER DAY
None
WHAT’S DIFFERENT?
CONTEXT
KEEGAN JONES @keeg TIM VAN DAMME @maxvoltar FROM CLICK TO
TAP MOBILE MINDSETS CONTEXT
None
MICROTASKING
LOCAL
I’M BORED
SCREEN SIZE
None
320x480 1024x768
FOCUS
None
None
None
None
None
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:
None
None
None
None
None
None
KEEP IT SIMPLE
KEEGAN JONES @keeg TIM VAN DAMME @maxvoltar FROM CLICK TO
TAP ERGONOMICS KEEP IT SIMPLE
None
None
44px
44px 44px 44px
None
None
WORKFLOW
KEEGAN JONES @keeg TIM VAN DAMME @maxvoltar FROM CLICK TO
TAP DESIGN WORKFLOW
None
None
None
None
None
None
None
None
None
None
iPhone 320x480 164ppi Palm Pre 320x480 186ppi MyTouch 3G 320x480
180ppi Motorola Droid 480x800 252ppi iPhone 4 960x640 326ppi
None
None
KEEGAN JONES @keeg TIM VAN DAMME @maxvoltar FROM CLICK TO
TAP COLLABORATE WITH THE DEVELOPER WORKFLOW
None
None
None
None
KEEGAN JONES @keeg TIM VAN DAMME @maxvoltar FROM CLICK TO
TAP AFTER LAUNCH WORKFLOW
None
None
None
PLATFORM
MOBILE WEB APP?
None
NATIVE APP?
Text
KEEGAN JONES @keeg TIM VAN DAMME @maxvoltar FROM CLICK TO
TAP ‣ Charge Money ‣ Location ‣ File System ‣ Offline Access ‣ Built-in Marketing NATIVE
ONE APP WON’T CUT IT
BUILD A FLAGSHIP APP
None
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
THANKS