Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Design Feedback 

for Everyone
@browningeric
The Scenario
“What do you think
of this?”
“How does this
look?”
“Can I get some
feedback?”
Deer in headlights
Why does this happen?
Most of you don’t
spend your days
Most of you don’t
spend your days
color palettes
berets
You probably spend
your days
…although really
So what is feedback ?
What’s a design critique ?
Khoi Vinh
“a thoughtful
consideration of design”
“Evaluating design and
aesthetic choices to try
and improve the outcome.”
me
How is feedback
useful?
Helps to gut check my
assumptions and approach
GOOD
Uncover unforeseen biases
or sacred cows I’ve missed
GOOD
Eliminates surprises late in
the process ($$$) and
makes team feel involved
GOOD
What is bad
feedback?
“I don’t care, I’m just a developer.”
BAD
“It looks a bit off but I
can’t put my finger on it.”
BAD
“Let’s make the header purple, 10px wider, and
change the color of rollovers to #ededed”
BAD
“Let’s take a vote!”
BAD
How to Give Good
Feedback
I’m not teaching you to be a designers,
so we’re not going to talk about:
• contrast
• hierarchy
• color
• typography
• mo...
1. Establish common goals
2. Ask why?
3. Look for pain points
4. Think bigger picture
EALT
1. Establish common goals
2. Ask why?
3. Look for pain points
4. Think bigger picture
1. Establish common goals
consider
personas and
references
1. Establish
common goals
consider the goals of
the feedback itself
1. Establish common goals
Who is the target for this?
Use phrases like:
What are your next steps?
Any good designer should be able to tell
you why they made a certain choice.
2. Ask why?
hate mail: eric@coffeeandcode.com...
Parlay criticisms into useful
talking points
2. Ask why?
If you’re asking ‘why?’,
sometimes you don’t even
have to follow up.
2. Ask why?
What made you choose X?
Use phrases like:
I’m struggling with Y, can you
walk me through your process?
3. Look for pain points
break down into
specific pieces
Patterns and themes
I’m diving deep into the
menu, something with the
nav feels off.
Use phrases like:
Let’s talk about text sizes
overall, and take some notes.
Use phrases like:
4. Think big picture
4. Think big picture
Images via Dan Mall
X feels very Y and so does
this, do we see our product
similar to x?
Use phrases like:
Let’s think about this as
part of our broader plan.
Use phrases like:
Be honest
Find opportunity rather
than just finding fault
But if you take your time, are honest
and use some simple exercises you
can help create a better product.
Giving design fe...
pop quiz time (!)
Say hi!
coffeeandcode.com
Credits & Attribution
Women of Color in Tech
http://www.wocintechchat.com/
Daniel Mall
http://danielmall.com/articles/visu...
Design Feedback for Everyone
Design Feedback for Everyone
Design Feedback for Everyone
Design Feedback for Everyone
Design Feedback for Everyone
Design Feedback for Everyone
Design Feedback for Everyone
Design Feedback for Everyone
Design Feedback for Everyone
Upcoming SlideShare
Loading in …5
×

Design Feedback for Everyone

191 views

Published on

Ideas and an approach to giving design feedback, especially for developers and non-designers. Originally presented at Stir Trek 2016.

Published in: Software
  • Be the first to comment

  • Be the first to like this

Design Feedback for Everyone

  1. 1. Design Feedback 
 for Everyone
  2. 2. @browningeric
  3. 3. The Scenario
  4. 4. “What do you think of this?”
  5. 5. “How does this look?”
  6. 6. “Can I get some feedback?”
  7. 7. Deer in headlights
  8. 8. Why does this happen?
  9. 9. Most of you don’t spend your days
  10. 10. Most of you don’t spend your days
  11. 11. color palettes
  12. 12. berets
  13. 13. You probably spend your days
  14. 14. …although really
  15. 15. So what is feedback ? What’s a design critique ?
  16. 16. Khoi Vinh “a thoughtful consideration of design”
  17. 17. “Evaluating design and aesthetic choices to try and improve the outcome.” me
  18. 18. How is feedback useful?
  19. 19. Helps to gut check my assumptions and approach GOOD
  20. 20. Uncover unforeseen biases or sacred cows I’ve missed GOOD
  21. 21. Eliminates surprises late in the process ($$$) and makes team feel involved GOOD
  22. 22. What is bad feedback?
  23. 23. “I don’t care, I’m just a developer.” BAD
  24. 24. “It looks a bit off but I can’t put my finger on it.” BAD
  25. 25. “Let’s make the header purple, 10px wider, and change the color of rollovers to #ededed” BAD
  26. 26. “Let’s take a vote!” BAD
  27. 27. How to Give Good Feedback
  28. 28. I’m not teaching you to be a designers, so we’re not going to talk about: • contrast • hierarchy • color • typography • moleskine journals
  29. 29. 1. Establish common goals 2. Ask why? 3. Look for pain points 4. Think bigger picture
  30. 30. EALT
  31. 31. 1. Establish common goals 2. Ask why? 3. Look for pain points 4. Think bigger picture
  32. 32. 1. Establish common goals
  33. 33. consider personas and references 1. Establish common goals
  34. 34. consider the goals of the feedback itself 1. Establish common goals
  35. 35. Who is the target for this? Use phrases like: What are your next steps?
  36. 36. Any good designer should be able to tell you why they made a certain choice. 2. Ask why? hate mail: eric@coffeeandcode.com If not, they’re probably a bad designer.
  37. 37. Parlay criticisms into useful talking points 2. Ask why?
  38. 38. If you’re asking ‘why?’, sometimes you don’t even have to follow up. 2. Ask why?
  39. 39. What made you choose X? Use phrases like: I’m struggling with Y, can you walk me through your process?
  40. 40. 3. Look for pain points
  41. 41. break down into specific pieces
  42. 42. Patterns and themes
  43. 43. I’m diving deep into the menu, something with the nav feels off. Use phrases like:
  44. 44. Let’s talk about text sizes overall, and take some notes. Use phrases like:
  45. 45. 4. Think big picture
  46. 46. 4. Think big picture
  47. 47. Images via Dan Mall
  48. 48. X feels very Y and so does this, do we see our product similar to x? Use phrases like:
  49. 49. Let’s think about this as part of our broader plan. Use phrases like:
  50. 50. Be honest
  51. 51. Find opportunity rather than just finding fault
  52. 52. But if you take your time, are honest and use some simple exercises you can help create a better product. Giving design feedback is a challenge.
  53. 53. pop quiz time (!)
  54. 54. Say hi! coffeeandcode.com
  55. 55. Credits & Attribution Women of Color in Tech http://www.wocintechchat.com/ Daniel Mall http://danielmall.com/articles/visual-inventory/ Visual Hunt http://www.visualhunt.com New York Times web redesign https://www.behance.net/gallery/28074389/The-New-York-Times-web-design Wikipedia redesign concept https://www.behance.net/gallery/16219877/Wikipedia-Redesign-Concept

×