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
270
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
580
Passion
maxvoltar
11
420
Other Decks in Design
See All in Design
文字コントラストを改めて考える / Reevaluating Text Contrast
lycorptech_jp
PRO
0
510
Карта реализации историй. Технология осмысленной работы с детальными требованиями
ashapiro
0
120
街・都市という眼差し。まちづくりにおける規範と実践
sakamon
0
130
AI業務アプリケーションの体験デザイン
kazuhirokimura
0
160
SAMSUL KAMAR ABDUL RAHMAN
samsulrahman32
0
160
ChatGPT、Gemini、Claude は、なぜ似たようなUIを採用しているのか?
fuwarisprit
2
1.1k
Character Experience AI 〜 AIキャラクターのつくりかた 〜
smartbank
1
280
エンジニアでも捗る デザイナー的思考入門
tinykitten
1
1.2k
AI時代に、僕たちデザイナーはどう歩むか
kazuhirokimura
0
370
portfolio.pdf
onof003
0
160
デザインシステムの「種」を使って、受託開発を加速させる
akane___ui
0
11k
「UXとUIの違い」v2
shirasu3
0
230
Featured
See All Featured
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.1k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
840
How to Ace a Technical Interview
jacobian
279
23k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
61k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
A designer walks into a library…
pauljervisheath
207
24k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
9
810
Scaling GitHub
holman
463
140k
Context Engineering - Making Every Token Count
addyosmani
2
40
Being A Developer After 40
akosma
90
590k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
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