Download pdf - Exploring the world of UX

Transcript
Page 1: Exploring the world of UX

UXExploring the world of User Experience

Twitter: @FredVandaele

[email protected]

v3 - August 2012

Page 2: Exploring the world of UX

Your

Expectations

Page 3: Exploring the world of UX

“UX is the Science

and Art of designing

a Product”

Page 4: Exploring the world of UX

4 Elements of UX

VALUE

Is it useful ?

USABILITY

Is it easy to use ?

ADOPTABILITY

Is it easy to start using ?

DESIRABILITY

Is it fun and engaging ?

Page 5: Exploring the world of UX
Page 6: Exploring the world of UX

Techniques

Page 7: Exploring the world of UX

Design techniques

Page 8: Exploring the world of UX

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

Page 9: Exploring the world of UX

The Card

Sorting game

Page 10: Exploring the world of UX

min

Page 11: Exploring the world of UX

PresentEasy

Difficult

Differences

Similarities

Page 12: Exploring the world of UX

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)

Credits: Linowski Interaction Design http://www.linowski.ca/sketching

This work is licenced under the Creative Commons Attribution-Share Alike 2.5 Canada License

Page 13: Exploring the world of UX

ISN - Screens

Page 14: Exploring the world of UX

ISN – User Actions

Page 15: Exploring the world of UX

ISN – User Actions

Page 16: Exploring the world of UX

ISN – Variation & notes

Page 17: Exploring the world of UX

The ISN game

Describe a sale process on Amazon

– John is looking for a new TV

– With smart/internet feature

– “green” product

– Likes Sony (but not exclusive)

Page 18: Exploring the world of UX

min

Page 19: Exploring the world of UX

PresentEasy

Difficult

Differences

Similarities

Page 20: Exploring the world of UX

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

Page 21: Exploring the world of UX

Design process is like a conversation

Page 22: Exploring the world of UX

Wireframe game

Design a

“Book Your International

Flight”

order form

Page 23: Exploring the world of UX

min

Page 24: Exploring the world of UX

PresentEasy

Difficult

Differences

Similarities

Page 25: Exploring the world of UX

(Post) Prod techniques

Page 26: Exploring the world of UX

Usability Guidelines

247 web usability guidelinesDr. David Travis

The Research-Based Web Design & Usability Guidelines

Usability.gov

Page 27: Exploring the world of UX

Usability Guidelines

“Evaluate the form

designed by another group

in the previous game”

Page 28: Exploring the world of UX

min

Page 29: Exploring the world of UX

PresentEasy

Difficult

Differences

Similarities

Page 30: Exploring the world of UX

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

Page 31: Exploring the world of UX

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

Page 32: Exploring the world of UX

Other useful techniques• URL

• Personas

• Prototyping

• Eye tracking

• Heuristic Evaluation

• Microsoft Desirability Toolkit

• CSUQ, QUIS, SUMI, …

Page 33: Exploring the world of UX

One more thing …

Page 34: Exploring the world of UX

Your

Achievements

Page 35: Exploring the world of UX

Go further• Usability.gov

• useit.com

• userfocus.co.uk