SlideShare une entreprise Scribd logo
1  sur  21
Twitter: @steveo_adams

User Experience
The Secret Sauce of Extraordinary Projects
Who is this guy?

 Steve Adams
 Senior Web Developer @ Bit-Wizards
 What I do:
 Front-end design
 Front-end development
 UX
 Manage teams and projects
My UX Story

 Over the course of my career, I’ve always been frustrated with the subjectivity of the
design process
 My decisions were largely based on my own preference and intuition, and my projects
suffered because of it
 Then, I discovered the principles of UX
Agenda

 Definition

 History
 Examples of Good and Bad UX
 Putting it All Together
 Usability Testing
What is UX (User Experience)?

 Understanding UX is challenging:
 The term User Experience is interchangeable between both a process for achieving a good user
experience and the actual user’s experience itself


User Experience (UX) - Also - User Experience Design (UXD)


UX Methods (Research, Interviews, Wireframes, Prototypes, Usability Testing)

 There isn’t a good shared vocabulary in the field
 No single agreed upon definition of UX

 Nielson Norman Group - “User experience encompasses all aspects of the end-user's
interaction with the company, its services, and its products.”
http://www.nngroup.com/articles/definition-user-experience/
UX Team of One – Leah Buley
1.
2.
3.
4.

No dipping
Hard to open and use
The packets were too small, you had to eat 20 of them
You had to have something to squeeze the ketchup
on if you wanted to use it…messy!

“When the point of contact between the product and
the people becomes a point of friction, then the designer
has failed.“
• Heinz’s new ketchup packet considers
the user’s overall experience as well as
the product.
• The new packets provide a good
experience and address the pain-points
of the previous design
• How did they get this so right? – Good UX
“On the other hand if people are made
safer, more comfortable, more eager to
purchase, more efficient --- or just plain
happier --- by contact with the
product, then the designer has
succeeded.“
What’s wrong with this
picture?
The reservation app failed at three
main components of the UX
honeycomb
1.

Usable (Usability) – It wasn’t easy
to use, too many clicks

2.

Useful (User needs) – It wasn’t
useful, it didn’t account for
people waiting in the bar

3.

Valuable (Business requirements) –
It wasn’t valuable. They paid a
custom software price tag for a
whiteboard.
How do we do it right?
 We need a framework for success – The UX process
 The UX Process
 Discovery – Research to obtain an understanding of the business and user needs
 Strategy – Establish a shared vision for an ideal user experience that meets these needs
 Design – Realize the strategy and ensure that it truly accomplishes the goals…iterate if necessary

 How does the UX process help?
 Helps flush out legitimate business and user needs that would otherwise been overlooked
 Builds credibility and consensus with decision makers
 Provides real data to drive design decisions
 Ultimately produces a more polished and valuable final product
UX Process & Methods

Discovery
•Questionnaires
•Surveys
•Stakeholder Interviews
•Comparative Analysis

Strategy
•Design Brief
•Personas
•Card Sorting
•User Story Maps

Design
•Sketching
•Wireframes
•Prototypes
•Usability Testing
Demonstration: UX Process

 Nordstrom Innovation Lab: Sunglass iPad App Case Study - http://youtu.be/szr0ezLyQHY
Discussion

 Did you notice the UX process throughout the video?
 What kinds of methods were used?
 Interviews
 Paper prototyping
 Card sorting
 User story maps
 Usability testing

 Usability Testing was the key!
What is Usability Testing?

Usability Testing: Observing real users performing critical tasks with the goal of identifying
pain-points and opportunities for improvement.
Why test for usability?

 Designing and developing for yourself is stupid – you are not every end-user
 Usability testing doesn’t have to be time consuming or costly – Guerilla Usability Testing
 You only need 5 people - http://www.nngroup.com/articles/why-you-only-need-to-test-with-5users/
How to go Guerilla
1. Find Real Users
Identify real users and target them for
optimal feedback
2. Where
Context matters, think back to that waiter
and his fast paced-environment
3. Create a Testing Plan
Identify key scenarios, tasks, and user
flows
4. Record session
Observe, talk out loud, interview
5. Analyze results and iterate
In Summary

1. Creating a good user experience requires empathizing with those users…UX helps with this
2. Don’t design based on intuition and assumptions; use UX to make data-driven design decisions
3. Get your project functional as fast as possible and put it in front of real users

4. Gather feedback and improve and iterate
Thanks!

 Twitter:

@steveo_adams

 Email:

steve@bit-wizards.com

 Web:

BitWizards.com

Contenu connexe

Dernier

Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Patryk Bandurski
 
Scanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsScanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsRizwan Syed
 
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersEnhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersThousandEyes
 
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...Alan Dix
 
SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024Scott Keck-Warren
 
Pigging Solutions Piggable Sweeping Elbows
Pigging Solutions Piggable Sweeping ElbowsPigging Solutions Piggable Sweeping Elbows
Pigging Solutions Piggable Sweeping ElbowsPigging Solutions
 
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
"Federated learning: out of reach no matter how close",Oleksandr LapshynFwdays
 
Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Scott Keck-Warren
 
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks..."LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...Fwdays
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking MenDelhi Call girls
 
CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):comworks
 
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptxMaking_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptxnull - The Open Security Community
 
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...shyamraj55
 
Connect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationConnect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationSlibray Presentation
 
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | DelhiFULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhisoniya singh
 
Key Features Of Token Development (1).pptx
Key  Features Of Token  Development (1).pptxKey  Features Of Token  Development (1).pptx
Key Features Of Token Development (1).pptxLBM Solutions
 
Artificial intelligence in the post-deep learning era
Artificial intelligence in the post-deep learning eraArtificial intelligence in the post-deep learning era
Artificial intelligence in the post-deep learning eraDeakin University
 
Streamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupStreamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupFlorian Wilhelm
 
Maximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptxMaximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptxOnBoard
 

Dernier (20)

Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
 
Scanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsScanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL Certs
 
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersEnhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
 
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
 
SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024
 
Pigging Solutions Piggable Sweeping Elbows
Pigging Solutions Piggable Sweeping ElbowsPigging Solutions Piggable Sweeping Elbows
Pigging Solutions Piggable Sweeping Elbows
 
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
 
Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024
 
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks..."LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
 
CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):
 
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptxMaking_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
 
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
 
Connect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationConnect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck Presentation
 
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | DelhiFULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
 
Key Features Of Token Development (1).pptx
Key  Features Of Token  Development (1).pptxKey  Features Of Token  Development (1).pptx
Key Features Of Token Development (1).pptx
 
Artificial intelligence in the post-deep learning era
Artificial intelligence in the post-deep learning eraArtificial intelligence in the post-deep learning era
Artificial intelligence in the post-deep learning era
 
Streamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupStreamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project Setup
 
Vulnerability_Management_GRC_by Sohang Sengupta.pptx
Vulnerability_Management_GRC_by Sohang Sengupta.pptxVulnerability_Management_GRC_by Sohang Sengupta.pptx
Vulnerability_Management_GRC_by Sohang Sengupta.pptx
 
Maximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptxMaximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptx
 

En vedette

PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024Neil Kimberley
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)contently
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024Albert Qian
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsKurio // The Social Media Age(ncy)
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Search Engine Journal
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summarySpeakerHub
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next Tessa Mero
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentLily Ray
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best PracticesVit Horky
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project managementMindGenius
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...RachelPearson36
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Applitools
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at WorkGetSmarter
 
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...DevGAMM Conference
 
Barbie - Brand Strategy Presentation
Barbie - Brand Strategy PresentationBarbie - Brand Strategy Presentation
Barbie - Brand Strategy PresentationErica Santiago
 

En vedette (20)

PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
 
ChatGPT webinar slides
ChatGPT webinar slidesChatGPT webinar slides
ChatGPT webinar slides
 
More than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike RoutesMore than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike Routes
 
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
 
Barbie - Brand Strategy Presentation
Barbie - Brand Strategy PresentationBarbie - Brand Strategy Presentation
Barbie - Brand Strategy Presentation
 

User Experience - The Secret Sauce of Extraordinary Projects

  • 1. Twitter: @steveo_adams User Experience The Secret Sauce of Extraordinary Projects
  • 2. Who is this guy?  Steve Adams  Senior Web Developer @ Bit-Wizards  What I do:  Front-end design  Front-end development  UX  Manage teams and projects
  • 3. My UX Story  Over the course of my career, I’ve always been frustrated with the subjectivity of the design process  My decisions were largely based on my own preference and intuition, and my projects suffered because of it  Then, I discovered the principles of UX
  • 4. Agenda  Definition  History  Examples of Good and Bad UX  Putting it All Together  Usability Testing
  • 5. What is UX (User Experience)?  Understanding UX is challenging:  The term User Experience is interchangeable between both a process for achieving a good user experience and the actual user’s experience itself  User Experience (UX) - Also - User Experience Design (UXD)  UX Methods (Research, Interviews, Wireframes, Prototypes, Usability Testing)  There isn’t a good shared vocabulary in the field  No single agreed upon definition of UX  Nielson Norman Group - “User experience encompasses all aspects of the end-user's interaction with the company, its services, and its products.” http://www.nngroup.com/articles/definition-user-experience/
  • 6. UX Team of One – Leah Buley
  • 7.
  • 8.
  • 9. 1. 2. 3. 4. No dipping Hard to open and use The packets were too small, you had to eat 20 of them You had to have something to squeeze the ketchup on if you wanted to use it…messy! “When the point of contact between the product and the people becomes a point of friction, then the designer has failed.“
  • 10. • Heinz’s new ketchup packet considers the user’s overall experience as well as the product. • The new packets provide a good experience and address the pain-points of the previous design • How did they get this so right? – Good UX “On the other hand if people are made safer, more comfortable, more eager to purchase, more efficient --- or just plain happier --- by contact with the product, then the designer has succeeded.“
  • 11.
  • 12. What’s wrong with this picture? The reservation app failed at three main components of the UX honeycomb 1. Usable (Usability) – It wasn’t easy to use, too many clicks 2. Useful (User needs) – It wasn’t useful, it didn’t account for people waiting in the bar 3. Valuable (Business requirements) – It wasn’t valuable. They paid a custom software price tag for a whiteboard.
  • 13. How do we do it right?  We need a framework for success – The UX process  The UX Process  Discovery – Research to obtain an understanding of the business and user needs  Strategy – Establish a shared vision for an ideal user experience that meets these needs  Design – Realize the strategy and ensure that it truly accomplishes the goals…iterate if necessary  How does the UX process help?  Helps flush out legitimate business and user needs that would otherwise been overlooked  Builds credibility and consensus with decision makers  Provides real data to drive design decisions  Ultimately produces a more polished and valuable final product
  • 14. UX Process & Methods Discovery •Questionnaires •Surveys •Stakeholder Interviews •Comparative Analysis Strategy •Design Brief •Personas •Card Sorting •User Story Maps Design •Sketching •Wireframes •Prototypes •Usability Testing
  • 15. Demonstration: UX Process  Nordstrom Innovation Lab: Sunglass iPad App Case Study - http://youtu.be/szr0ezLyQHY
  • 16. Discussion  Did you notice the UX process throughout the video?  What kinds of methods were used?  Interviews  Paper prototyping  Card sorting  User story maps  Usability testing  Usability Testing was the key!
  • 17. What is Usability Testing? Usability Testing: Observing real users performing critical tasks with the goal of identifying pain-points and opportunities for improvement.
  • 18. Why test for usability?  Designing and developing for yourself is stupid – you are not every end-user  Usability testing doesn’t have to be time consuming or costly – Guerilla Usability Testing  You only need 5 people - http://www.nngroup.com/articles/why-you-only-need-to-test-with-5users/
  • 19. How to go Guerilla 1. Find Real Users Identify real users and target them for optimal feedback 2. Where Context matters, think back to that waiter and his fast paced-environment 3. Create a Testing Plan Identify key scenarios, tasks, and user flows 4. Record session Observe, talk out loud, interview 5. Analyze results and iterate
  • 20. In Summary 1. Creating a good user experience requires empathizing with those users…UX helps with this 2. Don’t design based on intuition and assumptions; use UX to make data-driven design decisions 3. Get your project functional as fast as possible and put it in front of real users 4. Gather feedback and improve and iterate

Notes de l'éditeur

  1. The UX Honeycomb was developed by Peter Morville in 2004 to illustrate the facets of user experience.Ultimately these facets are what contributes to an overall good user experience.Valuable (Business Requirements). Our sites must deliver value to our sponsors. For non-profits, the user experience must advance the mission. With for-profits, it must contribute to the bottom line and improve customer satisfaction.Useful (User Needs). As practitioners, we can't be content to paint within the lines drawn by managers. We must have the courage and creativity to ask whether our products and systems are useful, and to apply our deep knowledge of craft and medium to define innovative solutions that are more useful.Usable (Usability). Ease of use remains vital, and yet the interface-centered methods and perspectives of human-computer interaction do not address all dimensions of web design. In short, usability is necessary but not sufficient.Desirable (Appeal to Emotion). Our quest for efficiency must be tempered by an appreciation for the power and value of image, identity, brand, and other elements of emotional design.Findable (IA). We must strive to design navigable web sites and locatable objects, so users can find what they need.Accessible (Accessibility). Just as our buildings have elevators and ramps, our web sites should be accessible to people with disabilities. Today, it's good business and the ethical thing to do.Credible (Good Design). Thanks to the Web Credibility Project (Standford), we're beginning to understand the design elements that influence whether users trust and believe what we tell them.
  2. When questioned he stated, “The guys that create these kinds of systems…well, you can’t do things the way you want to do them. You can check off a reservation in the system, with the mouse, but hey, it’s at least four clicks away from this screen. And you can’t tell if the guests have been showed to their table or are waiting in the bar. So it’s much easier just to draw on the screen. (And when the evening is over you just wipe the screen with a cloth.) We’re very busy here, and this works just fine.”
  3. This is one approach, there is no certified UX processNot all of these methods must be used, let the project requirements drive the choices