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

Web Usability on a Budget

Af7acd01448753af3dfd648c3f5ea287?s=47 timgthomas
February 02, 2013

Web Usability on a Budget

Not all projects have the budget for UX designers; as a result, experience in disciplines such as user research, interaction design, and information architecture are often expected of all developers on a team. Fortunately, these arcane-sounding topics are far from impossible to grasp for mere programmer mortals. In this session, you'll learn some easy tricks to make your sites more approachable, discover ways to help develop an emotional connection between your apps and your users, and see some tools that can assist you with planning and designing your next masterpiece of usability.

Af7acd01448753af3dfd648c3f5ea287?s=128

timgthomas

February 02, 2013
Tweet

Transcript

  1. Web Usability on a Budget Photo source: http://www.flickr.com/photos/puuikibeach/

  2. Tim G. Thomas Senior UI Consultant Headspring | Austin, TX

    Photo source: http://www.flickr.com/photos/puuikibeach/
  3. Tim G. Thomas @timgthomas timgthomas.com Photo source: http://www.flickr.com/photos/puuikibeach/

  4. What is “usability”? Photo source: http://www.flickr.com/photos/antekno/

  5. What isn’t “usable”? Photo source: flickr.com/photos/32687125@N05/

  6. Frustrating Photo source: flickr.com/photos/32687125@N05/

  7. Intimidating Photo source: flickr.com/photos/32687125@N05/

  8. Confusing Photo source: flickr.com/photos/32687125@N05/

  9. Unusable Photo source: flickr.com/photos/32687125@N05/

  10. Usability is the Antithesis http://www.flickr.com/photos/geralds_1311

  11. Pleasing http://www.flickr.com/photos/geralds_1311

  12. Inviting http://www.flickr.com/photos/geralds_1311

  13. Clear http://www.flickr.com/photos/geralds_1311

  14. Seems Hard Photo source: http://www.flickr.com/photos/eworm/

  15. Large projects » Design Disciplines Photo source: http://www.flickr.com/photos/wwarby/

  16. Information Architect Photo source: http://www.flickr.com/photos/wwarby/

  17. User Advocate Photo source: http://www.flickr.com/photos/wwarby/

  18. Human Factors Engineer Photo source: http://www.flickr.com/photos/wwarby/

  19. Visual Designer Photo source: http://www.flickr.com/photos/wwarby/

  20. UI Designer Photo source: http://www.flickr.com/photos/wwarby/

  21. UX Designer Photo source: http://www.flickr.com/photos/wwarby/

  22. … aaronweyenberg.com/uxgenerator/

  23. Large projects » Design Disciplines Photo source: http://www.flickr.com/photos/wwarby/

  24. Small Projects » Design Principles Photo source: http://www.flickr.com/photos/folkbird/

  25. Developer Photo source: http://www.flickr.com/photos/folkbird/

  26. Software Developer Photo source: http://www.flickr.com/photos/folkbird/

  27. Web Developer Photo source: http://www.flickr.com/photos/folkbird/

  28. Procedures Photo source: http://www.flickr.com/photos/eworm/

  29. Usability Principles Photo source: http://www.flickr.com/photos/39877441@N05/

  30. Focus on User Goals zenpen.io

  31. zenpen.io

  32. Learn (and use) Users’ Language neonmob.com

  33. neonmob.com

  34. neonmob.com

  35. neonmob.com

  36. Minimize the Cost of Failure github.com

  37. github.com

  38. github.com

  39. github.com

  40. Follow Conventions stripe.com

  41. stripe.com

  42. stripe.com

  43. stripe.com

  44. stripe.com

  45. stripe.com

  46. Emphasize & Deemphasize mint.com

  47. Nudge mint.com

  48. mint.com

  49. mint.com

  50. mint.com

  51. mint.com

  52. Utilize Symbology and Icons manage.windowsazure.com

  53. manage.windowsazure.com

  54. manage.windowsazure.com

  55. manage.windowsazure.com

  56. Provide Affordance mozilla.org/firefox/features

  57. mozilla.org/firefox/features

  58. mozilla.org/firefox/features

  59. Tools to Help Photo source: http://www.flickr.com/photos/75905404@N00/

  60. wireframe.cc

  61. fontello.com

  62. dribbble.com/tags/ux

  63. creativemarket.com

  64. uxdesign.smashingmagazine.com

  65. design-seeds.com

  66. A Cup of Coffee Photo source: http://www.flickr.com/photos/djwtwo/

  67. Usability? Photo source: flickr.com/photos/comedynose/

  68. Disciplines to Principles Photo source: flickr.com/photos/comedynose/

  69. Tools Photo source: flickr.com/photos/comedynose/

  70. Usability! Photo source: flickr.com/photos/daijihirata/

  71. aaronweyenberg.com/uxgenerator/

  72. Thank you! spkr8.com/t/19641 | @timgthomas