SlideShare a Scribd company logo
1 of 27
Download to read offline
User
Needs
Business
Goals
WHY IS THIS STUFF BROKEN?
• It’s not my Job
• The World has changed
• I didn’t know
• I’m not a fish
• It’s broken on purpose
UX
Design
Data
Usability
Content
People
BUILDING THE USER
EXPERIENCE
• USER RESEARCH: understanding the
audience, personas, best practices,
Analytics
• INFORMATION ARCHITECTURE:
sitemaps, wireframes
• VISUAL DESIGN: documents, websites,
emails…
• CONTENT: text, pictures, infographics,
video
• Measurement plan
Garfield
• Goals
• Expectations
• Concerns
• Frustrations
• Tech savvy
• Etc.
Katrina
• Goals
• Expectations
• Concerns
• Frustrations
• Tech savvy
• Etc.
Jessy
• Goals
• Expectations
• Concerns
• Frustrations
• Tech savvy
• Etc.
PERSONAS
ANALYTICS
SCROLL/CLICK MAPS
COMPETITIVE RESEARCH
SURVEYS
MAPPING THE USER
JOURNEY
USER FLOW
“An ounce of prevention is
worth a pound of cure.”
PRE-MORTEM
CARD SORTING
WIREFRAMES
PROTOTYPE
PAPER PROTOTYPING
THE UX OF YOUR UX
• porcelainduck.com
• @porcelainduck
RESOURCES
• http://www.usability.gov
• http://www.nngroup.com
• http://uxmyths.com
• http://www.uxbooth.com
• http://riskology.co/pre-mortem-technique/
• https://www.thinkwithgoogle.com
• https://www.thinkwithgoogle.com/tools/customer-journey-to-online-
purchase.html
• http://deathtothestockphoto.com

More Related Content

Similar to Won't somebody please think of the user!?

Techniques to understand and improve your digital employee experience
Techniques to understand and improve your digital employee experienceTechniques to understand and improve your digital employee experience
Techniques to understand and improve your digital employee experienceJ05hPatel
 
Introduction to Information Architecture and Design - SVA Workshop 03/23/13
Introduction to Information Architecture and Design - SVA Workshop 03/23/13Introduction to Information Architecture and Design - SVA Workshop 03/23/13
Introduction to Information Architecture and Design - SVA Workshop 03/23/13Robert Stribley
 
Introduction to Information Architecture and Design - SVA Workshop 0929
Introduction to Information Architecture and Design - SVA Workshop 0929Introduction to Information Architecture and Design - SVA Workshop 0929
Introduction to Information Architecture and Design - SVA Workshop 0929Robert Stribley
 
Introduction to Information Architecture and Design - SVA Workshop 0712
Introduction to Information Architecture and Design - SVA Workshop 0712Introduction to Information Architecture and Design - SVA Workshop 0712
Introduction to Information Architecture and Design - SVA Workshop 0712Robert Stribley
 
MIT Course - What is Experience Design
MIT Course - What is Experience DesignMIT Course - What is Experience Design
MIT Course - What is Experience DesignMarisa Gallagher
 
Introduction to Information Architecture and Design - SVA Workshop 021613
Introduction to Information Architecture and Design - SVA Workshop 021613Introduction to Information Architecture and Design - SVA Workshop 021613
Introduction to Information Architecture and Design - SVA Workshop 021613Robert Stribley
 
Introduction to Information Architecture and Design - SVA Workshop 062312
Introduction to Information Architecture and Design - SVA Workshop 062312Introduction to Information Architecture and Design - SVA Workshop 062312
Introduction to Information Architecture and Design - SVA Workshop 062312Robert Stribley
 
SVA Workshop - Fall 121011
SVA Workshop - Fall 121011SVA Workshop - Fall 121011
SVA Workshop - Fall 121011Robert Stribley
 
Before Code: How to Plan & Visualize Your Project
Before Code: How to Plan & Visualize Your ProjectBefore Code: How to Plan & Visualize Your Project
Before Code: How to Plan & Visualize Your Projectmelmiller
 
Introduction to Information Architecture and Design - SVA Workshop 120812
Introduction to Information Architecture and Design - SVA Workshop 120812Introduction to Information Architecture and Design - SVA Workshop 120812
Introduction to Information Architecture and Design - SVA Workshop 120812Robert Stribley
 
Hci user centered design 11
Hci user centered design 11Hci user centered design 11
Hci user centered design 11Anwal Mirza
 
Session1 methods research_question
Session1 methods research_questionSession1 methods research_question
Session1 methods research_questionmilolostinspace
 
Introduction to Information Architecture & Design - 2/14/15
Introduction to Information Architecture & Design - 2/14/15Introduction to Information Architecture & Design - 2/14/15
Introduction to Information Architecture & Design - 2/14/15Robert Stribley
 
Introduction to Information Architecture & Design - 12/06/14
Introduction to Information Architecture & Design - 12/06/14Introduction to Information Architecture & Design - 12/06/14
Introduction to Information Architecture & Design - 12/06/14Robert Stribley
 
Introduction to Information Architecture & Design - 3/21/15
Introduction to Information Architecture & Design - 3/21/15Introduction to Information Architecture & Design - 3/21/15
Introduction to Information Architecture & Design - 3/21/15Robert Stribley
 
Introduction to UX Research: Fundamentals of Contextual Inquiry
Introduction to UX Research: Fundamentals of Contextual InquiryIntroduction to UX Research: Fundamentals of Contextual Inquiry
Introduction to UX Research: Fundamentals of Contextual InquiryMarc Niola
 

Similar to Won't somebody please think of the user!? (20)

Techniques to understand and improve your digital employee experience
Techniques to understand and improve your digital employee experienceTechniques to understand and improve your digital employee experience
Techniques to understand and improve your digital employee experience
 
Introduction to Information Architecture and Design - SVA Workshop 03/23/13
Introduction to Information Architecture and Design - SVA Workshop 03/23/13Introduction to Information Architecture and Design - SVA Workshop 03/23/13
Introduction to Information Architecture and Design - SVA Workshop 03/23/13
 
UX workshop
UX workshopUX workshop
UX workshop
 
Introduction to Information Architecture and Design - SVA Workshop 0929
Introduction to Information Architecture and Design - SVA Workshop 0929Introduction to Information Architecture and Design - SVA Workshop 0929
Introduction to Information Architecture and Design - SVA Workshop 0929
 
Introduction to Information Architecture and Design - SVA Workshop 0712
Introduction to Information Architecture and Design - SVA Workshop 0712Introduction to Information Architecture and Design - SVA Workshop 0712
Introduction to Information Architecture and Design - SVA Workshop 0712
 
MIT Course - What is Experience Design
MIT Course - What is Experience DesignMIT Course - What is Experience Design
MIT Course - What is Experience Design
 
Introduction to Information Architecture and Design - SVA Workshop 021613
Introduction to Information Architecture and Design - SVA Workshop 021613Introduction to Information Architecture and Design - SVA Workshop 021613
Introduction to Information Architecture and Design - SVA Workshop 021613
 
Introduction to Information Architecture and Design - SVA Workshop 062312
Introduction to Information Architecture and Design - SVA Workshop 062312Introduction to Information Architecture and Design - SVA Workshop 062312
Introduction to Information Architecture and Design - SVA Workshop 062312
 
SVA Workshop - Fall 121011
SVA Workshop - Fall 121011SVA Workshop - Fall 121011
SVA Workshop - Fall 121011
 
Before Code: How to Plan & Visualize Your Project
Before Code: How to Plan & Visualize Your ProjectBefore Code: How to Plan & Visualize Your Project
Before Code: How to Plan & Visualize Your Project
 
Introduction to Information Architecture and Design - SVA Workshop 120812
Introduction to Information Architecture and Design - SVA Workshop 120812Introduction to Information Architecture and Design - SVA Workshop 120812
Introduction to Information Architecture and Design - SVA Workshop 120812
 
Hci user centered design 11
Hci user centered design 11Hci user centered design 11
Hci user centered design 11
 
Ch 3
Ch   3Ch   3
Ch 3
 
Session1 methods research_question
Session1 methods research_questionSession1 methods research_question
Session1 methods research_question
 
SVA Workshop 032512
SVA Workshop 032512SVA Workshop 032512
SVA Workshop 032512
 
Introduction to Information Architecture & Design - 2/14/15
Introduction to Information Architecture & Design - 2/14/15Introduction to Information Architecture & Design - 2/14/15
Introduction to Information Architecture & Design - 2/14/15
 
SVA Workshop 021112
SVA Workshop 021112SVA Workshop 021112
SVA Workshop 021112
 
Introduction to Information Architecture & Design - 12/06/14
Introduction to Information Architecture & Design - 12/06/14Introduction to Information Architecture & Design - 12/06/14
Introduction to Information Architecture & Design - 12/06/14
 
Introduction to Information Architecture & Design - 3/21/15
Introduction to Information Architecture & Design - 3/21/15Introduction to Information Architecture & Design - 3/21/15
Introduction to Information Architecture & Design - 3/21/15
 
Introduction to UX Research: Fundamentals of Contextual Inquiry
Introduction to UX Research: Fundamentals of Contextual InquiryIntroduction to UX Research: Fundamentals of Contextual Inquiry
Introduction to UX Research: Fundamentals of Contextual Inquiry
 

Recently uploaded

Understand the Key differences between SMO and SMM
Understand the Key differences between SMO and SMMUnderstand the Key differences between SMO and SMM
Understand the Key differences between SMO and SMMsearchextensionin
 
TAM Sports-IPL 17 Advertising Report- M01 - M15.xlsx - IPL 17 FCT (Commercial...
TAM Sports-IPL 17 Advertising Report- M01 - M15.xlsx - IPL 17 FCT (Commercial...TAM Sports-IPL 17 Advertising Report- M01 - M15.xlsx - IPL 17 FCT (Commercial...
TAM Sports-IPL 17 Advertising Report- M01 - M15.xlsx - IPL 17 FCT (Commercial...Social Samosa
 
social media optimization complete indroduction
social media optimization complete indroductionsocial media optimization complete indroduction
social media optimization complete indroductioninfoshraddha747
 
Master the art of Social Selling to increase sales by fostering relationships...
Master the art of Social Selling to increase sales by fostering relationships...Master the art of Social Selling to increase sales by fostering relationships...
Master the art of Social Selling to increase sales by fostering relationships...VereigenMedia1
 
HAGAN_Katalog_Saison23-24_Overview_Preview
HAGAN_Katalog_Saison23-24_Overview_PreviewHAGAN_Katalog_Saison23-24_Overview_Preview
HAGAN_Katalog_Saison23-24_Overview_PreviewEsteller
 
Llanai Buyer Persona & Segmentation Strategy
Llanai Buyer Persona & Segmentation StrategyLlanai Buyer Persona & Segmentation Strategy
Llanai Buyer Persona & Segmentation StrategyMarianna Nakou
 
Dave Cousin TW-BERT Good for Users, Good for SEOsBrighton SEO Deck
Dave Cousin TW-BERT Good for Users, Good for SEOsBrighton SEO DeckDave Cousin TW-BERT Good for Users, Good for SEOsBrighton SEO Deck
Dave Cousin TW-BERT Good for Users, Good for SEOsBrighton SEO DeckOban International
 
Richard van der Velde, Technical Support Lead for Cookiebot @CMP – “Artificia...
Richard van der Velde, Technical Support Lead for Cookiebot @CMP – “Artificia...Richard van der Velde, Technical Support Lead for Cookiebot @CMP – “Artificia...
Richard van der Velde, Technical Support Lead for Cookiebot @CMP – “Artificia...Associazione Digital Days
 
TAM Sports IPL 17 Advertising Report- M01 - M23
TAM Sports IPL 17 Advertising Report- M01 - M23TAM Sports IPL 17 Advertising Report- M01 - M23
TAM Sports IPL 17 Advertising Report- M01 - M23Social Samosa
 
Navigating Global Markets and Strategies for Success
Navigating Global Markets and Strategies for SuccessNavigating Global Markets and Strategies for Success
Navigating Global Markets and Strategies for SuccessElizabeth Moore
 
Francesco d’Angela, Service Designer di @HintoGroup- “Oltre la Frontiera Crea...
Francesco d’Angela, Service Designer di @HintoGroup- “Oltre la Frontiera Crea...Francesco d’Angela, Service Designer di @HintoGroup- “Oltre la Frontiera Crea...
Francesco d’Angela, Service Designer di @HintoGroup- “Oltre la Frontiera Crea...Associazione Digital Days
 
Paul Russell Confidential Resume for Fahlo.pdf
Paul Russell Confidential Resume for Fahlo.pdfPaul Russell Confidential Resume for Fahlo.pdf
Paul Russell Confidential Resume for Fahlo.pdfpaul8402
 
Digital Marketing complete introduction.
Digital Marketing complete introduction.Digital Marketing complete introduction.
Digital Marketing complete introduction.Kashish Bindra
 
Agencia Marketing Branding Measurement Certification Google Ads Abril 2024
Agencia Marketing Branding Measurement Certification Google Ads Abril 2024Agencia Marketing Branding Measurement Certification Google Ads Abril 2024
Agencia Marketing Branding Measurement Certification Google Ads Abril 2024Marketing BRANDING
 
Fritschi Collection 2022/23 EN gama completa
Fritschi Collection 2022/23 EN gama completaFritschi Collection 2022/23 EN gama completa
Fritschi Collection 2022/23 EN gama completaEsteller
 
Catálogo Sea To Summit 2024 gama compelta
Catálogo Sea To Summit 2024 gama compeltaCatálogo Sea To Summit 2024 gama compelta
Catálogo Sea To Summit 2024 gama compeltaEsteller
 
Bamboo Charcoal Toothpaste By Phyto Atomy For More Details Message On WhatsA...
Bamboo Charcoal Toothpaste By Phyto Atomy  For More Details Message On WhatsA...Bamboo Charcoal Toothpaste By Phyto Atomy  For More Details Message On WhatsA...
Bamboo Charcoal Toothpaste By Phyto Atomy For More Details Message On WhatsA...shrutimishraqt
 
v100 20-Year HyperMarketing Plan by Jerome Cuyos.pptx
v100 20-Year HyperMarketing Plan by Jerome Cuyos.pptxv100 20-Year HyperMarketing Plan by Jerome Cuyos.pptx
v100 20-Year HyperMarketing Plan by Jerome Cuyos.pptxjeromecuyos1
 
Introduction to marketing Management Notes
Introduction to marketing Management NotesIntroduction to marketing Management Notes
Introduction to marketing Management NotesKiranTiwari42
 
Professional Sales Representative by Sahil Srivastava.pptx
Professional Sales Representative by Sahil Srivastava.pptxProfessional Sales Representative by Sahil Srivastava.pptx
Professional Sales Representative by Sahil Srivastava.pptxSahil Srivastava
 

Recently uploaded (20)

Understand the Key differences between SMO and SMM
Understand the Key differences between SMO and SMMUnderstand the Key differences between SMO and SMM
Understand the Key differences between SMO and SMM
 
TAM Sports-IPL 17 Advertising Report- M01 - M15.xlsx - IPL 17 FCT (Commercial...
TAM Sports-IPL 17 Advertising Report- M01 - M15.xlsx - IPL 17 FCT (Commercial...TAM Sports-IPL 17 Advertising Report- M01 - M15.xlsx - IPL 17 FCT (Commercial...
TAM Sports-IPL 17 Advertising Report- M01 - M15.xlsx - IPL 17 FCT (Commercial...
 
social media optimization complete indroduction
social media optimization complete indroductionsocial media optimization complete indroduction
social media optimization complete indroduction
 
Master the art of Social Selling to increase sales by fostering relationships...
Master the art of Social Selling to increase sales by fostering relationships...Master the art of Social Selling to increase sales by fostering relationships...
Master the art of Social Selling to increase sales by fostering relationships...
 
HAGAN_Katalog_Saison23-24_Overview_Preview
HAGAN_Katalog_Saison23-24_Overview_PreviewHAGAN_Katalog_Saison23-24_Overview_Preview
HAGAN_Katalog_Saison23-24_Overview_Preview
 
Llanai Buyer Persona & Segmentation Strategy
Llanai Buyer Persona & Segmentation StrategyLlanai Buyer Persona & Segmentation Strategy
Llanai Buyer Persona & Segmentation Strategy
 
Dave Cousin TW-BERT Good for Users, Good for SEOsBrighton SEO Deck
Dave Cousin TW-BERT Good for Users, Good for SEOsBrighton SEO DeckDave Cousin TW-BERT Good for Users, Good for SEOsBrighton SEO Deck
Dave Cousin TW-BERT Good for Users, Good for SEOsBrighton SEO Deck
 
Richard van der Velde, Technical Support Lead for Cookiebot @CMP – “Artificia...
Richard van der Velde, Technical Support Lead for Cookiebot @CMP – “Artificia...Richard van der Velde, Technical Support Lead for Cookiebot @CMP – “Artificia...
Richard van der Velde, Technical Support Lead for Cookiebot @CMP – “Artificia...
 
TAM Sports IPL 17 Advertising Report- M01 - M23
TAM Sports IPL 17 Advertising Report- M01 - M23TAM Sports IPL 17 Advertising Report- M01 - M23
TAM Sports IPL 17 Advertising Report- M01 - M23
 
Navigating Global Markets and Strategies for Success
Navigating Global Markets and Strategies for SuccessNavigating Global Markets and Strategies for Success
Navigating Global Markets and Strategies for Success
 
Francesco d’Angela, Service Designer di @HintoGroup- “Oltre la Frontiera Crea...
Francesco d’Angela, Service Designer di @HintoGroup- “Oltre la Frontiera Crea...Francesco d’Angela, Service Designer di @HintoGroup- “Oltre la Frontiera Crea...
Francesco d’Angela, Service Designer di @HintoGroup- “Oltre la Frontiera Crea...
 
Paul Russell Confidential Resume for Fahlo.pdf
Paul Russell Confidential Resume for Fahlo.pdfPaul Russell Confidential Resume for Fahlo.pdf
Paul Russell Confidential Resume for Fahlo.pdf
 
Digital Marketing complete introduction.
Digital Marketing complete introduction.Digital Marketing complete introduction.
Digital Marketing complete introduction.
 
Agencia Marketing Branding Measurement Certification Google Ads Abril 2024
Agencia Marketing Branding Measurement Certification Google Ads Abril 2024Agencia Marketing Branding Measurement Certification Google Ads Abril 2024
Agencia Marketing Branding Measurement Certification Google Ads Abril 2024
 
Fritschi Collection 2022/23 EN gama completa
Fritschi Collection 2022/23 EN gama completaFritschi Collection 2022/23 EN gama completa
Fritschi Collection 2022/23 EN gama completa
 
Catálogo Sea To Summit 2024 gama compelta
Catálogo Sea To Summit 2024 gama compeltaCatálogo Sea To Summit 2024 gama compelta
Catálogo Sea To Summit 2024 gama compelta
 
Bamboo Charcoal Toothpaste By Phyto Atomy For More Details Message On WhatsA...
Bamboo Charcoal Toothpaste By Phyto Atomy  For More Details Message On WhatsA...Bamboo Charcoal Toothpaste By Phyto Atomy  For More Details Message On WhatsA...
Bamboo Charcoal Toothpaste By Phyto Atomy For More Details Message On WhatsA...
 
v100 20-Year HyperMarketing Plan by Jerome Cuyos.pptx
v100 20-Year HyperMarketing Plan by Jerome Cuyos.pptxv100 20-Year HyperMarketing Plan by Jerome Cuyos.pptx
v100 20-Year HyperMarketing Plan by Jerome Cuyos.pptx
 
Introduction to marketing Management Notes
Introduction to marketing Management NotesIntroduction to marketing Management Notes
Introduction to marketing Management Notes
 
Professional Sales Representative by Sahil Srivastava.pptx
Professional Sales Representative by Sahil Srivastava.pptxProfessional Sales Representative by Sahil Srivastava.pptx
Professional Sales Representative by Sahil Srivastava.pptx
 

Won't somebody please think of the user!?

Editor's Notes

  1. who can tell me what’s wrong with this pizza?
  2. Look closely. Nitpicky, but RBC ATMs were like this for at least three years.
  3. Someone put this up…
  4. People: understanding them - behavior, psychographic, ethnographic (social listening), what they think now, their goals, frustrations Data: analytics, research (primary or secondary) Usability: “the ease of use and learnability of a human-made object.” – usability.gov Content: written, visual, etc. – the things people are ultimately after Design: the layout and how things are arranged on a web page or app, but also the visual design, which will include visual cues
  5. I’ve heard people debate the usefulness of user research or interviews, but that’s why you have to be good at digging in, asking people the right questions, looking for insights. Doesn’t mean they really want a faster horse, want to get places faster, easier. Image: http://startupquotes.com
  6. Image: http://startupquotes.com
  7. Who you’re building an app for. Less demographic info and more psychographic, ethnographic What you want them to do How to separate them form their money , etc.
  8. https://www.google.com/analytics Executive Summary template link: https://www.google.com/analytics/web/template?uid=K_3Z6TZmSO-402PYRKlx0A
  9. http://www.crazyegg.com
  10. AKA best practices research
  11. https://qualaroo.com
  12. Don’t forget post-decision experience: using a product/app, customer learning, user support, customer advocacy https://www.thinkwithgoogle.com/tools/customer-journey-to-online-purchase.html
  13. An example of post-purchase support and customer learning. Many SaaS (software as a service) companies use SEO on the help sections, knowledge base, etc. <3 MailChimp
  14. Gliffy: Lucidchart: Google Draw: OmniGraffle:
  15. http://riskology.co/pre-mortem-technique/
  16. Getting clients involved and on the same page can be really difficult. Workshops and hands-on activities are great. Values based or structure – structure tends to be what we use in UX design for AI (values more for narrative, branding) Write down different pieces of content – things that the site or app needs to have for users. Doesn’t necessarily have to be Web pages, that’ll get figured out. Come with some prepared cards and bring blanks, get the client to fill them in.
  17. Adobe Illustrator: http://www.adobe.com/ca/products/illustrator.html OmniGraffle: https://www.omnigroup.com/omnigraffle Balsamiq: https://balsamiq.com
  18. Foundation: http://foundation.zurb.com/ InVision: http://www.invisionapp.com Axure: http://www.axure.com
  19. Another way to get clients involved. Print your wireframes, cut out all different page elements, and physically edit wireframes. Easy for everyone to move stuff around – YouTube did this to design their video player – every single element was cut out.
  20. Don’t forget about the audience of your own work! Colleagues and especially clients – now that we’ve gone through a UX process, keep this in mind as you put together your deliverables. Don’t assume your own audience has any special background info or high tech. savvy. I always start a UX doc or presentation with goals