Expert review of a website user experience context - EuroIA 2014
11 likes2,742 views
The document presents an expert review by Tom van de Zande on user experience (UX) evaluation for websites, detailing a new framework that amalgamates existing heuristics, principles, and guidelines from over 25 years of research. It incorporates 500+ checklist items that focus on various aspects of usability and accessibility, categorizing them into 34 factors for practical application. The aim is to create a fact-driven UX checklist that enables effective evaluation with objective scoring and visualization methods.
Expert review of a website user experience context - EuroIA 2014
- 1. Expert review of a website user experience context Tom Van de Zande @tomvdz
- 2. As a kid, I played with LEGO bricks
- 3. As a teenager, I discovered computers
- 4. In my twenties, I devised Devine a university college degree for people with a passion for pixels
- 5. Today, I play/discover/devise websites at Internet Architects
- 6. Expert review of a website user experience context
- 7. Research
- 8. what if… I merged existing heuristics, principles & checklists into a new framework for evaluation
- 9. I collected 500+ guidelines, heuristics and checklist items
- 10. Molich & Nielsen “Heuristic evaluation of user interfaces” 1990 9 / 10 usability heuristics focus on usability
- 11. User experience design model 2004 7 facets of user experience focus on user experience Morville
- 12. AnySurfer team Anysurfer Checklist 2006 40 guidelines focus on accessibility
- 13. 247 web usability guidelines 2009 9 categories, 247 guidelines focus on the web Travis userfocus.co.uk
- 14. “Cognitive engineering principles for enhancing human - computer performance” 1996 10 principles general focus Gerhardt-Powalls
- 15. Barker & Weinschenk Weinschenk and Barker classification 2000 20 categories focus on usability
- 16. Information Architecture Heuristics 2004 5 categories, 20 questions focus on the web Rosenfeld
- 17. ISO 9421-110: Dialogue principles 2006 7 principles focus on usability Stewart ISO 9421-110
- 18. Schneiderman usability.gov Research-Based Web Design and Usability Guidelines 2006 — updated in 2013 15 categories, 196 guidelines focus on the web
- 19. Forrester's Website User Experience Review Evaluation Criteria 8.0 2010 5 categories, 25 questions focus on user experience Sage Forrester
- 20. I added: Internet Architects Internal guidelines on - mobile & tablet - cross browser compatibility - performance - SEO
- 21. Building on 25 years of research 1990 1996 2000 2004 Molich & Nielsen Gerhardt-Powalls Barker & Weinschenk Morville 2006 2009 Rosenfeld Schneiderman AnySurfer team Stewart Travis usability.gov ISO 9421-110 2010 Sage userfocus.co.uk Forrester
- 22. every item was tagged
- 23. web forms learnability conciseness 34 categories accessibility aesthetic integrity usability desirability usefulness credibility findability disability compliance personalisation SEO context performance cross browser compatibility intuitiveness consistency orientation readability mobile & tablet internal search comprehensibility controllability task orientation ease navigation simplicity cultural propriety satisfaction trust security writing & content quality help, feedback and error tolerance
- 24. Morville — UX Honeycomb
- 25. Morville — UX Honeycomb
- 26. accessibility aesthetic integrity usability desirability usefulness credibility findability disability compliance web forms learnability conciseness personalisation SEO context performance 34 categories cross browser compatibility intuitiveness consistency orientation readability mobile & tablet internal search comprehensibility controllability task orientation ease navigation simplicity cultural propriety satisfaction trust security writing & content quality help, feedback and error tolerance
- 27. accessibility aesthetic integrity usability desirability usefulness credibility findability disability compliance web forms learnability conciseness personalisation SEO context performance 34 categories cross browser compatibility intuitiveness consistency orientation readability mobile & tablet internal search comprehensibility controllability task orientation ease navigation simplicity cultural propriety satisfaction trust security writing & content quality help, feedback and error tolerance
- 28. accessibility aesthetic integrity usability desirability usefulness credibility findability disability compliance web forms learnability conciseness personalisation SEO context performance 34 categories cross browser compatibility intuitiveness consistency orientation readability mobile & tablet internal search comprehensibility controllability task orientation ease navigation simplicity cultural propriety satisfaction trust security writing & content quality help, feedback and error tolerance
- 29. accessibility aesthetic integrity usability desirability usefulness credibility findability disability compliance web forms learnability conciseness personalisation SEO context performance 34 categories cross browser compatibility intuitiveness consistency orientation readability mobile & tablet internal search comprehensibility controllability task orientation ease navigation simplicity cultural propriety satisfaction trust security writing & content quality help, feedback and error tolerance
- 30. accessibility aesthetic integrity usability desirability usefulness credibility findability disability compliance web forms learnability conciseness personalisation SEO context performance 34 categories cross browser compatibility intuitiveness consistency orientation readability mobile & tablet internal search comprehensibility controllability task orientation ease navigation simplicity cultural propriety satisfaction trust security writing & content quality help, feedback and error tolerance
- 31. accessibility aesthetic integrity usability desirability usefulness credibility findability disability compliance web forms learnability conciseness personalisation SEO context performance 34 categories cross browser compatibility intuitiveness consistency orientation readability mobile & tablet internal search comprehensibility controllability task orientation ease navigation simplicity cultural propriety satisfaction trust security writing & content quality help, feedback and error tolerance
- 32. accessibility aesthetic integrity usability desirability usefulness credibility findability disability compliance web forms learnability conciseness personalisation SEO context performance 34 categories cross browser compatibility intuitiveness consistency orientation readability mobile & tablet internal search comprehensibility controllability task orientation ease navigation simplicity cultural propriety satisfaction trust security writing & content quality help, feedback and error tolerance
- 33. accessibility aesthetic integrity usability desirability usefulness credibility findability disability compliance web forms learnability conciseness personalisation SEO context performance 34 categories cross browser compatibility intuitiveness consistency orientation readability mobile & tablet internal search comprehensibility controllability task orientation ease navigation simplicity cultural propriety satisfaction trust security writing & content quality help, feedback and error tolerance
- 34. a new model emerged
- 35. cultural propriety aesthetic integrity help, feedback and error tolerance usefulness usability desirability user experience context factors credibility findability disability compliance learnability web forms comprehensibility task orientation controllability SEO context cross browser compatibility performance intuitiveness consistency readability orientation mobile & tablet conciseness internal search ease navigation simplicity satisfaction personalisation writing & content quality trust security accessibility
- 36. readability consistency user experience context factors accessibility design
- 37. user experience context factors objective & measurable
- 38. From model to checklist
- 39. Goal: fact driven checklist
- 40. 1. Long list 400+ questions
- 41. 2. Filter no feelings here
- 42. 3. Reduce 196 made it!
- 43. 4. map each question is mapped onto one or more ux context factors.
- 44. 5. Scoring method 4. Excellent 3. Good 2. Average 1. Poor 0. Failing
- 45. 6. Visualization
- 49. a few examples
- 50. Case study Europeana Fashion portal
- 53. cultural propriety aesthetic integrity help, feedback and error tolerance usefulness usability desirability user experience context factors credibility findability disability compliance learnability web forms comprehensibility task orientation controllability SEO context cross browser compatibility performance intuitiveness consistency readability orientation mobile & tablet conciseness internal search ease navigation simplicity satisfaction personalisation writing & content quality trust security accessibility
- 55. Tom Van de Zande @tomvdz