UX at Episerver - Commerce
-
Upload
christopher-mccann -
Category
Technology
-
view
580 -
download
0
description
Transcript of UX at Episerver - Commerce
![Page 1: UX at Episerver - Commerce](https://reader033.fdocuments.in/reader033/viewer/2022061218/54b7c73b4a795959188b4743/html5/thumbnails/1.jpg)
UX at EPiServerChristopher McCann, UX Team lead
Wednesday 16 July 14
![Page 2: UX at Episerver - Commerce](https://reader033.fdocuments.in/reader033/viewer/2022061218/54b7c73b4a795959188b4743/html5/thumbnails/2.jpg)
What is UX ?What is your definition ?
Wednesday 16 July 14
![Page 3: UX at Episerver - Commerce](https://reader033.fdocuments.in/reader033/viewer/2022061218/54b7c73b4a795959188b4743/html5/thumbnails/3.jpg)
Wednesday 16 July 14
![Page 4: UX at Episerver - Commerce](https://reader033.fdocuments.in/reader033/viewer/2022061218/54b7c73b4a795959188b4743/html5/thumbnails/4.jpg)
“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](https://reader033.fdocuments.in/reader033/viewer/2022061218/54b7c73b4a795959188b4743/html5/thumbnails/5.jpg)
Good Usability
User Needs Business Needs
Technology
Useful Valuable
FeasibleWednesday 16 July 14
![Page 6: UX at Episerver - Commerce](https://reader033.fdocuments.in/reader033/viewer/2022061218/54b7c73b4a795959188b4743/html5/thumbnails/6.jpg)
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](https://reader033.fdocuments.in/reader033/viewer/2022061218/54b7c73b4a795959188b4743/html5/thumbnails/7.jpg)
Research
Wednesday 16 July 14
![Page 8: UX at Episerver - Commerce](https://reader033.fdocuments.in/reader033/viewer/2022061218/54b7c73b4a795959188b4743/html5/thumbnails/8.jpg)
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](https://reader033.fdocuments.in/reader033/viewer/2022061218/54b7c73b4a795959188b4743/html5/thumbnails/9.jpg)
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](https://reader033.fdocuments.in/reader033/viewer/2022061218/54b7c73b4a795959188b4743/html5/thumbnails/10.jpg)
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](https://reader033.fdocuments.in/reader033/viewer/2022061218/54b7c73b4a795959188b4743/html5/thumbnails/11.jpg)
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](https://reader033.fdocuments.in/reader033/viewer/2022061218/54b7c73b4a795959188b4743/html5/thumbnails/12.jpg)
Commerce User Research
Parm
Rebecca Emily
Therese
Wednesday 16 July 14
![Page 13: UX at Episerver - Commerce](https://reader033.fdocuments.in/reader033/viewer/2022061218/54b7c73b4a795959188b4743/html5/thumbnails/13.jpg)
Ideation - Develop Concepts
Wednesday 16 July 14
![Page 14: UX at Episerver - Commerce](https://reader033.fdocuments.in/reader033/viewer/2022061218/54b7c73b4a795959188b4743/html5/thumbnails/14.jpg)
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](https://reader033.fdocuments.in/reader033/viewer/2022061218/54b7c73b4a795959188b4743/html5/thumbnails/15.jpg)
DIVERGE CONVERGE
Create Choices
Make Choices
Wednesday 16 July 14
![Page 16: UX at Episerver - Commerce](https://reader033.fdocuments.in/reader033/viewer/2022061218/54b7c73b4a795959188b4743/html5/thumbnails/16.jpg)
Sketch. Pitch. Critique.
Wednesday 16 July 14
![Page 17: UX at Episerver - Commerce](https://reader033.fdocuments.in/reader033/viewer/2022061218/54b7c73b4a795959188b4743/html5/thumbnails/17.jpg)
Everything will be timed
Wednesday 16 July 14
![Page 18: UX at Episerver - Commerce](https://reader033.fdocuments.in/reader033/viewer/2022061218/54b7c73b4a795959188b4743/html5/thumbnails/18.jpg)
5:3:2
Wednesday 16 July 14
![Page 19: UX at Episerver - Commerce](https://reader033.fdocuments.in/reader033/viewer/2022061218/54b7c73b4a795959188b4743/html5/thumbnails/19.jpg)
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](https://reader033.fdocuments.in/reader033/viewer/2022061218/54b7c73b4a795959188b4743/html5/thumbnails/20.jpg)
5 minutes to sketch
6-8 concepts
Wednesday 16 July 14
![Page 21: UX at Episerver - Commerce](https://reader033.fdocuments.in/reader033/viewer/2022061218/54b7c73b4a795959188b4743/html5/thumbnails/21.jpg)
Critique3 minutes to Pitch
How you addressed the goals
Wednesday 16 July 14
![Page 22: UX at Episerver - Commerce](https://reader033.fdocuments.in/reader033/viewer/2022061218/54b7c73b4a795959188b4743/html5/thumbnails/22.jpg)
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](https://reader033.fdocuments.in/reader033/viewer/2022061218/54b7c73b4a795959188b4743/html5/thumbnails/23.jpg)
Warning Design Studio will NOT
generate the final solution
!
Wednesday 16 July 14
![Page 24: UX at Episerver - Commerce](https://reader033.fdocuments.in/reader033/viewer/2022061218/54b7c73b4a795959188b4743/html5/thumbnails/24.jpg)
Commerce Design
15Wednesday 16 July 14
![Page 25: UX at Episerver - Commerce](https://reader033.fdocuments.in/reader033/viewer/2022061218/54b7c73b4a795959188b4743/html5/thumbnails/25.jpg)
Refine the Design
Wednesday 16 July 14
![Page 26: UX at Episerver - Commerce](https://reader033.fdocuments.in/reader033/viewer/2022061218/54b7c73b4a795959188b4743/html5/thumbnails/26.jpg)
The Real Design Process
Magic
Wednesday 16 July 14
![Page 27: UX at Episerver - Commerce](https://reader033.fdocuments.in/reader033/viewer/2022061218/54b7c73b4a795959188b4743/html5/thumbnails/27.jpg)
Sketch → Low Fi → Hi Fi
Wednesday 16 July 14
![Page 28: UX at Episerver - Commerce](https://reader033.fdocuments.in/reader033/viewer/2022061218/54b7c73b4a795959188b4743/html5/thumbnails/28.jpg)
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](https://reader033.fdocuments.in/reader033/viewer/2022061218/54b7c73b4a795959188b4743/html5/thumbnails/29.jpg)
Validate
Wednesday 16 July 14
![Page 30: UX at Episerver - Commerce](https://reader033.fdocuments.in/reader033/viewer/2022061218/54b7c73b4a795959188b4743/html5/thumbnails/30.jpg)
• 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](https://reader033.fdocuments.in/reader033/viewer/2022061218/54b7c73b4a795959188b4743/html5/thumbnails/31.jpg)
Is all this making a difference ?
MEASURE SOMETHING
Wednesday 16 July 14
![Page 32: UX at Episerver - Commerce](https://reader033.fdocuments.in/reader033/viewer/2022061218/54b7c73b4a795959188b4743/html5/thumbnails/32.jpg)
SUS - Standard Usability Scale
Wednesday 16 July 14
![Page 33: UX at Episerver - Commerce](https://reader033.fdocuments.in/reader033/viewer/2022061218/54b7c73b4a795959188b4743/html5/thumbnails/33.jpg)
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](https://reader033.fdocuments.in/reader033/viewer/2022061218/54b7c73b4a795959188b4743/html5/thumbnails/34.jpg)
UX isn’t a skill set
UX is a mindset
Wednesday 16 July 14