the power of outside in thinking: providing a better user experience for both your clients and users

33
TAMARA OLSON · FEBRUARY 2015 · MAUI WORDCAMP Providing a better user experience for both your clients and end users THE POWER OF OUTSIDE-IN THINKING

Upload: tamara-olson

Post on 16-Jul-2015

325 views

Category:

Design


0 download

TRANSCRIPT

Page 1: The Power of Outside In Thinking: Providing a Better User Experience for Both Your Clients and Users

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

What is outside-in thinking?

Page 3: The Power of Outside In Thinking: Providing a Better User Experience for Both Your Clients and Users

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

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

“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
Page 7: The Power of Outside In Thinking: Providing a Better User Experience for Both Your Clients and Users

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

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

Talk to them!

Page 10: The Power of Outside In Thinking: Providing a Better User Experience for Both Your Clients and Users

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

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

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

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

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

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

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

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

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

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

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
Page 22: The Power of Outside In Thinking: Providing a Better User Experience for Both Your Clients and Users

No. No, no, no.

Page 23: The Power of Outside In Thinking: Providing a Better User Experience for Both Your Clients and Users

Developer

Designer

Developer

=

=

Page 24: The Power of Outside In Thinking: Providing a Better User Experience for Both Your Clients and Users
Page 25: The Power of Outside In Thinking: Providing a Better User Experience for Both Your Clients and Users

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

User Role Editor

Page 27: The Power of Outside In Thinking: Providing a Better User Experience for Both Your Clients and Users

Admin Menu Editor

Page 28: The Power of Outside In Thinking: Providing a Better User Experience for Both Your Clients and Users

Advanced Custom Fields

Page 29: The Power of Outside In Thinking: Providing a Better User Experience for Both Your Clients and Users

White Label CMS

Page 30: The Power of Outside In Thinking: Providing a Better User Experience for Both Your Clients and Users

Erident Custom Login and Dashboard

Page 31: The Power of Outside In Thinking: Providing a Better User Experience for Both Your Clients and Users

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

Client TrainingCall it “training,” charge for it, and record it.

Page 33: The Power of Outside In Thinking: Providing a Better User Experience for Both Your Clients and Users

Copyright 2015 www.tamaraolsondesigns.com

Questions?