Whiteboard design questions.

77 whiteboard design questions from the bank, ready to practice out loud.

Learn the ideas first · free with an account

Accessibility basics: keyboard, contrast, announce Every screen has six states Visual hierarchy: directing the eye

All 77 questions

New product signup on mobileDesign the flow for a user signing up for a new product they've never heard of, on mobile.Flow designEntry–senior

Restaurant reservation bookingDesign the flow for booking a restaurant reservation. Cover the empty, loading, error, and success states.State coverageMid–senior

Payment flow error statesDesign a payment flow that fails 5% of the time. Walk me through how the error states feel and recover.Error statesMid–senior

Empty chat product onboardingDesign the experience for a brand-new user who's just opened a chat product but has zero conversations or contacts.Empty statesMid–senior

Multi-step form accessibilityDesign a multi-step form flow that's friendly for screen readers without sacrificing the visual design.AccessibilitySenior–staff+

Subscription cancellation flowDesign the flow for canceling a paid subscription gracefully, without making users hate you on the way out.Flow designSenior–leadership

Dashboard across desktop and mobileDesign a dashboard that's used both on a 27-inch monitor and on a 6-inch phone. Walk me through what changes.BreakpointsMid–senior

Switching between user accountsDesign a flow for switching between user accounts inside a product. Cover sign-in, sign-out, and the in-between state.State coverageMid–senior

User returns after going offlineDesign the experience for a user who's been offline for 45 minutes inside a real-time collaborative product. What do they see when they come back?Error statesSenior–staff+

Empty Slack-like workspaceDesign what a freshly created Slack-like workspace looks like before any messages, channels, or members.Empty statesMid–senior

Setting up two-factor authenticationDesign the flow for a user setting up two-factor authentication for the first time.Flow designMid–senior

Multi-minute file upload flowDesign the flow for uploading a file that may take several minutes. Cover progress, success, failure, and pause.State coverageMid–senior

Keyboard-accessible date-range pickerDesign a date-range picker that works well for keyboard users.AccessibilityMid–senior

Redeeming a gift cardDesign the flow for redeeming a gift card on an e-commerce site.Flow designEntry–mid

Payment with expired cardDesign the experience for a user who's trying to make a payment with an expired card. Walk me through every nudge.Error statesMid–senior

Notes app empty stateDesign an empty state for a notes app where the user has created zero notes after a week of having the app.Empty statesMid–senior

Inviting teammates to collaborateDesign the flow for inviting teammates to collaborate in a product. Cover both the inviter and invitee sides.Flow designMid–senior

Changing primary email addressDesign the flow for changing a primary email address on an account.State coverageMid–senior

One-handed mobile flowDesign a mobile flow that works well for users with one-handed use during commutes.AccessibilityMid–senior

Delete with 30-second undoDesign the flow for a user who needs to delete a single record but also wants to undo the deletion within 30 seconds.Flow designMid–senior

Hitting rate limit mid-taskDesign the experience for a user who hits a rate limit on an API-driven feature mid-task.Error statesSenior–staff+

Home screen after 60-day absenceDesign the home screen for a returning user who hasn't opened the app in 60 days.Empty statesMid–senior

Data table for screen readersDesign a long-form data table that works well for users on a screen reader.AccessibilitySenior–staff+

Splitting a bill with friendsDesign the experience for a user splitting a bill among friends after a meal.Flow designMid–senior

Transferring funds between accountsDesign the flow for a user transferring funds between two of their own accounts. Cover instant and delayed paths.State coverageMid–senior

Unstable connection during video callDesign the experience for a video-call user whose internet connection becomes unstable mid-call.Error statesSenior–staff+

Adding payment method via micro-depositsDesign the flow for adding a payment method that's verified via micro-deposits.Flow designMid–senior

Unconfigured B2B product for adminDesign what an admin sees the first time they open a B2B product that hasn't been configured yet.Empty statesMid–senior

Keyboard-only search and filterDesign a search-and-filter interface that's usable without a mouse or trackpad.AccessibilitySenior–staff+

Upgrading to paid mid-taskDesign the flow for a user upgrading from a free to paid plan mid-task without losing their work.Flow designMid–senior

Creating first password on signupDesign the flow for a user creating their first password when signing up. Walk me through validation feedback, strength indicators, and confirmation.Flow designEntry–mid

To-do item state transitionsDesign a to-do list item that can be in one of four states: unchecked, checked, archived, or deleted. Show what each state looks like visually.State coverageEntry–mid

Failed verification code recoveryDesign the error message and recovery flow for a user who enters an incorrect verification code three times in a row.Error statesEntry–mid

Empty photo gallery first launchDesign what a user sees when they open a photo gallery app for the first time with no photos uploaded yet.Empty statesEntry–mid

Accessible toggle switch componentDesign a toggle switch component that clearly communicates its on/off state to users who rely on screen readers.AccessibilityEntry–mid

Responsive navigation menuDesign a navigation menu that works on both desktop (wide screen) and mobile (narrow screen). What changes between the two?BreakpointsEntry–mid

Expired session shopping cartDesign the flow for a user adding items to a shopping cart, then discovering the cart is empty when they return the next day because their session expired.Error statesEntry–mid

Empty calendar first dayDesign what a calendar app shows on the user's first day of use when they have no events scheduled for the week ahead.Empty statesEntry–mid

Responsive product card gridDesign a product card grid that displays 4 columns on desktop but needs to work on a tablet and phone. Walk through your layout decisions.BreakpointsEntry–mid

Keyboard-navigable dropdown menuDesign a dropdown menu that can be navigated and selected using only the keyboard. Explain what happens at each key press.AccessibilityEntry–mid

AI streaming response with interruptionDesign the experience of an AI assistant generating a long answer. Cover streaming in progress, the user interrupting mid-generation, and a failure halfway through.State coverageMid–senior

AI confidence communicationDesign how an AI feature communicates low confidence in its own output. Walk me through the affordances at the moment of generation, on closer inspection, and at the moment the user acts on the result.Error statesSenior–staff+

AI email draft review flowDesign the flow for a user reviewing an AI-drafted email before it sends. Where does the design make human review actually happen, rather than inviting a rubber-stamp?Flow designMid–senior

AI answer source verificationDesign how an AI-generated answer presents its sources so a skeptical user can verify a specific claim in under ten seconds.Flow designMid–senior

AI agent permission and revocationDesign the flow for granting an AI agent permission to act on your behalf — booking, sending, or purchasing. Cover scoping the grant, previewing an action, and revoking access.Flow designSenior–staff+

Voice transcription error correctionDesign the correction experience for a voice-input flow when the transcription gets a critical detail wrong — a name, an amount, or an address — and the user is mid-task.Error statesMid–senior

AI blank prompt empty stateDesign the empty state of an open-ended AI tool where the input is a blank prompt box that can take anything. How do you get a first-time user past the blank-page problem?Empty statesMid–senior

Accessible AI chat with streamingDesign an AI chat interface that works well for screen-reader users while responses stream in word by word. What do they hear, and when?AccessibilitySenior–staff+

Offline-tolerant form submissionDesign a long government-benefits application form for a phone with intermittent connectivity. Cover autosave, resuming days later, and the submission moment.State coverageMid–senior

Image generation mobile flowA user taps 'Generate image' in a mobile app. Design what they see while it works, when it succeeds, when they want a different result, and when they need to report a harmful output.State coverageEntry–mid

Harassment reporting flowDesign the flow for reporting harassment inside a social app. Cover what the reporter sees during the report, while it's being reviewed, and when the outcome is 'no action taken'.Flow designMid–senior

Messaging app responsive layoutDesign a messaging app's layout across a phone, an unfolded foldable showing two panes, and a desktop window. What changes at each posture, and what must never move?BreakpointsMid–senior

Password reset email recoveryDesign the flow for a user requesting a password reset via email when they can't remember which email address they used to sign up.Flow designEntry–mid

Empty notification center onboardingDesign a notification center that has zero notifications for a brand-new user. Walk me through what they see and how you encourage engagement.Empty statesMid–senior

Expired session form recoveryDesign the experience for a user whose session expired mid-way through filling out a 12-field insurance claim form. Cover what happens to their data.Error statesMid–senior

Zero search results recoveryDesign a search results page that returns zero matches. Walk me through how you help the user recover and find what they need.Empty statesEntry–mid

Inviting user with existing accountDesign the flow for inviting a team member to a workspace when the email address you entered is already associated with a different account.Error statesMid–senior

Responsive data table across devicesDesign a data table with 20 columns that needs to work on desktop, tablet, and mobile. Walk me through your responsive strategy.BreakpointsMid–senior

Account deletion with active subscriptionsDesign the experience for a user trying to delete their account when they still have active subscriptions, pending orders, or shared content.Flow designSenior–staff+

Calendar with no upcoming eventsDesign a calendar view for someone who has no events scheduled for the next three months. Show me how you make this feel helpful, not empty.Empty statesEntry–mid

Rejected profile photo uploadDesign the flow for a user uploading a profile photo that gets rejected for violating content policy. Cover how you communicate the rejection and next steps.Error statesMid–senior

Large navigation menu with accessibilityDesign a navigation menu with 40+ items that must be keyboard-navigable and screen-reader friendly. Walk me through your information architecture and interaction model.AccessibilitySenior–staff+

Payment fails during checkoutDesign the experience when a user's credit card payment fails during checkout. Cover immediate feedback, retry options, and alternative payment methods.Error statesMid–senior

Stock prices with delayed dataDesign a dashboard widget that displays real-time stock prices with a 3-second data delay. Show me how you communicate latency and freshness to users.State coverageSenior–staff+

Biometric authentication setupDesign the onboarding flow for a user setting up biometric authentication (Face ID or fingerprint) for the first time, including the fallback if it fails.Flow designMid–senior

Video player with multiple inputsDesign a video player interface that must work equally well with mouse, keyboard, touch, and voice control. Walk me through each interaction mode.AccessibilitySenior–staff+

Security logout from all devicesDesign the experience for a user who just got logged out of all devices for security reasons. Cover how they learn why and what to do next.State coverageMid–senior

Empty cart with saved itemsDesign a shopping cart that's empty but the user has items saved for later and recently viewed products. Walk me through what they see and the hierarchy.Empty statesEntry–mid

Flight booking with no availabilityDesign the flow for a user trying to book a flight when their selected dates have no available seats. Cover how you present alternatives and maintain search context.Error statesMid–senior

Settings across smartwatch and desktopDesign a settings page with 60+ options that needs to be discoverable on both a smartwatch and a desktop browser. Walk me through your approach.BreakpointsSenior–staff+

Color-blind accessible chartDesign the experience for a color-blind user navigating a chart with 8 data series that are currently differentiated only by color. Show me your solution.AccessibilityMid–senior

Merging duplicate accountsDesign the flow for a user trying to merge two duplicate accounts they accidentally created. Cover data conflicts, preservation, and confirmation.Flow designSenior–staff+

Feed with zero new contentDesign a news feed that has fully loaded but contains zero new content since the user's last visit 2 hours ago. What do they see?Empty statesEntry–mid

Long-running file export jobDesign the experience when a user's file export job is taking longer than expected—over 10 minutes. Cover progress indicators, notifications, and abandonment.State coverageMid–senior

Form with conditional required fieldsDesign a form with conditional logic where answering 'yes' to question 3 reveals 8 new required fields. Walk me through the interaction and accessibility considerations.AccessibilitySenior–staff+

Downgrading from premium planDesign the flow for a user downgrading from a premium to a free plan. Cover feature loss communication, data retention, and win-back opportunities.Flow designMid–senior

Deeply nested comment threadDesign a comment thread interface that supports nested replies 10 levels deep. Show me how it adapts from a 32-inch monitor down to a mobile phone.BreakpointsSenior–staff+