perfecting user experience
TRANSCRIPT
![Page 1: Perfecting User Experience](https://reader038.vdocuments.net/reader038/viewer/2022102718/55d0bdc9bb61ebb25c8b45e2/html5/thumbnails/1.jpg)
Perfecting User Experience
![Page 2: Perfecting User Experience](https://reader038.vdocuments.net/reader038/viewer/2022102718/55d0bdc9bb61ebb25c8b45e2/html5/thumbnails/2.jpg)
Hi, I’m Jeremy
![Page 3: Perfecting User Experience](https://reader038.vdocuments.net/reader038/viewer/2022102718/55d0bdc9bb61ebb25c8b45e2/html5/thumbnails/3.jpg)
Hi, I’m Jeremy
72% prefer “hi” to “hello” - 2014 Study by Huge
![Page 4: Perfecting User Experience](https://reader038.vdocuments.net/reader038/viewer/2022102718/55d0bdc9bb61ebb25c8b45e2/html5/thumbnails/4.jpg)
A Digital Innovation Agency
Established 2007 l Independent HQ San Diego
Los Angeles l Boulder
![Page 5: Perfecting User Experience](https://reader038.vdocuments.net/reader038/viewer/2022102718/55d0bdc9bb61ebb25c8b45e2/html5/thumbnails/5.jpg)
![Page 6: Perfecting User Experience](https://reader038.vdocuments.net/reader038/viewer/2022102718/55d0bdc9bb61ebb25c8b45e2/html5/thumbnails/6.jpg)
Perfecting User Experience
![Page 7: Perfecting User Experience](https://reader038.vdocuments.net/reader038/viewer/2022102718/55d0bdc9bb61ebb25c8b45e2/html5/thumbnails/7.jpg)
Perfecting User Experience
![Page 8: Perfecting User Experience](https://reader038.vdocuments.net/reader038/viewer/2022102718/55d0bdc9bb61ebb25c8b45e2/html5/thumbnails/8.jpg)
Don’t Create Deliverables, Create Outcomes
![Page 9: Perfecting User Experience](https://reader038.vdocuments.net/reader038/viewer/2022102718/55d0bdc9bb61ebb25c8b45e2/html5/thumbnails/9.jpg)
In other words:
Go from Outputs: “We will create a single sign-on feature. Here’s your spec sheet.”
To Outcomes: “We want to increase the number of new signups to our service.”
![Page 10: Perfecting User Experience](https://reader038.vdocuments.net/reader038/viewer/2022102718/55d0bdc9bb61ebb25c8b45e2/html5/thumbnails/10.jpg)
Stakeholder Interviews & Initial Research
• Do your homework • Internal stakeholders • Power users • Large user base testing
• Don’t cut corners with assumptions
![Page 11: Perfecting User Experience](https://reader038.vdocuments.net/reader038/viewer/2022102718/55d0bdc9bb61ebb25c8b45e2/html5/thumbnails/11.jpg)
Business Assumptions vs.
User Assumptions
![Page 12: Perfecting User Experience](https://reader038.vdocuments.net/reader038/viewer/2022102718/55d0bdc9bb61ebb25c8b45e2/html5/thumbnails/12.jpg)
Helpful Items
1. Analytics Reports 2. Usability Reports 3. Information on past attempts to fix issues 4. Business stakeholder information on how
solving this problem will affect the company’s performance
5. Competitive Analysis on how competitors are solving the same issues
Tools
![Page 13: Perfecting User Experience](https://reader038.vdocuments.net/reader038/viewer/2022102718/55d0bdc9bb61ebb25c8b45e2/html5/thumbnails/13.jpg)
Personas
![Page 14: Perfecting User Experience](https://reader038.vdocuments.net/reader038/viewer/2022102718/55d0bdc9bb61ebb25c8b45e2/html5/thumbnails/14.jpg)
![Page 15: Perfecting User Experience](https://reader038.vdocuments.net/reader038/viewer/2022102718/55d0bdc9bb61ebb25c8b45e2/html5/thumbnails/15.jpg)
76% of New Uniques
![Page 16: Perfecting User Experience](https://reader038.vdocuments.net/reader038/viewer/2022102718/55d0bdc9bb61ebb25c8b45e2/html5/thumbnails/16.jpg)
76% of New Uniques 96% of Multisessions
![Page 17: Perfecting User Experience](https://reader038.vdocuments.net/reader038/viewer/2022102718/55d0bdc9bb61ebb25c8b45e2/html5/thumbnails/17.jpg)
![Page 18: Perfecting User Experience](https://reader038.vdocuments.net/reader038/viewer/2022102718/55d0bdc9bb61ebb25c8b45e2/html5/thumbnails/18.jpg)
Going one step further from Personas, experience maps chronicle all the conditions surrounding a single interaction, including emotion and external circumstances.
Experience Maps
![Page 19: Perfecting User Experience](https://reader038.vdocuments.net/reader038/viewer/2022102718/55d0bdc9bb61ebb25c8b45e2/html5/thumbnails/19.jpg)
Sitemaps & Information Architecture
![Page 20: Perfecting User Experience](https://reader038.vdocuments.net/reader038/viewer/2022102718/55d0bdc9bb61ebb25c8b45e2/html5/thumbnails/20.jpg)
Sitemaps | Card SortingA low tech, high output exercise in organizing site structure. This is a fun, collaborative exercise using different colored sticky notes to create sections and screens in an ideal user flow. The user flow is designed to achieve preset goals for each section or page.
![Page 21: Perfecting User Experience](https://reader038.vdocuments.net/reader038/viewer/2022102718/55d0bdc9bb61ebb25c8b45e2/html5/thumbnails/21.jpg)
Information Architecture | Flow Diagrams Getting the flow right is essential to any project. It’s essential to know how users will travel through your product, achieving goals along the way. We take great care in making sure that there are no dead ends or sticky areas in the flow.
![Page 22: Perfecting User Experience](https://reader038.vdocuments.net/reader038/viewer/2022102718/55d0bdc9bb61ebb25c8b45e2/html5/thumbnails/22.jpg)
Wireframes
![Page 23: Perfecting User Experience](https://reader038.vdocuments.net/reader038/viewer/2022102718/55d0bdc9bb61ebb25c8b45e2/html5/thumbnails/23.jpg)
Sketch Like Crazy!
![Page 24: Perfecting User Experience](https://reader038.vdocuments.net/reader038/viewer/2022102718/55d0bdc9bb61ebb25c8b45e2/html5/thumbnails/24.jpg)
![Page 25: Perfecting User Experience](https://reader038.vdocuments.net/reader038/viewer/2022102718/55d0bdc9bb61ebb25c8b45e2/html5/thumbnails/25.jpg)
Old School Tools
![Page 26: Perfecting User Experience](https://reader038.vdocuments.net/reader038/viewer/2022102718/55d0bdc9bb61ebb25c8b45e2/html5/thumbnails/26.jpg)
New School Tools
![Page 27: Perfecting User Experience](https://reader038.vdocuments.net/reader038/viewer/2022102718/55d0bdc9bb61ebb25c8b45e2/html5/thumbnails/27.jpg)
Omnigraffle
![Page 28: Perfecting User Experience](https://reader038.vdocuments.net/reader038/viewer/2022102718/55d0bdc9bb61ebb25c8b45e2/html5/thumbnails/28.jpg)
Prototypes
![Page 30: Perfecting User Experience](https://reader038.vdocuments.net/reader038/viewer/2022102718/55d0bdc9bb61ebb25c8b45e2/html5/thumbnails/30.jpg)
![Page 31: Perfecting User Experience](https://reader038.vdocuments.net/reader038/viewer/2022102718/55d0bdc9bb61ebb25c8b45e2/html5/thumbnails/31.jpg)
![Page 32: Perfecting User Experience](https://reader038.vdocuments.net/reader038/viewer/2022102718/55d0bdc9bb61ebb25c8b45e2/html5/thumbnails/32.jpg)
Prototype with Bootstrap
![Page 33: Perfecting User Experience](https://reader038.vdocuments.net/reader038/viewer/2022102718/55d0bdc9bb61ebb25c8b45e2/html5/thumbnails/33.jpg)
UX Doesn’t Stop at Design
![Page 34: Perfecting User Experience](https://reader038.vdocuments.net/reader038/viewer/2022102718/55d0bdc9bb61ebb25c8b45e2/html5/thumbnails/34.jpg)
vs.
![Page 35: Perfecting User Experience](https://reader038.vdocuments.net/reader038/viewer/2022102718/55d0bdc9bb61ebb25c8b45e2/html5/thumbnails/35.jpg)
![Page 36: Perfecting User Experience](https://reader038.vdocuments.net/reader038/viewer/2022102718/55d0bdc9bb61ebb25c8b45e2/html5/thumbnails/36.jpg)
Deep Thoughts on Design
![Page 37: Perfecting User Experience](https://reader038.vdocuments.net/reader038/viewer/2022102718/55d0bdc9bb61ebb25c8b45e2/html5/thumbnails/37.jpg)
Trends are happening now. Art is timeless. In fact a trend is always passé because it is a reaction to a
past event. Don’t follow trends, your user experience will be dated at launch.
![Page 38: Perfecting User Experience](https://reader038.vdocuments.net/reader038/viewer/2022102718/55d0bdc9bb61ebb25c8b45e2/html5/thumbnails/38.jpg)
The function of an object on the screen should determine its design.
![Page 39: Perfecting User Experience](https://reader038.vdocuments.net/reader038/viewer/2022102718/55d0bdc9bb61ebb25c8b45e2/html5/thumbnails/39.jpg)
![Page 40: Perfecting User Experience](https://reader038.vdocuments.net/reader038/viewer/2022102718/55d0bdc9bb61ebb25c8b45e2/html5/thumbnails/40.jpg)
Simplify.
Write the story, take out all the good lines, and
see if it still works.
- Ernest Hemingway
“Good design is as little design as possible.”
- Dieter Rams
![Page 41: Perfecting User Experience](https://reader038.vdocuments.net/reader038/viewer/2022102718/55d0bdc9bb61ebb25c8b45e2/html5/thumbnails/41.jpg)
Simple can still delight.
![Page 42: Perfecting User Experience](https://reader038.vdocuments.net/reader038/viewer/2022102718/55d0bdc9bb61ebb25c8b45e2/html5/thumbnails/42.jpg)
![Page 43: Perfecting User Experience](https://reader038.vdocuments.net/reader038/viewer/2022102718/55d0bdc9bb61ebb25c8b45e2/html5/thumbnails/43.jpg)
![Page 44: Perfecting User Experience](https://reader038.vdocuments.net/reader038/viewer/2022102718/55d0bdc9bb61ebb25c8b45e2/html5/thumbnails/44.jpg)
![Page 45: Perfecting User Experience](https://reader038.vdocuments.net/reader038/viewer/2022102718/55d0bdc9bb61ebb25c8b45e2/html5/thumbnails/45.jpg)
Innovation Trumps Invention
2007
![Page 46: Perfecting User Experience](https://reader038.vdocuments.net/reader038/viewer/2022102718/55d0bdc9bb61ebb25c8b45e2/html5/thumbnails/46.jpg)
Innovation Trumps Invention
2007
![Page 47: Perfecting User Experience](https://reader038.vdocuments.net/reader038/viewer/2022102718/55d0bdc9bb61ebb25c8b45e2/html5/thumbnails/47.jpg)
Patterns Inform Design patterns are effective due to mass usage and a
shared visual lexicon.
They increase conversions.
Mmmm… Hamburger
![Page 48: Perfecting User Experience](https://reader038.vdocuments.net/reader038/viewer/2022102718/55d0bdc9bb61ebb25c8b45e2/html5/thumbnails/48.jpg)
![Page 50: Perfecting User Experience](https://reader038.vdocuments.net/reader038/viewer/2022102718/55d0bdc9bb61ebb25c8b45e2/html5/thumbnails/50.jpg)
Test Review all KPIs and their performance. Adjust UX to attain desired outcomes.
Test > Tune > Track
Tools
![Page 51: Perfecting User Experience](https://reader038.vdocuments.net/reader038/viewer/2022102718/55d0bdc9bb61ebb25c8b45e2/html5/thumbnails/51.jpg)
More Examples
![Page 52: Perfecting User Experience](https://reader038.vdocuments.net/reader038/viewer/2022102718/55d0bdc9bb61ebb25c8b45e2/html5/thumbnails/52.jpg)
![Page 53: Perfecting User Experience](https://reader038.vdocuments.net/reader038/viewer/2022102718/55d0bdc9bb61ebb25c8b45e2/html5/thumbnails/53.jpg)
![Page 54: Perfecting User Experience](https://reader038.vdocuments.net/reader038/viewer/2022102718/55d0bdc9bb61ebb25c8b45e2/html5/thumbnails/54.jpg)
![Page 55: Perfecting User Experience](https://reader038.vdocuments.net/reader038/viewer/2022102718/55d0bdc9bb61ebb25c8b45e2/html5/thumbnails/55.jpg)
![Page 56: Perfecting User Experience](https://reader038.vdocuments.net/reader038/viewer/2022102718/55d0bdc9bb61ebb25c8b45e2/html5/thumbnails/56.jpg)
![Page 57: Perfecting User Experience](https://reader038.vdocuments.net/reader038/viewer/2022102718/55d0bdc9bb61ebb25c8b45e2/html5/thumbnails/57.jpg)
![Page 58: Perfecting User Experience](https://reader038.vdocuments.net/reader038/viewer/2022102718/55d0bdc9bb61ebb25c8b45e2/html5/thumbnails/58.jpg)