Rate My UI: What Makes a Design Score a 10 Out of 10

Originally shared as a carousel on @dailywebdesign, original carousel by @lay.the.designer. Expanded with evaluation framework, criteria, and practical examples.

'Rate out of 10' is everywhere on design social media. But most ratings are vibes, someone gives you a 7 and you learn nothing useful. A meaningful critique tells you exactly what's earning the score and what would make it a 9 or 10.

Here's the framework.

The 5 dimensions of a great UI

A 10/10 UI scores well on all five of these. Most "pretty" UIs that score 6-7 are strong on visual polish but weak on at least two others.

1. Visual hierarchy (is it immediately obvious what to do?)

Within 3 seconds of seeing the screen, a user should know: what this is, what action to take first, and what's most important. This is communicated through:

• Size contrast: The most important element should be meaningfully larger than secondary elements
• Color weight: The primary CTA should be the highest-contrast colored element on the screen
• Spatial grouping: Related elements cluster together; unrelated elements have clear separation

Common failure: everything is the same size and weight, so nothing feels primary.

2. Consistency (does the system feel coherent?)

A 10/10 UI feels like every element belongs to the same family. The spacing is systematic. Colors come from a defined palette. Typography uses 2-3 styles, not 7. Buttons look the same across every screen.

Test: randomly land on any screen in the product. Without context, does it feel like it belongs to the same product as every other screen? If yes, you have consistency.

3. Density calibration (is there the right amount on screen?)

There's no universal answer to how much information should be on screen, it depends entirely on the user and context. But a 10/10 UI has consciously decided:

• A consumer app for casual use should feel spacious and light
• A professional tool for expert users can (and should) pack more information
• Mobile requires aggressive prioritization compared to desktop

The failure mode: consumer app density on a professional tool (feels too empty, power users feel patronized) or professional density on a consumer app (overwhelming, feels broken).

4. State coverage (has every state been designed?)

An interface is only as good as its worst-case state. 10/10 UIs have thoughtful designs for:

• Empty state, what does a new user with no data see?
• Loading state, skeleton screens, progress indicators, perceived speed
• Error state, clear, actionable, never just "Something went wrong"
• Partial data state, what if the user has 1 item? 3 items? 1000 items?

Most design reviews only show the happy path. 10/10 designs anticipate friction.

5. Typography execution (does the text serve the design?)

• Font choice matches the brand personality
• 2-3 type styles maximum (display, body, label)
• Comfortable reading line length (50-75 characters for body text)
• Sufficient line height (1.5-1.6 for body, 1.2 for headings)
• No orphans (single words stranded on a last line)

The gap between a 7 and a 10

A 7: Visually attractive, consistent color, interesting layout. But states are missing. Typography has 5+ styles. Spacing is inconsistent, some places 16px, others 14px or 20px for no reason.

A 10: Visually attractive, consistent color, interesting layout. Every state designed. Typography is systematic. Spacing follows an 8px grid everywhere. You can feel the intentionality.

The difference isn't talent. It's attention to the unsexy details.

Critique your own work like a senior designer

Before showing your work to anyone, run it through these questions:

1. Can I identify the primary CTA in 3 seconds without thinking?
2. Does the spacing use a consistent scale throughout?
3. Have I designed the empty state, loading state, and error state?
4. Do I have more than 3 font styles? (If yes, reduce.)
5. Would I give this an 8 or above on all 5 dimensions?

Practice by entering NewForm's monthly design challenges, you get structured feedback from the community and judge panel against real brief criteria. And when you want to present your work, NewForm Studio generates polished device mockups instantly.

View the full carousel on Instagram →

---

Credit: Original carousel by @lay.the.designer, follow them for more UI design critique and tips.