Download - About user experience
![Page 1: About user experience](https://reader037.vdocuments.mx/reader037/viewer/2022102900/54c73e964a795927458b4652/html5/thumbnails/1.jpg)
About User Experience (UX)
Ravi Singh
![Page 2: About user experience](https://reader037.vdocuments.mx/reader037/viewer/2022102900/54c73e964a795927458b4652/html5/thumbnails/2.jpg)
Product Design Matters
“I seek for the perfect balance between espresso and milk with a creamy texture. You have to be able to see the coffee oils at the rim of the mug.
I like dark roasted beans, a strong roast with a lot of depth, bitter but smooth, well-rounded aromas...”
![Page 3: About user experience](https://reader037.vdocuments.mx/reader037/viewer/2022102900/54c73e964a795927458b4652/html5/thumbnails/3.jpg)
Experience Design Matters
![Page 4: About user experience](https://reader037.vdocuments.mx/reader037/viewer/2022102900/54c73e964a795927458b4652/html5/thumbnails/4.jpg)
Customer Experience Design for Technology Products
Design PsychologyTechnology + +
![Page 5: About user experience](https://reader037.vdocuments.mx/reader037/viewer/2022102900/54c73e964a795927458b4652/html5/thumbnails/5.jpg)
Our Mission:Make technology-driven products meaningful* for people
* Useful, Easy, Engaging
![Page 6: About user experience](https://reader037.vdocuments.mx/reader037/viewer/2022102900/54c73e964a795927458b4652/html5/thumbnails/6.jpg)
UX is NOT:
“Making things pretty”
Primarily “Look and Feel”
Doing a usability test before go-live
Designing what YOU think makes sense
The coding of a User Interface
Purely art or purely science
Easy, trivial or optional
![Page 7: About user experience](https://reader037.vdocuments.mx/reader037/viewer/2022102900/54c73e964a795927458b4652/html5/thumbnails/7.jpg)
UX is NOT:
“Making things pretty”
Primarily “Look and Feel”
Doing a usability test before go-live
Designing what YOU think makes sense
The coding of a User Interface
Purely art or purely science
Easy, trivial or optional
NOPE, NONE OF THE ABOVE
![Page 8: About user experience](https://reader037.vdocuments.mx/reader037/viewer/2022102900/54c73e964a795927458b4652/html5/thumbnails/8.jpg)
UX
Usability
Accessibility
Layout
Speed
Emotion
Findability
Help
Social
Aesthetics
Relevance
Clarity
Navigation
Experience Design is complex balance
![Page 9: About user experience](https://reader037.vdocuments.mx/reader037/viewer/2022102900/54c73e964a795927458b4652/html5/thumbnails/9.jpg)
Strive for Consistent Experience Across Customer Lifecycle & Channels
Awareness Acquired
Engaged Upsold Supporte
dRetaine
d
WebsiteTV / RadioPrintEmailsSearch MktgDisplay AdsLanding Pages
Sign UpSetup/InstallationTraining
Web-basedClient-sideMobileApplianceOffline
New FeaturesVersion UpgradeSubscription RenewalOther Products
Online HelpForumsCustomer Service- Phone- Chat- Email- Social
RewardsReferralsWin-backInstant Upgrades
![Page 10: About user experience](https://reader037.vdocuments.mx/reader037/viewer/2022102900/54c73e964a795927458b4652/html5/thumbnails/10.jpg)
We create value through collaboration & shared goals:
● Customer focus
● Quality focus
● Joint contribution to product design
Product Manager
Design Lead
Technology Lead
Research
CUSTOMER NEED
![Page 11: About user experience](https://reader037.vdocuments.mx/reader037/viewer/2022102900/54c73e964a795927458b4652/html5/thumbnails/11.jpg)
User Centered Design ProcessDemystified
![Page 12: About user experience](https://reader037.vdocuments.mx/reader037/viewer/2022102900/54c73e964a795927458b4652/html5/thumbnails/12.jpg)
STEP 1 of 5
Start designing an idea in Photoshop
![Page 13: About user experience](https://reader037.vdocuments.mx/reader037/viewer/2022102900/54c73e964a795927458b4652/html5/thumbnails/13.jpg)
STEP 1 of 5
Start designing an idea in Photoshop
![Page 14: About user experience](https://reader037.vdocuments.mx/reader037/viewer/2022102900/54c73e964a795927458b4652/html5/thumbnails/14.jpg)
STEP 1 of 5
Understand Your Audience & Their Context of Use
![Page 15: About user experience](https://reader037.vdocuments.mx/reader037/viewer/2022102900/54c73e964a795927458b4652/html5/thumbnails/15.jpg)
Customer Interviews
![Page 16: About user experience](https://reader037.vdocuments.mx/reader037/viewer/2022102900/54c73e964a795927458b4652/html5/thumbnails/16.jpg)
Focus Groups
![Page 17: About user experience](https://reader037.vdocuments.mx/reader037/viewer/2022102900/54c73e964a795927458b4652/html5/thumbnails/17.jpg)
Field Studies
![Page 18: About user experience](https://reader037.vdocuments.mx/reader037/viewer/2022102900/54c73e964a795927458b4652/html5/thumbnails/18.jpg)
Field Studies
![Page 19: About user experience](https://reader037.vdocuments.mx/reader037/viewer/2022102900/54c73e964a795927458b4652/html5/thumbnails/19.jpg)
Field Studies
![Page 20: About user experience](https://reader037.vdocuments.mx/reader037/viewer/2022102900/54c73e964a795927458b4652/html5/thumbnails/20.jpg)
Card Sorting
![Page 21: About user experience](https://reader037.vdocuments.mx/reader037/viewer/2022102900/54c73e964a795927458b4652/html5/thumbnails/21.jpg)
Reverse Card Sorting
![Page 22: About user experience](https://reader037.vdocuments.mx/reader037/viewer/2022102900/54c73e964a795927458b4652/html5/thumbnails/22.jpg)
Personas
![Page 23: About user experience](https://reader037.vdocuments.mx/reader037/viewer/2022102900/54c73e964a795927458b4652/html5/thumbnails/23.jpg)
STEP 2 of 5
Design a Solution that Meets the Customer’s Needs
![Page 24: About user experience](https://reader037.vdocuments.mx/reader037/viewer/2022102900/54c73e964a795927458b4652/html5/thumbnails/24.jpg)
Collaborative Design
Experience Designer
Developer
![Page 25: About user experience](https://reader037.vdocuments.mx/reader037/viewer/2022102900/54c73e964a795927458b4652/html5/thumbnails/25.jpg)
Collaborative Design
Product Manager
Creative Designer
![Page 26: About user experience](https://reader037.vdocuments.mx/reader037/viewer/2022102900/54c73e964a795927458b4652/html5/thumbnails/26.jpg)
User Flows
![Page 27: About user experience](https://reader037.vdocuments.mx/reader037/viewer/2022102900/54c73e964a795927458b4652/html5/thumbnails/27.jpg)
Application & Site Maps
![Page 28: About user experience](https://reader037.vdocuments.mx/reader037/viewer/2022102900/54c73e964a795927458b4652/html5/thumbnails/28.jpg)
Paper Prototypes
![Page 29: About user experience](https://reader037.vdocuments.mx/reader037/viewer/2022102900/54c73e964a795927458b4652/html5/thumbnails/29.jpg)
Wireframes
![Page 30: About user experience](https://reader037.vdocuments.mx/reader037/viewer/2022102900/54c73e964a795927458b4652/html5/thumbnails/30.jpg)
Interactive Prototypes
![Page 31: About user experience](https://reader037.vdocuments.mx/reader037/viewer/2022102900/54c73e964a795927458b4652/html5/thumbnails/31.jpg)
STEP 3 of 5
Validate the Designwith Actual Customers
![Page 32: About user experience](https://reader037.vdocuments.mx/reader037/viewer/2022102900/54c73e964a795927458b4652/html5/thumbnails/32.jpg)
User Testing
![Page 33: About user experience](https://reader037.vdocuments.mx/reader037/viewer/2022102900/54c73e964a795927458b4652/html5/thumbnails/33.jpg)
Iterate until Validated
![Page 34: About user experience](https://reader037.vdocuments.mx/reader037/viewer/2022102900/54c73e964a795927458b4652/html5/thumbnails/34.jpg)
STEP 4 of 5
Create Personality with Visual Design & Branding
![Page 35: About user experience](https://reader037.vdocuments.mx/reader037/viewer/2022102900/54c73e964a795927458b4652/html5/thumbnails/35.jpg)
Visual Design
![Page 36: About user experience](https://reader037.vdocuments.mx/reader037/viewer/2022102900/54c73e964a795927458b4652/html5/thumbnails/36.jpg)
Visual Design
![Page 37: About user experience](https://reader037.vdocuments.mx/reader037/viewer/2022102900/54c73e964a795927458b4652/html5/thumbnails/37.jpg)
Visual Design
![Page 38: About user experience](https://reader037.vdocuments.mx/reader037/viewer/2022102900/54c73e964a795927458b4652/html5/thumbnails/38.jpg)
Visual Design
![Page 39: About user experience](https://reader037.vdocuments.mx/reader037/viewer/2022102900/54c73e964a795927458b4652/html5/thumbnails/39.jpg)
Content & Tone
![Page 40: About user experience](https://reader037.vdocuments.mx/reader037/viewer/2022102900/54c73e964a795927458b4652/html5/thumbnails/40.jpg)
STEP 5 of 5
Continuously Improve with Research & Analysis
![Page 41: About user experience](https://reader037.vdocuments.mx/reader037/viewer/2022102900/54c73e964a795927458b4652/html5/thumbnails/41.jpg)
Eye Tracking
![Page 42: About user experience](https://reader037.vdocuments.mx/reader037/viewer/2022102900/54c73e964a795927458b4652/html5/thumbnails/42.jpg)
Behavioral Analytics
![Page 43: About user experience](https://reader037.vdocuments.mx/reader037/viewer/2022102900/54c73e964a795927458b4652/html5/thumbnails/43.jpg)
Web Analytics
![Page 44: About user experience](https://reader037.vdocuments.mx/reader037/viewer/2022102900/54c73e964a795927458b4652/html5/thumbnails/44.jpg)
A/B or Multivariate Testing
![Page 45: About user experience](https://reader037.vdocuments.mx/reader037/viewer/2022102900/54c73e964a795927458b4652/html5/thumbnails/45.jpg)
Version BVersion A
A/B or Multivariate Testing
Version B Increased Leads by 119%
![Page 46: About user experience](https://reader037.vdocuments.mx/reader037/viewer/2022102900/54c73e964a795927458b4652/html5/thumbnails/46.jpg)
Detailed User-Centered R&D Process
1. UserResearch
2. PrototypeDesign
3. UserValidation
4. UX DesignDelivery
VerifyDesign
5. UsageAnalysis
Market ResearchUser Surveys/InterviewsField StudiesFocus GroupsProfiles and PersonasSite AssessmentsCard sortingNon-Functional Reqs
Paper PrototypesWireframesClickable PrototypeSite MapProcess FlowsAnalytics Strategy
Usability TestingReverse Card SortingEye TrackingPrototype Revisions
Wireframe SpecError MatrixClickable PrototypeGraphic Design CompsSEO and Content SpecAnalytics Design Spec
Design Defect Log Analytics ReportsSEO ReportsA/B Testing
Research Design
![Page 47: About user experience](https://reader037.vdocuments.mx/reader037/viewer/2022102900/54c73e964a795927458b4652/html5/thumbnails/47.jpg)
User Stories Development Sprints QA Test Releases
UX R&D with Agile
Market ResearchUser Surveys/InterviewsField StudiesFocus GroupsProfiles and PersonasSite AssessmentsCard sortingNon-Functional Reqs
Paper PrototypesWireframesClickable PrototypeSite MapProcess FlowsAnalytics Strategy
Usability TestingReverse Card SortingEye TrackingPrototype Revisions
Wireframe SpecError MatrixClickable PrototypeGraphic Design CompsSEO and Content SpecAnalytics Design Spec
Design Defect Log Analytics ReportsSEO ReportsA/B Testing
Research Design
1. UserResearch
2. PrototypeDesign
3. UserValidation
4. UX DesignDelivery
VerifyDesign
5. UsageAnalysis
![Page 48: About user experience](https://reader037.vdocuments.mx/reader037/viewer/2022102900/54c73e964a795927458b4652/html5/thumbnails/48.jpg)
Scope Project Gather Requirements QA Test Measure
UX R&D with WaterfallDevelopme
ntDeploymen
t
Market ResearchUser Surveys/InterviewsField StudiesFocus GroupsProfiles and PersonasSite AssessmentsCard sortingNon-Functional Reqs
Paper PrototypesWireframesClickable PrototypeSite MapProcess FlowsAnalytics Strategy
Usability TestingReverse Card SortingEye TrackingPrototype Revisions
Wireframe SpecError MatrixClickable PrototypeGraphic Design CompsSEO and Content SpecAnalytics Design Spec
Design Defect Log Analytics ReportsSEO ReportsA/B Testing
Research Design
1. UserResearch
2. PrototypeDesign
3. UserValidation
4. UX DesignDelivery
VerifyDesign
5. UsageAnalysis
![Page 49: About user experience](https://reader037.vdocuments.mx/reader037/viewer/2022102900/54c73e964a795927458b4652/html5/thumbnails/49.jpg)
Why Prioritize Research?
![Page 50: About user experience](https://reader037.vdocuments.mx/reader037/viewer/2022102900/54c73e964a795927458b4652/html5/thumbnails/50.jpg)
Ideal Project Trajectory
START GOAL
![Page 51: About user experience](https://reader037.vdocuments.mx/reader037/viewer/2022102900/54c73e964a795927458b4652/html5/thumbnails/51.jpg)
How Projects Normally Go
START GOAL
![Page 52: About user experience](https://reader037.vdocuments.mx/reader037/viewer/2022102900/54c73e964a795927458b4652/html5/thumbnails/52.jpg)
With Research, Course Correction
START GOAL
Focus Group
Prototype Walkthrough
UsabilityTest
A/B Testing
Branding Review
![Page 53: About user experience](https://reader037.vdocuments.mx/reader037/viewer/2022102900/54c73e964a795927458b4652/html5/thumbnails/53.jpg)
Every design project requires some customer research
Or you might not deliver what the customer really
needs
![Page 54: About user experience](https://reader037.vdocuments.mx/reader037/viewer/2022102900/54c73e964a795927458b4652/html5/thumbnails/54.jpg)
Test Early, Quickly and Often● 80% of all usability issues can be found with 5-8 users in a day or two of
testing
● Better to test iteratively 3 times with 5 users than once with 15
![Page 55: About user experience](https://reader037.vdocuments.mx/reader037/viewer/2022102900/54c73e964a795927458b4652/html5/thumbnails/55.jpg)
● Test on the cheap● Recruit whoever is available● Give simple rewards● Strive for immediate feedback
Better than talking to ZERO users
Guerilla Usability
![Page 56: About user experience](https://reader037.vdocuments.mx/reader037/viewer/2022102900/54c73e964a795927458b4652/html5/thumbnails/56.jpg)
Why Prioritize Design?
![Page 57: About user experience](https://reader037.vdocuments.mx/reader037/viewer/2022102900/54c73e964a795927458b4652/html5/thumbnails/57.jpg)
Design is a Competitive Differentiator
● iPods still have over 70% of MP3 player market share
![Page 58: About user experience](https://reader037.vdocuments.mx/reader037/viewer/2022102900/54c73e964a795927458b4652/html5/thumbnails/58.jpg)
Design Must be Holistic
![Page 59: About user experience](https://reader037.vdocuments.mx/reader037/viewer/2022102900/54c73e964a795927458b4652/html5/thumbnails/59.jpg)
Design Creates a Product’s Personality
Practical Emotional Direct
![Page 60: About user experience](https://reader037.vdocuments.mx/reader037/viewer/2022102900/54c73e964a795927458b4652/html5/thumbnails/60.jpg)
Design Turns Boring…
![Page 61: About user experience](https://reader037.vdocuments.mx/reader037/viewer/2022102900/54c73e964a795927458b4652/html5/thumbnails/61.jpg)
Design Turns Boring into Engaging
![Page 62: About user experience](https://reader037.vdocuments.mx/reader037/viewer/2022102900/54c73e964a795927458b4652/html5/thumbnails/62.jpg)
Design Impacts Product Preference Friendster
![Page 63: About user experience](https://reader037.vdocuments.mx/reader037/viewer/2022102900/54c73e964a795927458b4652/html5/thumbnails/63.jpg)
Design Impacts Business Results
Friendster
![Page 64: About user experience](https://reader037.vdocuments.mx/reader037/viewer/2022102900/54c73e964a795927458b4652/html5/thumbnails/64.jpg)
Design is a Standard Feature
![Page 65: About user experience](https://reader037.vdocuments.mx/reader037/viewer/2022102900/54c73e964a795927458b4652/html5/thumbnails/65.jpg)
A World Without UX Design
![Page 66: About user experience](https://reader037.vdocuments.mx/reader037/viewer/2022102900/54c73e964a795927458b4652/html5/thumbnails/66.jpg)
And with… MINTY FRESH!
![Page 67: About user experience](https://reader037.vdocuments.mx/reader037/viewer/2022102900/54c73e964a795927458b4652/html5/thumbnails/67.jpg)
Value of UX to Businessand Developers
![Page 68: About user experience](https://reader037.vdocuments.mx/reader037/viewer/2022102900/54c73e964a795927458b4652/html5/thumbnails/68.jpg)
3 Major Benefits for Business
1. Improve 2. Profit 3. SaveIncrease:
• Task success rates
• Productivity
• User satisfaction
• Job satisfaction
• Trust in systems
• Ease of use & learning
• & Reduce Error Rates
Increase:
• Customer acquisition
• Conversion Rates
• Product sales
• Site traffic
• Market share
• Transactions online
• Customer retention
Reduce:
• Time-to-Market
• Development
• Maintenance
• Redesigns
• Training
• Support
• Customer Service
![Page 69: About user experience](https://reader037.vdocuments.mx/reader037/viewer/2022102900/54c73e964a795927458b4652/html5/thumbnails/69.jpg)
Case Study: A Homepage Redesign
Impetus for rebranding: Company Merger
We saw: Opportunity for user-centered redesign!
BEFORE
• Good feedback on simple visual design
• Loved by internal stakeholders
• But completely unintuitive
• Never usability tested
![Page 70: About user experience](https://reader037.vdocuments.mx/reader037/viewer/2022102900/54c73e964a795927458b4652/html5/thumbnails/70.jpg)
Case Study: A Homepage Redesign
Researched, Designed, Comparative Tested and fully implemented in 8 weeks
AFTER
At first “overwhelming” but…
90% less failures on key tasks
31% shorter paths to conversions
Up 111% in brand perception
Up 21% in task satisfaction
Up 17 points in Customer Satisfaction to 88%
![Page 71: About user experience](https://reader037.vdocuments.mx/reader037/viewer/2022102900/54c73e964a795927458b4652/html5/thumbnails/71.jpg)
To Recap:
● UX Design is a collaboration between PM, UX &
Dev
● Research is critical before & after design
● User experiences are highly measurable
● UX is high-reward in respect to the investment
● Great experience design is a market
differentiator
![Page 72: About user experience](https://reader037.vdocuments.mx/reader037/viewer/2022102900/54c73e964a795927458b4652/html5/thumbnails/72.jpg)