Download - The Power of Outside In Thinking: Providing a Better User Experience for Both Your Clients and Users
![Page 1: The Power of Outside In Thinking: Providing a Better User Experience for Both Your Clients and Users](https://reader030.vdocument.in/reader030/viewer/2022032616/55a6ddd31a28aba67e8b4710/html5/thumbnails/1.jpg)
TAMARA OLSON · FEBRUARY 2015 · MAUI WORDCAMP
Providing a better user experience for both your
clients and end users
THE POWER OF OUTSIDE-IN THINKING
![Page 2: The Power of Outside In Thinking: Providing a Better User Experience for Both Your Clients and Users](https://reader030.vdocument.in/reader030/viewer/2022032616/55a6ddd31a28aba67e8b4710/html5/thumbnails/2.jpg)
What is outside-in thinking?
![Page 3: The Power of Outside In Thinking: Providing a Better User Experience for Both Your Clients and Users](https://reader030.vdocument.in/reader030/viewer/2022032616/55a6ddd31a28aba67e8b4710/html5/thumbnails/3.jpg)
INSIDE OUT THINKING
OUTSIDE IN THINKING
![Page 4: The Power of Outside In Thinking: Providing a Better User Experience for Both Your Clients and Users](https://reader030.vdocument.in/reader030/viewer/2022032616/55a6ddd31a28aba67e8b4710/html5/thumbnails/4.jpg)
YOUR END USERS
Providing a better user experience for
PART ONE
![Page 5: The Power of Outside In Thinking: Providing a Better User Experience for Both Your Clients and Users](https://reader030.vdocument.in/reader030/viewer/2022032616/55a6ddd31a28aba67e8b4710/html5/thumbnails/5.jpg)
“I already wrote my content and figured
out where everything should go!”
This isn’t just a small client problem.
![Page 6: The Power of Outside In Thinking: Providing a Better User Experience for Both Your Clients and Users](https://reader030.vdocument.in/reader030/viewer/2022032616/55a6ddd31a28aba67e8b4710/html5/thumbnails/6.jpg)
![Page 7: The Power of Outside In Thinking: Providing a Better User Experience for Both Your Clients and Users](https://reader030.vdocument.in/reader030/viewer/2022032616/55a6ddd31a28aba67e8b4710/html5/thumbnails/7.jpg)
2. What do your users want to do?
1. What do you want your users to do?
BUSINESS OBJECTIVES
USER OBJECTIVES
![Page 8: The Power of Outside In Thinking: Providing a Better User Experience for Both Your Clients and Users](https://reader030.vdocument.in/reader030/viewer/2022032616/55a6ddd31a28aba67e8b4710/html5/thumbnails/8.jpg)
How to really see things from your users’ point of view?
![Page 9: The Power of Outside In Thinking: Providing a Better User Experience for Both Your Clients and Users](https://reader030.vdocument.in/reader030/viewer/2022032616/55a6ddd31a28aba67e8b4710/html5/thumbnails/9.jpg)
Talk to them!
![Page 10: The Power of Outside In Thinking: Providing a Better User Experience for Both Your Clients and Users](https://reader030.vdocument.in/reader030/viewer/2022032616/55a6ddd31a28aba67e8b4710/html5/thumbnails/10.jpg)
When should you talk to users?
All the time!
User interviews + Product Research Usability Testing (Low-Fidelity) Usability Testing (High-Fidelity)
Feedback Post Launch
How should you talk to users?
![Page 11: The Power of Outside In Thinking: Providing a Better User Experience for Both Your Clients and Users](https://reader030.vdocument.in/reader030/viewer/2022032616/55a6ddd31a28aba67e8b4710/html5/thumbnails/11.jpg)
Creating personas and outlining objectives/tasks
![Page 12: The Power of Outside In Thinking: Providing a Better User Experience for Both Your Clients and Users](https://reader030.vdocument.in/reader030/viewer/2022032616/55a6ddd31a28aba67e8b4710/html5/thumbnails/12.jpg)
Some fancy UX terminology
“We’ll be doing a series of cognitive walkthroughs in which we have users using the think-aloud protocol.”
![Page 13: The Power of Outside In Thinking: Providing a Better User Experience for Both Your Clients and Users](https://reader030.vdocument.in/reader030/viewer/2022032616/55a6ddd31a28aba67e8b4710/html5/thumbnails/13.jpg)
Make it a party! Invite your clients.
And product managers.
And engineers.
![Page 14: The Power of Outside In Thinking: Providing a Better User Experience for Both Your Clients and Users](https://reader030.vdocument.in/reader030/viewer/2022032616/55a6ddd31a28aba67e8b4710/html5/thumbnails/14.jpg)
Outside in thinking makes you not just a UI designer …
but also a UX designer.
![Page 15: The Power of Outside In Thinking: Providing a Better User Experience for Both Your Clients and Users](https://reader030.vdocument.in/reader030/viewer/2022032616/55a6ddd31a28aba67e8b4710/html5/thumbnails/15.jpg)
A basic example
Newsletter Signups
BUSINESS VS. USER
![Page 16: The Power of Outside In Thinking: Providing a Better User Experience for Both Your Clients and Users](https://reader030.vdocument.in/reader030/viewer/2022032616/55a6ddd31a28aba67e8b4710/html5/thumbnails/16.jpg)
Should we make newsletter signup a lightbox or put it in the footer?
(The UI Approach)
![Page 17: The Power of Outside In Thinking: Providing a Better User Experience for Both Your Clients and Users](https://reader030.vdocument.in/reader030/viewer/2022032616/55a6ddd31a28aba67e8b4710/html5/thumbnails/17.jpg)
Exploring what would bring value to the user (The UX Approach)
![Page 18: The Power of Outside In Thinking: Providing a Better User Experience for Both Your Clients and Users](https://reader030.vdocument.in/reader030/viewer/2022032616/55a6ddd31a28aba67e8b4710/html5/thumbnails/18.jpg)
Bonus: You can (and should) use outside-in thinking for SEO and keyword research!
![Page 19: The Power of Outside In Thinking: Providing a Better User Experience for Both Your Clients and Users](https://reader030.vdocument.in/reader030/viewer/2022032616/55a6ddd31a28aba67e8b4710/html5/thumbnails/19.jpg)
YOUR CLIENTS
Providing a better user experience for
PART TWO
![Page 20: The Power of Outside In Thinking: Providing a Better User Experience for Both Your Clients and Users](https://reader030.vdocument.in/reader030/viewer/2022032616/55a6ddd31a28aba67e8b4710/html5/thumbnails/20.jpg)
END TO END PROCESS
Discovery (Interviews + Analysis) Site Map + UX Brief
Wireframes Visual Designs
[Limited Number of Revisions] Development
Documentation + Client Training
![Page 21: The Power of Outside In Thinking: Providing a Better User Experience for Both Your Clients and Users](https://reader030.vdocument.in/reader030/viewer/2022032616/55a6ddd31a28aba67e8b4710/html5/thumbnails/21.jpg)
![Page 22: The Power of Outside In Thinking: Providing a Better User Experience for Both Your Clients and Users](https://reader030.vdocument.in/reader030/viewer/2022032616/55a6ddd31a28aba67e8b4710/html5/thumbnails/22.jpg)
No. No, no, no.
![Page 23: The Power of Outside In Thinking: Providing a Better User Experience for Both Your Clients and Users](https://reader030.vdocument.in/reader030/viewer/2022032616/55a6ddd31a28aba67e8b4710/html5/thumbnails/23.jpg)
Developer
Designer
Developer
=
=
![Page 24: The Power of Outside In Thinking: Providing a Better User Experience for Both Your Clients and Users](https://reader030.vdocument.in/reader030/viewer/2022032616/55a6ddd31a28aba67e8b4710/html5/thumbnails/24.jpg)
![Page 25: The Power of Outside In Thinking: Providing a Better User Experience for Both Your Clients and Users](https://reader030.vdocument.in/reader030/viewer/2022032616/55a6ddd31a28aba67e8b4710/html5/thumbnails/25.jpg)
Some plugins to help you create a customized
bad-ass back-end
![Page 26: The Power of Outside In Thinking: Providing a Better User Experience for Both Your Clients and Users](https://reader030.vdocument.in/reader030/viewer/2022032616/55a6ddd31a28aba67e8b4710/html5/thumbnails/26.jpg)
User Role Editor
![Page 27: The Power of Outside In Thinking: Providing a Better User Experience for Both Your Clients and Users](https://reader030.vdocument.in/reader030/viewer/2022032616/55a6ddd31a28aba67e8b4710/html5/thumbnails/27.jpg)
Admin Menu Editor
![Page 28: The Power of Outside In Thinking: Providing a Better User Experience for Both Your Clients and Users](https://reader030.vdocument.in/reader030/viewer/2022032616/55a6ddd31a28aba67e8b4710/html5/thumbnails/28.jpg)
Advanced Custom Fields
![Page 29: The Power of Outside In Thinking: Providing a Better User Experience for Both Your Clients and Users](https://reader030.vdocument.in/reader030/viewer/2022032616/55a6ddd31a28aba67e8b4710/html5/thumbnails/29.jpg)
White Label CMS
![Page 30: The Power of Outside In Thinking: Providing a Better User Experience for Both Your Clients and Users](https://reader030.vdocument.in/reader030/viewer/2022032616/55a6ddd31a28aba67e8b4710/html5/thumbnails/30.jpg)
Erident Custom Login and Dashboard
![Page 31: The Power of Outside In Thinking: Providing a Better User Experience for Both Your Clients and Users](https://reader030.vdocument.in/reader030/viewer/2022032616/55a6ddd31a28aba67e8b4710/html5/thumbnails/31.jpg)
Documentation
Using Docs allows clients to ask follow up questions, and you
can provide the answers in the documentation:
Structure the doc as questions from your user’s point of view:
![Page 32: The Power of Outside In Thinking: Providing a Better User Experience for Both Your Clients and Users](https://reader030.vdocument.in/reader030/viewer/2022032616/55a6ddd31a28aba67e8b4710/html5/thumbnails/32.jpg)
Client TrainingCall it “training,” charge for it, and record it.