Mobile design best practices
Upcoming SlideShare
Loading in...5
×
 

Mobile design best practices

on

  • 6,708 views

A talk I gave at Charlotte User Experience Meetup Group on what makes a great mobile app or site.

A talk I gave at Charlotte User Experience Meetup Group on what makes a great mobile app or site.

Statistics

Views

Total Views
6,708
Views on SlideShare
2,684
Embed Views
4,024

Actions

Likes
6
Downloads
22
Comments
0

71 Embeds 4,024

http://interactivemultimediatechnology.blogspot.com 1191
http://rollerskate-freestyler.blogspot.com 911
http://rollerskate-freestyler.blogspot.tw 402
http://interactivemultimediatechnology.blogspot.in 141
http://interactivemultimediatechnology.blogspot.co.uk 141
http://rollerskate-freestyler.blogspot.ca 106
http://interactivemultimediatechnology.blogspot.com.es 84
http://interactivemultimediatechnology.blogspot.de 80
http://interactivemultimediatechnology.blogspot.ca 76
http://interactivemultimediatechnology.blogspot.com.au 53
http://interactivemultimediatechnology.blogspot.ie 51
http://interactivemultimediatechnology.blogspot.nl 49
http://rollerskate-freestyler.blogspot.co.uk 42
http://interactivemultimediatechnology.blogspot.fr 40
http://rollerskate-freestyler.blogspot.hk 35
http://rollerskate-freestyler.blogspot.in 32
http://rollerskate-freestyler.blogspot.com.es 30
http://interactivemultimediatechnology.blogspot.dk 29
http://interactivemultimediatechnology.blogspot.ru 27
http://interactivemultimediatechnology.blogspot.it 27
http://rollerskate-freestyler.blogspot.it 25
http://rollerskate-freestyler.blogspot.kr 25
http://rollerskate-freestyler.blogspot.com.br 23
http://interactivemultimediatechnology.blogspot.ch 21
http://interactivemultimediatechnology.blogspot.tw 20
http://rollerskate-freestyler.blogspot.de 20
http://rollerskate-freestyler.blogspot.com.au 19
http://translate.googleusercontent.com 18
http://interactivemultimediatechnology.blogspot.no 16
http://interactivemultimediatechnology.blogspot.hk 16
http://rollerskate-freestyler.blogspot.fr 16
http://interactivemultimediatechnology.blogspot.kr 15
http://rollerskate-freestyler.blogspot.jp 15
http://interactivemultimediatechnology.blogspot.sg 14
http://interactivemultimediatechnology.blogspot.be 13
http://interactivemultimediatechnology.blogspot.pt 12
http://rollerskate-freestyler.blogspot.co.il 12
http://rollerskate-freestyler.blogspot.se 11
http://rollerskate-freestyler.blogspot.com.ar 11
http://interactivemultimediatechnology.blogspot.com.br 11
http://interactivemultimediatechnology.blogspot.gr 11
http://interactivemultimediatechnology.blogspot.se 9
http://interactivemultimediatechnology.blogspot.co.nz 9
http://rollerskate-freestyler.blogspot.ru 8
http://interactivemultimediatechnology.blogspot.co.at 7
http://rollerskate-freestyler.blogspot.mx 7
http://rollerskate-freestyler.blogspot.sg 7
http://rollerskate-freestyler.blogspot.nl 7
http://interactivemultimediatechnology.blogspot.mx 6
http://rollerskate-freestyler.blogspot.no 5
More...

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Mobile design best practices Mobile design best practices Presentation Transcript

  • Hi.Tuesday, August 28, 12
  • Event hashtag: #shutupnerdTuesday, August 28, 12
  • Event hashtag: #cltuxTuesday, 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
  • Mobile Design Best Practice #1 Focus.Tuesday, August 28, 12
  • Science-based chart using hearts from The Legend of Zelda to represent how many chances users are willing to give you Nope. Yep.Tuesday, August 28, 12
  • Tuesday, August 28, 12
  • What users do to lame appsTuesday, August 28, 12
  • What users do to boring appsTuesday, August 28, 12
  • What you want them to doTuesday, 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 Scroll Zoom Pinch Swipe FlickTuesday, August 28, 12
  • Mobile Design Best Practice #7 Please God don’t abuse Push notifications.Tuesday, August 28, 12
  • TweetBot’s notification choicesTuesday, 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 spotsTuesday, 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 instructionsTuesday, 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 examplesTuesday, 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 complicationTuesday, August 28, 12
  • Comparing iBooks, Kindle and InstapaperTuesday, August 28, 12
  • Podcasts brings all kinds of goodies to the realism partyTuesday, 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 imageTuesday, August 28, 12
  • Mobile Design Best Practice #15 Be consistent.Tuesday, August 28, 12
  • Example of a style guideTuesday, 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 buttonsTuesday, August 28, 12
  • Mobile Design Best Practice #21 Design for all environmentsTuesday, 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 itTuesday, 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 iPhoneTuesday, 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 themTuesday, August 28, 12
  • Mobile Design Best Practice #30 Don’t crowd the navigation bar.Tuesday, August 28, 12
  • TweetBot’s navigation barTuesday, August 28, 12
  • Don’t create a multi-segment back button Make the button the title of the previous screenTuesday, 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 PatternsTuesday, August 28, 12