Mobile App Design Best Practices - Usable Interfaces for Tiny Places


Published on

Published in: Technology, Business
  • Team Apigee, presented good slides on mobile app design practices. Well said about the white spaces and the visual elements
    Are you sure you want to  Yes  No
    Your message goes here
  •    Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Want to see this presentation on a live webcast? Join
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Total Views
On Slideshare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Mobile App Design Best Practices - Usable Interfaces for Tiny Places

  1. 1. Mobile App Design: Usable Interfaces for Tiny Places
  2. 2. Nima Vadiee @NimaVadiee Jeremy Anticouni @JeremyAnticouni
  3. 3.
  4. 4.
  5. 5. Overview
  6. 6. Agenda • Wires Are Worth it • Less is More • You’re All Thumbs • Perception of Performance
  7. 7. The importance of prototyping and wire- framing
  8. 8. Jumping straight into design is the fastest way to slow down the project in the long run.
  9. 9. Skipping UX design always results in delays down the road as questions arise and must be discussed and then
  10. 10. Don't trade one for the other! UI distilled from the UX design. UI and UX are not the same thing.
  11. 11. Iterate!!
  12. 12. Complicated interfaces are easy.
  13. 13. Crafting visually appealing user interfaces that remain intuitive and simple is far more challenging.
  14. 14. Great design is about taking away and simplifying; not layering on more complexity.
  15. 15. White space is good... when properly implemented, it will reinforce the important interface elements.
  16. 16. To simplify an interface, review every visual element and ask how it benefits the user.
  17. 17. Avoid ornamental or trendy elements -- “everyone else is doing it” is not enough of a reason to include in your design;
  18. 18. Examples.
  19. 19. ‘Less is More’ Cont.. The fewer elements that are crammed together will make the interface easier
  20. 20. Guideline References iOS Human Interface Guidelines Android Design Guidelines
  21. 21. Actionable elements should be a minimum of 44 x 44 points. If visually this minimum takes away from the design, make the surrounding area tappable while keeping the element size smaller.
  22. 22. Readability is highly important and using minimum font sizes will help achieve this. For example, Apple uses the following font sizes for their interface elements •Titles & Button labels: 20pt •List Labels: 17pt •Standard text: 16pt
  23. 23. Clearly the performance of an app directly affects the user experience.
  24. 24. However, its not always within your control.
  25. 25. Network conditions, device type & processing power, amongst other things all contribute to the perceived performance of an app.
  26. 26. Provide the user immediate feedback that their action has been received. Use spinners and loading indicators when you know a task will not be completed instantly
  27. 27. Takeaways
  28. 28. Don't rush the UI/UX, it’s one of the most important aspects of great app development.
  29. 29. Simplify. Declutter.
  30. 30. Follow HIG best practices, your users (and Apple reviewers) will appreciate it.
  31. 31. Give your users the perception of performance, even when it’s outside your control.
  32. 32. Nima Vadiee @NimaVadiee Jeremy Anticouni @JeremyAnticouni Questions?
  33. 33. Thanks!