top usability tips you don’t know about - siuc 2011

45
1 Usability - Our top 5s Presented by Tania Lang Principal at Peak Usability 31 st August 2011

Upload: squiz

Post on 12-May-2015

445 views

Category:

Technology


1 download

DESCRIPTION

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

TRANSCRIPT

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

1

Usability - Our top 5s

Presented by Tania Lang Principal at Peak Usability 31st August 2011

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

Outline

Top 5 user experience methods

Top 5 user experience tools

Top 5 usability tips you may not know about

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

Top 5 user experience methods

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

1st method

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

Affinity diagramming – How to

Brainstorm Sort and group Label & prioritise

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

Affinity diagramming - Benefits

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

#2: Card sorting

See Peak Usability Articles

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

#3: Leading practice review

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

#4: Collaborative design workshop

Source Flickr AlphachimpStudio

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

#5: User observation

Don’t listen to your users

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

Top 5 user experience tools

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

#1: Wordle – word cloud generator www.wordle.net

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

#2: Gomockingbird – wireframing tool https://gomockingbird.com/

13

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

#3: Chalkmark – Online testing tool http://www.optimalworkshop.com/chalkmark

14

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

Results

#3: Chalkmark – Online testing tool

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

Look at the following website for 5 seconds then I will ask you a question

Page 17: Top Usability Tips You Don’t Know About - SIUC 2011
Page 18: Top Usability Tips You Don’t Know About - SIUC 2011

#4: Fivesecondtest – Testing tool www.fivesecondtest.com

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

#4: Fivesecondtest Results

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

#5: Naview - IA testing www.naviewapp.com/

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

#5: Naview - IA testing - Results www.naviewapp.com/

Results

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

Top 5 usability tips you may not know about

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

Which way to the ladies toilet?

Page 24: Top Usability Tips You Don’t Know About - SIUC 2011
Page 25: Top Usability Tips You Don’t Know About - SIUC 2011

The human brain tends to create groupings.

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

Gestalt theory

Proximity users group objects appearing

near one another

Similarity users group objects with

similar visual characteristics Source: http://www.uie.com/articles/visible_narratives

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

Gestalt Principle of Proximity Users ignore instructions, text, buttons and ‘Help’ links if they are too far away from relevant page fields and functionality

e.g. important password instructions by most users

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

Use similar visual treatment or colour or close proximity to communicate items are related or belong together

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

Continuity and Similarity

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

Similarity

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

…back to the loo

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

3

3 Search

2 2 In-page links

1 1 Menu bar / tabs

4

4 Site map

How users find stuff

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

Cater for different navigation behaviours or some of your users will not find stuff and get lost.

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

Imagine you are an Australian Super member and you want to find out what fees you are currently being charged. Where would you go?

Congratulations. You are the 1000th visitor to this site and just won a $1000 deposit for your account.

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

Think about WHERE to promote ‘things’ (maybe not the home page?) …and try NOT to make important messages look like banner ads

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

Where to now?

Page 37: Top Usability Tips You Don’t Know About - SIUC 2011
Page 38: Top Usability Tips You Don’t Know About - SIUC 2011

No dead ends!

Think about where your users would like to go next for every page on your site and provide crosslinks.

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

Provide crosslinks for users who may have navigated to an incorrect but related page

…or who have completed their tasks and may be interested or open to related content

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

Cross linking – Our training page

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

Don’t show all users all content or options. Show users basic or important stuff that will be frequently used by most users and hide content, fields or features used infrequently or by only a small number of users.

Page 42: Top Usability Tips You Don’t Know About - SIUC 2011
Page 43: Top Usability Tips You Don’t Know About - SIUC 2011

Mental models Internal representations of a person’s current understanding of something derived from experience with the world

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

Need to ensure you understand your You need to ensure you understand

your users’ mental model to develop easy to use and intuitive systems

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

Contact details and additional resources

Tania Lang Peak Usability

www.peakusability.com.au

[email protected]

07 3839 9593

Brisbane, Australia

Twitter: @peakusability

http://www.peakusability.com.au/resources/