COLLABORATION HEY! IM RACHEL New Feature DESIGN & Write - - PowerPoint PPT Presentation

collaboration hey
SMART_READER_LITE
LIVE PREVIEW

COLLABORATION HEY! IM RACHEL New Feature DESIGN & Write - - PowerPoint PPT Presentation

CREATING PRODUCTS USERS WITH COLLABORATION HEY! IM RACHEL New Feature DESIGN & Write "Fix" Create DEVELOPMENT Documentation Mockups CYCLE (Current) "Test" Write Development Documentation New Feature


slide-1
SLIDE 1

CREATING PRODUCTS USERS WITH

COLLABORATION

slide-2
SLIDE 2

HEY!

I’M RACHEL

slide-3
SLIDE 3

New Feature Create Mockups Write Documentation "Test" Development Write "Fix" Documentation

DESIGN & DEVELOPMENT CYCLE

(Current)

slide-4
SLIDE 4

New Feature Team Consensus Development Review

DESIGN & DEVELOPMENT CYCLE

(Ideal)

slide-5
SLIDE 5

DISCLAIMER!

slide-6
SLIDE 6
slide-7
SLIDE 7

WHAT WORKS BEST FOR MY SITUATION?

slide-8
SLIDE 8

Trying to fit UX into the Agile Process

slide-9
SLIDE 9

Cross-functional teams Removing waste Continuous discovery Shared understanding Permission to fail Getting out of the deliverables business

LEAN UX PRINCIPLES

slide-10
SLIDE 10

REAL LIFE PITFALLS

We have no time to change. We don’t have the resources. Our clients don’t work that way. Our UX team is separated from development.

slide-11
SLIDE 11

ACTIVITY

Introductions

slide-12
SLIDE 12

INTRODUCTIONS

Introduce yourself: name, industry, what you do. Where do you struggle in your process?

slide-13
SLIDE 13

COLLABORATION

slide-14
SLIDE 14

“The biggest problem in the design community is our mindset.”

Matthew Lavoie

The Genius Designer Versus a Mindset of Experimentation

slide-15
SLIDE 15

GENIUS DESIGNER

Assumes their work is correct. Separated from development and rest of the team. UI design is to be implemented to pixel perfection. Technical constraints or feedback is irrelevant. Confused users must be ignorant or stupid.

slide-16
SLIDE 16

MINDSET OF EXPERIMENTATION

Accept that they will be wrong about something. Figure out what is wrong as quickly as possible. Iterate on process until they find what works for them.

slide-17
SLIDE 17

TIPS FOR SUCCESS

Give yourself permission to fail. Don’t be afraid to show your messy work or ideas. Don’t let your excuses get in the way.

slide-18
SLIDE 18

ACTIVITY

Define Your Product

slide-19
SLIDE 19

DEFINE YOUR PRODUCT & TEAM

What problem does it solve? Who will benefit from it? Agree on team name.

slide-20
SLIDE 20

PROTO- PERSONAS

slide-21
SLIDE 21

PERSONAS

Your product or service will appeal to multiple demographics. Understanding demographics focuses your decisions. Removes team and self bias.

slide-22
SLIDE 22
slide-23
SLIDE 23

PROTO-PERSONAS

Before, during, and after development. Based on real data and assumptions. Validate with real users and modify based on findings.

slide-24
SLIDE 24

NAME & PICTURE

Puts a face to a name

BIO & TRAITS

Description of person

GOALS

What makes user happy

FRUSTRATIONS

Pain points

slide-25
SLIDE 25

NAME & PICTURE

Puts a face to a name

BIO & TRAITS

Description of person

GOALS

What makes user happy

FRUSTRATIONS

Pain points

slide-26
SLIDE 26

NAME & SKETCH BIO & TRAITS GOALS FRUSTRATIONS

slide-27
SLIDE 27

HOW TO FACILITATE

Define roles and pick one to focus on. Ask open-ended questions. Challenge answers if they don’t make sense.

slide-28
SLIDE 28

ACTIVITY

Create a Proto-Persona

slide-29
SLIDE 29

CREATE A PROTO-PERSONA

slide-30
SLIDE 30

SCENARIOS

slide-31
SLIDE 31

SCENARIOS

Explains the persona’s goal. Helps narrow focus and keep team from getting distracted. [Persona] wants to [action] because [need].

slide-32
SLIDE 32

SCENARIOS ARE NOT

A sales goal. An internal marketing focus. Focused on development.

slide-33
SLIDE 33

SCENARIOS

Told from the user’s perspective. Are narrow enough to tell a story about your user. Have a clear user goal represented.

slide-34
SLIDE 34

SOME EXAMPLES

Jane purchased a new iPad and wants to draw with the Apple Pencil she purchased with it. She is looking for a tutorial or guide for how to get started. Adam wants to order dinner delivered to his hotel room because he doesn’t know the area. Beverly feels she is paying too much for internet. She wants to compare plans so she can save money every month.

slide-35
SLIDE 35

ACTIVITY

Create a Scenario for your Persona

slide-36
SLIDE 36

CREATE A SCENARIO

What potential issue will your persona run into? What is a main goal for your persona? [Persona] wants to [action] because [need].

slide-37
SLIDE 37

BREAK

BACK AT 11AM

slide-38
SLIDE 38

USER JOURNEYS

slide-39
SLIDE 39

USER JOURNEYS

Puts focus on user tasks, goals, and expectations. Identifies user needs and pain points. Puts yourself and your team in your user’s shoes.

slide-40
SLIDE 40

FIVE MAIN COMPONENTS

Persona & Scenario User Steps Needs, Activities, & Expectations User’s Emotional State Opportunities for Improvement

slide-41
SLIDE 41

PERSONA & SCENARIO USER STEPS NEEDS, ACTIVITIES, & EXPECTATIONS USER’S EMOTIONAL STATE OPPORTUNITIES FOR IMPROVEMENT

slide-42
SLIDE 42
slide-43
SLIDE 43
slide-44
SLIDE 44
slide-45
SLIDE 45

PERSONA & SCENARIO USER STEPS NEEDS, ACTIVITIES, & EXPECTATIONS USER’S EMOTIONAL STATE OPPORTUNITIES FOR IMPROVEMENT

slide-46
SLIDE 46

USER JOURNEYS

Knowledge comes from the process, not the deliverable. Visualize how users currently use feature. Visualize how users could use feature.

slide-47
SLIDE 47

HOW TO FACILITATE

Ask open-ended questions. Challenge self-reflection of user’s emotional state. Be open-minded of potential solutions.

slide-48
SLIDE 48

ACTIVITY

Create a User Journey Map

slide-49
SLIDE 49

CREATE A USER JOURNEY MAP

Base on the scenario you created in the last activity. Think about user actions inside and outside of product. Choose your own format.

slide-50
SLIDE 50

CREATE A USER JOURNEY MAP

slide-51
SLIDE 51

DESIGN SESSIONS

slide-52
SLIDE 52

DESIGN SESSIONS

Help everyone get on the same page. Visualize a feature as a team. Bring up potential issues of design immediately.

slide-53
SLIDE 53

“I’m glad we all agree then.”

slide-54
SLIDE 54

”Oh…”

slide-55
SLIDE 55

”Ah ha!”

slide-56
SLIDE 56

“I’m glad we all agree then.”

slide-57
SLIDE 57

What We Do

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vel tempor justo, eget placerat purus. In ut augue sit amet nisi viverra ullamcorper.

How We Do It

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vel tempor justo, eget placerat purus. In ut augue sit amet nisi viverra ullamcorper.

Our Cool Website

This carousel will show you lots of content and only give you 5 seconds to read it.

COMPANY NAME

What We Do How We Do It Contact

We Build for You

We create custom software. View our work and get to know us better.

View Our Work

Get in Touch

slide-58
SLIDE 58
slide-59
SLIDE 59
slide-60
SLIDE 60
slide-61
SLIDE 61
slide-62
SLIDE 62

HOW TO FACILITATE

Define goals up front. Let everyone actively participate. Summarize and agree before leaving.

slide-63
SLIDE 63

ACTIVITY

Run a Design Session

slide-64
SLIDE 64

RUN A DESIGN SESSION

Base on the user journey map you just created. Try to think from perspective of multiple team roles. Choose your own format.

slide-65
SLIDE 65

HOW IT ALL CONNECTS

slide-66
SLIDE 66

FOCUS ON USERS

Use personas to empathize with users. Put personas in scenarios to create journey maps. Create journey maps to tell stories and evaluate experiences.

slide-67
SLIDE 67

GET EVERYONE INVOLVED

Collaboration introduces multiple perspectives into process. Reduces back-and-forth and breaks down unnecessary silos. Entire team takes ownership of the user experience.

slide-68
SLIDE 68

LETTING GO IS HARD

Be open-minded to multiple perspectives. Don’t be afraid to show messy work. Don’t get caught up in excuses.

slide-69
SLIDE 69

TWEAK TO YOUR LIKING

These concepts are not all or nothing. Each team will work differently – embrace it! Keep iterating on your process.

slide-70
SLIDE 70

THANK YOU!