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
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
loglass2019
1
670
ビジネスアナリシスはビジネス”分析”じゃないよ!~システム人材が価値を生むための基盤スキルとしてのビジネスアナリシス~
bpstudy
0
530
バイアスを凌ぐデザインとコード ―異動直後にどうふるまうか―
kkaru
0
440
AIで加速するアクセシビリティのこれから
magi1125
3
540
サービスデザインにおける、 映像活用の可能性(Spectrum Tokyo Meetup #18)
ka71
0
120
Hatena Engineer Seminar #33 チームと開発するためのモック
takuwolog
0
340
事例で学ぶ!今日から使えるWebサービスUI改善ポイント
ncdc
0
160
250131_product meetup
motokoishida
0
210
portfolio_YumiYasuda
yum0418
0
290
DC Style Redesign
mcduckyart
0
130
誰もがAIエージェントを"操作"したがる〜AIエージェントに求められるUX〜
ikeyatsu
2
1.8k
Echoes Boomerang
artcloudyu
PRO
0
240
Featured
See All Featured
Building Flexible Design Systems
yeseniaperezcruz
328
39k
Java REST API Framework Comparison - PWX 2021
mraible
31
8.7k
Designing for humans not robots
tammielis
253
25k
Rebuilding a faster, lazier Slack
samanthasiow
82
9.1k
Automating Front-end Workflow
addyosmani
1370
200k
Statistics for Hackers
jakevdp
799
220k
We Have a Design System, Now What?
morganepeng
53
7.7k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
10
940
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Building Applications with DynamoDB
mza
95
6.5k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
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