Getting In Your Audiences shoes Tyler Golberg @tgolb CYBERsprout - - PowerPoint PPT Presentation

▶
getting in your audience s shoes
SMART_READER_LITE
LIVE PREVIEW

Getting In Your Audiences shoes Tyler Golberg @tgolb CYBERsprout - - PowerPoint PPT Presentation

Jan 25, 2023 292 likes •738 views

Getting In Your Audiences shoes Tyler Golberg @tgolb CYBERsprout Confirming The Assumption Robbing A Bank Doing the wrong thing for the right reason @tgolb Password must be at least 6 characters GoofyMinnieMickeyPlutoCinderellaAriel

slide-1
SLIDE 1

Getting In Your Audience’s shoes

Tyler Golberg @tgolb CYBERsprout

slide-2
SLIDE 2

Confirming The Assumption

slide-3
SLIDE 3

Robbing A Bank

Doing the wrong thing for the right reason @tgolb

slide-4
SLIDE 4
slide-5
SLIDE 5

Password must be at least 6 characters

GoofyMinnieMickeyPlutoCinderellaAriel

@tgolb

slide-6
SLIDE 6

Draw a 6

@tgolb

slide-7
SLIDE 7

Who Is Your User

slide-8
SLIDE 8

Thorough Discovery Process

slide-9
SLIDE 9

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

slide-10
SLIDE 10

User Roles

  • 1. Golfer
  • 2. Fisherman
  • 3. Foodie
  • 4. Hiker
  • 5. Wine Enthusiast
  • 6. Theatre Fanatic
  • 7. History Buff
  • 8. Antiquer
  • 9. Go Cart Pedal Pusher
  • 10. Paddleboarder

Resorter/Vacationer

slide-11
SLIDE 11

User stories

slide-12
SLIDE 12
slide-13
SLIDE 13
slide-14
SLIDE 14

Sully Loves...

  • Biking
  • Playgrounds
  • Trains
  • Fishing
  • Treats
slide-15
SLIDE 15

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

slide-16
SLIDE 16

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

slide-17
SLIDE 17

Make Sense To The User

slide-18
SLIDE 18

Clever Clear

Speak the same language

@tgolb

slide-19
SLIDE 19

@tgolb

slide-20
SLIDE 20

Navigation

People suck at choosing options @tgolb

slide-21
SLIDE 21

Fewer Choices vs. Fewer Clicks

slide-22
SLIDE 22
slide-23
SLIDE 23

Accessibility

slide-24
SLIDE 24
slide-25
SLIDE 25

Accessibility

WCAG Standards

  • Media
  • Adaptable
  • Distinguishable
  • Operable
slide-26
SLIDE 26

Media

slide-27
SLIDE 27

85%

Of users on Facebook watch video without sound @tgolb

slide-28
SLIDE 28

Alt Tag

Always always always add an Alt tag to photos @tgolb

slide-29
SLIDE 29

Adaptible

slide-30
SLIDE 30

Perceivable

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

@tgolb

slide-31
SLIDE 31

Distinguishable

slide-32
SLIDE 32

Color Matters

Contrast ratio of at least 4.5 http://leaverou.github.io/contrast-ratio/ @tgolb

slide-33
SLIDE 33
slide-34
SLIDE 34
slide-35
SLIDE 35

Operable

slide-36
SLIDE 36

Blindfold Test

Can you operate the site without sight and just a keyboard? @tgolb

slide-37
SLIDE 37

Tools

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

s

  • Tota11y Chrome

Extension

slide-38
SLIDE 38

Need more reasons?

slide-39
SLIDE 39

SEO

Search engines can’t see, listen, or perceive like humans @tgolb

slide-40
SLIDE 40

DOJ

ADA website compliance expected to be mandatory @tgolb

slide-41
SLIDE 41
slide-42
SLIDE 42

Who am I?

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

CYBERsprout

  • Overcommitted in life
slide-43
SLIDE 43

Any Questions?

slide-44
SLIDE 44

Tyler Golberg

@tgolb cybersprout.net tyler@cybersprout.net