SlideShare une entreprise Scribd logo
1  sur  34
Télécharger pour lire hors ligne
UX at EPiServer
Christopher McCann, UX Team lead
Wednesday 16 July 14
What is UX ?
What is your definition ?
Wednesday 16 July 14
Wednesday 16 July 14
“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
Good Usability
User Needs Business Needs
Technology
Useful Valuable
Feasible
Wednesday 16 July 14
UX Process ... sort of
START HERE HypothesisDevelop
Concepts
Refine
Designs
Bring to LifeValidate
Understand
Users
Wednesday 16 July 14
Research
Wednesday 16 July 14
You are not the User
Only through research can we uncover people’s pain, needs, and
goals, in context.
Wednesday 16 July 14
Why Customer Research ?
“Insights about your customers or users were never discovered sitting at
your f?*king couch”.
- Will Evans
Wednesday 16 July 14
Insight Graph
Source: Norman, Landauer 2000
Will Evans
Insights
People
0
12$
Lots$
People&
Insights&
zero&users&give&zero&insights&
Wednesday 16 July 14
Types of Customer Research
Strategic 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
Commerce User Research
Parm
Rebecca
Emily
Therese
Wednesday 16 July 14
Ideation - Develop
Concepts
Wednesday 16 July 14
Ideation - Design Studio
Design Studio provides a structure for pairing the iterative
design processwith generation of
numerous ideasand solutions for a given problem.
Wednesday 16 July 14
DIVERGE CONVERGE
Create
Choices
Make
Choices
Wednesday 16 July 14
Sketch. Pitch. Critique.
Wednesday 16 July 14
Everything will be timed
Wednesday 16 July 14
5:3:2
Wednesday 16 July 14
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
5minutes to sketch
6-8 concepts
Wednesday 16 July 14
Critique
3minutes to Pitch
How you addressed the goals
Wednesday 16 July 14
2minutes to critique
2-3 ways design solves problems
1-2 ways of improving design
Wednesday 16 July 14
Warning
Design Studio will NOT
generate the final
solution
!
Wednesday 16 July 14
Commerce Design
15
Wednesday 16 July 14
Refine the Design
Wednesday 16 July 14
The Real Design Process
Magic
Wednesday 16 July 14
Sketch → Low Fi →	
   Hi Fi
Wednesday 16 July 14
Refine and add details
Interface pattern library
Synchronize products unify solutions between product
Industry best practices / trends
Magic Powers
Wednesday 16 July 14
Validate
Wednesday 16 July 14
•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
Is all this making a difference ?
MEASURE
SOMETHING
Wednesday 16 July 14
SUS - Standard Usability Scale
Wednesday 16 July 14
EPiServer UX Principles
Collaborative 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
UX isn’t a
skill set
UX is a
mindset
Wednesday 16 July 14

Contenu connexe

Similaire à UX at Episerver - Commerce

How to Design in a Multiscreen World ?
How to Design in a Multiscreen World ?How to Design in a Multiscreen World ?
How to Design in a Multiscreen World ?The Wisdom Daily
 
Bringing the User Into the Process with Design Thinking
Bringing the User Into the Process with Design ThinkingBringing the User Into the Process with Design Thinking
Bringing the User Into the Process with Design ThinkingJacqueline L. Frank
 
What is Means to be Strategic and Create Value (UX Strat Summit, SF 2014)
What is Means to be Strategic and Create Value (UX Strat Summit, SF 2014)What is Means to be Strategic and Create Value (UX Strat Summit, SF 2014)
What is Means to be Strategic and Create Value (UX Strat Summit, SF 2014)Nathan Shedroff
 
PxS'12 - week 1 - Introduction
PxS'12 - week 1 - IntroductionPxS'12 - week 1 - Introduction
PxS'12 - week 1 - Introductionhendrikknoche
 
Rapid Paper Prototyping Workshop — Campus Party GDL 2016
Rapid Paper Prototyping Workshop — Campus Party GDL 2016Rapid Paper Prototyping Workshop — Campus Party GDL 2016
Rapid Paper Prototyping Workshop — Campus Party GDL 2016Misael Leon
 
Experince Design Seminar // Hyper Island
Experince Design Seminar // Hyper IslandExperince Design Seminar // Hyper Island
Experince Design Seminar // Hyper IslandAndy Sontag
 
Great UX Portfolios
Great UX PortfoliosGreat UX Portfolios
Great UX PortfoliosMary Wharmby
 
Achieving 10X! What it takes to create meaningful products we love
Achieving 10X! What it takes to create meaningful products we loveAchieving 10X! What it takes to create meaningful products we love
Achieving 10X! What it takes to create meaningful products we loveLillian Ayla Ersoy
 
UX at Canadian Tire: Baking empathy into projects
UX at Canadian Tire: Baking empathy into projectsUX at Canadian Tire: Baking empathy into projects
UX at Canadian Tire: Baking empathy into projectsUserTesting
 
Frontend United: Etching wireframes & agile UX
Frontend United: Etching wireframes & agile UXFrontend United: Etching wireframes & agile UX
Frontend United: Etching wireframes & agile UXWunderkraut
 
Lean Startup Case Studies
Lean Startup Case StudiesLean Startup Case Studies
Lean Startup Case StudiesGrace Ng
 
Understanding Product Design Workshop - Presentation at LBS (Heart Atelier)
Understanding Product Design Workshop - Presentation at LBS (Heart Atelier)Understanding Product Design Workshop - Presentation at LBS (Heart Atelier)
Understanding Product Design Workshop - Presentation at LBS (Heart Atelier)Eduardo Wydler
 
Success In Digital Publishing
Success In Digital PublishingSuccess In Digital Publishing
Success In Digital PublishingMag+
 
UX for start-ups, presented to start-ups in Wayra, London
UX for start-ups, presented to start-ups in Wayra, LondonUX for start-ups, presented to start-ups in Wayra, London
UX for start-ups, presented to start-ups in Wayra, LondonKarl Saynor
 
UI/UX Foundations Part 1 - Design
UI/UX Foundations Part 1 - DesignUI/UX Foundations Part 1 - Design
UI/UX Foundations Part 1 - DesignMeg Kurdziolek
 
UX Design Process & Methods
UX Design Process & MethodsUX Design Process & Methods
UX Design Process & MethodsBaris Erkol
 
UX principles for co-founders
UX principles for co-foundersUX principles for co-founders
UX principles for co-foundersCyber-Duck
 

Similaire à UX at Episerver - Commerce (20)

Design Studio
Design Studio Design Studio
Design Studio
 
How to Design in a Multiscreen World ?
How to Design in a Multiscreen World ?How to Design in a Multiscreen World ?
How to Design in a Multiscreen World ?
 
Bringing the User Into the Process with Design Thinking
Bringing the User Into the Process with Design ThinkingBringing the User Into the Process with Design Thinking
Bringing the User Into the Process with Design Thinking
 
What is Means to be Strategic and Create Value (UX Strat Summit, SF 2014)
What is Means to be Strategic and Create Value (UX Strat Summit, SF 2014)What is Means to be Strategic and Create Value (UX Strat Summit, SF 2014)
What is Means to be Strategic and Create Value (UX Strat Summit, SF 2014)
 
O.I.A Portfolio
O.I.A PortfolioO.I.A Portfolio
O.I.A Portfolio
 
PxS'12 - week 1 - Introduction
PxS'12 - week 1 - IntroductionPxS'12 - week 1 - Introduction
PxS'12 - week 1 - Introduction
 
Rapid Paper Prototyping Workshop — Campus Party GDL 2016
Rapid Paper Prototyping Workshop — Campus Party GDL 2016Rapid Paper Prototyping Workshop — Campus Party GDL 2016
Rapid Paper Prototyping Workshop — Campus Party GDL 2016
 
Experince Design Seminar // Hyper Island
Experince Design Seminar // Hyper IslandExperince Design Seminar // Hyper Island
Experince Design Seminar // Hyper Island
 
Great UX Portfolios
Great UX PortfoliosGreat UX Portfolios
Great UX Portfolios
 
Achieving 10X! What it takes to create meaningful products we love
Achieving 10X! What it takes to create meaningful products we loveAchieving 10X! What it takes to create meaningful products we love
Achieving 10X! What it takes to create meaningful products we love
 
UX at Canadian Tire: Baking empathy into projects
UX at Canadian Tire: Baking empathy into projectsUX at Canadian Tire: Baking empathy into projects
UX at Canadian Tire: Baking empathy into projects
 
Frontend United: Etching wireframes & agile UX
Frontend United: Etching wireframes & agile UXFrontend United: Etching wireframes & agile UX
Frontend United: Etching wireframes & agile UX
 
Lean Startup Case Studies
Lean Startup Case StudiesLean Startup Case Studies
Lean Startup Case Studies
 
Understanding Product Design Workshop - Presentation at LBS (Heart Atelier)
Understanding Product Design Workshop - Presentation at LBS (Heart Atelier)Understanding Product Design Workshop - Presentation at LBS (Heart Atelier)
Understanding Product Design Workshop - Presentation at LBS (Heart Atelier)
 
Success In Digital Publishing
Success In Digital PublishingSuccess In Digital Publishing
Success In Digital Publishing
 
UX for start-ups, presented to start-ups in Wayra, London
UX for start-ups, presented to start-ups in Wayra, LondonUX for start-ups, presented to start-ups in Wayra, London
UX for start-ups, presented to start-ups in Wayra, London
 
PDP21 working kit for teachers
PDP21 working kit for teachersPDP21 working kit for teachers
PDP21 working kit for teachers
 
UI/UX Foundations Part 1 - Design
UI/UX Foundations Part 1 - DesignUI/UX Foundations Part 1 - Design
UI/UX Foundations Part 1 - Design
 
UX Design Process & Methods
UX Design Process & MethodsUX Design Process & Methods
UX Design Process & Methods
 
UX principles for co-founders
UX principles for co-foundersUX principles for co-founders
UX principles for co-founders
 

Plus de Christopher McCann

2016 european ux impact survey
2016 european ux impact survey 2016 european ux impact survey
2016 european ux impact survey Christopher McCann
 
Christopher McCann UX portfolio 2016
Christopher McCann UX portfolio  2016Christopher McCann UX portfolio  2016
Christopher McCann UX portfolio 2016Christopher McCann
 
Design Thinking in 4 Simple Steps that are Complicated
Design Thinking in 4 Simple Steps that are ComplicatedDesign Thinking in 4 Simple Steps that are Complicated
Design Thinking in 4 Simple Steps that are ComplicatedChristopher McCann
 
Product Discovery - 10 , 11 Sept
Product Discovery   - 10 , 11 SeptProduct Discovery   - 10 , 11 Sept
Product Discovery - 10 , 11 SeptChristopher McCann
 
This thing called Customer Reseach
This thing called Customer Reseach This thing called Customer Reseach
This thing called Customer Reseach Christopher McCann
 

Plus de Christopher McCann (8)

2016 european ux impact survey
2016 european ux impact survey 2016 european ux impact survey
2016 european ux impact survey
 
Christopher McCann UX portfolio 2016
Christopher McCann UX portfolio  2016Christopher McCann UX portfolio  2016
Christopher McCann UX portfolio 2016
 
Berghs Product UX - 'Create '
Berghs  Product UX  - 'Create 'Berghs  Product UX  - 'Create '
Berghs Product UX - 'Create '
 
User Story Mapping
User Story MappingUser Story Mapping
User Story Mapping
 
Design Thinking in 4 Simple Steps that are Complicated
Design Thinking in 4 Simple Steps that are ComplicatedDesign Thinking in 4 Simple Steps that are Complicated
Design Thinking in 4 Simple Steps that are Complicated
 
Product Discovery - 10 , 11 Sept
Product Discovery   - 10 , 11 SeptProduct Discovery   - 10 , 11 Sept
Product Discovery - 10 , 11 Sept
 
This thing called Customer Reseach
This thing called Customer Reseach This thing called Customer Reseach
This thing called Customer Reseach
 
3 legs
3 legs3 legs
3 legs
 

Dernier

Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 3652toLead Limited
 
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebDev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebUiPathCommunity
 
Generative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information DevelopersGenerative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information DevelopersRaghuram Pandurangan
 
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your BrandWordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brandgvaughan
 
From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .Alan Dix
 
SALESFORCE EDUCATION CLOUD | FEXLE SERVICES
SALESFORCE EDUCATION CLOUD | FEXLE SERVICESSALESFORCE EDUCATION CLOUD | FEXLE SERVICES
SALESFORCE EDUCATION CLOUD | FEXLE SERVICESmohitsingh558521
 
"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii SoldatenkoFwdays
 
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenDevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenHervé Boutemy
 
The State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxThe State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxLoriGlavin3
 
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdfHyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdfPrecisely
 
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxPasskey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxLoriGlavin3
 
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.Curtis Poe
 
How to write a Business Continuity Plan
How to write a Business Continuity PlanHow to write a Business Continuity Plan
How to write a Business Continuity PlanDatabarracks
 
What is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdfWhat is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdfMounikaPolabathina
 
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024BookNet Canada
 
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024BookNet Canada
 
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc
 
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLScyllaDB
 
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek SchlawackFwdays
 
What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024Stephanie Beckett
 

Dernier (20)

Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365
 
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebDev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio Web
 
Generative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information DevelopersGenerative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information Developers
 
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your BrandWordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brand
 
From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .
 
SALESFORCE EDUCATION CLOUD | FEXLE SERVICES
SALESFORCE EDUCATION CLOUD | FEXLE SERVICESSALESFORCE EDUCATION CLOUD | FEXLE SERVICES
SALESFORCE EDUCATION CLOUD | FEXLE SERVICES
 
"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko
 
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenDevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache Maven
 
The State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxThe State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptx
 
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdfHyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
 
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxPasskey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
 
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.
 
How to write a Business Continuity Plan
How to write a Business Continuity PlanHow to write a Business Continuity Plan
How to write a Business Continuity Plan
 
What is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdfWhat is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdf
 
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
 
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
 
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
 
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQL
 
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
 
What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024
 

UX at Episerver - Commerce