Mobile App Design Best Practices - Usable Interfaces for Tiny Places

  • 7,095 views
Uploaded on

 

More in: Technology , Business
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
  • Are you sure you want to
    Your message goes here
  • Want to see this presentation on a live webcast? Join http://bit.ly/14Pbg5b
    Are you sure you want to
    Your message goes here
No Downloads

Views

Total Views
7,095
On Slideshare
0
From Embeds
0
Number of Embeds
21

Actions

Shares
Downloads
123
Comments
2
Likes
10

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Mobile App Design: Usable Interfaces for Tiny Places
  • 2. Nima Vadiee @NimaVadiee Jeremy Anticouni @JeremyAnticouni
  • 3. youtube.com/apigee
  • 4. slideshare.net/apigee
  • 5. Overview
  • 6. Agenda • Wires Are Worth it • Less is More • You’re All Thumbs • Perception of Performance
  • 7. The importance of prototyping and wire- framing
  • 8. Jumping straight into design is the fastest way to slow down the project in the long run.
  • 9. Skipping UX design always results in delays down the road as questions arise and must be discussed and then
  • 10. Don't trade one for the other! UI distilled from the UX design. UI and UX are not the same thing.
  • 11. Iterate!!
  • 12. Complicated interfaces are easy.
  • 13. Crafting visually appealing user interfaces that remain intuitive and simple is far more challenging.
  • 14. Great design is about taking away and simplifying; not layering on more complexity.
  • 15. White space is good... when properly implemented, it will reinforce the important interface elements.
  • 16. To simplify an interface, review every visual element and ask how it benefits the user.
  • 17. Avoid ornamental or trendy elements -- “everyone else is doing it” is not enough of a reason to include in your design;
  • 18. Examples.
  • 19. ‘Less is More’ Cont.. The fewer elements that are crammed together will make the interface easier
  • 20. Guideline References iOS Human Interface Guidelines http://bit.ly/apigee-iOS_HIG Android Design Guidelines http://bit.ly/apigee-Android_Design
  • 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. 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. Clearly the performance of an app directly affects the user experience.
  • 24. However, its not always within your control.
  • 25. Network conditions, device type & processing power, amongst other things all contribute to the perceived performance of an app.
  • 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. Takeaways
  • 28. Don't rush the UI/UX, it’s one of the most important aspects of great app development.
  • 29. Simplify. Declutter.
  • 30. Follow HIG best practices, your users (and Apple reviewers) will appreciate it.
  • 31. Give your users the perception of performance, even when it’s outside your control.
  • 32. Nima Vadiee @NimaVadiee Jeremy Anticouni @JeremyAnticouni Questions?
  • 33. Thanks! youtube.com/apigee slideshare.net/apigee linkedin.com/company/apigee