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
Mobile Design Best Practices
Search
Joshua Mauldin
August 27, 2012
Design
7
290
Mobile Design Best Practices
A talk I gave at Charlotte User Experience Meetup Group on what makes a great mobile app or site.
Joshua Mauldin
August 27, 2012
Tweet
Share
More Decks by Joshua Mauldin
See All by Joshua Mauldin
[Productized] Conflict Resolution for People Who Hate Conflict
joshuamauldin
2
280
Conflict Resolution for People Who Hate Conflict
joshuamauldin
0
28
Conflict Resolution for Designers who Hate Conflict
joshuamauldin
0
290
Effective Animation
joshuamauldin
0
130
Does this paragraph make me look fat?
joshuamauldin
1
300
The design process gets an upgrade
joshuamauldin
0
57
Cultivating UX - A case study on our iOS app
joshuamauldin
0
50
Other Decks in Design
See All in Design
成長する組織のナレッジベースのつくりかた_知識基盤のデザインとメタデザイン
gaussbeam
0
870
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜 組織横断のデザインの 取り組みについて
sig
1
270
ゲーム開発における、Figma活用事例の紹介 / applibot-figma
cyberagentdevelopers
PRO
2
620
20241204_UI/UXデザイナーLT会 - vol.10_DMM
motokoishida
0
270
AIと創る広告の未来 ― タップルと極AIお台場スタジオの最新事例― / ai-tapple-odaiba
cyberagentdevelopers
PRO
1
680
マルチプロダクトにおけるデザイナーの挑戦-デザイン初め新年会2025
u_ri_ta
1
140
最速[要出典]アクセシビリティチェック
magi1125
2
200
ユーザーに向き合うデザインが介護・福祉の現場を変える / User-facing design changes the field of care and welfare
sms_tech
0
230
LayerX DesignersDeck
layerx
PRO
0
2.5k
[Designship2024] デザインの力でサービスの価値を追求していたら、組織全体をデザインしていた話
okakasoysauce
2
1.1k
ZKK_001.pdf
nicholaspegu
0
1.5k
1年目のクリエイターがつくりあげた!採用冊子CANVAS制作の裏側 / creator-canvas
cyberagentdevelopers
PRO
1
510
Featured
See All Featured
GraphQLの誤解/rethinking-graphql
sonatard
68
10k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
6
540
The Art of Programming - Codeland 2020
erikaheidi
53
13k
Mobile First: as difficult as doing things right
swwweet
223
9.3k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
114
50k
Gamification - CAS2011
davidbonilla
80
5.1k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Facilitating Awesome Meetings
lara
51
6.2k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
49
2.3k
The Pragmatic Product Professional
lauravandoore
32
6.4k
GitHub's CSS Performance
jonrohan
1030
460k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3k
Transcript
Hi. Tuesday, August 28, 12
#shutupnerd Event hashtag: Tuesday, August 28, 12
#cltux Event hashtag: Tuesday, August 28, 12
Mobile apps give a focused, quick and beautiful experience that
you don’t usually get on the web. Tuesday, August 28, 12
Focus. Mobile Design Best Practice #1 Tuesday, August 28, 12
Yep. Science-based chart using hearts from The Legend of Zelda
to represent how many chances users are willing to give you Nope. Tuesday, August 28, 12
Tuesday, August 28, 12
What users do to lame apps Tuesday, August 28, 12
What users do to boring apps Tuesday, August 28, 12
What you want them to do Tuesday, August 28, 12
Tuesday, August 28, 12
Mobile Design Best Practice #2 Practice touch- based design. Tuesday,
August 28, 12
Mobile Design Best Practice #3 The fold is dead. Kind
of. Well, mostly. Tuesday, August 28, 12
Mobile Design Best Practice #4 Ask people to save only
when it’s absolutely necessary. Tuesday, August 28, 12
Tuesday, August 28, 12
Mobile Design Best Practice #5 Plan it before you design
it. Tuesday, August 28, 12
Mobile Design Best Practice #6 Gestures should only augment your
experience. Tuesday, August 28, 12
Standard gestures you can use Tap & Hold Single Tap
Double Tap Flick Scroll Zoom Pinch Swipe Tuesday, August 28, 12
Mobile Design Best Practice #7 Please God don’t abuse Push
notifications. Tuesday, August 28, 12
TweetBot’s notification choices Tuesday, August 28, 12
Mobile Design Best Practice #8 Figure out where your app
settings will live. Tuesday, August 28, 12
iBooks’ settings live in two spots Tuesday, August 28, 12
Mobile Design Best Practice #9 Don’t make users read a
manual to use your app. Tuesday, August 28, 12
Popular Science gets a little too nerdy with their instructions
Tuesday, August 28, 12
My reaction to this kind of nonsense. Tuesday, August 28,
12
Tuesday, August 28, 12
Mobile Design Best Practice #9.5ish Show, don’t tell. Tuesday, August
28, 12
Coach mark examples Tuesday, August 28, 12
Mobile Design Best Practice #10 Use the built-in apps as
a starting point. Tuesday, August 28, 12
Mobile Design Best Practice #11 Read Apple’s Human Interface Guidelines.
Tuesday, August 28, 12
Mobile Design Best Practice #12 Use caution when creating your
own design patterns. Tuesday, August 28, 12
So, how do I use this thing? Wait, books are
under music? Tuesday, August 28, 12
Mobile Design Best Practice #13 Ease up on the realism,
man. Tuesday, August 28, 12
Skeumorphic interfaces can add unnecessary complication Tuesday, August 28, 12
Comparing iBooks, Kindle and Instapaper Tuesday, August 28, 12
Podcasts brings all kinds of goodies to the realism party
Tuesday, August 28, 12
Mobile Design Best Practice #13 Use a grid. Tuesday, August
28, 12
Mobile Design Best Practice #14 Simplify forms. Tuesday, August 28,
12
Example of how left-aligned form labels fail on mobile devices
Thanks to @uxmovement for the image Tuesday, August 28, 12
Mobile Design Best Practice #15 Be consistent. Tuesday, August 28,
12
Example of a style guide Tuesday, August 28, 12
Mobile Design Best Practice #16 Make it look tappable. Tuesday,
August 28, 12
Mobile Design Best Practice #17 Give users feedback. Tuesday, August
28, 12
Mobile Design Best Practice #18 Learn how to write good.
Tuesday, August 28, 12
Mobile Design Best Practice #19 Be social. Tuesday, August 28,
12
Mobile Design Best Practice #20 Touch targets should be fingertip-sized.
Tuesday, August 28, 12
Apple’s Calculator app has some nice, tappable buttons Tuesday, August
28, 12
Mobile Design Best Practice #21 Design for all environments Tuesday,
August 28, 12
Mobile Design Best Practice #22 Use analytics. Tuesday, August 28,
12
Mobile Design Best Practice #22 and a half Avoid religious
debates. Tuesday, August 28, 12
Mobile Design Best Practice #23 Listen to your users. Tuesday,
August 28, 12
Mobile Design Best Practice #24 Be bandwidth- friendly. Tuesday, August
28, 12
Mobile Design Best Practice #25 Sync with iCloud. Tuesday, August
28, 12
Mobile Design Best Practice #26 Don’t rely on ads. Tuesday,
August 28, 12
Put an ad on it is the new put a
bird on it Tuesday, August 28, 12
Mobile Design Best Practice #27 Start and stop instantly. Tuesday,
August 28, 12
Mobile Design Best Practice #28 On iPads, take advantage of
popovers. Tuesday, August 28, 12
Things on iPad and iPhone Tuesday, August 28, 12
Mobile Design Best Practice #who’s counting Remove chrome if possible.
Tuesday, August 28, 12
Try to hide tools when a user doesn’t need them
Tuesday, August 28, 12
Mobile Design Best Practice #30 Don’t crowd the navigation bar.
Tuesday, August 28, 12
TweetBot’s navigation bar Tuesday, August 28, 12
Don’t create a multi-segment back button Make the button the
title of the previous screen Tuesday, August 28, 12
Mobile Design Best Practice #the end Have fun. Go make
something great. Tuesday, August 28, 12
Tuesday, August 28, 12
Thanks! Tuesday, August 28, 12
Resources • UXMovement • Apple Human Interface Guidelines • Android
Design • Mobile Patterns Tuesday, August 28, 12