• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Design for mobile

Design for mobile



8 simple things to remember when designing for mobile devices.

8 simple things to remember when designing for mobile devices.



Total Views
Views on SlideShare
Embed Views



3 Embeds 787

http://www.davidedicillo.com 781
http://translate.googleusercontent.com 3
http://www.linkedin.com 3



Upload Details

Uploaded via as Apple Keynote

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.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
Post Comment
Edit your comment
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />

Design for mobile Design for mobile Presentation Transcript

  • Design for Mobile 8 things to remember when designing for mobile
  • 1– Mobile phones, ADHD Most likely your application won’t be used for more than Smartphones are mostly used to fight boredom and You need to help your users to get to their goals
  • 2– Don’t waste space you Does your logo use 20% or more of the screen real estate on each page of your mobile Be creative promoting your Create a great user experience and your logo will sit on their home screen all day.
  • 3– One hand to rule them There is a good chance that your application will be used with one hand only. Make sure everything is at thumb reach. HTML markup is valid, If your even regular websites could be easily accessible with one hand.
  • 4– Just follow the flow. Think direction. Not all swipes are created equal. It’s always easier to pull your Each action should feel like the natural continuation of the previous one.
  • 5– Let the guidelines guide Guidelines don’t kill creativity. Try to be creative inside them. Navigation bar Guidelines make sure that your user won’t have to learn your interface in Tab bar Don’t be lazy. If possible design an specific interface for each
  • 6– Size matter. Any size. Make sure your website or app is optimized for the size of What’s a good idea on a 3.5” screen, Don’t forget about orientation.
  • 7– Keep it real. Real life. Make it easier for your users, use something they already know. Real life metaphors are often self-explanatory. The challenge is to keep your elements Apple ships phones without instructions. Can you do the same
  • 8– Forget :hover. No touch, Show everything or make sure you can “click to Make clear to the user what’s clickable and what’s not. Using your app shouldn’t be a treasure hunt.
  • Thank you! http://DavideDiCillo.com @DavideDiCillo http://39inc.com