Embrace the Unknown with a UX Toolkit Crispin Bailey RGD Director - - PowerPoint PPT Presentation

▶
embrace the unknown
SMART_READER_LITE
LIVE PREVIEW

Embrace the Unknown with a UX Toolkit Crispin Bailey RGD Director - - PowerPoint PPT Presentation

Mar 08, 2023 417 likes •1.19k views

Embrace the Unknown with a UX Toolkit Crispin Bailey RGD Director of Design & UX crispin@kalamuna.com | @cspin About me Twitter @cspin LinkedIn /crispinbailey Email crispin@kalamuna.com Crispin Bailey, RGD Director of Design & UX

slide-1
SLIDE 1

Embrace the Unknown

with a UX Toolkit

Crispin Bailey RGD

Director of Design & UX

crispin@kalamuna.com | @cspin

slide-2
SLIDE 2

About me

Crispin Bailey, RGD

Director of Design & UX

Twitter @cspin LinkedIn /crispinbailey Email crispin@kalamuna.com

slide-3
SLIDE 3

YOUR MISSION IS OUR MISSION

slide-4
SLIDE 4

Based in Oakland

slide-5
SLIDE 5

Also distributed

slide-6
SLIDE 6
slide-7
SLIDE 7
slide-8
SLIDE 8

Outline

1. Intro / Context 2. What is a UX Toolkit? 3. What’s in our UX Toolkit? 4. How do you build your own UX Toolkit? 5. Where can you learn more about this? 6. Q&A

slide-9
SLIDE 9
slide-10
SLIDE 10

Some context

slide-11
SLIDE 11

The challenge

slide-12
SLIDE 12

Every project is a snowflake

slide-13
SLIDE 13

Dreams vs Reality

slide-14
SLIDE 14
slide-15
SLIDE 15
slide-16
SLIDE 16
slide-17
SLIDE 17
slide-18
SLIDE 18

Expect the Unexpected

slide-19
SLIDE 19

Collaboration + Consensus

slide-20
SLIDE 20

What’s in this talk for you?

slide-21
SLIDE 21

Confidence

slide-22
SLIDE 22

Flexibility

slide-23
SLIDE 23
slide-24
SLIDE 24

How did we get here?

slide-25
SLIDE 25
slide-26
SLIDE 26

Research Design Implementation Testing Maintenance

slide-27
SLIDE 27
slide-28
SLIDE 28

Agile Waterfall

slide-29
SLIDE 29

Aka “Wagile”

slide-30
SLIDE 30
slide-31
SLIDE 31
slide-32
SLIDE 32

What is a UX Toolkit?

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

What is it not?

slide-36
SLIDE 36

A UX Toolkit is not...

  • a suite of software tools
  • a component library or design system
  • a box of sticky notes and sharpies
slide-37
SLIDE 37

A recipe book

slide-38
SLIDE 38
slide-39
SLIDE 39

A playbook

slide-40
SLIDE 40
slide-41
SLIDE 41

Tools & Techniques

slide-42
SLIDE 42

From “100 UX Research Techniques in 15 minutes” by Dr. Abby Goodrum at Fluxible 2018

slide-43
SLIDE 43

Examples

slide-44
SLIDE 44

UX for Life Sciences Toolkit (https://uxls.org/methods/)

slide-45
SLIDE 45

Handrail’s UX Guide (http://www.handrailux.com/ux-guide.php)

slide-46
SLIDE 46

University of Toronto Library’s UX Toolkit (https://connect.library.utoronto.ca/display/UXTOOLS/UX+Process+and+Methods+Overview)

slide-47
SLIDE 47

University of Toronto Library’s UX Toolkit (https://connect.library.utoronto.ca/display/UXTOOLS/UX+Process+and+Methods+Overview)

slide-48
SLIDE 48

UX Project Checklist (http://uxchecklist.github.io)

slide-49
SLIDE 49

What’s in our UX Toolkit?

slide-50
SLIDE 50

UX Activities for the Discovery Phase

  • Stakeholder interviews
  • User interviews
  • Surveys
  • Guerilla research
  • Comparative analysis
  • Analytics analysis
  • Clickmaps and scrollmaps
  • Content audits
  • User Types
  • Persona scenarios
  • Journey mapping
  • User story mapping
slide-51
SLIDE 51

UX Activities for the Discovery Phase

  • Stakeholder interviews
  • User interviews
  • Surveys
  • Guerilla research
  • Comparative analysis
  • Analytics analysis
  • Clickmaps and scrollmaps
  • Content audits
  • User Types
  • Persona scenarios
  • Journey mapping
  • User story mapping
slide-52
SLIDE 52

UX Activities for the Discovery Phase

  • Stakeholder interviews
  • User interviews
  • Surveys
  • Guerilla research
  • Comparative analysis
  • Analytics analysis
  • Clickmaps and scrollmaps
  • Content audits
  • User Types
  • Persona scenarios
  • Journey mapping
  • User story mapping
slide-53
SLIDE 53

UX Activities for the Design Phase

  • Content mapping
  • Card sorting (open or closed)
  • Tree testing
  • Sketching workshops
  • Wireframing
  • Low-fi prototyping
  • Moodboarding
  • Style Tiles
  • Responsive HTML (aka High-Fi) prototyping
  • Usability testing
slide-54
SLIDE 54

UX Activities for the Design Phase

  • Content mapping
  • Card sorting (open or closed)
  • Tree testing
  • Sketching workshops
  • Wireframing
  • Low-fi prototyping
  • Moodboarding
  • Style Tiles
  • Responsive HTML (aka High-Fi) prototyping
  • Usability testing
slide-55
SLIDE 55

UX Activities for the Design Phase

  • Content mapping
  • Card sorting (open or closed)
  • Tree testing
  • Sketching workshops
  • Wireframing
  • Low-fi prototyping
  • Moodboarding
  • Style Tiles
  • Responsive HTML (aka High-Fi) prototyping
  • Usability testing
slide-56
SLIDE 56

UX Activities for the Implementation Phase

  • Accessibility testing (manual + automated)
  • Usability testing (moderated + unmoderated)
  • User feedback testing (moderated + unmoderated)
  • A/B testing
slide-57
SLIDE 57

UX Activities for the Implementation Phase

  • Accessibility testing (manual + automated)
  • Usability testing (moderated + unmoderated)
  • User feedback testing (moderated + unmoderated)
  • A/B testing
slide-58
SLIDE 58

UX Activities for the Implementation Phase

  • Accessibility testing (manual + automated)
  • Usability testing (moderated + unmoderated)
  • User feedback testing (moderated + unmoderated)
  • A/B testing
slide-59
SLIDE 59
slide-60
SLIDE 60

How to roll your own

slide-61
SLIDE 61

Start with what you know

slide-62
SLIDE 62

Do your homework

slide-63
SLIDE 63

Learn and grow as you go

slide-64
SLIDE 64

Every challenge is an

  • pportunity
slide-65
SLIDE 65

Document everything

slide-66
SLIDE 66

Don’t be afraid to hack

slide-67
SLIDE 67

Where to learn more

slide-68
SLIDE 68

https://medium.com/great-products-dont-happen-by-accident/great-products-dont-happen-by-accident-f46323d8ad94

slide-69
SLIDE 69

http://eightshapesunify.s3.amazonaws.com/CreatingAUXDesignLibrary.Final.pdf

slide-70
SLIDE 70

https://alistapart.com/article/planning-for-everything

slide-71
SLIDE 71
slide-72
SLIDE 72
slide-73
SLIDE 73

Thank You!

crispin@kalamuna.com LinkedIn: /crispinbailey Twitter: @cspin

slide-74
SLIDE 74

Q & A

slide-75
SLIDE 75

Photo credits

Waves crashing on the beach: MarkYourWaves Surf Snowflake: Alexey Kljatov/Flickr (CC BY-NC 2.0) Pile of money: PicturesofMoney.org Panama Canal construction: Marine, Thos. (Thomas) Beach vacation: Parade.com Niagara Falls: Olivier Santerre Calm blue ocean: SurferToday Recipe book: Design Eat Repeat DIY Recipe Book Football playbook: Miami University Libraries

slide-76
SLIDE 76

Connect with us!

Kalamuna.com @kalamuna /kalamuna company/kalamuna