Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

175

Share

Download to read offline

UX and UI - Designing for Mobile

Download to read offline

Creating a great user experience on mobile is both an art and a science. And adding in a beautiful user interface -- that takes real skill. Here are a few tips on designing for mobile from the design pros at HQ. Check us out at http://BuiltbyHQ.com.

Related Audiobooks

Free with a 30 day trial from Scribd

See all

UX and UI - Designing for Mobile

  1. Designing for MOBILE
  2. brought to you by
  3. Click this button to tweet the information on each slide
  4. iOS vs. Android
  5. iOS vs. Android Who are you designing for?
  6. iOS vs. Android Who are you designing for? Apple? or Android?
  7. iOS vs. Android Who are you designing for? Keep in mind the benefits of each... as well as the specs
  8. iOS vs. Android Who are you designing for? Keep in mind the benefits of each... as well as the specs
  9. iOS vs. Android Who are you designing for? Keep in mind the benefits of each... as well as the specs
  10. iOS vs. Android Who are you designing for? Keep in mind the benefits of each... as well as the specs
  11. Mobile Usability
  12. Mobile Usability “The interface is your product. What people see is what you're selling. If you just slap an interface on at the end, the gaps will show.” - Getting Real, 37Signals
  13. Mobile Usability “The interface is your product. What people see is what you're selling. If you just slap an interface on at the end, the gaps will show.” - Getting Real, 37Signals So...make it count!
  14. Mobile Usability A few tips: Design with real content Try to get all of your content up-front, then start designing. Designing around placeholder images and Lorem Ipsum text can lead to problems later.
  15. Mobile Usability A few tips: Make it universally usable Instead of designing for each device/browser, design for every device/browser. This ensures great usability regardless of device.
  16. Mobile Usability A few tips: 44 px rule Apple recommends a touch space of at least 44x44px, while Microsoft suggests at least 34x34px. Make buttons and other links easy to click.
  17. Testing
  18. Testing Test, test, test
  19. Testing Test, test, test Always test extensively before going live (or even to beta.) This will help you avoid issues later, especially on mobile apps.
  20. Navigation
  21. Navigation Because design is limited, creating the right navigation is key to a good mobile interface.
  22. Navigation Examples:
  23. Navigation Examples:
  24. Navigation Examples:
  25. Gestures
  26. Gestures Mobile design is much more focused on interaction than web design. It’s important to determine how each movement relates to an action the user is taking.
  27. Gestures Examples:
  28. Gestures Examples:
  29. Gestures Examples:
  30. Gestures Examples:
  31. Resources
  32. Resources Here are some of our favorite resources for mobile design:
  33. Resources Here are some of our favorite resources for mobile design:
  34. Resources Here are some of our favorite resources for mobile design:
  35. Resources Here are some of our favorite resources for mobile design:
  36. Resources Here are some of our favorite resources for mobile design:
  37. Resources Here are some of our favorite resources for mobile design:
  38. Examples
  39. Examples And a few examples of awesome mobile design Pinterest
  40. Examples And a few examples of awesome mobile design Moves
  41. Examples And a few examples of awesome mobile design National Geographic Parks
  42. Examples And a few examples of awesome mobile design Automatic
  43. brought to you by Learn more about how we can help your mobile design
  • PetrKrej2

    Dec. 3, 2018
  • 786201616

    Mar. 21, 2017
  • DensilSorris

    Jan. 17, 2017
  • vichetuc

    Dec. 28, 2016
  • rajadknight

    Dec. 21, 2016
  • HoPhuong11

    Sep. 12, 2016
  • AmulyaSahu

    Jun. 1, 2016
  • ParvezAnsari11

    May. 1, 2016
  • SandeepBhangle

    Feb. 1, 2016
  • PrasadKhose

    Oct. 28, 2015
  • SamChuang1

    Oct. 19, 2015
  • sandeepnagargoje

    Sep. 4, 2015
  • MarkBagazin

    Aug. 28, 2015
  • Sangkyun

    Jul. 30, 2015
  • MomokoTachiyama

    Jul. 23, 2015
  • ssuserfff81a

    Jul. 6, 2015
  • Cheerreehc

    Jun. 8, 2015
  • emanucavalcante

    May. 27, 2015
  • BastienEichenberger

    May. 21, 2015
  • jseyf1

    Apr. 30, 2015

Creating a great user experience on mobile is both an art and a science. And adding in a beautiful user interface -- that takes real skill. Here are a few tips on designing for mobile from the design pros at HQ. Check us out at http://BuiltbyHQ.com.

Views

Total views

175,773

On Slideshare

0

From embeds

0

Number of embeds

43,213

Actions

Downloads

634

Shares

0

Comments

0

Likes

175

×