Whiteboard design questions.

77 whiteboard designquestions from the bank — open to read. Pick one and practice it out loud; a coach note comes back in seconds.

Learn the ideas first

All 77 questions

Design the flow for a user signing up for a new product they've never heard of, on mobile.Flow designEntry–seniorDesign the flow for booking a restaurant reservation. Cover the empty, loading, error, and success states.State coverageMid–seniorDesign a payment flow that fails 5% of the time. Walk me through how the error states feel and recover.Error statesMid–seniorDesign the experience for a brand-new user who's just opened a chat product but has zero conversations or contacts.Empty statesMid–seniorDesign a multi-step form flow that's friendly for screen readers without sacrificing the visual design.AccessibilitySenior–staff+Design the flow for canceling a paid subscription gracefully, without making users hate you on the way out.Flow designSenior–leadershipDesign a dashboard that's used both on a 27-inch monitor and on a 6-inch phone. Walk me through what changes.BreakpointsMid–seniorDesign a flow for switching between user accounts inside a product. Cover sign-in, sign-out, and the in-between state.State coverageMid–seniorDesign 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+Design what a freshly created Slack-like workspace looks like before any messages, channels, or members.Empty statesMid–seniorDesign the flow for a user setting up two-factor authentication for the first time.Flow designMid–seniorDesign the flow for uploading a file that may take several minutes. Cover progress, success, failure, and pause.State coverageMid–seniorDesign a date-range picker that works well for keyboard users.AccessibilityMid–seniorDesign the flow for redeeming a gift card on an e-commerce site.Flow designEntry–midDesign the experience for a user who's trying to make a payment with an expired card. Walk me through every nudge.Error statesMid–seniorDesign an empty state for a notes app where the user has created zero notes after a week of having the app.Empty statesMid–seniorDesign the flow for inviting teammates to collaborate in a product. Cover both the inviter and invitee sides.Flow designMid–seniorDesign the flow for changing a primary email address on an account.State coverageMid–seniorDesign a mobile flow that works well for users with one-handed use during commutes.AccessibilityMid–seniorDesign the flow for a user who needs to delete a single record but also wants to undo the deletion within 30 seconds.Flow designMid–seniorDesign the experience for a user who hits a rate limit on an API-driven feature mid-task.Error statesSenior–staff+Design the home screen for a returning user who hasn't opened the app in 60 days.Empty statesMid–seniorDesign a long-form data table that works well for users on a screen reader.AccessibilitySenior–staff+Design the experience for a user splitting a bill among friends after a meal.Flow designMid–seniorDesign the flow for a user transferring funds between two of their own accounts. Cover instant and delayed paths.State coverageMid–seniorDesign the experience for a video-call user whose internet connection becomes unstable mid-call.Error statesSenior–staff+Design the flow for adding a payment method that's verified via micro-deposits.Flow designMid–seniorDesign what an admin sees the first time they open a B2B product that hasn't been configured yet.Empty statesMid–seniorDesign a search-and-filter interface that's usable without a mouse or trackpad.AccessibilitySenior–staff+Design the flow for a user upgrading from a free to paid plan mid-task without losing their work.Flow designMid–seniorDesign the flow for a user creating their first password when signing up. Walk me through validation feedback, strength indicators, and confirmation.Flow designEntry–midDesign 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–midDesign the error message and recovery flow for a user who enters an incorrect verification code three times in a row.Error statesEntry–midDesign what a user sees when they open a photo gallery app for the first time with no photos uploaded yet.Empty statesEntry–midDesign a toggle switch component that clearly communicates its on/off state to users who rely on screen readers.AccessibilityEntry–midDesign a navigation menu that works on both desktop (wide screen) and mobile (narrow screen). What changes between the two?BreakpointsEntry–midDesign 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–midDesign 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–midDesign 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–midDesign a dropdown menu that can be navigated and selected using only the keyboard. Explain what happens at each key press.AccessibilityEntry–midDesign 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–seniorDesign 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+Design 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–seniorDesign how an AI-generated answer presents its sources so a skeptical user can verify a specific claim in under ten seconds.Flow designMid–seniorDesign 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+Design 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–seniorDesign 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–seniorDesign 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+Design a long government-benefits application form for a phone with intermittent connectivity. Cover autosave, resuming days later, and the submission moment.State coverageMid–seniorA 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–midDesign 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–seniorDesign 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–seniorDesign 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–midDesign 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–seniorDesign 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–seniorDesign a search results page that returns zero matches. Walk me through how you help the user recover and find what they need.Empty statesEntry–midDesign 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–seniorDesign a data table with 20 columns that needs to work on desktop, tablet, and mobile. Walk me through your responsive strategy.BreakpointsMid–seniorDesign the experience for a user trying to delete their account when they still have active subscriptions, pending orders, or shared content.Flow designSenior–staff+Design 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–midDesign 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–seniorDesign 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+Design the experience when a user's credit card payment fails during checkout. Cover immediate feedback, retry options, and alternative payment methods.Error statesMid–seniorDesign 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+Design 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–seniorDesign a video player interface that must work equally well with mouse, keyboard, touch, and voice control. Walk me through each interaction mode.AccessibilitySenior–staff+Design 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–seniorDesign 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–midDesign 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–seniorDesign 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+Design 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–seniorDesign the flow for a user trying to merge two duplicate accounts they accidentally created. Cover data conflicts, preservation, and confirmation.Flow designSenior–staff+Design 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–midDesign 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–seniorDesign 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+Design 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–seniorDesign 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+