Prep Room
Resources
Resume
JD
Your Jobs
Upskill
Contests
How it works
Demo
VS Code extension
Pricing
Sign in
Start free
Resources
/
Design critique
Design critique
questions.
71 design critique questions from the bank, ready to practice out loud.
Practice design critique
Learn the ideas first
· free with an account
Accessibility basics: keyboard, contrast, announce
Every screen has six states
Visual hierarchy: directing the eye
A structured design critique
All 71 questions
SaaS pricing with recommended badge
Critique a typical SaaS pricing page that shows three tiers in equally sized cards with the 'recommended' tier marked with a small badge.
Visual hierarchy
Mid–senior
Add to study plan
Checkout form with post-submission errors
Critique a checkout flow where every form field is required and errors only show after submission.
Accessibility
Mid–senior
Add to study plan
Settings page with collapsed sections
Critique a settings page with 8 collapsed sections, each with 5–10 individual toggles, alphabetically ordered.
Information architecture
Mid–senior
Add to study plan
Empty state with generic message
Critique an empty state that says 'No items found. Click here to create one.'
Microcopy
Entry–mid
Add to study plan
Banking app shows carousel first
Critique a banking app that opens to a marketing carousel before showing account balance.
Alignment with user intent
Mid–senior
Add to study plan
Dashboard cards equal visual weight
Critique a dashboard where every card has the same visual weight but represents different priorities of information.
Visual hierarchy
Mid–senior
Add to study plan
Error indication by color alone
Critique a sign-up form that uses color alone to indicate which fields have errors.
Accessibility
Entry–mid
Add to study plan
Nav bar nine top-level items
Critique a nav bar with 9 top-level items, three of which open mega menus.
Information architecture
Mid–senior
Add to study plan
Generic confirmation modal
Critique a confirmation modal that says 'Are you sure?' with two buttons labeled 'OK' and 'Cancel'.
Microcopy
Entry–mid
Add to study plan
Sponsored results without clear distinction
Critique a search results page that surfaces sponsored results above organic results without clear visual distinction.
Alignment with user intent
Senior–leadership
Add to study plan
Article page with uniform text sizing
Critique a long-form article page where the article body, sidebar, and footer all use the same body-text size.
Visual hierarchy
Entry–mid
Add to study plan
Settings flow driven by tooltips
Critique a settings flow built primarily as a tooltip-driven experience over a complex canvas.
Accessibility
Senior–leadership
Add to study plan
Common task buried in navigation
Critique an admin tool where the most common task is buried four clicks deep.
Information architecture
Mid–senior
Add to study plan
Onboarding with mission statement first
Critique an onboarding flow that uses 'Welcome aboard!' followed by three paragraphs of mission statement before any user action.
Microcopy
Mid–senior
Add to study plan
Video player rewatch affordance hidden
Critique a video player whose 'rewatch' affordance is harder to find than the 'autoplay next' affordance.
Alignment with user intent
Senior–leadership
Add to study plan
Action color matches promotional banner
Critique a mobile app whose primary action color competes with a recurring promotional banner color.
Visual hierarchy
Mid–senior
Add to study plan
Calendar navigation with small arrows
Critique a calendar widget that lets users navigate months only by tapping small left/right arrows.
Accessibility
Entry–mid
Add to study plan
Admin features in avatar menu
Critique a B2B tool that hides admin features behind a 'View as admin' toggle in the user's avatar menu.
Information architecture
Senior–leadership
Add to study plan
Update notification lacking context
Critique a notification that says 'Update available' as a banner with a 'Learn more' link and no other context.
Microcopy
Entry–mid
Add to study plan
Delete account requiring three confirmations
Critique a delete-account flow that requires three confirmations spread across different screens.
Alignment with user intent
Senior–leadership
Add to study plan
Financial screen with equal feature weight
Critique a financial product's main screen showing balance, recent transactions, and a marketing module — equal weight given to each.
Visual hierarchy
Mid–senior
Add to study plan
Custom gestures without affordances
Critique an iOS app that uses custom gestures for primary navigation actions without visible affordances.
Accessibility
Mid–senior
Add to study plan
Notes and tasks separate tabs
Critique a CRM that puts notes and tasks in separate tabs even though every workflow involves both at once.
Information architecture
Mid–senior
Add to study plan
Empty state says 'get started
Critique a SaaS empty-state that says 'You haven't done anything yet. Get started.'
Microcopy
Entry–mid
Add to study plan
Getting started pushes ambitious feature
Critique a 'getting started' page that pushes the most ambitious feature first when most users have basic needs.
Alignment with user intent
Mid–senior
Add to study plan
Unexplained data quality score
Critique a dashboard that prominently displays a 'data quality score' number that most users don't understand.
Visual hierarchy
Senior–staff+
Add to study plan
Keyboard shortcuts conflict across languages
Critique a desktop product where keyboard shortcuts conflict with system shortcuts in two languages.
Accessibility
Senior–leadership
Add to study plan
Docs on separate domain
Critique a developer-tool whose docs sit on a separate domain with a different visual language than the product.
Information architecture
Mid–senior
Add to study plan
Generic error message without specifics
Critique an error message that says 'Something went wrong. Please try again or contact support.'
Microcopy
Entry–mid
Add to study plan
Leaderboards before personal progress
Critique a fitness app whose home screen leads with leaderboards before personal progress.
Alignment with user intent
Senior–leadership
Add to study plan
Flat navigation list without grouping
Critique a mobile menu where all navigation items are displayed in a flat list of 15 links with identical styling and no grouping or visual separation.
Information architecture
Entry–mid
Add to study plan
Submit button for portfolio upload
Critique a button labeled 'Submit' at the end of a multi-step form where users are uploading a portfolio and writing a personal statement.
Microcopy
Entry–mid
Add to study plan
Inconsistent typography in signup form
Critique a newsletter signup form where the headline is 24px bold, the input field label is 22px medium, and the submit button text is 20px regular.
Visual hierarchy
Entry–mid
Add to study plan
Filter chips disappearing on scroll
Critique a recipe app where users can filter by dietary restrictions, but the filter chips disappear when scrolling down the results list.
Alignment with user intent
Entry–mid
Add to study plan
Critiquing AI-generated design work
A junior designer hands you a landing page they generated almost entirely with an AI design tool. It looks polished at a glance. Walk me through how your critique of AI-generated work differs from critiquing hand-built work — what do you inspect first?
Critiquing AI Generated work
Mid–senior
Add to study plan
AI assistant always sounds confident
Here's the setup — critique it: an AI assistant renders every answer in the same confident style, whether it's quoting a verified document or generating its own best guess.
Alignment with user intent
Mid–staff+
Add to study plan
Dark mode inverts entire palette
Critique a dark-mode implementation that simply inverts the existing palette, leaving brand-colored text and icons at low contrast against the new dark surfaces.
Accessibility
Mid–senior
Add to study plan
Design system lacks error states
Critique a design system whose components are pixel-perfect but whose documentation shows only the happy path — no error, loading, overflow, or right-to-left examples.
Design systems
Senior–staff+
Add to study plan
Generate button with no context
Critique an AI feature whose only affordance is a button labeled 'Generate' — no hint of what will be produced, how long it takes, what it costs, or whether it can be undone.
Microcopy
Entry–senior
Add to study plan
Cookie banner with asymmetric effort
Critique a cookie-consent banner where 'Accept all' is a large filled button and declining requires opening a settings panel and toggling nine categories individually.
Alignment with user intent
Mid–senior
Add to study plan
Dashboard chart uses dual y-axis
Critique a quarterly business dashboard chart that uses a dual y-axis to make two unrelated metrics appear to trend together.
Data visualization
Senior–leadership
Add to study plan
Voice assistant lacks text alternative
Critique a voice-first assistant feature that offers no visible transcript and no text-input alternative for users who can't speak or hear in the moment.
Accessibility
Mid–senior
Add to study plan
AI section gathering unrelated capabilities
Critique a product that has added an 'AI' item to its main navigation, gathering every AI-powered capability into one section regardless of which task each one belongs to.
Information architecture
Senior–leadership
Add to study plan
Demo requires personal data upfront
Critique a free demo that asks for first name, last name, date of birth, and phone number before the user is allowed to try the product once.
Alignment with user intent
Entry–mid
Add to study plan
Repetitive warning placement
Critique an AI writing tool that prints 'Warning: output may contain inaccuracies' beneath every single response, in the same place, in the same gray text.
Microcopy
Mid–senior
Add to study plan
Unpredictable module reordering
Critique a home screen that reorders its modules on every visit based on AI-predicted relevance, so nothing is ever in the same place twice.
Information architecture
Senior–leadership
Add to study plan
Unwieldy financial data table
Critique a data table that displays 15 columns of financial data with no column freezing, horizontal scroll, or ability to customize which columns are visible.
Information architecture
Mid–senior
Add to study plan
Unlabeled navigation icons
Critique a mobile app's bottom navigation bar that uses five icons without labels, relying solely on iconography to communicate function.
Accessibility
Entry–mid
Add to study plan
Unexplained test results
Critique a healthcare patient portal where test results are displayed with numerical values but no visual indicators, reference ranges, or plain-language explanations of what the numbers mean.
Data visualization
Mid–senior
Add to study plan
Light mode only documentation
Critique a design system documentation site where component examples are shown only in light mode, with no dark mode variants or theming guidance provided.
Design systems
Senior–staff+
Add to study plan
Gatekeeping all features behind demo
Critique a B2B SaaS product where every feature is gated behind a 'Book a demo' CTA, with no self-serve trial, product screenshots, or feature documentation available.
Alignment with user intent
Mid–senior
Add to study plan
Error message with no context
Critique an error message that reads 'Error code 4028: Operation failed. Contact your administrator.' with no additional context or recovery suggestions.
Microcopy
Entry–mid
Add to study plan
Color-only stock performance chart
Critique a dashboard chart that uses red and green to indicate stock performance without any additional visual encoding like icons, patterns, or labels.
Accessibility
Mid–senior
Add to study plan
Buttons with identical visual weight
Critique a product page where the primary CTA button, secondary actions, and tertiary links all use the same button style and visual weight.
Visual hierarchy
Entry–mid
Add to study plan
Generic AI landing page
Critique an AI-generated landing page where the hero section uses generic stock photography, placeholder-style copy with no specific value proposition, and a CTA that says 'Get Started Today'.
Critiquing AI Generated work
Mid–senior
Add to study plan
Mobile form keyboard overlap
Critique a mobile form where the keyboard covers the active input field and there's no automatic scrolling to keep the field visible above the keyboard.
Accessibility
Entry–mid
Add to study plan
Destructive actions without distinction
Critique a settings interface where destructive actions like 'Delete Account' and 'Clear Data' are placed at the top of the page with the same visual treatment as non-destructive settings.
Visual hierarchy
Mid–senior
Add to study plan
Progress indicator mismatch
Critique a multi-step onboarding flow that shows a progress indicator with 5 steps, but the actual experience includes 9 screens before completion.
Alignment with user intent
Mid–senior
Add to study plan
Truncated Y-axis time series
Critique a data visualization that plots time-series data but uses a truncated Y-axis starting at 85 instead of 0, making small variations appear dramatic.
Data visualization
Senior–staff+
Add to study plan
Button variants without guidance
Critique a component library where button variants include 'primary', 'secondary', 'tertiary', 'ghost', 'outline', 'text', and 'link' with no clear guidance on when to use each.
Design systems
Senior–leadership
Add to study plan
Notification ordering by age
Critique a notification center that groups notifications by type (Messages, Updates, Alerts) but shows the oldest items first within each group.
Information architecture
Mid–senior
Add to study plan
Spinner without progress indication
Critique a loading state that displays an animated spinner for 3+ seconds with no indication of what's loading or how long it might take.
Microcopy
Entry–mid
Add to study plan
Undefined metrics on profile
Critique an AI-generated user profile page that includes fields for 'Synergy Score', 'Engagement Velocity', and other metrics that sound impressive but have no clear definition or user value.
Critiquing AI Generated work
Senior–staff+
Add to study plan
Mobile layout buries primary CTA
Critique a responsive design where desktop shows a three-column layout but mobile stacks all content in the same order, burying the primary CTA below the fold.
Visual hierarchy
Mid–senior
Add to study plan
Video controls disappear quickly
Critique a video player interface where all controls (play, volume, settings, fullscreen) disappear after 2 seconds of inactivity with no keyboard shortcuts documented.
Accessibility
Mid–senior
Add to study plan
Filters trigger immediate reload
Critique a filter panel with 12 different filter types where applying any filter immediately triggers a page reload instead of allowing users to combine multiple filters before searching.
Alignment with user intent
Mid–senior
Add to study plan
Success message too brief
Critique a success message that appears as a green toast notification in the bottom-right corner for 2 seconds after a user completes a 15-minute form submission.
Microcopy
Mid–senior
Add to study plan
Technical specs without explanation
Critique a comparison table where feature names are technical specifications (e.g., 'SSO via SAML 2.0') with no tooltips or plain-language descriptions for non-technical buyers.
Information architecture
Senior–staff+
Add to study plan
Multi-colored line chart
Critique a line chart showing patient health metrics over time where the line color changes based on whether values are in a healthy range, creating a multi-colored line that's difficult to trace.
Data visualization
Senior–staff+
Add to study plan
Redundant cart review page
Critique an AI-generated checkout flow that includes unnecessary steps like 'Review Your Cart' as a separate page even though the cart is visible in the header throughout the experience.
Critiquing AI Generated work
Mid–senior
Add to study plan
Hex value color tokens
Critique a design system where color tokens are named by their hex values (e.g., 'color-2E7D32') rather than semantic names or their intended use in the interface.
Design systems
Senior–leadership
Add to study plan