Teaching UX to Your Team

You Don’t Know

C.R.A.P. about UX &

UI

Who are you?

Why are you here?

What do you think UX is?

How can it help you with what you do?

Lets Play a Game!

What is User Experience?

All aspect’s of user’s interaction with the company, its services and its products. Not only in relationship to software.

Meet the needs of the customer.

Make the products enjoyable.

Go beyond what the customer says they want.

User Experience

MarketingBrandingQuality of Service

*Nielsen-Norman Group

Gulf of Evaluation

We want a small gulf!

The common goal of all products

*Norman, D. The Gulf of Evaluation

Small Gulf of Evaluation

Training is not an excuse for poor

design

User Centered Design• User Research: Sychronous / Asynchronous, Time Sensitive• Design: Low / High Fidelity &/or Interactive• Evaluation: Remote or Onsite, Unmoderated or Not

The user is always right

…but they rarely know what they want

…and they hardly ever know what they need

Personas

When to use: The end-users’ goals are unclear, the team isn’t sure how to prioritize features

Why: Identify your most important

customers Identify user goals and

objectives. Capture use cases for the

product Develop an idea for the

market Have a common “person” to

point to

Tool to Try: Usersbox.com

Personas:

Who are the primary users? In & Out of GC

What about the secondary users?

…and tertiary?

What matters for the business?

Task Analysis

When to use: At the beginning of every design cycle.

How to use: Break a goal into specific tasks. These tasks may be referred to as

requirements Assign a priority to these

requirements based on user research and business needs. Low, Medium, High or N/A

Task AnalysisLets Try an Example

Visual Design in UI Design

Contrast: If they’re not the same, make them different

Repetition: Repeat colors, shapes, fonts & sizes. Reuse patterns.

Alignment: Line things up. Make it clean.

Proximity: Group LIKE things. Put similar information close together. Organize & De-Clutter

Point out C.R.A.P. in Google Search

Design Exercise

Re-organize a flier

Click icon to add picture

Are we ready to sketch?

Metaphors and UI Patterns

Map to some facet of the real world task

Direct engagement & manipulation

Lots of resources out there: UI-Patterns.com Yahoo! Design Pattern Library Book: Designing Interfaces by

Jenifer Tidwell Site:

http://designinginterfaces.com/firstedition/

Example Metaphor

Usability Testing

Is this familiar?

Why we test:

VCR Buttons to Control a Printer Tabs of Arbitrary Groups

Samples from Interface Hall of Shame

Usability Testing

Test if a page becomes more usable because of the layout.

What does the layout communicate?

Guidelines: Test the interface, not the user Give clear scenarios and tasks to

accomplish

Quick & Dirty: Not much time, Grab a co-worker

Formal: Determine time requirements for task completion, compare two designs on measurable aspects Requires Experiment Design