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.

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