34
UX at EPiServer Christopher McCann, UX Team lead Wednesday 16 July 14

UX at Episerver - Commerce

Embed Size (px)

DESCRIPTION

Recent presentation I did for a product team, Commerce, at EPiServer in Stockholm. Team consisted of developers and product management.

Citation preview

Page 1: UX at Episerver - Commerce

UX at EPiServerChristopher McCann, UX Team lead

Wednesday 16 July 14

Page 2: UX at Episerver - Commerce

What is UX ?What is your definition ?

Wednesday 16 July 14

Page 3: UX at Episerver - Commerce

Wednesday 16 July 14

Page 4: UX at Episerver - Commerce

“User experience”encompasses all aspects of the end user's interaction with the company, its services, and its products.

Jakob Nielsen and Don Norman

Wednesday 16 July 14

Page 5: UX at Episerver - Commerce

Good Usability

User Needs Business Needs

Technology

Useful Valuable

FeasibleWednesday 16 July 14

Page 6: UX at Episerver - Commerce

UX Process ... sort of START HERE Hypothesis Develop

Concepts

Refine Designs

Bring to Life Validate

Understand Users

Wednesday 16 July 14

Page 7: UX at Episerver - Commerce

Research

Wednesday 16 July 14

Page 8: UX at Episerver - Commerce

You are not the UserOnly through research can we uncover people’s pain, needs, and

goals, in context.

Wednesday 16 July 14

Page 9: UX at Episerver - Commerce

Why Customer Research ?

“Insights about your customers or users were never discovered sitting at your f?*king couch”.

- Will Evans Wednesday 16 July 14

Page 10: UX at Episerver - Commerce

Insight Graph

Source: Norman, Landauer 2000 Will Evans

Insights

People

0

12$

Lots$

People&

Insights&

zero&users&give&zero&insights&

Wednesday 16 July 14

Page 11: UX at Episerver - Commerce

Types of Customer ResearchStrategic Product Direction

'Validate your convictions'

Product Development'Expose user to hypothesis designs'

Optimization'Refine the design'

• In-person interviews• Observational Walkthroughs• Diary Studies

• Storyboard Feedback• Prototype Validation• Scenario Testing

• Usability testing - pre release• Live testing - post release• A/B Testing

Qualitative

Quantiative

Refinement

Wednesday 16 July 14

Page 12: UX at Episerver - Commerce

Commerce User Research

Parm

Rebecca Emily

Therese

Wednesday 16 July 14

Page 13: UX at Episerver - Commerce

Ideation - Develop Concepts

Wednesday 16 July 14

Page 14: UX at Episerver - Commerce

Ideation - Design Studio

Design Studio provides a structure for pairing the iterative design process with generation of numerous ideas and solutions for a given problem.

Wednesday 16 July 14

Page 15: UX at Episerver - Commerce

DIVERGE CONVERGE

Create Choices

Make Choices

Wednesday 16 July 14

Page 16: UX at Episerver - Commerce

Sketch. Pitch. Critique.

Wednesday 16 July 14

Page 17: UX at Episerver - Commerce

Everything will be timed

Wednesday 16 July 14

Page 18: UX at Episerver - Commerce

5:3:2

Wednesday 16 July 14

Page 19: UX at Episerver - Commerce

Sketching

Square, triangle, circle, line

Just enough to communicate idea

Does this solve the problem outlined ?

More from presentation / critique then sketches themselves.

Wednesday 16 July 14

Page 20: UX at Episerver - Commerce

5 minutes to sketch

6-8 concepts

Wednesday 16 July 14

Page 21: UX at Episerver - Commerce

Critique3 minutes to Pitch

How you addressed the goals

Wednesday 16 July 14

Page 22: UX at Episerver - Commerce

2

minutes to critique

2-3 ways design solves problems 1-2 ways of improving design

Wednesday 16 July 14

Page 23: UX at Episerver - Commerce

Warning Design Studio will NOT

generate the final solution

!

Wednesday 16 July 14

Page 24: UX at Episerver - Commerce

Commerce Design

15Wednesday 16 July 14

Page 25: UX at Episerver - Commerce

Refine the Design

Wednesday 16 July 14

Page 26: UX at Episerver - Commerce

The Real Design Process

Magic

Wednesday 16 July 14

Page 27: UX at Episerver - Commerce

Sketch → Low Fi →   Hi Fi

Wednesday 16 July 14

Page 28: UX at Episerver - Commerce

Refine and add detailsInterface pattern library

Synchronize products unify solutions between product

Industry best practices / trends

Magic Powers

Wednesday 16 July 14

Page 29: UX at Episerver - Commerce

Validate

Wednesday 16 July 14

Page 30: UX at Episerver - Commerce

• DS

Gopher, Everett ?

‘The only way to know if you like something is to try it’

Validate what we have built

Wednesday 16 July 14

Page 31: UX at Episerver - Commerce

Is all this making a difference ?

MEASURE SOMETHING

Wednesday 16 July 14

Page 32: UX at Episerver - Commerce

SUS - Standard Usability Scale

Wednesday 16 July 14

Page 33: UX at Episerver - Commerce

EPiServer UX PrinciplesCollaborative Design over designing on an island.

Design + Product Management + Development = 1 team

Generate many options over quickly coming to a solution

Repeatable & Routine over consistently new processes and methods

Focus on solving the right problem over designing the next “cool” feature.

Early customer validation over releasing products with unknown end-user value.

Quick design over heavy wireframes, or specs

Measuring KPIs over undefined success metrics

Wednesday 16 July 14

Page 34: UX at Episerver - Commerce

UX isn’t a skill set

UX is a mindset

Wednesday 16 July 14