84
Collaborative Brainstorming for Better UX [email protected] @jessicaivins Jessica Ivins

Collaborative Brainstorming for Better UX Workshop

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: Collaborative Brainstorming for Better UX Workshop

Collaborative Brainstorming for

Better UX

[email protected]@jessicaivins

Jessica Ivins

Page 2: Collaborative Brainstorming for Better UX Workshop
Page 3: Collaborative Brainstorming for Better UX Workshop
Page 4: Collaborative Brainstorming for Better UX Workshop
Page 5: Collaborative Brainstorming for Better UX Workshop
Page 8: Collaborative Brainstorming for Better UX Workshop

What is User Experience (UX)?

Page 9: Collaborative Brainstorming for Better UX Workshop

How Someone Feels About Using a Product or Service

Page 10: Collaborative Brainstorming for Better UX Workshop
Page 11: Collaborative Brainstorming for Better UX Workshop

Designing the Hospital Visitor Experience

Page 12: Collaborative Brainstorming for Better UX Workshop

Surgery at Cooper Hospital in Camden, NJ

Page 13: Collaborative Brainstorming for Better UX Workshop
Page 14: Collaborative Brainstorming for Better UX Workshop
Page 15: Collaborative Brainstorming for Better UX Workshop
Page 16: Collaborative Brainstorming for Better UX Workshop
Page 17: Collaborative Brainstorming for Better UX Workshop

Good Design Doesn’t Happen by Accident

Page 18: Collaborative Brainstorming for Better UX Workshop

What Do UX Practitioners Do?

Page 19: Collaborative Brainstorming for Better UX Workshop

“I make websites easy to use.”

Page 20: Collaborative Brainstorming for Better UX Workshop

Working With Others to Solve Design Problems

Page 21: Collaborative Brainstorming for Better UX Workshop

It’s Not Just About the User

Page 22: Collaborative Brainstorming for Better UX Workshop

Business Goals

User Needs

Technical Constraints

UX

Page 23: Collaborative Brainstorming for Better UX Workshop
Page 24: Collaborative Brainstorming for Better UX Workshop

Understanding Your Audience

Page 25: Collaborative Brainstorming for Better UX Workshop
Page 26: Collaborative Brainstorming for Better UX Workshop

Americans Love Cup Holders

Page 27: Collaborative Brainstorming for Better UX Workshop

Americans Love Cup Holders

Page 28: Collaborative Brainstorming for Better UX Workshop

How Do You Understand Your Audience?

Page 29: Collaborative Brainstorming for Better UX Workshop

How Can You Understand Your Audience if You Can’t Talk to or

Study Them?

Page 30: Collaborative Brainstorming for Better UX Workshop

Workshop Exercise

Page 31: Collaborative Brainstorming for Better UX Workshop

Kevin M. Hoffman

Better Meetings & Collaboration http://www.kevinmhoffman.com

Page 32: Collaborative Brainstorming for Better UX Workshop

Meet Our Client

Page 33: Collaborative Brainstorming for Better UX Workshop
Page 34: Collaborative Brainstorming for Better UX Workshop

The Problem:De"ne a New Mobile Strategy

Page 35: Collaborative Brainstorming for Better UX Workshop

Mobile = Phones, Tablets,

iPods, eReaders, etc.

Page 36: Collaborative Brainstorming for Better UX Workshop

Client Goals

• Make Mobile Purchasing Easy

• Facilitate Sharing of Petsmart Content Through Mobile

• Keep Customers Coming to Brick & Mortar Locations

• Engage Customers with Services, Not Just Merchandise

• Improve Brand Presence

Page 37: Collaborative Brainstorming for Better UX Workshop

Not Just Pet Supplies

• Adoption

• Grooming

• Training

• Boarding

• “Doggy Day Camp”

Page 38: Collaborative Brainstorming for Better UX Workshop

Sorry, No Budget for User Research

Page 39: Collaborative Brainstorming for Better UX Workshop

We’ll Gather What We Know About Our Audience

Page 40: Collaborative Brainstorming for Better UX Workshop

Off the Cuff Ideas

Page 41: Collaborative Brainstorming for Better UX Workshop

Write Down 5 Ideas for a Mobile Strategy

Page 42: Collaborative Brainstorming for Better UX Workshop

Let’s Brainstorm Ideas

Page 43: Collaborative Brainstorming for Better UX Workshop

Goal: Brainstorm Ideas for Mobile

Strategy

Page 44: Collaborative Brainstorming for Better UX Workshop

First, We’ll Be Generating Ideas on Our Own

Page 45: Collaborative Brainstorming for Better UX Workshop

Quantity, Not Quality

Page 46: Collaborative Brainstorming for Better UX Workshop

Be Creative with Ideas!

Page 47: Collaborative Brainstorming for Better UX Workshop

Let’s Humanize Our Users So We Can Brainstorm on Their Behalf

Page 48: Collaborative Brainstorming for Better UX Workshop

Ben, Law School Student

Ben’s a student on a shoe string budget. He and his long term girlfriend are moving in together to save money.

His 20 gallon freshwater "sh tank has a tiny crack at the top & he’s hoping he can move it into his girlfriend’s place without breaking it. He’s also low on "sh food.

Page 49: Collaborative Brainstorming for Better UX Workshop

What Would Ben Want to Do At the Store?

• One Idea Per Sticky Note

• Write With Sharpies

• Keep Ideas Brief, Technology-Agnostic, Speci"c

Periwinkle

• No: Look for Pet Food, Look for Pet Food on iPhone

• Yes: Find Fish Food on Sale, Find “Fishy Coupons” Hidden Throughout Store

Pink

Page 50: Collaborative Brainstorming for Better UX Workshop

Ben, Law School Student

Ben’s a student on a shoe string budget. He and his long term girlfriend are moving in together to save money.

His 20 gallon freshwater "sh tank has a tiny crack at the top & he’s hoping he can move it into his girlfriend’s place without breaking it. He’s also low on "sh food.

Page 51: Collaborative Brainstorming for Better UX Workshop

What Would Ben Want to Do Before Arriving At the Store?

Pink

Page 52: Collaborative Brainstorming for Better UX Workshop

What Would Ben Want to Do After Leaving the Store?

Pink

Page 53: Collaborative Brainstorming for Better UX Workshop

Kim, Physical Therapist & Mom of 2

Kim’s 10 year old yellow lab, Charlie, is starting to show his age.

He’s been sick lately and she’s trying to "nd time for a vet appointment. She’s wondering if there’s anything she can buy or do to help him in the meantime.

Page 54: Collaborative Brainstorming for Better UX Workshop

What Would Kim Want to Do Before Arriving at the Store?

PurpleSeafoam Green

Page 55: Collaborative Brainstorming for Better UX Workshop

Kim, Physical Therapist & Mom of 2

Kim’s 10 year old yellow lab, Charlie, is starting to show his age.

He’s been sick lately and she’s trying to "nd time for a vet appointment. She’s wondering if there’s anything she can buy or do to help him in the meantime.

Page 56: Collaborative Brainstorming for Better UX Workshop

What Would Kim Want to Do At the Store?

PurpleSeafoam Green

Page 57: Collaborative Brainstorming for Better UX Workshop

What Would Kim Want to Do After Leaving the Store?

PurpleSeafoam Green

Page 58: Collaborative Brainstorming for Better UX Workshop

Kathleen, AccountantKathleen just got her "rst apartment and is excited to adopt a cat. Her family had to get rid of their cat years ago when they realized her younger brother was allergic. She has no cat food or supplies yet.

She wants to make sure she gets a really friendly and lovable cat.

Page 59: Collaborative Brainstorming for Better UX Workshop

What Would Kathleen Want to Do Before Arriving at the Store?

Seafoam GreenPurple

Page 60: Collaborative Brainstorming for Better UX Workshop

Kathleen, AccountantKathleen just got her "rst apartment and is excited to adopt a cat. Her family had to get rid of their cat years ago when they realized her younger brother was allergic. She has no cat food or supplies yet.

She wants to make sure she gets a really friendly and lovable cat.

Page 61: Collaborative Brainstorming for Better UX Workshop

What Would Kathleen Want to Do At the Store?

Seafoam GreenPurple

Page 62: Collaborative Brainstorming for Better UX Workshop

What Would Kathleen Want to Do After Leaving the Store?

Seafoam GreenPurple

Page 63: Collaborative Brainstorming for Better UX Workshop

Let’s Get Into Groups

Page 64: Collaborative Brainstorming for Better UX Workshop

As a Group

• Put All Your Stickies on the Wall

• Group Similar Stickies Into Clusters

• Put Duplicates on Top of Each Other

• Color Doesn’t Matter

Page 65: Collaborative Brainstorming for Better UX Workshop

PeriwinkleLabel Each Cluster with a Periwinkle

Sticky

Page 66: Collaborative Brainstorming for Better UX Workshop

Everyone in Your Group: Put a Dot on 1 Task You Feel is Important

Page 67: Collaborative Brainstorming for Better UX Workshop

Everyone in Your Group: Put a Star on One Important Task that

Surprised You

Page 68: Collaborative Brainstorming for Better UX Workshop

Share Out!

Page 69: Collaborative Brainstorming for Better UX Workshop

Discuss Dots and Stars

Tell Us About Your Process

Page 70: Collaborative Brainstorming for Better UX Workshop

How Can a Mobile Strategy Support these Tasks?

Dotted & Starred Stickies

Page 71: Collaborative Brainstorming for Better UX Workshop

How Can We Use This Exercise at Our Jobs?

Page 72: Collaborative Brainstorming for Better UX Workshop

With Your Internal Team?

• Crowdsource Ideas

• Generate Ideas on Behalf of Users

• Bring People Into Your Process

Page 73: Collaborative Brainstorming for Better UX Workshop

With a Client?

• Learn their Perspective of User Needs

• Compare Client Perspective to Research

• See Dissenting Viewpoints/Opinions

• Bring the Client Into the Process

Page 74: Collaborative Brainstorming for Better UX Workshop

Wrapping Up

Page 75: Collaborative Brainstorming for Better UX Workshop

How Do I Learn More About UX?

Page 76: Collaborative Brainstorming for Better UX Workshop

Get Involved In Local UX Groups

Page 77: Collaborative Brainstorming for Better UX Workshop

UX Books

Page 78: Collaborative Brainstorming for Better UX Workshop
Page 79: Collaborative Brainstorming for Better UX Workshop
Page 80: Collaborative Brainstorming for Better UX Workshop

Podcasts & Articles

Page 81: Collaborative Brainstorming for Better UX Workshop

Podcasts

• UIE Brain Sparks http://www.uie.com/brainsparks/topics/podcasts/

• The Big Web Show http://5by5.tv/bigwebshow

UIE Brain Sparks Podcasthttp://goo.gl/vexl

Page 82: Collaborative Brainstorming for Better UX Workshop

UX Publications

• User Interface Engineering (UIE) http://www.uie.com/

• A List Apart http://www.alistapart.com/

• UX Magazine http://uxmag.com/

• UX Matters http://uxmatters.com/

• Adaptive Path http://adaptivepath.com/ideas

Page 83: Collaborative Brainstorming for Better UX Workshop

• 20 Tips for Your Next Moderated Usability Test http://goo.gl/zD9bvt

• How To Conduct A Usability Test On A Mobile Device http://goo.gl/DRBFs

• Recruiting Better Research Participants http://goo.gl/NuEdp

• Unmoderated, Remote Usability Testing: Good or Evil? http://goo.gl/0GEi9

• How to Shop for Unmoderated Usability Testing Tools http://goo.gl/IgNGz

Usability Testing Articles