exploring the world of ux

UXExploring the world of User Experience

Twitter: @FredVandaele

frederic.vandaele@trasysgroup.com

v3 - August 2012

Your

Expectations

“UX is the Science

and Art of designing

a Product”

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 ?

Techniques

Design techniques

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

The Card

Sorting game

min

PresentEasy

Difficult

Differences

Similarities

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

ISN - Screens

ISN – User Actions

ISN – User Actions

ISN – Variation & notes

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)

min

PresentEasy

Difficult

Differences

Similarities

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

Design process is like a conversation

Wireframe game

Design a

“Book Your International

Flight”

order form

min

PresentEasy

Difficult

Differences

Similarities

(Post) Prod techniques

Usability Guidelines

247 web usability guidelinesDr. David Travis

The Research-Based Web Design & Usability Guidelines

Usability.gov

Usability Guidelines

“Evaluate the form

designed by another group

in the previous game”

min

PresentEasy

Difficult

Differences

Similarities

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

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

Other useful techniques• URL

• Personas

• Prototyping

• Eye tracking

• Heuristic Evaluation

• Microsoft Desirability Toolkit

• CSUQ, QUIS, SUMI, …

One more thing …

Your

Achievements

Go further• Usability.gov

• useit.com

• userfocus.co.uk