Usability - Our top 5sPresented by Tania LangPrincipal at Peak Usability31st August 2011                              1
Outline Top 5 user experience methods Top 5 user experience tools Top 5 usability tips you may not know about
Top 5 user experience methods
1 st   method
Affinity diagramming – How to  Brainstorm   Sort and group   Label & prioritise
Affinity diagramming - Benefits
#2: Card sorting                   See Peak Usability Articles
#3: Leading practice review
#4: Collaborative design workshop                              Source Flickr AlphachimpStudio
#5: User observation       Don’t listen      to your users
Top 5 user experience tools
#1: Wordle – word cloud generatorwww.wordle.net
#2: Gomockingbird – wireframing toolhttps://gomockingbird.com/                                 13
#3: Chalkmark – Online testing toolhttp://www.optimalworkshop.com/chalkmark                                           14
#3: Chalkmark – Online testing tool             Results
Look at the following website for 5seconds then I will ask you a question
#4: Fivesecondtest – Testing toolwww.fivesecondtest.com
#4: Fivesecondtest Results
#5: Naview - IA testingwww.naviewapp.com/
#5: Naview - IA testing - Resultswww.naviewapp.com/                     Results
Top 5 usability tips youmay not know about
Which way to the ladies toilet?
The human braintends to creategroupings.
Gestalt theoryProximity   users group objects appearing    near one anotherSimilarity   users group objects with    simi...
Gestalt Principle of ProximityUsers ignore instructions, text, buttons and ‘Help’ links if they are too faraway from relev...
Use similar visual treatment or colouror close proximity to communicateitems are related or belong together
Continuity and Similarity
Similarity
…back to the loo
How users find stuff                       3                           1   Menu bar / tabs1                           2   ...
Cater for different navigationbehaviours or some of your userswill not find stuff and get lost.
Imagine you are an Australian Super member and you want to find out what fees you arecurrently being charged. Where would ...
Think about WHERE to promote‘things’ (maybe not the home page?)…and try NOT to make importantmessages look like banner ads
Where to now?
No dead ends!Think about where your users would  like to go next for every page on  your site and provide crosslinks.
Provide crosslinks for userswho may have navigated toan incorrect but related page…or who have completedtheir tasks and ma...
Cross linking – Our training page
Don’t show all users all content or options.Show users basic or important stuff that will befrequently used by most users ...
Mental modelsInternal representations of a person’s current understandingof something derived from experience with the world
Need to ensure you understand your You need to ensure you understandyour users’ mental model to develop  easy to use and i...
Contact details and additional resourcesTania LangPeak Usabilitywww.peakusability.com.autania@peakusability.com.au07 3839 ...
Top Usability Tips You Don’t Know About - SIUC 2011
Top Usability Tips You Don’t Know About - SIUC 2011
Top Usability Tips You Don’t Know About - SIUC 2011
Top Usability Tips You Don’t Know About - SIUC 2011
Upcoming SlideShare
Loading in …5
×

Top Usability Tips You Don’t Know About - SIUC 2011

626 views

Published on

Best practice in web usability. Presented by Tanya Lang from Peak Usability at the Squiz International User Conference 2011 in Sydney.

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

  • Be the first to like this

No Downloads
Views
Total views
626
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Top Usability Tips You Don’t Know About - SIUC 2011

  1. 1. Usability - Our top 5sPresented by Tania LangPrincipal at Peak Usability31st August 2011 1
  2. 2. Outline Top 5 user experience methods Top 5 user experience tools Top 5 usability tips you may not know about
  3. 3. Top 5 user experience methods
  4. 4. 1 st method
  5. 5. Affinity diagramming – How to Brainstorm Sort and group Label & prioritise
  6. 6. Affinity diagramming - Benefits
  7. 7. #2: Card sorting See Peak Usability Articles
  8. 8. #3: Leading practice review
  9. 9. #4: Collaborative design workshop Source Flickr AlphachimpStudio
  10. 10. #5: User observation Don’t listen to your users
  11. 11. Top 5 user experience tools
  12. 12. #1: Wordle – word cloud generatorwww.wordle.net
  13. 13. #2: Gomockingbird – wireframing toolhttps://gomockingbird.com/ 13
  14. 14. #3: Chalkmark – Online testing toolhttp://www.optimalworkshop.com/chalkmark 14
  15. 15. #3: Chalkmark – Online testing tool Results
  16. 16. Look at the following website for 5seconds then I will ask you a question
  17. 17. #4: Fivesecondtest – Testing toolwww.fivesecondtest.com
  18. 18. #4: Fivesecondtest Results
  19. 19. #5: Naview - IA testingwww.naviewapp.com/
  20. 20. #5: Naview - IA testing - Resultswww.naviewapp.com/ Results
  21. 21. Top 5 usability tips youmay not know about
  22. 22. Which way to the ladies toilet?
  23. 23. The human braintends to creategroupings.
  24. 24. Gestalt theoryProximity  users group objects appearing near one anotherSimilarity  users group objects with similar visual characteristics Source: http://www.uie.com/articles/visible_narratives
  25. 25. Gestalt Principle of ProximityUsers ignore instructions, text, buttons and ‘Help’ links if they are too faraway from relevant page fields and functionalitye.g. important passwordinstructions bymost users
  26. 26. Use similar visual treatment or colouror close proximity to communicateitems are related or belong together
  27. 27. Continuity and Similarity
  28. 28. Similarity
  29. 29. …back to the loo
  30. 30. How users find stuff 3 1 Menu bar / tabs1 2 In-page links2 3 Search 4 Site map 4
  31. 31. Cater for different navigationbehaviours or some of your userswill not find stuff and get lost.
  32. 32. Imagine you are an Australian Super member and you want to find out what fees you arecurrently being charged. Where would you go? Congratulations. You are the 1000th visitor to this site and just won a $1000 deposit for your account.
  33. 33. Think about WHERE to promote‘things’ (maybe not the home page?)…and try NOT to make importantmessages look like banner ads
  34. 34. Where to now?
  35. 35. No dead ends!Think about where your users would like to go next for every page on your site and provide crosslinks.
  36. 36. Provide crosslinks for userswho may have navigated toan incorrect but related page…or who have completedtheir tasks and may beinterested or open to relatedcontent
  37. 37. Cross linking – Our training page
  38. 38. Don’t show all users all content or options.Show users basic or important stuff that will befrequently used by most users and hidecontent, fields or features used infrequently orby only a small number of users.
  39. 39. Mental modelsInternal representations of a person’s current understandingof something derived from experience with the world
  40. 40. Need to ensure you understand your You need to ensure you understandyour users’ mental model to develop easy to use and intuitive systems
  41. 41. Contact details and additional resourcesTania LangPeak Usabilitywww.peakusability.com.autania@peakusability.com.au07 3839 9593Brisbane, Australia Twitter: @peakusabilityhttp://www.peakusability.com.au/resources/

×