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
520
Passion
maxvoltar
11
410
Other Decks in Design
See All in Design
圧縮デザインスプリントによるオンボーディングの体験設計事例
hassy_pixiv
0
110
新しいemoji😄のアイデアをUnicodeが募集中‼️🏃♀️💨💨💨傾向を学んでみんな提案しよう💪
oguemon
2
610
Pizza Trail v2
jerfusart
0
130
Blender 4.1 で レッツ Vket Cloud!
kamera25
0
270
アフォーダンスとシグニファイア
ryokanakai
0
270
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
baasie
0
130
デザイナー視点の体験設計とデザインレビューを事業部全員で体験するワークショップをしたお話
masayofff
2
170
Webフォント選定の極意!フォントの基本から最新トレンドまで徹底解説
takanorip
3
560
インターフェースのユーザビリティ概論および調査手法について
readymadegogo
0
170
Rebuilding Stamen’s iconic map styles with Stadia Maps
almccon
0
200
私たちが取り組んできたアクセシビリティと これから取り組んでいくアクセシビリティについて
securecat
1
330
Mitra Manual
nnidhz
0
190
Featured
See All Featured
GraphQLとの向き合い方2022年版
quramy
43
13k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
125
18k
Unsuck your backbone
ammeep
667
57k
Documentation Writing (for coders)
carmenintech
65
4.3k
How to Think Like a Performance Engineer
csswizardry
16
1k
Bash Introduction
62gerente
608
210k
GitHub's CSS Performance
jonrohan
1030
450k
A Philosophy of Restraint
colly
202
16k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
9k
Building Better People: How to give real-time feedback that sticks.
wjessup
360
19k
Intergalactic Javascript Robots from Outer Space
tanoku
268
27k
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