Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Suzanne Alexandra

Suzanne Alexandra

Seven ways to make the user experience of your Android mobile tablet app delightful. Presented at Mobile Web DevCon, Boston, July 2013.

7b159059a3a9238f6611f2868e0e8464?s=128

Suzanne Alexandra

July 17, 2013
Tweet

More Decks by Suzanne Alexandra

Other Decks in Design

Transcript

  1. DELIGHT THEM 7 TIPS FOR DELIGHTFUL ANDROID UX @suzalex

  2. WHO AM I?   Suzanne Alexandra Founder & Creative Director

  3. Watch video here! Piano Staircase! http://bit.ly/4AzH0C!

  4. FUNCTIONAL BEAUTIFUL WHIMSICAL EMOTIONAL

  5. One Quietly sense! The app listens for the right signal

    and helps!
  6. Use! GPS, accelerometer, light sensor,! microphone, facial recognition, optical sensors!

  7. Watch video here! Google Maps! http://bit.ly/11361gK!

  8. Don’t! Require setup, configuration, or training the app!

  9. Do! Make it seem effortless.! The user does nothing!

  10. Two Use! stunning images" … why?!

  11. None
  12. None
  13. See images and remember 65%.! Text, 10%."

  14. Lemonade!"

  15. None
  16. None
  17. None
  18. None
  19. None
  20. Three Practice simplicity" … what’s that?!

  21. Simplicity is about subtracting! the obvious, and adding the !

    meaningful.! ! - John Maeda, The Laws of Simplicity!
  22. None
  23. Shibumi =" Austerity, simplicity, naturalness, subtlety!

  24. None
  25. None
  26. None
  27. None
  28. To be truly simple, you have to go really deep

    and deeply understand the real essence of a product.! ! - Jony Ive!
  29. Four Use subtle motion!

  30. Why?! Movement breathes life into everything it touches!

  31. None
  32. We’re not talking about this" kind of animation!

  33. Instead! Flips, fades, transitions, zooms, page loads!

  34. Do! Watch the speed!

  35. Watch video here! Google Plus! http://bit.ly/152UgI5!

  36. Do! Be in tune with your! app concept!

  37. None
  38. None
  39. Do! Be subtle. Animation should never fight with content or

    functionality! !
  40. Five Surprise, but subtly!

  41. None
  42. None
  43. Do! Make the surprise fun! and a reward!

  44. Do! Make the surprise! visually engaging!

  45. Six Content, content,! content!

  46. None
  47. It’s dopamine

  48. Unpredictability! keeps people searching!

  49. Dr  Susan  Weinschenk  

  50. Do! refresh content constantly!

  51. Do! provide small bits of info! and a way to

    get more!
  52. None
  53. Do …! Have near-instant response!

  54. None
  55. None
  56. None
  57. Remember time limits:! 0.1, 1.0 and 6.0!

  58. Seven Use friendly messages!

  59. Copywriting is the! secret weapon! of UX!

  60. None
  61. Do! Use short, simple words! with no technical jargon!

  62. No network connection. Try later An error occurred. Please make

    sure you have a data connection and try again
  63. Do! Use a friendly, conversational, human tone!

  64. Added to favorites Saved to internal memory in directory Favorites/songs/0001azq

  65. Do! Reinforce with images!

  66. None
  67. None
  68. Quietly sense! Use stunning images! Practice simplicity! Use subtle motion!

    Surprise, but subtly! Content, content, content! Use friendly messages!
  69. Good design! Makes you happy !

  70. Questions?! Huge thanks :-)! ! @suzalex!