UXExploring the world of User Experience                                             Twitter: @FredVandaele               ...
YourExpectations
“UX is the Science and Art of designing a Product”
4 Elements of UX        VALUE                     USABILITY      Is it useful ?             Is it easy to use ?  ADOPTABIL...
Techniques
Design techniques
Card Sorting• A method for determining how users  mentally group your website’s content  – Results are derived from the se...
The CardSorting game
min
PresentEasyDifficultDifferencesSimilarities
Interactive Sketching Notation   • ISN fuses user actions and screen sketches   • Simple and standardized rules          –...
ISN - Screens
ISN – User Actions
ISN – User Actions
ISN – Variation & notes
The ISN gameDescribe a sale process on Amazon  –   John is looking for a new TV  –   With smart/internet feature  –   “gre...
min
PresentEasyDifficultDifferencesSimilarities
Wireframe“Wireframe describes a web site or application  using black and white lines, text and boxes.”• Extremely fast way...
Design process is like a conversation
Wireframe game        Design a“Book Your International         Flight”       order form
min
PresentEasyDifficultDifferencesSimilarities
(Post) Prod techniques
Usability Guidelines247 web usability guidelines                    Dr. David Travis The Research-Based WebDesign & Usabil...
Usability Guidelines    “Evaluate the formdesigned by another group  in the previous game”
min
PresentEasyDifficultDifferencesSimilarities
System Usability Scale• John Brooke (1986)• The most used questionnaire for measuring  perceptions of usability• 10 item q...
Scoring SUS•   For odd items = user response -1•   For even items = 5 - user response•   Add up and multiply by 2.5•   Thi...
Other useful techniques•   URL•   Personas•   Prototyping•   Eye tracking•   Heuristic Evaluation•   Microsoft Desirabilit...
One more thing …
YourAchievements
Go further• Usability.gov• useit.com• userfocus.co.uk
Exploring the world of UX
Upcoming SlideShare
Loading in …5
×

Exploring the world of UX

441 views

Published on

Full training about UX including 4 games.
Duration: 4 hours

Published in: Technology, Design
  • Be the first to comment

Exploring the world of UX

  1. 1. UXExploring the world of User Experience Twitter: @FredVandaele frederic.vandaele@trasysgroup.com v3 - August 2012
  2. 2. YourExpectations
  3. 3. “UX is the Science and Art of designing a Product”
  4. 4. 4 Elements of UX VALUE USABILITY Is it useful ? Is it easy to use ? ADOPTABILITY DESIRABILITYIs it easy to start using ? Is it fun and engaging ?
  5. 5. Techniques
  6. 6. Design techniques
  7. 7. Card Sorting• A method for determining how users mentally group your website’s content – Results are derived from the semantic networks of the users – Semantic networks are vast webs of connections between concepts, determined by our learning and experiences• 2 Types: Open & Closed
  8. 8. The CardSorting game
  9. 9. min
  10. 10. PresentEasyDifficultDifferencesSimilarities
  11. 11. Interactive Sketching Notation • ISN fuses user actions and screen sketches • Simple and standardized rules – What the user see (greys, blacks and blues) – What the user do (red) gnihcteks/ac.ikswonil.www//:ptth ngiseD noitcaretnI ikswoniL :stiderCesneciL adanaC 5.2 ekilA erahS-noitubirttA snommoC evitaerC eht rednu decnecil si krow sihT
  12. 12. ISN - Screens
  13. 13. ISN – User Actions
  14. 14. ISN – User Actions
  15. 15. ISN – Variation & notes
  16. 16. The ISN gameDescribe a sale process on Amazon – John is looking for a new TV – With smart/internet feature – “green” product – Likes Sony (but not exclusive)
  17. 17. min
  18. 18. PresentEasyDifficultDifferencesSimilarities
  19. 19. Wireframe“Wireframe describes a web site or application using black and white lines, text and boxes.”• Extremely fast way of developing the layout, navigation and usability of a website• Quick and easy to change enabling the creation of many variations at minimal cost
  20. 20. Design process is like a conversation
  21. 21. Wireframe game Design a“Book Your International Flight” order form
  22. 22. min
  23. 23. PresentEasyDifficultDifferencesSimilarities
  24. 24. (Post) Prod techniques
  25. 25. Usability Guidelines247 web usability guidelines Dr. David Travis The Research-Based WebDesign & Usability Guidelines Usability.gov
  26. 26. Usability Guidelines “Evaluate the formdesigned by another group in the previous game”
  27. 27. min
  28. 28. PresentEasyDifficultDifferencesSimilarities
  29. 29. System Usability Scale• John Brooke (1986)• The most used questionnaire for measuring perceptions of usability• 10 item questionnaire with 5 response options• Fixed response format
  30. 30. Scoring SUS• For odd items = user response -1• For even items = 5 - user response• Add up and multiply by 2.5• This create a 0 to 100 scale• Average SUS score from all 500 studies is 68
  31. 31. Other useful techniques• URL• Personas• Prototyping• Eye tracking• Heuristic Evaluation• Microsoft Desirability Toolkit• CSUQ, QUIS, SUMI, …
  32. 32. One more thing …
  33. 33. YourAchievements
  34. 34. Go further• Usability.gov• useit.com• userfocus.co.uk

×