71
1 GfK User Centric, 2013 Presentation to UX Masterclass Prague, October 2013 Robert M. Schumacher, Ph.D. | Executive Vice President | GfK UX Gavin S. Lew | Executive Vice President | GfK UX

For a Better User Experience in Call Centers, Press 1 Nowi.iinfo.cz/files/ux-masterclass/332/robert... · (HTML, CSS, Javascript, XAML, etc.) Preserve the design's integrity . GfK

  • Upload
    others

  • View
    1

  • Download
    0

Embed Size (px)

Citation preview

Page 1: For a Better User Experience in Call Centers, Press 1 Nowi.iinfo.cz/files/ux-masterclass/332/robert... · (HTML, CSS, Javascript, XAML, etc.) Preserve the design's integrity . GfK

1 GfK User Centric, 2013

Presentation to UX Masterclass

Prague, October 2013

Robert M. Schumacher, Ph.D. | Executive Vice President | GfK UX

Gavin S. Lew | Executive Vice President | GfK UX

Page 2: For a Better User Experience in Call Centers, Press 1 Nowi.iinfo.cz/files/ux-masterclass/332/robert... · (HTML, CSS, Javascript, XAML, etc.) Preserve the design's integrity . GfK

2 GfK User Centric, 2013

Benefits

of good

UX

Costs

of poor

UX

What

can you

do?

What is

UX?

Business

Value of

UX

Page 3: For a Better User Experience in Call Centers, Press 1 Nowi.iinfo.cz/files/ux-masterclass/332/robert... · (HTML, CSS, Javascript, XAML, etc.) Preserve the design's integrity . GfK

3 GfK User Centric, 2013

Costs

of poor

UX Business

Value of

UX

Page 4: For a Better User Experience in Call Centers, Press 1 Nowi.iinfo.cz/files/ux-masterclass/332/robert... · (HTML, CSS, Javascript, XAML, etc.) Preserve the design's integrity . GfK

4 GfK User Centric, 2013

Three UX Stories

Page 5: For a Better User Experience in Call Centers, Press 1 Nowi.iinfo.cz/files/ux-masterclass/332/robert... · (HTML, CSS, Javascript, XAML, etc.) Preserve the design's integrity . GfK

5 GfK User Centric, 2013

Page 6: For a Better User Experience in Call Centers, Press 1 Nowi.iinfo.cz/files/ux-masterclass/332/robert... · (HTML, CSS, Javascript, XAML, etc.) Preserve the design's integrity . GfK

6 GfK User Centric, 2013

Page 7: For a Better User Experience in Call Centers, Press 1 Nowi.iinfo.cz/files/ux-masterclass/332/robert... · (HTML, CSS, Javascript, XAML, etc.) Preserve the design's integrity . GfK

7 GfK User Centric, 2013

$9,000,000,000 to the taxpayers

Page 8: For a Better User Experience in Call Centers, Press 1 Nowi.iinfo.cz/files/ux-masterclass/332/robert... · (HTML, CSS, Javascript, XAML, etc.) Preserve the design's integrity . GfK

8 GfK User Centric, 2013

Poor UX Costs Money

Page 9: For a Better User Experience in Call Centers, Press 1 Nowi.iinfo.cz/files/ux-masterclass/332/robert... · (HTML, CSS, Javascript, XAML, etc.) Preserve the design's integrity . GfK

9 GfK User Centric, 2013

My Ford Touch

Page 10: For a Better User Experience in Call Centers, Press 1 Nowi.iinfo.cz/files/ux-masterclass/332/robert... · (HTML, CSS, Javascript, XAML, etc.) Preserve the design's integrity . GfK

10 GfK User Centric, 2013

$50 per car

*5M

Page 11: For a Better User Experience in Call Centers, Press 1 Nowi.iinfo.cz/files/ux-masterclass/332/robert... · (HTML, CSS, Javascript, XAML, etc.) Preserve the design's integrity . GfK

11 GfK User Centric, 2013

Page 12: For a Better User Experience in Call Centers, Press 1 Nowi.iinfo.cz/files/ux-masterclass/332/robert... · (HTML, CSS, Javascript, XAML, etc.) Preserve the design's integrity . GfK

12 GfK User Centric, 2013

Poor UX Costs Market Share

Page 13: For a Better User Experience in Call Centers, Press 1 Nowi.iinfo.cz/files/ux-masterclass/332/robert... · (HTML, CSS, Javascript, XAML, etc.) Preserve the design's integrity . GfK

13 GfK User Centric, 2013

13

Medication Administration

Page 14: For a Better User Experience in Call Centers, Press 1 Nowi.iinfo.cz/files/ux-masterclass/332/robert... · (HTML, CSS, Javascript, XAML, etc.) Preserve the design's integrity . GfK

14 GfK User Centric, 2013

10,000 units 5,000 units 10 units 10,000 units

Page 15: For a Better User Experience in Call Centers, Press 1 Nowi.iinfo.cz/files/ux-masterclass/332/robert... · (HTML, CSS, Javascript, XAML, etc.) Preserve the design's integrity . GfK

15 GfK User Centric, 2013

15

Page 16: For a Better User Experience in Call Centers, Press 1 Nowi.iinfo.cz/files/ux-masterclass/332/robert... · (HTML, CSS, Javascript, XAML, etc.) Preserve the design's integrity . GfK

16 GfK User Centric, 2013

Poor UX Costs Lives

Page 17: For a Better User Experience in Call Centers, Press 1 Nowi.iinfo.cz/files/ux-masterclass/332/robert... · (HTML, CSS, Javascript, XAML, etc.) Preserve the design's integrity . GfK

17 GfK User Centric, 2013

17

Redesign

Page 18: For a Better User Experience in Call Centers, Press 1 Nowi.iinfo.cz/files/ux-masterclass/332/robert... · (HTML, CSS, Javascript, XAML, etc.) Preserve the design's integrity . GfK

18 GfK User Centric, 2013

If we don’t set out to make bad user experiences…

Why are there so many bad user experiences?

18

Page 19: For a Better User Experience in Call Centers, Press 1 Nowi.iinfo.cz/files/ux-masterclass/332/robert... · (HTML, CSS, Javascript, XAML, etc.) Preserve the design's integrity . GfK

19 GfK User Centric, 2013

High Low

Low

High

Usable

Functional

(Utility)

The Target Quadrant

Objective: Make

things that are

useful and

usable

Where a lot of

products end

up Knowing the features is not enough.

You have to know how to put those

features into the product to build the

overall user experience.

Page 20: For a Better User Experience in Call Centers, Press 1 Nowi.iinfo.cz/files/ux-masterclass/332/robert... · (HTML, CSS, Javascript, XAML, etc.) Preserve the design's integrity . GfK

20 GfK User Centric, 2013

Programmers and designers don’t wake up and say:

‘I’m think I’m gonna make things a

little harder for those users today.’

20

Page 21: For a Better User Experience in Call Centers, Press 1 Nowi.iinfo.cz/files/ux-masterclass/332/robert... · (HTML, CSS, Javascript, XAML, etc.) Preserve the design's integrity . GfK

21 GfK User Centric, 2013

What is

UX?

Business

Value of

UX

Page 22: For a Better User Experience in Call Centers, Press 1 Nowi.iinfo.cz/files/ux-masterclass/332/robert... · (HTML, CSS, Javascript, XAML, etc.) Preserve the design's integrity . GfK

22 GfK User Centric, 2013

UX is about one thing

Behavior

Page 23: For a Better User Experience in Call Centers, Press 1 Nowi.iinfo.cz/files/ux-masterclass/332/robert... · (HTML, CSS, Javascript, XAML, etc.) Preserve the design's integrity . GfK

23 GfK User Centric, 2013

Measure

Change

Page 24: For a Better User Experience in Call Centers, Press 1 Nowi.iinfo.cz/files/ux-masterclass/332/robert... · (HTML, CSS, Javascript, XAML, etc.) Preserve the design's integrity . GfK

24 GfK User Centric, 2013

Source: Intel Free Press [CC-BY-SA-2.0 (http://creativecommons.org/licenses/by-sa/2.0)], via Wikimedia Commons (free media)

We measure, because we do not

have all the answers

Page 25: For a Better User Experience in Call Centers, Press 1 Nowi.iinfo.cz/files/ux-masterclass/332/robert... · (HTML, CSS, Javascript, XAML, etc.) Preserve the design's integrity . GfK

25 GfK User Centric, 2013

Core Issues

We change by taking measures to

shape the experience

Page 26: For a Better User Experience in Call Centers, Press 1 Nowi.iinfo.cz/files/ux-masterclass/332/robert... · (HTML, CSS, Javascript, XAML, etc.) Preserve the design's integrity . GfK

26 GfK User Centric, 2013

Usability is just part of User Experience (but an important part)

User

Experience

(UX)

Usability

Aesthetics

Task / Features

Page 27: For a Better User Experience in Call Centers, Press 1 Nowi.iinfo.cz/files/ux-masterclass/332/robert... · (HTML, CSS, Javascript, XAML, etc.) Preserve the design's integrity . GfK

27 GfK User Centric, 2013

Usability Defined

The extent to which a product can be used by

specified users to achieve specified

goals with effectiveness, efficiency, and

satisfaction in a specified context of use

Users | Tasks | Environments

Page 28: For a Better User Experience in Call Centers, Press 1 Nowi.iinfo.cz/files/ux-masterclass/332/robert... · (HTML, CSS, Javascript, XAML, etc.) Preserve the design's integrity . GfK

28 GfK User Centric, 2013

Attitude & Opinion (These are not behavior)

Function Aesthetic

What Usability Is Not

Page 29: For a Better User Experience in Call Centers, Press 1 Nowi.iinfo.cz/files/ux-masterclass/332/robert... · (HTML, CSS, Javascript, XAML, etc.) Preserve the design's integrity . GfK

29 GfK User Centric, 2013

If we don’t set out to make bad user experiences…

Why are there so many bad user experiences?

Page 30: For a Better User Experience in Call Centers, Press 1 Nowi.iinfo.cz/files/ux-masterclass/332/robert... · (HTML, CSS, Javascript, XAML, etc.) Preserve the design's integrity . GfK

30 GfK User Centric, 2013 Source: GfK UX (2013). Sweet Spot diagram

Technological

Capabilities

Product

User

Performance

Customer

Needs

Business

Objectives

Who wants to build a bad product?

Page 31: For a Better User Experience in Call Centers, Press 1 Nowi.iinfo.cz/files/ux-masterclass/332/robert... · (HTML, CSS, Javascript, XAML, etc.) Preserve the design's integrity . GfK

31 © GfK User Centric, 2012

UX as Adjectives

Page 32: For a Better User Experience in Call Centers, Press 1 Nowi.iinfo.cz/files/ux-masterclass/332/robert... · (HTML, CSS, Javascript, XAML, etc.) Preserve the design's integrity . GfK

32 © GfK User Centric, 2012

Source: GfK UX (2013). UX Adjectives Word Cloud 2

UX Adjectives you want…

Page 33: For a Better User Experience in Call Centers, Press 1 Nowi.iinfo.cz/files/ux-masterclass/332/robert... · (HTML, CSS, Javascript, XAML, etc.) Preserve the design's integrity . GfK

33 GfK User Centric, 2013

UX is More than “just” the Product

Page 34: For a Better User Experience in Call Centers, Press 1 Nowi.iinfo.cz/files/ux-masterclass/332/robert... · (HTML, CSS, Javascript, XAML, etc.) Preserve the design's integrity . GfK

34 GfK User Centric, 2013

Product or

Service

Page 35: For a Better User Experience in Call Centers, Press 1 Nowi.iinfo.cz/files/ux-masterclass/332/robert... · (HTML, CSS, Javascript, XAML, etc.) Preserve the design's integrity . GfK

35 GfK User Centric, 2013

Web Site

Out-of-the-

Box

Experience

IVR

User

Guide

Store

Experience

e-com

Call

Centers

HR

Paper Bills

Product or

Service

Page 36: For a Better User Experience in Call Centers, Press 1 Nowi.iinfo.cz/files/ux-masterclass/332/robert... · (HTML, CSS, Javascript, XAML, etc.) Preserve the design's integrity . GfK

36 GfK User Centric, 2013

Benefits

of good

UX

Business

Value of

UX

Page 37: For a Better User Experience in Call Centers, Press 1 Nowi.iinfo.cz/files/ux-masterclass/332/robert... · (HTML, CSS, Javascript, XAML, etc.) Preserve the design's integrity . GfK

37 GfK User Centric, 2013

Three UX Stories

Page 38: For a Better User Experience in Call Centers, Press 1 Nowi.iinfo.cz/files/ux-masterclass/332/robert... · (HTML, CSS, Javascript, XAML, etc.) Preserve the design's integrity . GfK

38 GfK User Centric, 2013

Only 10% of people who have a

programmable thermostat create a schedule

90% of people who have a programmable

thermostat don’t program it

Programmable thermostats as implemented

waste more money than static thermostats

Page 39: For a Better User Experience in Call Centers, Press 1 Nowi.iinfo.cz/files/ux-masterclass/332/robert... · (HTML, CSS, Javascript, XAML, etc.) Preserve the design's integrity . GfK

39 GfK User Centric, 2013

One device in an

ecosystem of

connected

devices

Page 40: For a Better User Experience in Call Centers, Press 1 Nowi.iinfo.cz/files/ux-masterclass/332/robert... · (HTML, CSS, Javascript, XAML, etc.) Preserve the design's integrity . GfK

40 GfK User Centric, 2013

Good UX: Understanding user behaviors

creates market potential

40

Page 41: For a Better User Experience in Call Centers, Press 1 Nowi.iinfo.cz/files/ux-masterclass/332/robert... · (HTML, CSS, Javascript, XAML, etc.) Preserve the design's integrity . GfK

41 GfK User Centric, 2013

I’d like the number

for Mail Boxes Etc

in Elgin

Challenge:

Improve customer

satisfaction while reducing cost

Page 42: For a Better User Experience in Call Centers, Press 1 Nowi.iinfo.cz/files/ux-masterclass/332/robert... · (HTML, CSS, Javascript, XAML, etc.) Preserve the design's integrity . GfK

42 GfK User Centric, 2013

Results

0.6 s Faster Old Design New Design

Annual Recurring Savings

$2,940,000

Page 43: For a Better User Experience in Call Centers, Press 1 Nowi.iinfo.cz/files/ux-masterclass/332/robert... · (HTML, CSS, Javascript, XAML, etc.) Preserve the design's integrity . GfK

43 GfK User Centric, 2013

Good UX: Small changes can have big impact

43

Page 44: For a Better User Experience in Call Centers, Press 1 Nowi.iinfo.cz/files/ux-masterclass/332/robert... · (HTML, CSS, Javascript, XAML, etc.) Preserve the design's integrity . GfK

44 GfK User Centric, 2013

The $ 200 million button

Projected Sales Increase

Page 45: For a Better User Experience in Call Centers, Press 1 Nowi.iinfo.cz/files/ux-masterclass/332/robert... · (HTML, CSS, Javascript, XAML, etc.) Preserve the design's integrity . GfK

45 GfK User Centric, 2013

Good UX: Observing users easy to do; big return

45

Page 46: For a Better User Experience in Call Centers, Press 1 Nowi.iinfo.cz/files/ux-masterclass/332/robert... · (HTML, CSS, Javascript, XAML, etc.) Preserve the design's integrity . GfK

46 GfK User Centric, 2013

What

can you

do?

Business

Value of

UX

Page 47: For a Better User Experience in Call Centers, Press 1 Nowi.iinfo.cz/files/ux-masterclass/332/robert... · (HTML, CSS, Javascript, XAML, etc.) Preserve the design's integrity . GfK

47 GfK User Centric, 2013

UX Research Takeaways:

• Usability can be Measured

• Good Design begins with the Right Research

• Usability is a process; it is not ‘one and done’

• User research can be done at the speed of the

business

Page 48: For a Better User Experience in Call Centers, Press 1 Nowi.iinfo.cz/files/ux-masterclass/332/robert... · (HTML, CSS, Javascript, XAML, etc.) Preserve the design's integrity . GfK

48 GfK User Centric, 2013

The Usability Workbench…

; ; ;

Focus Group

Summative Usability

Testing Formative Usability

Testing

Contextual

Enquiry Journey Map

The trick is to know when to use each tool

Personas

Eye Tracking

Page 49: For a Better User Experience in Call Centers, Press 1 Nowi.iinfo.cz/files/ux-masterclass/332/robert... · (HTML, CSS, Javascript, XAML, etc.) Preserve the design's integrity . GfK

49 GfK User Centric, 2013

“Anticipated Use” Expectations BEFORE

using a device

Engaging and

effective experience DURING use

Before During After

Experience that

impacts the Brand Experience AFTER

Source: GfK UX (2013). UX Testing Labs 1, 2, 3

Page 50: For a Better User Experience in Call Centers, Press 1 Nowi.iinfo.cz/files/ux-masterclass/332/robert... · (HTML, CSS, Javascript, XAML, etc.) Preserve the design's integrity . GfK

50 GfK User Centric, 2013

Common User-Centered Design Process: Insertion Points

• Usability evaluation/ expert review

• User surveys

• Content/ feature mapping

Existing interface?

Context for use

Mental model

• User research interviews

• Field observation

• Site visits

• Goals analysis

• Task analysis

• Interaction models & storyboards

• Card sorting

• Information architecture

Identify areas for improvement

How/why is it used and by whom?

Identify key user goals and approach

Iterative design

Validation and testing

Navigation & screen flow

Collaboratively design, review, validate, and repeat to refine the user experience

Usability testing & A/B testing

Prototype

Visual design (icons, colors, branding)

Low-fidelity wireframes

Usability testing & user interviews

Review & revision

Development

• User interface specifications

• Style & branding guides

• Graphic design implementation guides or notes

• Icons & other image assets

• Templates (HTML, CSS, Javascript, XAML, etc.)

Preserve the design's integrity

Review & revision

Page 51: For a Better User Experience in Call Centers, Press 1 Nowi.iinfo.cz/files/ux-masterclass/332/robert... · (HTML, CSS, Javascript, XAML, etc.) Preserve the design's integrity . GfK

51 GfK User Centric, 2013

Already have something in the market?

• Usability evaluation/ expert review

• User surveys

• Content/ feature mapping

Existing interface?

Context for use

Mental model

• User research interviews

• Field observation

• Site visits

• Goals analysis

• Task analysis

• Interaction models & storyboards

• Card sorting

• Information architecture

Identify areas for improvement

How/why is it used and by whom?

Identify key user goals and approach

Iterative design

Validation and testing

Navigation & screen flow

Collaboratively design, review, validate, and repeat to refine the user experience

Usability testing & A/B testing

Prototype

Visual design (icons, colors, branding)

Low-fidelity wireframes

Usability testing & user interviews

Review & revision

Development

• User interface specifications

• Style & branding guides

• Graphic design implementation guides or notes

• Icons & other image assets

• Templates (HTML, CSS, Javascript, XAML, etc.)

Preserve the design's integrity

Review & revision

Page 52: For a Better User Experience in Call Centers, Press 1 Nowi.iinfo.cz/files/ux-masterclass/332/robert... · (HTML, CSS, Javascript, XAML, etc.) Preserve the design's integrity . GfK

52 GfK User Centric, 2013

Understand how products get used

• Usability evaluation/ expert review

• User surveys

• Content/ feature mapping

Existing interface?

Context for use

Mental model

• User research interviews

• Field observation

• Site visits

• Goals analysis

• Task analysis

• Interaction models & storyboards

• Card sorting

• Information architecture

Identify areas for improvement

How/why is it used and by whom?

Identify key user goals and approach

Iterative design

Validation and testing

Navigation & screen flow

Collaboratively design, review, validate, and repeat to refine the user experience

Usability testing & A/B testing

Prototype

Visual design (icons, colors, branding)

Low-fidelity wireframes

Usability testing & user interviews

Review & revision

Development

• User interface specifications

• Style & branding guides

• Graphic design implementation guides or notes

• Icons & other image assets

• Templates (HTML, CSS, Javascript, XAML, etc.)

Preserve the design's integrity

Review & revision

Page 53: For a Better User Experience in Call Centers, Press 1 Nowi.iinfo.cz/files/ux-masterclass/332/robert... · (HTML, CSS, Javascript, XAML, etc.) Preserve the design's integrity . GfK

53 GfK User Centric, 2013

Back to

Entry

Point

User may be first-time or repeat visitor

User is just browsing for information on upcoming events

"I want to see what's coming soon"

Just Browsing

for Info by:

- Act

- Venue

- Date

- Genre

- Geographic Area

- Upcoming Events

Back to

Entry

Point

Just-browsing...

Seeing what's available...

Browse by Name

(Event / Venue)Browsing by Genre Browsing by Date Browse by Deals

Search by Name

Show GenreShow me what's coming up

this weekendShow me latest deals

Show search results

List of Acts: Metro

List of Venues: Metro

e.g., Amazon.com

Tix

Avail?

TM.com should offer help

- Email new dates

- Avail tickets

- Next Concert

- etc.

Anything

interesting?

TM.com should help

- Try another venue?

- List headliners

Go to

Buy

"What's

playing at the

Metro?"

"What deals

are available?"

"What is

available this

weekend?"

"What would

be fun to do

with the

family?"

Show List of Events

Select Act or

Venue

Select

Performance

Yes

No

Exit

Ticketmaster.com

No

Yes

Depression

Try to limit browse

to 3-4 steps

Select Genre

Select sub-

categories

Show sub-category lisitng

Search by full listing?AlphaNumeric Jum

Jump to Date

Sort by VenueSort by State

Sort by State

Closest to Zip

Search by Price

Show List of Acts

Search by full listing?

AlphaNumeric Jump

Show

Events

Show

Events

Show

Events

Search by DatePromo on Home

Link to Promos

Show Genre

Select Promo

Show

Events

Understand the Interaction

Page 54: For a Better User Experience in Call Centers, Press 1 Nowi.iinfo.cz/files/ux-masterclass/332/robert... · (HTML, CSS, Javascript, XAML, etc.) Preserve the design's integrity . GfK

54 GfK User Centric, 2013

Understand how customers “think”

• Usability evaluation/ expert review

• User surveys

• Content/ feature mapping

Existing interface?

Context for use

Mental model

• User research interviews

• Field observation

• Site visits

• Goals analysis

• Task analysis

• Interaction models & storyboards

• Card sorting

• Information architecture

Identify areas for improvement

How/why is it used and by whom?

Identify key user goals and approach

Iterative design

Validation and testing

Navigation & screen flow

Collaboratively design, review, validate, and repeat to refine the user experience

Usability testing & A/B testing

Prototype

Visual design (icons, colors, branding)

Low-fidelity wireframes

Usability testing & user interviews

Review & revision

Development

• User interface specifications

• Style & branding guides

• Graphic design implementation guides or notes

• Icons & other image assets

• Templates (HTML, CSS, Javascript, XAML, etc.)

Preserve the design's integrity

Review & revision

Page 55: For a Better User Experience in Call Centers, Press 1 Nowi.iinfo.cz/files/ux-masterclass/332/robert... · (HTML, CSS, Javascript, XAML, etc.) Preserve the design's integrity . GfK

55 GfK User Centric, 2013 Source: GfK UX (2013). Tablet testing in GfK UX’s Hamburg, Germany

Mapping Expectations to Performance = Understanding Mental Model

Page 56: For a Better User Experience in Call Centers, Press 1 Nowi.iinfo.cz/files/ux-masterclass/332/robert... · (HTML, CSS, Javascript, XAML, etc.) Preserve the design's integrity . GfK

56 GfK User Centric, 2013

Test, Learn, Improve, and Test Again is an Iterative Process

• Usability evaluation/ expert review

• User surveys

• Content/ feature mapping

Existing interface?

Context for use

Mental model

• User research interviews

• Field observation

• Site visits

• Goals analysis

• Task analysis

• Interaction models & storyboards

• Card sorting

• Information architecture

Identify areas for improvement

How/why is it used and by whom?

Identify key user goals and approach

Iterative design

Validation and testing

Navigation & screen flow

Collaboratively design, review, validate, and repeat to refine the user experience

Usability testing & A/B testing

Prototype

Visual design (icons, colors, branding)

Low-fidelity wireframes

Usability testing & user interviews

Review & revision

Development

• User interface specifications

• Style & branding guides

• Graphic design implementation guides or notes

• Icons & other image assets

• Templates (HTML, CSS, Javascript, XAML, etc.)

Preserve the design's integrity

Review & revision

Page 57: For a Better User Experience in Call Centers, Press 1 Nowi.iinfo.cz/files/ux-masterclass/332/robert... · (HTML, CSS, Javascript, XAML, etc.) Preserve the design's integrity . GfK

57 GfK User Centric, 2013

-- Andy Grove, former CEO of Intel

Iterative testing prevents “baked” ideas

Page 58: For a Better User Experience in Call Centers, Press 1 Nowi.iinfo.cz/files/ux-masterclass/332/robert... · (HTML, CSS, Javascript, XAML, etc.) Preserve the design's integrity . GfK

58 GfK User Centric, 2013

80% of usability is navigation / structure

Page 59: For a Better User Experience in Call Centers, Press 1 Nowi.iinfo.cz/files/ux-masterclass/332/robert... · (HTML, CSS, Javascript, XAML, etc.) Preserve the design's integrity . GfK

59 GfK User Centric, 2013

Graphic Treatment is the END GAME, not the foundation

Page 60: For a Better User Experience in Call Centers, Press 1 Nowi.iinfo.cz/files/ux-masterclass/332/robert... · (HTML, CSS, Javascript, XAML, etc.) Preserve the design's integrity . GfK

60 GfK User Centric, 2013

Ensuring Success Requires Effort BEFORE the BUILD

• Usability evaluation/ expert review

• User surveys

• Content/ feature mapping

Existing interface?

Context for use

Mental model

• User research interviews

• Field observation

• Site visits

• Goals analysis

• Task analysis

• Interaction models & storyboards

• Card sorting

• Information architecture

Identify areas for improvement

How/why is it used and by whom?

Identify key user goals and approach

Iterative design

Validation and testing

Navigation & screen flow

Collaboratively design, review, validate, and repeat to refine the user experience

Usability testing & A/B testing

Prototype

Visual design (icons, colors, branding)

Low-fidelity wireframes

Usability testing & user interviews

Review & revision

Development

• User interface specifications

• Style & branding guides

• Graphic design implementation guides or notes

• Icons & other image assets

• Templates (HTML, CSS, Javascript, XAML, etc.)

Preserve the design's integrity

Review & revision

Page 61: For a Better User Experience in Call Centers, Press 1 Nowi.iinfo.cz/files/ux-masterclass/332/robert... · (HTML, CSS, Javascript, XAML, etc.) Preserve the design's integrity . GfK

61 GfK User Centric, 2013 6

1

Things you can do

Page 62: For a Better User Experience in Call Centers, Press 1 Nowi.iinfo.cz/files/ux-masterclass/332/robert... · (HTML, CSS, Javascript, XAML, etc.) Preserve the design's integrity . GfK

62 GfK User Centric, 2013

Take the time to observe UX research

Page 63: For a Better User Experience in Call Centers, Press 1 Nowi.iinfo.cz/files/ux-masterclass/332/robert... · (HTML, CSS, Javascript, XAML, etc.) Preserve the design's integrity . GfK

63 GfK User Centric, 2013

Observation means seeing failures

Page 64: For a Better User Experience in Call Centers, Press 1 Nowi.iinfo.cz/files/ux-masterclass/332/robert... · (HTML, CSS, Javascript, XAML, etc.) Preserve the design's integrity . GfK

64 GfK User Centric, 2013

Traditional study take 3-4 weeks or more

Page 65: For a Better User Experience in Call Centers, Press 1 Nowi.iinfo.cz/files/ux-masterclass/332/robert... · (HTML, CSS, Javascript, XAML, etc.) Preserve the design's integrity . GfK

65 GfK User Centric, 2013 65

With Planning, You Can Cut the Time in Half

Who does not have a week to get insight into the user experience???

Page 66: For a Better User Experience in Call Centers, Press 1 Nowi.iinfo.cz/files/ux-masterclass/332/robert... · (HTML, CSS, Javascript, XAML, etc.) Preserve the design's integrity . GfK

66 GfK User Centric, 2013

Plan for UX

User Research placed at critical points

Working readouts as a deliverable (top lines delivered)

Page 67: For a Better User Experience in Call Centers, Press 1 Nowi.iinfo.cz/files/ux-masterclass/332/robert... · (HTML, CSS, Javascript, XAML, etc.) Preserve the design's integrity . GfK

67 GfK User Centric, 2013

UX Research Takeaways:

• Usability can be Measured

• Good Design begins with the Right Research

• Usability is a process; it is not ‘one and done’

• User research can be done at the speed of the

business

Page 68: For a Better User Experience in Call Centers, Press 1 Nowi.iinfo.cz/files/ux-masterclass/332/robert... · (HTML, CSS, Javascript, XAML, etc.) Preserve the design's integrity . GfK

68 GfK User Centric, 2013

Code of Hammurabi #229

If a builder build a house for some

one, and does not construct it properly,

and the house which he built fall in and

kill its owner, then that builder shall be

put to death.

Page 69: For a Better User Experience in Call Centers, Press 1 Nowi.iinfo.cz/files/ux-masterclass/332/robert... · (HTML, CSS, Javascript, XAML, etc.) Preserve the design's integrity . GfK

69 GfK User Centric, 2013

Code of Hammurabi #229

If a builder build a house for some

one, and does not construct it

properly, and the house which he

built fall in and kill its owner, then that

builder shall be put to death.

If a designer builds a program for

some one, and does not construct it

properly, and the program which he

built fails and kills its user, then that

designer shall be put to death

Page 70: For a Better User Experience in Call Centers, Press 1 Nowi.iinfo.cz/files/ux-masterclass/332/robert... · (HTML, CSS, Javascript, XAML, etc.) Preserve the design's integrity . GfK

70 GfK User Centric, 2013

70

Even Ancient

Babylonians understood

that designers carry the

responsibilities for their

design…

Imagine if today’s

programmers were held

to Hammurabi’s Code,

our programs would be

much better ;)

Page 71: For a Better User Experience in Call Centers, Press 1 Nowi.iinfo.cz/files/ux-masterclass/332/robert... · (HTML, CSS, Javascript, XAML, etc.) Preserve the design's integrity . GfK

71 © GfK 2013 | UXM Prague: Service Design – Beyond Customer Journey Mapping | October 2013

Robert M. Schumacher, Ph.D.

EVP, GfK User Centric

[email protected]

Gavin S. Lew

EVP, GfK User Centric

[email protected]