Top Banner
Sneaking in a Good User Experience, Without a UX Budget WordCamp Lancaster 2017 #wclanc @anthonydpaul
50

Sneaking in Good UX Without a UX Budget - WordCamp Lancaster 2017 - anthonydpaul

Mar 19, 2017

Download

Design

Anthony D Paul
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Sneaking in Good UX Without a UX Budget - WordCamp Lancaster 2017 - anthonydpaul

Sneaking in a Good User Experience,Without a UX Budget

WordCamp Lancaster 2017 • #wclanc @anthonydpaul

Page 2: Sneaking in Good UX Without a UX Budget - WordCamp Lancaster 2017 - anthonydpaul

scope proposal

● Discovery

● Design

● UX / Research

● Accessibility

● SEO

● Development

● Quality Assurance

$500

$1500

$1000

$500

$500

$2000

$500@anthonydpaul

Page 3: Sneaking in Good UX Without a UX Budget - WordCamp Lancaster 2017 - anthonydpaul

scope proposal

● Discovery

● Design

● UX / Research

● Accessibility

● SEO

● Development

● Quality Assurance

$500

$1500

$500

$2000

@anthonydpaul

Page 4: Sneaking in Good UX Without a UX Budget - WordCamp Lancaster 2017 - anthonydpaul

@anthonydpaul

Page 5: Sneaking in Good UX Without a UX Budget - WordCamp Lancaster 2017 - anthonydpaul

scope proposal

● Discovery

● Design

● UX / Research

● Accessibility

● SEO

● Development

● Quality Assurance

$500

$1500

free

free

$500

$2000

free@anthonydpaul

Page 6: Sneaking in Good UX Without a UX Budget - WordCamp Lancaster 2017 - anthonydpaul

Sometimes we can't sell good UX, we have to sneak it in.”

@brownorama #ias15

@anthonydpaul

Page 7: Sneaking in Good UX Without a UX Budget - WordCamp Lancaster 2017 - anthonydpaul

Anthony D PaulFuturist, Researcher, and Usability Flag-Waver

@anthonydpaul

Page 8: Sneaking in Good UX Without a UX Budget - WordCamp Lancaster 2017 - anthonydpaul

Before we start,let’s avoid excuses…

@anthonydpaul

Page 9: Sneaking in Good UX Without a UX Budget - WordCamp Lancaster 2017 - anthonydpaul

best practice is not a line item

● Discovery

● Design

○ UX / Research

○ Accessibility

● SEO

● Development

○ Quality Assurance

$500

$3000

$500

$2500

@anthonydpaul

Page 10: Sneaking in Good UX Without a UX Budget - WordCamp Lancaster 2017 - anthonydpaul

you are a UX designer

● Everyone who affects the website experience is a UX designer

● Even if you’re a bad one, creating bad experiences

@anthonydpaul

Page 11: Sneaking in Good UX Without a UX Budget - WordCamp Lancaster 2017 - anthonydpaul

When we create a bad user experience, where did we fail?

@anthonydpaul

Page 12: Sneaking in Good UX Without a UX Budget - WordCamp Lancaster 2017 - anthonydpaul

@anthonydpaul

Page 13: Sneaking in Good UX Without a UX Budget - WordCamp Lancaster 2017 - anthonydpaul

We’re asking the wrong questions of the wrong people

1 / 9

@anthonydpaul

Page 14: Sneaking in Good UX Without a UX Budget - WordCamp Lancaster 2017 - anthonydpaul

Intake FormHow many pages? _________

Stock photography? Yes / No

Flash? Yes / No

Internet Explorer? Yes / No

Will you need a:

❏ Sign-up form❏ Discussion board❏ Shopping cart❏ “Members only” area

@anthonydpaul

Page 15: Sneaking in Good UX Without a UX Budget - WordCamp Lancaster 2017 - anthonydpaul

CONTRIBUTORS

only hearing decision-makers

if they’re lucky enough to be in the room

COMPANY

Page 16: Sneaking in Good UX Without a UX Budget - WordCamp Lancaster 2017 - anthonydpaul

COMPANY COMPETITORS CONSUMERS CONTRIBUTORS CLIMATE

Five C’s of a Situational Analysishttps://en.wikipedia.org/wiki/Situation_analysis#5C_Analysis

Page 17: Sneaking in Good UX Without a UX Budget - WordCamp Lancaster 2017 - anthonydpaul

COMPANY

How is the business supported today, that can’t be broken?

How can the site better support the business?

decision-makers • brand • finance

Page 18: Sneaking in Good UX Without a UX Budget - WordCamp Lancaster 2017 - anthonydpaul

COMPETITORS

What is the expected baseline in this market?

What is everyone else not doing yet?

direct • aspirational • indirect (recruitment)

Page 19: Sneaking in Good UX Without a UX Budget - WordCamp Lancaster 2017 - anthonydpaul

CONSUMERS

What are our consumers trying to do and why?

What can we give our consumers that doesn’t directly benefit our company? (ex. knowledge sharing)

people • search engines • devices • APIs

Page 20: Sneaking in Good UX Without a UX Budget - WordCamp Lancaster 2017 - anthonydpaul

CONTRIBUTORS

Which tasks are most repetitive or cumbersome and can be optimized?

internal • consumers • APIs

Page 21: Sneaking in Good UX Without a UX Budget - WordCamp Lancaster 2017 - anthonydpaul

CLIMATE

Does the world even need another ______ website?

today’s market • trend forecast

Page 22: Sneaking in Good UX Without a UX Budget - WordCamp Lancaster 2017 - anthonydpaul

We can’t create a great user experience if we don’t understand what our site needs to do.

@anthonydpaul

Page 23: Sneaking in Good UX Without a UX Budget - WordCamp Lancaster 2017 - anthonydpaul

We’re not time-boxing, and we’re not prioritizing

2 / 9

@anthonydpaul

Page 24: Sneaking in Good UX Without a UX Budget - WordCamp Lancaster 2017 - anthonydpaul

Why are we even working on this website?

Communicate the brand and a positive [audience type] experience.

Allow [audience type] to quickly determine [a specific thing].

Drive [audience type] toward contacting [a specific department] to inquire about [a specific thing].

@anthonydpaul

Page 25: Sneaking in Good UX Without a UX Budget - WordCamp Lancaster 2017 - anthonydpaul

We’re not thinking about our users and their most important tasks

3 / 9

@anthonydpaul

Page 26: Sneaking in Good UX Without a UX Budget - WordCamp Lancaster 2017 - anthonydpaul

recurring: low-fidelity, with many hands

@anthonydpaul

Page 27: Sneaking in Good UX Without a UX Budget - WordCamp Lancaster 2017 - anthonydpaul

“boomerang” task analysis

1. List all tasks performed within the site

2. Cluster by related tasks (result = audience roles)

3. Audit each cluster to make sure it’s complete

4. Prioritize roles and prioritize tasks within roles

@anthonydpaul

Page 28: Sneaking in Good UX Without a UX Budget - WordCamp Lancaster 2017 - anthonydpaul

recurring: low-fidelity, with many hands

@anthonydpaul

Page 29: Sneaking in Good UX Without a UX Budget - WordCamp Lancaster 2017 - anthonydpaul

audience behavior reports (e.g.)

Tips:

Google filetype:pdf market report search

@anthonydpaul

Page 30: Sneaking in Good UX Without a UX Budget - WordCamp Lancaster 2017 - anthonydpaul

We could’ve done it faster by involving our clients/users

4 / 9

@anthonydpaul

Page 31: Sneaking in Good UX Without a UX Budget - WordCamp Lancaster 2017 - anthonydpaul

recurring: low-fidelity, with many hands

@anthonydpaul

Page 32: Sneaking in Good UX Without a UX Budget - WordCamp Lancaster 2017 - anthonydpaul

recurring: low-fidelity, with many hands

Page 33: Sneaking in Good UX Without a UX Budget - WordCamp Lancaster 2017 - anthonydpaul

We skipped low-fidelity exploration

5 / 9

@anthonydpaul

Page 34: Sneaking in Good UX Without a UX Budget - WordCamp Lancaster 2017 - anthonydpaul

recurring: low-fidelity, with many hands

@anthonydpaul

Page 35: Sneaking in Good UX Without a UX Budget - WordCamp Lancaster 2017 - anthonydpaul

We didn’t test quickly and easily in isolation

6 / 9

@anthonydpaul

Page 36: Sneaking in Good UX Without a UX Budget - WordCamp Lancaster 2017 - anthonydpaul

optimalworkshop.com/treejack

@anthonydpaul

Page 37: Sneaking in Good UX Without a UX Budget - WordCamp Lancaster 2017 - anthonydpaul

optimalworkshop.com/treejack

@anthonydpaul

Page 38: Sneaking in Good UX Without a UX Budget - WordCamp Lancaster 2017 - anthonydpaul

We didn’t usability test the whole shebang

7 / 9

@anthonydpaul

Page 39: Sneaking in Good UX Without a UX Budget - WordCamp Lancaster 2017 - anthonydpaul

InVisionApp.com

Page 40: Sneaking in Good UX Without a UX Budget - WordCamp Lancaster 2017 - anthonydpaul

TryMyUI.com

Page 41: Sneaking in Good UX Without a UX Budget - WordCamp Lancaster 2017 - anthonydpaul

We could have saved time by prototyping in WordPress

8 / 9

@anthonydpaul

Page 42: Sneaking in Good UX Without a UX Budget - WordCamp Lancaster 2017 - anthonydpaul

usability test with an actual website

Page 43: Sneaking in Good UX Without a UX Budget - WordCamp Lancaster 2017 - anthonydpaul

We didn’t think about real users

9 / 9

@anthonydpaul

Page 44: Sneaking in Good UX Without a UX Budget - WordCamp Lancaster 2017 - anthonydpaul

Our instinct is to imagine someone like ourselves.

Most of our users are nothing like us in any way.

via Eric Meyer’s WC Northeast Ohio 2016 Keynote

http://wordpress.tv/2016/06/24/eric-a-meyer-design-for-real-life/

stress cases over “ideal”

@anthonydpaul

Page 45: Sneaking in Good UX Without a UX Budget - WordCamp Lancaster 2017 - anthonydpaul

Who we test with defines who we care about.

i.e., Accessibility, real-world “Stress Cases”

via Eric Meyer’s WC Northeast Ohio 2016 Keynote

http://wordpress.tv/2016/06/24/eric-a-meyer-design-for-real-life/

don’t forget a11y

@anthonydpaul

Page 46: Sneaking in Good UX Without a UX Budget - WordCamp Lancaster 2017 - anthonydpaul

a11y tools online

Page 47: Sneaking in Good UX Without a UX Budget - WordCamp Lancaster 2017 - anthonydpaul

dclibrary.org/services/accessibility

Page 48: Sneaking in Good UX Without a UX Budget - WordCamp Lancaster 2017 - anthonydpaul

Innovation is often the product of constraint.”

Todd Waterbury, Chief Creative Officer at Target

@anthonydpaul

Page 49: Sneaking in Good UX Without a UX Budget - WordCamp Lancaster 2017 - anthonydpaul

@anthonydpaul

Page 50: Sneaking in Good UX Without a UX Budget - WordCamp Lancaster 2017 - anthonydpaul

Detailed talkshttp://stickielab.com/speaking

wireframing with WordPress • lean requirements usability testing • information architecture

Stalker links http://adp.rocks or http:// .ws or http:// .ws

Thank you

@anthonydpaul