Usability in a Multidisciplinary Team

1,921 views

Published on

Published in: Technology, Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,921
On SlideShare
0
From Embeds
0
Number of Embeds
36
Actions
Shares
0
Downloads
56
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Usability in a Multidisciplinary Team

  1. 1. Usability in a Multidisciplinary Team Lisa Herrod Melbourne Web Standards Group November 2006
  2. 2. Usability in a multidisciplinary team <ul><li>Usability at every stage for every role </li></ul>
  3. 3. Usability <ul><li>Why, What &… </li></ul><ul><li>The Kebab Method </li></ul>
  4. 4. In the past <ul><li>Software and desktop apps </li></ul><ul><li>Nielsen’s 10 heuristics </li></ul><ul><li>Different considerations </li></ul><ul><li>Less complex requirements </li></ul><ul><li>Usability practitioners had less technical knowledge </li></ul>
  5. 5. <ul><li>The web changed all that </li></ul>
  6. 6. <ul><li>2 Dimensional Multidimensional </li></ul>
  7. 7. <ul><li>Site complexity increased </li></ul><ul><li>Improving the User Experience became more complex </li></ul>
  8. 8. <ul><li>The whole site impacts on </li></ul><ul><li>the user experience </li></ul>
  9. 9. <ul><li>Interoperability Compatibility Accessibility Functionality Standards Speed </li></ul><ul><li>Visual Design </li></ul>
  10. 10. <ul><ul><li>These considerations were new </li></ul></ul><ul><li>in 1998 </li></ul><ul><li>But they shouldn’t be new now </li></ul>
  11. 11. how did we cope? <ul><li>graceful degradation </li></ul><ul><li>(hope it breaks well) </li></ul>
  12. 12. how did we cope? <ul><li>Bugs & hacks </li></ul><ul><li>“ best viewed with” </li></ul><ul><li>(a top down approach) </li></ul>
  13. 13. current best practice <ul><li>Progressive Enhancement </li></ul><ul><li>A bottom up approach </li></ul>
  14. 14. Progressive Enhancement <ul><li>Start with essential components and build up </li></ul>
  15. 15. Progressive Enhancement <ul><li>Behavioural layer </li></ul><ul><li>Presentational layer </li></ul><ul><li>Semantic Structure & Accessibility </li></ul><ul><li>Content </li></ul>
  16. 16. so the web is maturing <ul><li>user focused development </li></ul><ul><li>user centered design </li></ul><ul><li>Compare with the past… </li></ul>
  17. 18. the web has matured <ul><li>Web standards </li></ul><ul><li>Web usability </li></ul><ul><li>Industry groups </li></ul><ul><li>(left right and center) </li></ul>
  18. 20. usability and web standards <ul><li>How are they related? </li></ul><ul><li>WCAG 1 </li></ul><ul><li>UCD = best practice </li></ul>
  19. 21. usability and web standards <ul><li>Good examples of UCD incorporate web standards </li></ul>
  20. 22. accessible ==usable <ul><li>clear link labels </li></ul><ul><li>matching page title </li></ul><ul><li>matching headers </li></ul>
  21. 23. <ul><li>usability </li></ul><ul><li>accessibility </li></ul><ul><li>web standards </li></ul>
  22. 24. usability is mainstream <ul><li>More people </li></ul><ul><ul><li>Identify with this role </li></ul></ul><ul><ul><li>Are involved in usability </li></ul></ul><ul><ul><li>Are Interested in usability </li></ul></ul>
  23. 27. 30 people used this tag
  24. 30. employment <ul><li>UI Developer </li></ul><ul><li>Online Producer </li></ul><ul><li>Senior Flash guru </li></ul><ul><li>Web Developer </li></ul><ul><li>Web Designer </li></ul><ul><li>Team leader – Javascript </li></ul>
  25. 33. The Experience Architect <ul><ul><li>User research methods : contextual inquiry, paper prototyping, card sorting, personas and other ethnographic techniques </li></ul></ul><ul><ul><li>Best practice information architecture principles </li></ul></ul><ul><ul><li>Working with product teams to ensure that user research findings are tracked and acted on </li></ul></ul>
  26. 34. … the experience architect <ul><ul><li>Design and analysis of </li></ul></ul><ul><ul><li>experiments or surveys </li></ul></ul><ul><ul><li>International user research or remote user studies </li></ul></ul><ul><ul><li>Accessibility and universal design </li></ul></ul><ul><ul><li>Analysis of web server log data </li></ul></ul><ul><ul><li>Knowledge of Web design / HTML </li></ul></ul><ul><ul><li>Eye-tracking </li></ul></ul>
  27. 35. <ul><li>Web Usability is Design, </li></ul><ul><li>not QA </li></ul>
  28. 36. the client <ul><li>Sanity check post build </li></ul><ul><li>Testing iteratively </li></ul><ul><li>Political motivation </li></ul>
  29. 37. the design agency <ul><li>The client </li></ul><ul><li>requested testing </li></ul><ul><li>The agency </li></ul><ul><li>supports a user centered approach </li></ul>
  30. 38. 2.0 <ul><li>Web apps are richer and more complex </li></ul><ul><li>Usability practitioners need to grow with it </li></ul>
  31. 39. the perpetual beta <ul><li>Confirmation we’re heading the right way? </li></ul>
  32. 40. Thank-you [email_address]

×