Usability vs. User Experience: What's the difference?
Transcript of Usability vs. User Experience: What's the difference?
![Page 1: Usability vs. User Experience: What's the difference?](https://reader036.fdocuments.in/reader036/viewer/2022062904/58775dc51a28ab4e4f8b5f41/html5/thumbnails/1.jpg)
Usability vs. User Experience Usability vs. User Experience
Usability vs
User Experience
![Page 2: Usability vs. User Experience: What's the difference?](https://reader036.fdocuments.in/reader036/viewer/2022062904/58775dc51a28ab4e4f8b5f41/html5/thumbnails/2.jpg)
![Page 3: Usability vs. User Experience: What's the difference?](https://reader036.fdocuments.in/reader036/viewer/2022062904/58775dc51a28ab4e4f8b5f41/html5/thumbnails/3.jpg)
Usability + User Experience =
both essential to the success of a website or
application
Usability vs. User Experience
![Page 4: Usability vs. User Experience: What's the difference?](https://reader036.fdocuments.in/reader036/viewer/2022062904/58775dc51a28ab4e4f8b5f41/html5/thumbnails/4.jpg)
StrategyBut Usability ≠ User Experience
Client Name HereUsability vs. User Experience
![Page 5: Usability vs. User Experience: What's the difference?](https://reader036.fdocuments.in/reader036/viewer/2022062904/58775dc51a28ab4e4f8b5f41/html5/thumbnails/5.jpg)
Mistake #1
Client Name HereUsability vs. User Experience
Thinking that because something is easy to use,
it’s a good user experience !
![Page 6: Usability vs. User Experience: What's the difference?](https://reader036.fdocuments.in/reader036/viewer/2022062904/58775dc51a28ab4e4f8b5f41/html5/thumbnails/6.jpg)
Client Name HereUsability vs. User Experience
Mistake #2Thinking a beautiful
design will be magically easy or intuitive to use
![Page 7: Usability vs. User Experience: What's the difference?](https://reader036.fdocuments.in/reader036/viewer/2022062904/58775dc51a28ab4e4f8b5f41/html5/thumbnails/7.jpg)
Usability is
Client Name HereUsability vs. User Experience
About task-based interactions
The ability to do something intuitively and easily
Removing roadblocks
![Page 8: Usability vs. User Experience: What's the difference?](https://reader036.fdocuments.in/reader036/viewer/2022062904/58775dc51a28ab4e4f8b5f41/html5/thumbnails/8.jpg)
Client Name HereUsability vs. User Experience
User Experience isHow a person feels when they interact with: • your products • your website • your application • your business
Their emotional connection to the task
![Page 9: Usability vs. User Experience: What's the difference?](https://reader036.fdocuments.in/reader036/viewer/2022062904/58775dc51a28ab4e4f8b5f41/html5/thumbnails/9.jpg)
Client Name Here
Usability
Making a task easy and intuitive
Making a task meaningful and valuable
Minimizing steps & removing roadblocks
Creating emotional connection
What users do / How they do it
What users feel
Usability vs. User Experience
UX
![Page 10: Usability vs. User Experience: What's the difference?](https://reader036.fdocuments.in/reader036/viewer/2022062904/58775dc51a28ab4e4f8b5f41/html5/thumbnails/10.jpg)
StrategyUsability is just one of the many layers that influence the overall
User Experience.
Client Name HereUsability vs. User Experience
![Page 11: Usability vs. User Experience: What's the difference?](https://reader036.fdocuments.in/reader036/viewer/2022062904/58775dc51a28ab4e4f8b5f41/html5/thumbnails/11.jpg)
Other UX Components
Client Name HereUsability vs. User Experience
user interviews
experience/journey mapping
visual design
interaction design
information architecture
content strategy
user testing
![Page 12: Usability vs. User Experience: What's the difference?](https://reader036.fdocuments.in/reader036/viewer/2022062904/58775dc51a28ab4e4f8b5f41/html5/thumbnails/12.jpg)
Client Name HereUsability vs. User Experience
User Experience is the sum of all those layers,
gauged by a person’s emotional response.
![Page 13: Usability vs. User Experience: What's the difference?](https://reader036.fdocuments.in/reader036/viewer/2022062904/58775dc51a28ab4e4f8b5f41/html5/thumbnails/13.jpg)
Client Name HereUsability vs. User Experience
A great user experience takes far more effort to do
than good usability…
but the results of that planning and thought have huge impact.
![Page 14: Usability vs. User Experience: What's the difference?](https://reader036.fdocuments.in/reader036/viewer/2022062904/58775dc51a28ab4e4f8b5f41/html5/thumbnails/14.jpg)
Client Name HereUsability vs. User Experience
User Experience bleeds over into the physical world.
!
A person can have a great experience researching a
product on your website…
![Page 15: Usability vs. User Experience: What's the difference?](https://reader036.fdocuments.in/reader036/viewer/2022062904/58775dc51a28ab4e4f8b5f41/html5/thumbnails/15.jpg)
Client Name HereUsability vs. User Experience
…BUT that experience may not carry through
when they interact with the people at your company.
!
![Page 16: Usability vs. User Experience: What's the difference?](https://reader036.fdocuments.in/reader036/viewer/2022062904/58775dc51a28ab4e4f8b5f41/html5/thumbnails/16.jpg)
Successful UX means understanding: • Who really are our users? • What makes them tick? • What are they hoping to
accomplish?
Usability vs. User Experience
![Page 17: Usability vs. User Experience: What's the difference?](https://reader036.fdocuments.in/reader036/viewer/2022062904/58775dc51a28ab4e4f8b5f41/html5/thumbnails/17.jpg)
the ONLY way to understand is to ASK
users...
Client Name HereUsability vs. User Experience
![Page 18: Usability vs. User Experience: What's the difference?](https://reader036.fdocuments.in/reader036/viewer/2022062904/58775dc51a28ab4e4f8b5f41/html5/thumbnails/18.jpg)
Client Name HereUsability vs. User Experience
Get out of the office.
Interact with real people.
See the world from their perspective.
![Page 19: Usability vs. User Experience: What's the difference?](https://reader036.fdocuments.in/reader036/viewer/2022062904/58775dc51a28ab4e4f8b5f41/html5/thumbnails/19.jpg)
Client Name HereUsability vs. User Experience
The motivations and rationale of your users should influence every
aspect of your product.
![Page 20: Usability vs. User Experience: What's the difference?](https://reader036.fdocuments.in/reader036/viewer/2022062904/58775dc51a28ab4e4f8b5f41/html5/thumbnails/20.jpg)
Accomplishing a task in as few steps as possible isn't synonymous with
a good user experience.
Usability vs. User Experience
REMEMBER
![Page 21: Usability vs. User Experience: What's the difference?](https://reader036.fdocuments.in/reader036/viewer/2022062904/58775dc51a28ab4e4f8b5f41/html5/thumbnails/21.jpg)
Client Name HereUsability vs. User Experience
After all, there is an emotional appeal that
comes with the process of discovery…
![Page 22: Usability vs. User Experience: What's the difference?](https://reader036.fdocuments.in/reader036/viewer/2022062904/58775dc51a28ab4e4f8b5f41/html5/thumbnails/22.jpg)
Client Name HereUsability vs. User Experience
There’s a sense of accomplishment & satisfaction
when a person uncovers a hidden gem of information
they weren’t expecting.
![Page 23: Usability vs. User Experience: What's the difference?](https://reader036.fdocuments.in/reader036/viewer/2022062904/58775dc51a28ab4e4f8b5f41/html5/thumbnails/23.jpg)
The best web means a thoughtful approach to
both usability and user experience.
Client Name HereUsability vs. User Experience
![Page 24: Usability vs. User Experience: What's the difference?](https://reader036.fdocuments.in/reader036/viewer/2022062904/58775dc51a28ab4e4f8b5f41/html5/thumbnails/24.jpg)
In the end, considering real human needs will
be what brings us closer to humanizing the web
Usability vs. User Experience
![Page 25: Usability vs. User Experience: What's the difference?](https://reader036.fdocuments.in/reader036/viewer/2022062904/58775dc51a28ab4e4f8b5f41/html5/thumbnails/25.jpg)
![Page 26: Usability vs. User Experience: What's the difference?](https://reader036.fdocuments.in/reader036/viewer/2022062904/58775dc51a28ab4e4f8b5f41/html5/thumbnails/26.jpg)
16years of web
50person team
3 offices 1 team human-web evangelists
Strategy
Design
Tech
Support
award winning
Client Name HereUsability vs. User Experience
![Page 27: Usability vs. User Experience: What's the difference?](https://reader036.fdocuments.in/reader036/viewer/2022062904/58775dc51a28ab4e4f8b5f41/html5/thumbnails/27.jpg)
Client Name HereUsability vs. User Experience