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
230
Web Designers, Unite!
maxvoltar
2
550
Passion
maxvoltar
11
410
Other Decks in Design
See All in Design
Dinosaur Mayhem
storyartist
0
130
20241019-CUD友の会「困った!を解決するデザイン改訂版」交流会
majimasachi
0
320
ネーミングの極意 - その名は体を現していますか? -
kakukoki
2
460
(第1回) アーキテクト・テックリード育成講座
masakaya
0
140
エンタメ業界からDX領域に飛び込んだデザイナーが今立ち向かっている壁とは / applibot-dx-designer
cyberagentdevelopers
PRO
1
170
root COMPANY DECK / We are hiring!
root_recruit
1
17k
The One
chinweanimation
0
130
Next Door Stranger - Final Character Designs
reidneedssleep
PRO
0
140
デザインシステム×プロトタイピングで挑む社会的価値の共創 / Designship2024
visional_engineering_and_design
1
330
Дизайн услуги через её визуализацию с Картой процесса-опыта
ashapiro
0
210
もうひとつのアーキテクチャ #kichijojipm
kondoyuko
0
110
aya_murakami_portfolio
ayakaimi1101
0
960
Featured
See All Featured
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
232
17k
Designing for humans not robots
tammielis
250
25k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
49k
Java REST API Framework Comparison - PWX 2021
mraible
28
8.4k
Building an army of robots
kneath
302
45k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
39
1.9k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
175
51k
Why You Should Never Use an ORM
jnunemaker
PRO
55
9.2k
Building Better People: How to give real-time feedback that sticks.
wjessup
366
19k
Rebuilding a faster, lazier Slack
samanthasiow
79
8.8k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
27
1.5k
Building Your Own Lightsaber
phodgson
104
6.2k
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