EduFlow
UI Design with Figma
0%

Section 4 · Prototype to Handoff

Design Critique and Your Case Study

12 min4 min readChoose wisely

Lesson at a glance

Run and take part in a design critique that improves work against its goals, then turn Steady into a portfolio case study that shows your decisions, reasons and trade-offs.

  1. 1What a critique is for
  2. 2Giving feedback that helps
  3. 3Receiving feedback
  4. 4The case study

No video here — just the real thing: a written lesson, runnable examples, a quiz and practice.

Steady is designed, systematised, prototyped, checked and handed off. Two skills turn that work into better work and into a job: running a critique where people can improve the design, and telling the story of the design in a case study. Both come down to the habit this course has pushed since Lesson 1.1, giving the because.

What a critique is for

A design critique is a structured conversation about whether a design achieves its goals. It is not a vote on whether people like it, and it is not approval. Sofia runs every critique the same way, in about thirty minutes:

  1. Context (3 minutes). The presenter states the goal (“someone checks off a habit in a few seconds”), the stage (“structure is settled; styling is early”) and the feedback they want (“Is the progress block worth its space?”).
  2. Silent review (5 minutes). Everyone looks at the design or clicks through the prototype and writes notes. Silence stops the loudest person from setting the agenda.
  3. Feedback round (15 minutes). Each person shares their most important points, tied to the goal. A facilitator keeps time and steers away from solving everything live.
  4. Wrap-up (5 minutes). The presenter summarises what they heard and what they will look into. Decisions happen after, not in the room.

Giving feedback that helps

Useful feedback has three parts: an observation, its likely effect on the user or goal, and a question or suggestion. Compare:

Not useful Useful
“I don’t like the teal.” “The teal is on the check buttons and the header icon, so I tried to tap the icon. Could the accent be reserved for actions?”
“It feels cluttered.” “I count five left edges on Habit detail, so my eye jumps around. Could the stats align with the calendar?”
“Use a bottom tab bar like Instagram.” “I couldn’t find Stats from Habit detail. Would a persistent tab bar help, or is Back enough?”

The useful versions are about the user, not about the critic’s taste, and they leave room for the designer to find the best fix. Phrasing as a question also admits that you might be missing context.

Receiving feedback

When it is your work on the screen, your job is to understand, not to win. Ask clarifying questions (“What did you expect to happen when you tapped Custom?”), write everything down, and say thank you. Do not explain why every point is wrong; if your reasoning is good, it will survive the notes you review afterwards. After the session, sort the notes into act on, investigate and decline, and decline with a reason you could say out loud.

The case study

A portfolio case study is how a hiring manager decides whether you think like a designer. They will spend a few minutes on it, so the structure has to carry them quickly to the thinking.

Six stacked blocks from top to bottom: one-minute summary, problem and constraints, key decisions with before and after, the system, testing and what changed, and reflection. The decisions block is the largest. One-minute summary Problem, role and constraints Key decisions: before, after, because hierarchy, spacing system, dark mode, check button The system: kit, variables, modes Testing Reflection
A case study structure that puts decisions first

For Steady, that means:

  • Summary: one paragraph and one hero image. “A habit tracker designed so checking off a habit takes under three seconds; includes a themed component kit and a tested check-in flow.”
  • Problem and constraints: who it is for, what the Today screen must do, and your role (“solo practice project, designed in Figma over six weeks”).
  • Key decisions: three or four, each with before and after images and the reason. Draft one versus draft two of the Today screen from Lesson 1.2 is perfect material, and so is the dark-mode accent that had to change because teal/700 failed on the dark surface.
  • The system: the kit page, the semantic variables in both modes, and one component’s properties, showing you can design for reuse.
  • Testing: what you tested, with whom, and what changed as a result. Five friends using the prototype counts if you say so plainly.
  • Reflection: what you would do differently and what you would test next.

You started this course by asking what someone opening Steady needs in the next five seconds. Keep asking that question, keep giving the because, and every screen you design will be easier to critique, build and explain.

Key takeaways

  • A critique judges work against its goals, not against personal taste, and the presenter sets the goal, the stage and the kind of feedback wanted.
  • Useful feedback names an observation, its likely effect on the user, and a question or suggestion.
  • When receiving feedback, ask questions and take notes instead of defending; you decide afterwards what to act on.
  • A case study tells the story of decisions (problem, constraints, options, choice and reason), not a gallery of finished screens.
  • Be honest about scope and evidence; a practice project with clear reasoning beats invented metrics.

Further reading

Check your understanding

3 questions

Question 1 of 3

Which critique comment on Steady’s Today screen is most useful?

Question 2 of 3

You present the New habit sheet and a colleague says the frequency chips are confusing. What is the best response in the moment?

Question 3 of 3

Your Steady case study has twelve polished screenshots and a paragraph of introduction. What would most improve it for a hiring manager?

Practice

Choose wisely

Pick the feedback worth giving

In Steady’s design critique, the presenter shares Habit detail and says: “Goal: someone sees at a glance how consistent they have been. I want feedback on the calendar and the overall hierarchy.”

:::figure Habit detail, version 2

A Habit detail screen: a back arrow and the title Read 20 pages, a large 12-day streak number, a calendar grid of past check-ins with done days filled and missed days the same shape in a different tint, two stat cards, and an Edit habit button at the bottom. ‹ Read 20 pages 12 day streak Best: 30 Rate: 86% Edit habit :::

Select every comment that is useful critique for this goal.

Pick the feedback worth giving