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.

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

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!!

14. Complicated interfaces
are easy.

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.

37. Simplify. Declutter.

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.

44. Nima Vadiee
@NimaVadiee
Jeremy Anticouni
@JeremyAnticouni
Questions?

45. Thanks!
youtube.com/apigee
slideshare.net/apigee
linkedin.com/company/apigee