a systematic approach to design critique

34
A Systematic Approach to Design Critique Zac Halbert @ZacHalbert Product design lead at Tradecraft TryMyUI @trymyui #trymyuiEDU

Upload: trymyui

Post on 14-Jan-2017

508 views

Category:

Design


0 download

TRANSCRIPT

Page 1: A Systematic Approach to Design Critique

A Systematic Approach to Design Critique

Zac Halbert@ZacHalbert

Product design lead at Tradecraft

TryMyUI@trymyui

#trymyuiEDU

Page 2: A Systematic Approach to Design Critique

1

Why critique?

Page 3: A Systematic Approach to Design Critique

Designcritique

A formal, regularly scheduled design critique process helps designers improve, and provides professional development.

It’s also an acknowledgement that designers don’t have to be perfect at all times and WIP is acceptable.

Critical to implement, especially when your design team lacks senior mentorship.

Page 4: A Systematic Approach to Design Critique

Good / BadBetter / Worse

Applies to designers, and designs

2.

Fixed mindset is lazy, and will result in high designer turnover

3.

1. Growth mindset

Page 5: A Systematic Approach to Design Critique

Good / BadBetter / Worse

Applies to designers, and designs

2.

Fixed mindset is lazy, and will result in high designer turnover

3.

1. Growth mindset

Page 6: A Systematic Approach to Design Critique

Good / BadBetter / Worse

Applies to designers, and designs

2.

Fixed mindset is lazy, and will result in high designer turnover

3.

1. Growth mindset

Page 7: A Systematic Approach to Design Critique

Builds teams

Reduces awkwardness

Builds common lingo

Prevents blindspots

Creates team-wide ownership

Page 8: A Systematic Approach to Design Critique

Regular critique makes designers better

Analyzing other people’s work improves your taste, and makes you better at spotting your own weaknesses.

It also helps designers separate ego from work.

Page 9: A Systematic Approach to Design Critique

2

The setup.

Page 10: A Systematic Approach to Design Critique

Decide on a format, then post it publicly

Discuss the process with non-design stakeholders beforehand.

2.

Do a retrospective, then tweak the format next time.

3.

1. Write an agenda and schedule

on the whiteboard at the start of every critique session.

Page 11: A Systematic Approach to Design Critique

Decide on a format, then post it publicly

Discuss the process with non-design stakeholders beforehand.

2.

Do a retrospective, then tweak the format next time.

3.

1. Write an agenda and schedule

on the whiteboard at the start of every critique session.

Page 12: A Systematic Approach to Design Critique

Decide on a format, then post it publicly

Discuss the process with non-design stakeholders beforehand.

2.

Do a retrospective, then tweak the format next time.

3.

1. Write an agenda and schedule

on the whiteboard at the start of every critique session.

Page 13: A Systematic Approach to Design Critique

Roles13

I. Designer

II. Participant

III. Facilitator

IV. Timekeeper

V. Notetaker (optional)

Page 14: A Systematic Approach to Design Critique

Other guidelines

Review rules of conduct before the meeting until everyone knows them by heart.

Limit the number of people participating. 8-10 max is a good guideline, but depends heavily on the rapport within your team and the project requirements. Some teams can have free form conversation, some need to take turns. Experiment with what works.

Establish design principles before you start your first critique session.

Page 15: A Systematic Approach to Design Critique

Design principles

Like a mission statement, these are guiding principles that you decide on outside the context of design critique. However, when differences of opinion arise, the principles can keep everyone focused on what is most important. Great way to engage non-design stakeholders.

http://www.lukew.com/ff/entry.asp?854

Page 16: A Systematic Approach to Design Critique

16DeferenceClarityDepth

AppleDesigning for iOS, Human Interface Guidelines*

* https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/

Page 17: A Systematic Approach to Design Critique

17UniversalHumanCleanConsistentUsefulFastTransparent

FacebookDesign principles, posted 7 / 1 / 09

* https://www.facebook.com/note.php?note_id=118951047792&ref=mf

Page 18: A Systematic Approach to Design Critique

Design rubric

ContentAffordancesTypographyLayoutImageryColor

18

Page 19: A Systematic Approach to Design Critique

Rules of conduct

No disclaimers, no selling work.

Keep the preamble very concise, and focused on the type of feedback you need. 60 seconds is likely sufficient.

Assume participants have good intentions.

Accept feedback graciously (say thanks). People avoid giving feedback to a defensive designer, which will limit your growth.

Presenter

Page 20: A Systematic Approach to Design Critique

Rules of conduct

Participant goals are to make the designer better long term, and to co-solve the challenges they are facing.

Speak up, but don’t monopolize the conversation.

No egos. People probably aren’t as impressed by your “eye for design” as you are. Don’t be a jerk.

Have sticky notes and pens handy, jot down things you might forget. Participate in the conversation, don’t wait for your turn to speak.

Participant

Page 21: A Systematic Approach to Design Critique

Design critique setup checklist

❏ Assign roles❏ Post agenda and schedule❏ Post design principles❏ Post design rubric❏ Post / discuss rules of

conduct

Page 22: A Systematic Approach to Design Critique

3

The critique.

Page 23: A Systematic Approach to Design Critique

23

Macro ProblemsHigh level goals, usually obvious to

everyone involved.

Micro ProblemsVisual design choices, rarely

obvious unless you ask.

What problem are you trying to solve?

Page 24: A Systematic Approach to Design Critique

Designer preamble

Discuss fidelity level, and percentage complete.

2.

What feedback don’t you want?3.

1. Frame the macro and micro

problems you’re solving.

Page 25: A Systematic Approach to Design Critique

Designer preamble

Discuss fidelity level, and percentage complete.

2.

What feedback don’t you want?3.

1. Frame the macro and micro

problems you’re solving.

Page 26: A Systematic Approach to Design Critique

Designer preamble

Discuss fidelity level, and percentage complete.

2.

What feedback don’t you want?3.

1. Frame the macro and micro

problems you’re solving.

Page 27: A Systematic Approach to Design Critique

Givingcritique

Thing in terms of solution strength, rather than good/bad.

2.

Pose questions rather than statements.

3.

1. Watch out for fundamental

attribution error.

Page 28: A Systematic Approach to Design Critique

Givingcritique

Thing in terms of solution strength, rather than good/bad.

2.

Pose questions rather than statements.

3.

1. Watch out for fundamental

attribution error.

Page 29: A Systematic Approach to Design Critique

Givingcritique

Thing in terms of solution strength, rather than good/bad.

2.

Pose questions rather than statements.

3.

1. Watch out for fundamental

attribution error.

Page 30: A Systematic Approach to Design Critique

“Posing thoughts as questions allows the designer to express their reasoning

instead of being defensive. If they hadn’t considered a particular angle, they can make a note and address it in the next

iteration.”

Judy Reeves

Page 31: A Systematic Approach to Design Critique

Receivingcritique

Hopefully, people will be respectful. Grow a thick skin for when they’re not.

If you feel terrible after critique, that’s a signal you’re identifying too closely with your work. It’s not your child, even if it feels that way sometimes.

Invite participants to co-solve with you.

We’re not as good at visualizing as we think. Be willing to try other people’s ideas. “That won’t look good” vs “I’ll try it and see.”

Page 32: A Systematic Approach to Design Critique

Designers: stop being so precious with your work. You won’t get better if you don’t ask for feedback early and often.

Page 33: A Systematic Approach to Design Critique

Mindset, notFixedMindset

GrowthSuccessful critique requires a

Page 34: A Systematic Approach to Design Critique

Thanks!

Zac Halbert@ZacHalbert