77
PRO Design Masterclass Panel, Lecture & Workshop, Discussion Chris Avore @erova | @NasdaqDesign

Nasdaq Pro/Design Masterclass at the Entrepreneurial Center

Embed Size (px)

Citation preview

Page 1: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center

PRO Design MasterclassPanel, Lecture & Workshop, Discussion

Chris Avore @erova | @NasdaqDesign

Page 2: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center

Anne Driscoll Uday Gajendar Indhira RojasPamela Castillo

@annedriscoll @udanium @redindhi@_pame_c

Page 3: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center

From Design Thinking to Design DoingLecture & Workshop

Page 4: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center

kicking off

Personas

Design Studio

Critique

Page 5: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center

During Investor Day, we also said that at NASDAQ our fundamental mission first and

foremost is to serve our customers. We accomplished this through intensive engagement and feedback with

these customers.

We also received much feedback from the early adopters, most of it

overwhelmingly positive, but this feedback loop is also helping us to develop and quickly

deploy innovative new features.

Bob Greifeld CEO, Nasdaq Inc.

NASDAQ INC Q1 2016 EARNINGS CONFERENCE CALL APRIL 27, 2016 8:00 AM ET

Page 6: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center

The first thing we have to do is listen to our customers, and in fact, great design …

starts with a really deep listening to the customer.

What are the biggest problems they have in doing their job today, or what do they wish they could do better, or where do they wish they

could take their relationships with their own clients?

We’ve found things that when we’ve shown it to the client, they said, oh, that’s exactly what I need, but I didn’t even know I needed it.

So that’s great design.

Adena Friedman COO & President, Nasdaq Inc.

OPENING REMARKS, PRODESIGN CONFERENCE JANUARY 30 2015

Page 7: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center
Page 8: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center

What do you want?

What else should the software do?

Would you use this feature a lot?

How much would you be willing to pay for all of this?

Page 9: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center
Page 10: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center

Customer

Product

Page 11: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center

Product

Design

Page 12: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center

Product

Designer

advisor

Dev

Page 13: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center

kicking off

Personas

Design Studio

Critique

Page 14: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center
Page 15: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center

Miranda the Master Photo Sharer

• 24 years old

• In a relationship

• Cares for an 8 year old black cat

• Drives to work but prefers to bike

I want photos to load in under 3 seconds using the Hoolie compression service when I share high contrast photos of my dinner

• Liked English and history classes

• Wishes software did what she wanted

• Wants more contrasting filters in her

favorite photosharing app

Page 16: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center
Page 17: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center

Why personas fail

• There is confusion about the differences between different types of personas (marketing vs. design personas)

• Poorly constructed personas undermine the credibility of all personas

• Poor communication about personas within an organization

• Lack of clarity around how personas should be used throughout design

http://www.uxbooth.com/articles/creating-personas/

Page 18: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center

Good personas:

• Reflect patterns observed in research

• Focus on the current state, not the future

• Are realistic, not idealized

• Describe a challenging (but not impossible) design target

http://www.uxbooth.com/articles/creating-personas/

Page 19: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center

Help you understand users

• Context

• Behaviors

• Attitudes

http://www.uxbooth.com/articles/creating-personas/

• Needs

• Challenges/pain points

• Goals, values, and motivations

Page 20: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center

Cool story. So how do i get me some of

those fancy personas?

Page 21: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center

so i just watch people work?

Page 22: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center

how many people do i need?

Page 23: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center

What if I don’t know how to make them

look fancy?

Page 24: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center

What do I say?

Page 25: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center
Page 26: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center

• Sequence Describe a typical workday. What do you do when you first sit down at your station? Then what do you do next?

• QuantityHow many files would you delete when that happens?

• RelationshipsHow do you work with new vendors?

• Organizational structureWho does that department report to?

Questions to gather context and collect details

http://www.portigal.com/seventeen-types-of-interviewing-questions/

Page 27: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center

What do you want?

What else should the software do?

Would you use this feature a lot?

How much would you be willing to pay for all of this?

Page 28: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center
Page 29: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center

Other actors or agents to listen to & create personas from

Gaps/blindspots in understanding

Biography & Picture Needs & Goals

DemographicsBehaviors

Page 30: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center

Other actors or agents to listen to & create personas from

Gaps/blindspots in understanding

Biography & Picture Needs & Goals

DemographicsBehaviors

Page 31: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center

Other actors or agents to listen to & create personas from

Gaps/blindspots in understanding

Biography & Picture Needs

GoalsBehaviors

Page 32: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center

Challenge

• Create a Proto-Persona for an entrepreneur trying to find more resources in the San Francisco Bay Area to scale her new business

Page 33: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center

Exercise 20 minutes: Create a Proto Persona

Page 34: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center

SHARE: 15 Minutes

Page 35: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center

kicking off

Personas

Design Studio

Critique

Page 36: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center
Page 37: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center

Design Studio Methodology

• Collaborative exercise to produce as many ideas as possible in a few minutes

• Quickly align team on business goals, audience, needs, concepts

• Safe environment for bad or unfeasible ideas (better now than later!)

• Lead to immediate decisions

Page 38: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center
Page 39: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center

Design Studio Methodology

• Fill 6 boxes with drawings in 6 minutes

• Illustrate a workflow or disparate pieces of a system

• Show enough detail to communicate the solution

Page 40: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center
Page 41: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center

Challenge

• Using the Proto-Persona your group created, sketch 6 possible solutions to the primary challenges facing your persona.

• Show your group your work and discuss your sketches

• What is strong about each sketch? What should be revised if you did another iteration?

• How does this address the goals, needs, and problems of the persona?

Page 42: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center

Exercise 6 minutes to sketch

2 minute of critique for each person

Page 43: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center

kicking off

Personas

Design Studio

Critique

Page 44: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center
Page 45: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center

#discussingdsgn

Conversations can hurt.

Page 46: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center

feedback

#discussingdsgn

Page 47: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center

“ Sweet fancy Moses! That looks like you vomited 1996 all over the internet!

“ You should have made all of those radio buttons a drop down [,because…]

Reaction

Direction

#discussingdsgn

Page 48: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center

criticalthinking

#discussingdsgn

Page 49: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center

critique

#discussingdsgn

Page 50: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center

“ If the objective is for users to seriously consider the impact to their bank balance before making a purchase, placing the balance at the bottom of the screen at the same size as all the other numbers isn’t effective because it get’s lost in all of the other the information.

Critique

“ Sweet fancy Moses! That looks like you vomited 1996 all over the internet!

“ You should have made all of those radio buttons a drop down because…

Reaction

Direction

#discussingdsgn

Page 51: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center

We need tools & a plan. #discussingdsgn

Page 52: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center

What was the creator trying to achieve?

How did they try to achieve it?

How effective were their choices?

Why is or isn’t what they did effective?#discussingdsgn

Page 53: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center

How did they try to achieve it?

What was the creator trying to achieve?

How effective were their choices?

Why is or isn’t what they did effective?#discussingdsgn

Page 54: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center

How effective were their choices?

What was the creator trying to achieve?

How did they try to achieve it?

Why is or isn’t what they did effective?#discussingdsgn

Page 55: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center

Why is or isn’t what they did effective?

What was the creator trying to achieve?

How did they try to achieve it?

How effective were their choices?

#discussingdsgn

Page 56: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center

When giving critique...

Use a filter. Gather initial thoughts and reactions. Revisit them in the right context.

#discussingdsgn

Page 57: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center

When giving critique...

Don’t assume. Find out the reason behind thinking, constraints, or other variables.

#discussingdsgn

Page 58: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center

When giving critique...

Don’t invite yourself. Get in touch and ask to chat about the design.

#discussingdsgn

Page 59: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center

When giving critique...

Lead with questions. Show an interest in their process and learn more about their objectives.

#discussingdsgn

Page 60: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center

When giving critique...

Talk about strengths. Critique isn’t just about the things that aren’t working.

#discussingdsgn

Page 61: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center

When receiving critique...

Remember the purpose. Critique is about understanding and improvement, not judgement.

#discussingdsgn

Page 62: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center

When receiving critique...

Think before responding. Do you understand what the critics are saying?

#discussingdsgn

Page 63: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center

When receiving critique...

Participate. Analyze your proposed solution alongside everyone else.

#discussingdsgn

Page 64: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center

When receiving critique...

Set the foundation. Use prior agreements and objectives to get everyone on the same page.

#discussingdsgn

Page 65: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center

Rules of critique

#discussingdsgn

Page 66: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center

Avoid problem solving.

Rules of critique

#discussingdsgn

Page 67: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center

Avoid problem solving.

Everyone is equal.

Rules of critique

#discussingdsgn

Page 68: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center

Avoid problem solving.

Everyone is a critic.

Everyone is equal.

Rules of critique

#discussingdsgn

Page 69: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center

Avoid problem solving.

The designer is responsible for next steps.

Everyone is a critic.

Everyone is equal.

Rules of critique

#discussingdsgn

Page 70: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center

#discussingdsgnSetting the right foundation is crucial.

Page 71: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center

Set your foundation with...

Personas User archetypes that describe their average behaviors, goals, expectations, knowledge, etc.

#discussingdsgn

Page 72: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center

Set your foundation with...

Goals Desired, measurable outcomes of the user interacting with the product or service. Can be user oriented, business oriented or both.

#discussingdsgn

Page 73: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center

Set your foundation with...

Principles Statements, often worded as rules, that capture the desired qualities or characteristics of the final solution.

#discussingdsgn

Page 74: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center

Set your foundation with...

Scenarios Short narratives that the describe the desired behaviors, thoughts, emotions, etc. of the user as they move through a use case.

#discussingdsgn

Page 75: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center

Synthesize Observations

Create or Refine

Observe & Evaluate

#discussingdsgn

Page 76: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center

Critique is about iteration and improvement. So long as you’re looking to improve on whatever it is you’re doing, you’ve got an opportunity for critique.

#discussingdsgn

Page 77: Nasdaq Pro/Design Masterclass at the Entrepreneurial Center

Thank You Chris Avore

@erova | @NasdaqDesign