design without critique is like a flower without water (#uxce13 version)

83
Design without critique is like a flower without water Petr Stedry, UX Designer My name is Petr Stedry, I work as a UX Designer for GoodData a Business Intelligence cloud platform. Today I would like to help you improve your designs through critique.

Upload: petr-stedry

Post on 27-Jan-2015

102 views

Category:

Technology


0 download

DESCRIPTION

This is my presentation about critique from UX Camp Europe 2013.

TRANSCRIPT

Page 1: Design without critique is like a flower without water (#uxce13 version)

Designwithout critique

is like a flower without water

Petr Stedry, UX Designer

My name is Petr Stedry, I work as a UX Designer for GoodData a Business Intelligence cloud platform.Today I would like to help you improve your designs through critique.

Page 2: Design without critique is like a flower without water (#uxce13 version)

Imagine your child is 5 years old and learning to write on his own.

Page 3: Design without critique is like a flower without water (#uxce13 version)

Says “DRINKING REGIME”

And one day he shows you this. What will be your reaction?What kind of feedback will you give him?

Page 4: Design without critique is like a flower without water (#uxce13 version)

A) Wow! That's fantastic.

You are really good at writing!

Will you praise him for his good skills?

Page 5: Design without critique is like a flower without water (#uxce13 version)

B) Good job!

The letters are well spaced and straight. But look, the N and Z are flipped.

Or will your feedback be more specific like this?

Page 6: Design without critique is like a flower without water (#uxce13 version)

Who thinks A is better?Wow! That's fantastic.

Page 7: Design without critique is like a flower without water (#uxce13 version)

Who thinks B is better?... the N and Z are flipped

Actually A is what most people do to their kids. They want them to feel good.But B is a much better feedback for the child as it can use it to improve his skills.The same approach is great for your design as well. If you want to improve, you have to use critique

Page 8: Design without critique is like a flower without water (#uxce13 version)

CritiqueWhat is it? What it is not?

Why should I care?

To be able to use critique to improve your design, you need to know what it is,what it is not and why it matters.

Page 9: Design without critique is like a flower without water (#uxce13 version)

No, I don’t want you to read a wikipedia page.That wouldn't help you understand.Let's look at an example. Or rather a counter example.

Page 10: Design without critique is like a flower without water (#uxce13 version)

You are probably familiar with one setting, where critique usually does not occur.Design review meetings.You know them, right?

Page 11: Design without critique is like a flower without water (#uxce13 version)

You would like the design review meeting to be more like a shopping mall. You get in with a design and get out with a list of things to be improved.And everyone one is happy! No?

Page 12: Design without critique is like a flower without water (#uxce13 version)

But it is usually more like in a gallery.You bring the art and the stakeholders either like it or don’t.Or worse. They are trying to offer improvement suggestions.

Page 13: Design without critique is like a flower without water (#uxce13 version)

So what is critique anyway? A systematic and detailed analysis.Critique is about critical thinking. Challenging the status quo and not blindly accepting the world as it is.Thinking like Sherlock Holmes. The hero of my youth.

Page 14: Design without critique is like a flower without water (#uxce13 version)

Argument

Argument

Argument

Argument

Argument

Argument

At the heart of critique is an argument.

But not all arguments are created equal.

Page 15: Design without critique is like a flower without water (#uxce13 version)

Personal opinions – the likes and dislikes” – are the weakest arguments as they are based only on emotions.You can agree or disagree with them depending on how much they match your opinion.But that will not make them useful beyond expressing your feelings.

Page 16: Design without critique is like a flower without water (#uxce13 version)

< Opinion Strong Argument >

You can imagine the strength of arguments on a scale like this.A little bit stronger than opinions are arguments based on inductive reasoning, consensus or analogies.

“That horizontal menu worked well on that site, so it will work on our too.”Arguments like this are pretty common and quite weak.

Page 17: Design without critique is like a flower without water (#uxce13 version)

< Opinion Strong Argument >

A strong argument – in design – is based on direct observation, results of usability testing or other forms of research.I suggest you read research papers and try to spend as much time in usability tests as possible.

Page 18: Design without critique is like a flower without water (#uxce13 version)

Preparing for critique

To get most of the critique session, you should prepare yourself in advance.There are a few things you can do.

Page 19: Design without critique is like a flower without water (#uxce13 version)

Accept that your design is not perfectStart with accepting that your design is not perfect.I have a story to tell you ...A long time ago, I was a JAVA programmer.My job was to design and implement an optimal technical solution to a problem.

Page 20: Design without critique is like a flower without water (#uxce13 version)

O (n²)

In programing it is quite easy to measure what approach is best.I got taught at school how to compute the asymptotic time complexity of an algorithm. Those were times.

Page 21: Design without critique is like a flower without water (#uxce13 version)

I began to move from programming to design in 2004 when I was working as a contractor for Skoda Auto, the car manufacturer.I continued with what I had learned.When the requirements arrived, I tried really hard to produce the optimal user interface.When the negative comments came, I was mostly defending my "optimal" solution, looking for arguments to support it.

Page 22: Design without critique is like a flower without water (#uxce13 version)

Accepting critique seemed like admitting failure.

Failure to design the optimal solution on my own.

Page 23: Design without critique is like a flower without water (#uxce13 version)

Wrong50 %

Right50 %

Don't be like that past me. Don't blindly defend your solution. Accept, that you might be right just 50% of the time.Use critique to uncover what is good and what it wrong in your design.

Page 24: Design without critique is like a flower without water (#uxce13 version)

Set your expectations

In order to be able to accept the critique, you also need to set your expectations right.

Page 25: Design without critique is like a flower without water (#uxce13 version)

Do you need a hug?If the answer is “Yes” then go to your or mother.She loves you and will hug you if you ask for it.

Page 26: Design without critique is like a flower without water (#uxce13 version)

Or post your work on Behancé.This screenshot shows the typical type of feedback you will receive. Isn’t that the digital equivalent of a hug?Haven't heard much critique from either of these two sources, though.

Page 27: Design without critique is like a flower without water (#uxce13 version)

Or did you just want to show off your supreme design skillz?Why not. Nothing wrong with that. But it won’t work as a critique session.

Page 28: Design without critique is like a flower without water (#uxce13 version)

It is not about your ego. It is about improving the design, remember?

Only call for critique if you want your design improved. This has to be your main motivation.

Page 29: Design without critique is like a flower without water (#uxce13 version)

Prepare the design

For you the design is probably "your child". You nurtured it for several days, weeks or maybe even months.It IS hard to accept critique.The design needs to be prepared.

Page 30: Design without critique is like a flower without water (#uxce13 version)

The strength of the relationship between you and the design depends on the amount of labor you put in.

It's called the IKEA effect.

Page 31: Design without critique is like a flower without water (#uxce13 version)

You can also observe this phenomenon when you have kids.Your feelings for them are so strong because of the extraordinary amount of work you invested into raising them.In design though, there is one easy way to minimize its effect. Start with critique as soon as possible.

Page 32: Design without critique is like a flower without water (#uxce13 version)

Forget long hours in Photoshop to polish a design.Whenever you can, critique pencil sketches created in a few minutes.You will be much less attached to them.

Page 33: Design without critique is like a flower without water (#uxce13 version)

Share the context

For other people to be able to critique your design effectively, they need to know what you know …

Page 34: Design without critique is like a flower without water (#uxce13 version)

Without this information, they cannot objectively evaluate the quality of the design.It would be the same as if you were wandering around city on a foggy day, unable to see most of its beauty and flaws.And someone would ask you: “How do you find this city?”. You would be unable to answer.

Page 35: Design without critique is like a flower without water (#uxce13 version)

So share Personas, Scenarios and any other user research you’ve based your work on.

It is important, that this information is not only presented, but also well understood by all participants of the session.

Page 36: Design without critique is like a flower without water (#uxce13 version)

But you do not want the critics to follow you in your footsteps.Just show them where you intended to go - what were your design goals and constraints.

Page 37: Design without critique is like a flower without water (#uxce13 version)

A-ha!

You need them to form their own opinion!

They need to experience that “a–ha” moment.

Page 38: Design without critique is like a flower without water (#uxce13 version)

This means, try not to explain your design decisions!I know this sounds hard. And it is.And it needs practice, but try to avoid that.

Page 39: Design without critique is like a flower without water (#uxce13 version)

The critique session

In the second part of my presentation I will focus on the critique session itself.

If the people participating in the session are not well versed in critique, you will need to moderate.And when you do, make sure they follow these guidelines.

Page 40: Design without critique is like a flower without water (#uxce13 version)

Be specificAre you trying to get feedback on something specific?Then say what it is. Do you want to hear arguments about the paper on the package or the ribbon?

Page 41: Design without critique is like a flower without water (#uxce13 version)

If people get too far from what you want criticised, nudge them back to the topic.Keep the target in sights or you lose the battle :)

Page 42: Design without critique is like a flower without water (#uxce13 version)

Let's say you got a page like this in a critique session.A simple homepage.

Page 43: Design without critique is like a flower without water (#uxce13 version)

A. I don't like the menu.

A feedback like this isn’t going to help you much. You do not know what is wrong with the menu.Jusk try to ask “Why?”.

Page 44: Design without critique is like a flower without water (#uxce13 version)

B. I don't think those menu items will work.

And you might arrive at a more specific comment.

Page 45: Design without critique is like a flower without water (#uxce13 version)

B) I don't think these menu items will work.C) I don't think the these two menu item labels do not match with the expectations of the target

C. I think the these two menu item labels do not match with the expectations of the target audience.

Asking “Why?” multiple times let’s you get down to the root cause.

You see, that the more specific your feedback is, the better are the constraints you reveal to the designer.

Page 46: Design without critique is like a flower without water (#uxce13 version)

+–

Critique usually starts with negative feedback, at least where I come from. That’s why it is percieved as something bad ... as nitpicking. But do not stop there, critique is impartial analysis.Try to discover what is good as well as what is bad about a design.

Page 47: Design without critique is like a flower without water (#uxce13 version)

Positive feedback tells you what should be kept and improved.Negative feedback tells you what needs to be simplified, changed or removed.Always strive to achieve a balance between negative and positive feedback. Nothing in design is all wrong or perfect.

Page 48: Design without critique is like a flower without water (#uxce13 version)

People don’t need a map here

Imagine how you would feel if you only heard negative feedback to this map? Something along the lines of: "I think people do not need a map to find your restaurant.".Would you feel the urge to remove it?

Page 49: Design without critique is like a flower without water (#uxce13 version)

People don’t need a map here

Location at a glance

How would your feelings change if you also heard this positive feedback?Something like: "It's great to have a way how to quickly tell where your restaurant is". Does it make a difference? I bet it does.

The positive and negative constraints - do more of this and less of this - help you to find a good solution more quickly than you would without.

Page 50: Design without critique is like a flower without water (#uxce13 version)

At the end of my workshops, participants try Design Studio. A collaborative, iterative design workshop.

Page 51: Design without critique is like a flower without water (#uxce13 version)

Who heard about Design Studio?

I am curious. Who heard about Design Studio?

Page 52: Design without critique is like a flower without water (#uxce13 version)

Who tried Design Studio?

Is there anyone who had the chance to try it with clients or colleagues?

Page 53: Design without critique is like a flower without water (#uxce13 version)

I like ...I don’t like ...

When trying to criticise the sketches of their peers at the workshop, many people start with "I like", "I dislike".Those are opinions, remember? The weakest arguments, that completely disregard the target group the design is created for.The design was not created for your eyes only!

Page 54: Design without critique is like a flower without water (#uxce13 version)

BANBan "I like"! Ban the emotional response. Encourage people to refer to the personas, target groups or whatever resemblance of the customer you have.Banning the emotional response will help you to create a design, with the people in mind. And keeps the discussion impersonal.

What do I mean by impersonal?

Page 55: Design without critique is like a flower without water (#uxce13 version)

I don’t like your design!

(in a resolute voice) "I DON'T LIKE YOUR DESIGN"How do you feel?How does this comment change your behavior?

Do you want the dialog to continue?

Page 56: Design without critique is like a flower without water (#uxce13 version)

Probably not.You will either get passive or defend yourself.And this is exactly what are you trying to prevent during the critique session.

Page 57: Design without critique is like a flower without water (#uxce13 version)

You need people to feel safe. You need them to be willing to share any feedback.

And when the feedback comes, you should "ack-app-cap" it.

Page 58: Design without critique is like a flower without water (#uxce13 version)

AcknowledgeAppreciateCapture

Acknowledge, appreciate an capture it.Let’s talk about why are those actions important. And how do they help you.

Page 59: Design without critique is like a flower without water (#uxce13 version)

Do you know who this guy is?That’s Dan Ariely. Dan and two other researchers published an interesting paper with experiment results shedding some light on the effect of acknowledgment on the willingness to work.

Page 60: Design without critique is like a flower without water (#uxce13 version)

Note: The following material is from the “Beginners guide to irrational behavior” by Dan Ariely on Coursera. All rights reserved.

People were given sheets of random letters and they were asked to find pairs. They got paid for each sheet.

Page 61: Design without critique is like a flower without water (#uxce13 version)

In the first condition, people were asked to sign the paper in the top right corner.And were asked to deposit the each sheet at a table. The person sitting at the table acknowledged this by saying “A-ha”.

Page 62: Design without critique is like a flower without water (#uxce13 version)

In the second condition, people delivering the sheets were completely ignored by the person at the table.

Page 63: Design without critique is like a flower without water (#uxce13 version)

In the third condition, the person at the table took the sheet of paper and put it into a shredder without looking at it.

Page 64: Design without critique is like a flower without water (#uxce13 version)

People in the “shredder” condition completed about 6.5 sheet on average.

Page 65: Design without critique is like a flower without water (#uxce13 version)

People in the “acknowledged” condition completed more than 9 sheets on average.

Page 66: Design without critique is like a flower without water (#uxce13 version)

People in the “ignored” condition completed almost the same number of sheets as in the “shredded” condition.As you see, it is quite important to acknowledge and appreciate the feedback you receive. Failure to do so will result in dramatically less feedback.The easiest way to appreciate something is to say "Thank you".

Page 67: Design without critique is like a flower without water (#uxce13 version)

Good point. Thanks!My own “mantra”

You all have a way how to appreciate other humans. So do not forget to use it during critique sessions.

My own mantra is "Good point. Thanks!". Feel free to use it too :)

Page 68: Design without critique is like a flower without water (#uxce13 version)

Even with all this feedback you receive it will be hard to use it to improve the design if you do not capture it.Write everything down.If you are not able to take notes during the session, ask someone to do it for you.

Page 69: Design without critique is like a flower without water (#uxce13 version)

Red Green Blue

I presume you heard about cognitive dissonance - the state that occurs when you are presented with information that goes against your beliefs.This is a nice example of it. Your eyes are telling you something else than your brain.You won’t probably want to read this text as it makes you uncomfortable.

Page 70: Design without critique is like a flower without water (#uxce13 version)

Do you think you can remember everything clearly?That you do not need to write things down?You are probably right at first.But as time moves on, your memory will remove or twist the dissonant information. And in the end it might look like your opponent actually praised your design.

Page 71: Design without critique is like a flower without water (#uxce13 version)

Buy red and green markers and carry them with you everywhere you go.

And use them as often as possible.

Page 72: Design without critique is like a flower without water (#uxce13 version)

Annotate the arguments directly into the design itself so the feedback sticks to the design.

Page 73: Design without critique is like a flower without water (#uxce13 version)

Don’t be afraid to end the discussionAny argument also has to be presented in such a way that is understandable by all other people that take part in critique.If they do understand, there is (usually) no point in repeating it.Let me tell you a story about this ...

Page 74: Design without critique is like a flower without water (#uxce13 version)

Once, I had a meeting with a client ...

No, not like this.

Page 75: Design without critique is like a flower without water (#uxce13 version)

More like this.The client paid for my critical opinion on a design they got from another agency.We sat down, went from the information architecture down to each page in detail. We got to a point where he started to defend his point of view.

He repeated his arguments.I waited for him to finish and said: "We both presented our arguments. You know my opinion and I will not add anything to it at this point. Let's continue with the next page." He paused for a moment and replied with: "Oh. That's professional.".

And we moved on.

Page 76: Design without critique is like a flower without water (#uxce13 version)

It's pointless to repeat arguments.

Say what you have to and move on.

Page 77: Design without critique is like a flower without water (#uxce13 version)

Questions?

Source for all images - internet. All rights reserved.

So this is it. We’re at the end.Let’s ask some questions and then I will sum it up.

Page 78: Design without critique is like a flower without water (#uxce13 version)

Prepare for critique‣ Accept your design is not perfect

‣ Set your expectations

‣ Prepare the design

‣ Share the context

There was a lot said in this presentation.We talked about ...

Page 79: Design without critique is like a flower without water (#uxce13 version)

During the session‣ Limit the scope & be specific

‣ Positive and negative feedback

‣ Ban "I like" and keep it impersonal

‣ Ack-App-Cap

‣ End when you run out of argumentsSo how do you use this to improve your designs?

Page 80: Design without critique is like a flower without water (#uxce13 version)

What are you worst at?

Think about how you approach critique.What are you worst at?

Page 81: Design without critique is like a flower without water (#uxce13 version)

What could you do really fast?

What could you start doing really fast?

Page 82: Design without critique is like a flower without water (#uxce13 version)

Pick one technique in each of these two categories.And write an e-mail to the future you asking if you already achieved these two goals and how did you improve.You can use futureme.org a free service, that does exactly that - send you an e-mail at the point in time in the future of your choosing. I suggest you put it at least one year in the future so you forget that you sent it in the meantime.