44
Getting In Your Audience’s shoes Tyler Golberg @tgolb CYBERsprout

Getting In Your CYBERsprout Audience’s shoes @tgolb Tyler ... · User Roles 1. Golfer 2. Fisherman 3. Foodie 4. Hiker 5. Wine Enthusiast 6. Theatre Fanatic 7. History Buff 8. Antiquer

  • Upload
    others

  • View
    0

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Getting In Your CYBERsprout Audience’s shoes @tgolb Tyler ... · User Roles 1. Golfer 2. Fisherman 3. Foodie 4. Hiker 5. Wine Enthusiast 6. Theatre Fanatic 7. History Buff 8. Antiquer

Getting In Your Audience’s shoes

Tyler Golberg@tgolb

CYBERsprout

Page 2: Getting In Your CYBERsprout Audience’s shoes @tgolb Tyler ... · User Roles 1. Golfer 2. Fisherman 3. Foodie 4. Hiker 5. Wine Enthusiast 6. Theatre Fanatic 7. History Buff 8. Antiquer

ConfirmingThe Assumption

Page 3: Getting In Your CYBERsprout Audience’s shoes @tgolb Tyler ... · User Roles 1. Golfer 2. Fisherman 3. Foodie 4. Hiker 5. Wine Enthusiast 6. Theatre Fanatic 7. History Buff 8. Antiquer

Robbing A BankDoing the wrong thing for the right reason

@tgolb

Page 4: Getting In Your CYBERsprout Audience’s shoes @tgolb Tyler ... · User Roles 1. Golfer 2. Fisherman 3. Foodie 4. Hiker 5. Wine Enthusiast 6. Theatre Fanatic 7. History Buff 8. Antiquer
Page 5: Getting In Your CYBERsprout Audience’s shoes @tgolb Tyler ... · User Roles 1. Golfer 2. Fisherman 3. Foodie 4. Hiker 5. Wine Enthusiast 6. Theatre Fanatic 7. History Buff 8. Antiquer

Password must be at least 6 characters

GoofyMinnieMickeyPlutoCinderellaAriel

@tgolb

Page 6: Getting In Your CYBERsprout Audience’s shoes @tgolb Tyler ... · User Roles 1. Golfer 2. Fisherman 3. Foodie 4. Hiker 5. Wine Enthusiast 6. Theatre Fanatic 7. History Buff 8. Antiquer

Draw a 6@tgolb

Page 7: Getting In Your CYBERsprout Audience’s shoes @tgolb Tyler ... · User Roles 1. Golfer 2. Fisherman 3. Foodie 4. Hiker 5. Wine Enthusiast 6. Theatre Fanatic 7. History Buff 8. Antiquer

Who IsYour User

Page 8: Getting In Your CYBERsprout Audience’s shoes @tgolb Tyler ... · User Roles 1. Golfer 2. Fisherman 3. Foodie 4. Hiker 5. Wine Enthusiast 6. Theatre Fanatic 7. History Buff 8. Antiquer

Thorough Discovery Process

Page 9: Getting In Your CYBERsprout Audience’s shoes @tgolb Tyler ... · User Roles 1. Golfer 2. Fisherman 3. Foodie 4. Hiker 5. Wine Enthusiast 6. Theatre Fanatic 7. History Buff 8. Antiquer

Stakeholder Interviews

What is your role in the project?

Who is this project for?

What does success look like?

How does your website improve your user’s experience

Page 10: Getting In Your CYBERsprout Audience’s shoes @tgolb Tyler ... · User Roles 1. Golfer 2. Fisherman 3. Foodie 4. Hiker 5. Wine Enthusiast 6. Theatre Fanatic 7. History Buff 8. Antiquer

User Roles

1. Golfer2. Fisherman3. Foodie4. Hiker5. Wine Enthusiast6. Theatre Fanatic7. History Buff8. Antiquer9. Go Cart Pedal Pusher

10. Paddleboarder

Resorter/Vacationer

Page 11: Getting In Your CYBERsprout Audience’s shoes @tgolb Tyler ... · User Roles 1. Golfer 2. Fisherman 3. Foodie 4. Hiker 5. Wine Enthusiast 6. Theatre Fanatic 7. History Buff 8. Antiquer

User stories

Page 12: Getting In Your CYBERsprout Audience’s shoes @tgolb Tyler ... · User Roles 1. Golfer 2. Fisherman 3. Foodie 4. Hiker 5. Wine Enthusiast 6. Theatre Fanatic 7. History Buff 8. Antiquer
Page 13: Getting In Your CYBERsprout Audience’s shoes @tgolb Tyler ... · User Roles 1. Golfer 2. Fisherman 3. Foodie 4. Hiker 5. Wine Enthusiast 6. Theatre Fanatic 7. History Buff 8. Antiquer
Page 14: Getting In Your CYBERsprout Audience’s shoes @tgolb Tyler ... · User Roles 1. Golfer 2. Fisherman 3. Foodie 4. Hiker 5. Wine Enthusiast 6. Theatre Fanatic 7. History Buff 8. Antiquer

Sully Loves...

● Biking● Playgrounds● Trains● Fishing● Treats

Page 15: Getting In Your CYBERsprout Audience’s shoes @tgolb Tyler ... · User Roles 1. Golfer 2. Fisherman 3. Foodie 4. Hiker 5. Wine Enthusiast 6. Theatre Fanatic 7. History Buff 8. Antiquer

Tailored User Experience

A day for all of the Sullivans

● Biking○ Central Lakes Trail

● Playground & Fishing○ Bait @ Christopherson’s○ Hang out at City Park○ Fish on Agnes

● Trains○ Lunch at The Depot

● Treats○ The Sugar Shack

Page 16: Getting In Your CYBERsprout Audience’s shoes @tgolb Tyler ... · User Roles 1. Golfer 2. Fisherman 3. Foodie 4. Hiker 5. Wine Enthusiast 6. Theatre Fanatic 7. History Buff 8. Antiquer

/User Interviews/User Experiences/Guest Authors/Curated Content/Organic Content

Page 17: Getting In Your CYBERsprout Audience’s shoes @tgolb Tyler ... · User Roles 1. Golfer 2. Fisherman 3. Foodie 4. Hiker 5. Wine Enthusiast 6. Theatre Fanatic 7. History Buff 8. Antiquer

Make SenseTo The User

Page 18: Getting In Your CYBERsprout Audience’s shoes @tgolb Tyler ... · User Roles 1. Golfer 2. Fisherman 3. Foodie 4. Hiker 5. Wine Enthusiast 6. Theatre Fanatic 7. History Buff 8. Antiquer

Clever ClearSpeak the same language

@tgolb

Page 19: Getting In Your CYBERsprout Audience’s shoes @tgolb Tyler ... · User Roles 1. Golfer 2. Fisherman 3. Foodie 4. Hiker 5. Wine Enthusiast 6. Theatre Fanatic 7. History Buff 8. Antiquer

@tgolb

Page 20: Getting In Your CYBERsprout Audience’s shoes @tgolb Tyler ... · User Roles 1. Golfer 2. Fisherman 3. Foodie 4. Hiker 5. Wine Enthusiast 6. Theatre Fanatic 7. History Buff 8. Antiquer

NavigationPeople suck at choosing options

@tgolb

Page 21: Getting In Your CYBERsprout Audience’s shoes @tgolb Tyler ... · User Roles 1. Golfer 2. Fisherman 3. Foodie 4. Hiker 5. Wine Enthusiast 6. Theatre Fanatic 7. History Buff 8. Antiquer

Fewer Choicesvs.Fewer Clicks

Page 22: Getting In Your CYBERsprout Audience’s shoes @tgolb Tyler ... · User Roles 1. Golfer 2. Fisherman 3. Foodie 4. Hiker 5. Wine Enthusiast 6. Theatre Fanatic 7. History Buff 8. Antiquer
Page 23: Getting In Your CYBERsprout Audience’s shoes @tgolb Tyler ... · User Roles 1. Golfer 2. Fisherman 3. Foodie 4. Hiker 5. Wine Enthusiast 6. Theatre Fanatic 7. History Buff 8. Antiquer

Accessibility

Page 24: Getting In Your CYBERsprout Audience’s shoes @tgolb Tyler ... · User Roles 1. Golfer 2. Fisherman 3. Foodie 4. Hiker 5. Wine Enthusiast 6. Theatre Fanatic 7. History Buff 8. Antiquer
Page 25: Getting In Your CYBERsprout Audience’s shoes @tgolb Tyler ... · User Roles 1. Golfer 2. Fisherman 3. Foodie 4. Hiker 5. Wine Enthusiast 6. Theatre Fanatic 7. History Buff 8. Antiquer

AccessibilityWCAG Standards

● Media● Adaptable● Distinguishable● Operable

Page 26: Getting In Your CYBERsprout Audience’s shoes @tgolb Tyler ... · User Roles 1. Golfer 2. Fisherman 3. Foodie 4. Hiker 5. Wine Enthusiast 6. Theatre Fanatic 7. History Buff 8. Antiquer

Media

Page 27: Getting In Your CYBERsprout Audience’s shoes @tgolb Tyler ... · User Roles 1. Golfer 2. Fisherman 3. Foodie 4. Hiker 5. Wine Enthusiast 6. Theatre Fanatic 7. History Buff 8. Antiquer

85%Of users on Facebook watch video without sound

@tgolb

Page 28: Getting In Your CYBERsprout Audience’s shoes @tgolb Tyler ... · User Roles 1. Golfer 2. Fisherman 3. Foodie 4. Hiker 5. Wine Enthusiast 6. Theatre Fanatic 7. History Buff 8. Antiquer

Alt TagAlways always always add an Alt tag to photos

@tgolb

Page 29: Getting In Your CYBERsprout Audience’s shoes @tgolb Tyler ... · User Roles 1. Golfer 2. Fisherman 3. Foodie 4. Hiker 5. Wine Enthusiast 6. Theatre Fanatic 7. History Buff 8. Antiquer

Adaptible

Page 30: Getting In Your CYBERsprout Audience’s shoes @tgolb Tyler ... · User Roles 1. Golfer 2. Fisherman 3. Foodie 4. Hiker 5. Wine Enthusiast 6. Theatre Fanatic 7. History Buff 8. Antiquer

PerceivableRegardless of shape, size, visual location, orientation, or sound.

@tgolb

Page 31: Getting In Your CYBERsprout Audience’s shoes @tgolb Tyler ... · User Roles 1. Golfer 2. Fisherman 3. Foodie 4. Hiker 5. Wine Enthusiast 6. Theatre Fanatic 7. History Buff 8. Antiquer

Distinguishable

Page 32: Getting In Your CYBERsprout Audience’s shoes @tgolb Tyler ... · User Roles 1. Golfer 2. Fisherman 3. Foodie 4. Hiker 5. Wine Enthusiast 6. Theatre Fanatic 7. History Buff 8. Antiquer

Color MattersContrast ratio of at least 4.5

http://leaverou.github.io/contrast-ratio/

@tgolb

Page 33: Getting In Your CYBERsprout Audience’s shoes @tgolb Tyler ... · User Roles 1. Golfer 2. Fisherman 3. Foodie 4. Hiker 5. Wine Enthusiast 6. Theatre Fanatic 7. History Buff 8. Antiquer
Page 34: Getting In Your CYBERsprout Audience’s shoes @tgolb Tyler ... · User Roles 1. Golfer 2. Fisherman 3. Foodie 4. Hiker 5. Wine Enthusiast 6. Theatre Fanatic 7. History Buff 8. Antiquer
Page 35: Getting In Your CYBERsprout Audience’s shoes @tgolb Tyler ... · User Roles 1. Golfer 2. Fisherman 3. Foodie 4. Hiker 5. Wine Enthusiast 6. Theatre Fanatic 7. History Buff 8. Antiquer

Operable

Page 36: Getting In Your CYBERsprout Audience’s shoes @tgolb Tyler ... · User Roles 1. Golfer 2. Fisherman 3. Foodie 4. Hiker 5. Wine Enthusiast 6. Theatre Fanatic 7. History Buff 8. Antiquer

Blindfold TestCan you operate the site without sight and

just a keyboard?

@tgolb

Page 37: Getting In Your CYBERsprout Audience’s shoes @tgolb Tyler ... · User Roles 1. Golfer 2. Fisherman 3. Foodie 4. Hiker 5. Wine Enthusiast 6. Theatre Fanatic 7. History Buff 8. Antiquer

Tools

● Section508.gov● Wave.webaim.org● ffoodd.github.io/a11y.cs

s● Tota11y Chrome

Extension

Page 38: Getting In Your CYBERsprout Audience’s shoes @tgolb Tyler ... · User Roles 1. Golfer 2. Fisherman 3. Foodie 4. Hiker 5. Wine Enthusiast 6. Theatre Fanatic 7. History Buff 8. Antiquer

Need more reasons?

Page 39: Getting In Your CYBERsprout Audience’s shoes @tgolb Tyler ... · User Roles 1. Golfer 2. Fisherman 3. Foodie 4. Hiker 5. Wine Enthusiast 6. Theatre Fanatic 7. History Buff 8. Antiquer

SEOSearch engines can’t see, listen, or perceive like humans

@tgolb

Page 40: Getting In Your CYBERsprout Audience’s shoes @tgolb Tyler ... · User Roles 1. Golfer 2. Fisherman 3. Foodie 4. Hiker 5. Wine Enthusiast 6. Theatre Fanatic 7. History Buff 8. Antiquer

DOJADA website compliance expected to be mandatory

@tgolb

Page 42: Getting In Your CYBERsprout Audience’s shoes @tgolb Tyler ... · User Roles 1. Golfer 2. Fisherman 3. Foodie 4. Hiker 5. Wine Enthusiast 6. Theatre Fanatic 7. History Buff 8. Antiquer

Who am I?

● Minnesotan without the accent● Aggressively mediocre blogger● Developer & designer at

CYBERsprout● Overcommitted in life

Page 43: Getting In Your CYBERsprout Audience’s shoes @tgolb Tyler ... · User Roles 1. Golfer 2. Fisherman 3. Foodie 4. Hiker 5. Wine Enthusiast 6. Theatre Fanatic 7. History Buff 8. Antiquer

Any Questions?

Page 44: Getting In Your CYBERsprout Audience’s shoes @tgolb Tyler ... · User Roles 1. Golfer 2. Fisherman 3. Foodie 4. Hiker 5. Wine Enthusiast 6. Theatre Fanatic 7. History Buff 8. Antiquer

Tyler [email protected]@cybersprout.net