Mobile App Design:
Usable Interfaces for
Tiny Places
Nima Vadiee
@NimaVadiee
Jeremy Anticouni
@JeremyAnticouni
youtube.com/apigee
slideshare.net/apigee
Overview
Agenda
• Wires Are Worth it
• Less is More
• You’re All Thumbs
• Perception of Performance
The importance of
prototyping and wire-
framing
Jumping straight into
design is the fastest way
to slow down the project
in the long run.
Skipping UX design
always results in delays
down the road as
questions arise and must
be discussed and then
Don't trade one for the other!
UI distilled from the UX design.
UI and UX are not the
same thing.
Iterate!!
Complicated interfaces
are easy.
Crafting visually appealing
user interfaces that remain
intuitive and simple is far
more challenging.
Great design is about
taking away and
simplifying; not layering on
more complexity.
White space is good...
when properly
implemented, it will
reinforce the important
interface elements.
To simplify an interface,
review every visual
element and ask how it
benefits the user.
Avoid ornamental or
trendy elements --
“everyone else is doing it”
is not enough of a reason
to include in your design;
Examples.
‘Less is More’ Cont..
The fewer elements that
are crammed together will
make the interface easier
Guideline References
iOS Human Interface Guidelines
http://bit.ly/apigee-iOS_HIG
Android Design Guidelines
http://bit.ly/a...
Actionable elements should be a
minimum of 44 x 44 points.
If visually this minimum takes away
from the design, make the
s...
Readability is highly important and
using minimum font sizes will help
achieve this. For example, Apple uses
the following...
Clearly the performance of
an app directly affects the
user experience.
However, its not always
within your control.
Network conditions, device type
& processing power, amongst
other things all contribute to the
perceived performance of an...
Provide the user immediate
feedback that their action has
been received.
Use spinners and loading
indicators when you know...
Takeaways
Don't rush the UI/UX, it’s
one of the most important
aspects of great app
development.
Simplify. Declutter.
Follow HIG best
practices, your users
(and Apple reviewers) will
appreciate it.
Give your users the
perception of
performance, even when
it’s outside your control.
Nima Vadiee
@NimaVadiee
Jeremy Anticouni
@JeremyAnticouni
Questions?
Thanks!
youtube.com/apigee
slideshare.net/apigee
linkedin.com/company/apigee
Mobile App Design Best Practices - Usable Interfaces for Tiny Places
Mobile App Design Best Practices - Usable Interfaces for Tiny Places
Mobile App Design Best Practices - Usable Interfaces for Tiny Places
Mobile App Design Best Practices - Usable Interfaces for Tiny Places
Mobile App Design Best Practices - Usable Interfaces for Tiny Places
Mobile App Design Best Practices - Usable Interfaces for Tiny Places
Mobile App Design Best Practices - Usable Interfaces for Tiny Places
Mobile App Design Best Practices - Usable Interfaces for Tiny Places
Mobile App Design Best Practices - Usable Interfaces for Tiny Places
Mobile App Design Best Practices - Usable Interfaces for Tiny Places
Mobile App Design Best Practices - Usable Interfaces for Tiny Places
Mobile App Design Best Practices - Usable Interfaces for Tiny Places
Upcoming SlideShare
Loading in...5
×

Mobile App Design Best Practices - Usable Interfaces for Tiny Places

9,654

Published on

Published in: Technology, Business
2 Comments
17 Likes
Statistics
Notes
No Downloads
Views
Total Views
9,654
On Slideshare
0
From Embeds
0
Number of Embeds
23
Actions
Shares
0
Downloads
208
Comments
2
Likes
17
Embeds 0
No embeds

No notes for slide

Transcript of "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. youtube.com/apigee
  4. 4. slideshare.net/apigee
  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 http://bit.ly/apigee-iOS_HIG Android Design Guidelines http://bit.ly/apigee-Android_Design
  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! youtube.com/apigee slideshare.net/apigee linkedin.com/company/apigee

×