Mobile App Design Best Practices - Usable Interfaces for Tiny Places
32 likes15,811 views
The document discusses best practices for mobile app design, focusing on creating usable interfaces for small screens. It emphasizes the importance of wireframing and prototyping before design to simplify interfaces. Great design takes away complexity by removing unnecessary elements and using white space effectively. The document also stresses the need to follow platform guidelines and provide feedback to users to give the perception of high performance, even when factors like network conditions are outside the designer's control.
Mobile App Design Best Practices - Usable Interfaces for Tiny Places
- 1. Mobile App Design: Usable Interfaces for Tiny Places
- 5. Overview
- 6. Agenda • Wires Are Worth it • Less is More • You’re All Thumbs • Perception of Performance
- 8. The importance of prototyping and wire- framing
- 9. Jumping straight into design is the fastest way to slow down the project in the long run.
- 10. Skipping UX design always results in delays down the road as questions arise and must be discussed and then
- 11. Don't trade one for the other! UI distilled from the UX design. UI and UX are not the same thing.
- 12. Iterate!!
- 15. Crafting visually appealing user interfaces that remain intuitive and simple is far more challenging.
- 16. Great design is about taking away and simplifying; not layering on more complexity.
- 17. White space is good... when properly implemented, it will reinforce the important interface elements.
- 18. To simplify an interface, review every visual element and ask how it benefits the user.
- 19. Avoid ornamental or trendy elements -- “everyone else is doing it” is not enough of a reason to include in your design;
- 20. Examples.
- 26. ‘Less is More’ Cont.. The fewer elements that are crammed together will make the interface easier
- 27. Guideline References iOS Human Interface Guidelines http://bit.ly/apigee-iOS_HIG Android Design Guidelines http://bit.ly/apigee-Android_Design
- 28. 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.
- 29. 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
- 31. Clearly the performance of an app directly affects the user experience.
- 32. However, its not always within your control.
- 33. Network conditions, device type & processing power, amongst other things all contribute to the perceived performance of an app.
- 34. 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
- 35. Takeaways
- 36. Don't rush the UI/UX, it’s one of the most important aspects of great app development.
- 38. Follow HIG best practices, your users (and Apple reviewers) will appreciate it.
- 39. Give your users the perception of performance, even when it’s outside your control.