An electric car maker is redesigning the touchscreen in the middle of the dashboard. Design what the driver sees and does while driving, for navigation, charging, calls and music, so that no glance takes more than two seconds.
Everyday drivers on city roads and highways, often with a passenger. Some drive at night, some in bright sun, most with one hand on the wheel.
Start the timer and think out loud, like you would with an interviewer.
45-minute interview
One clock for the whole interview. Each phase fills up as time passes.
45:00left
Each prompt gives the AI a role, the whole brief, every edge case and a palette. AI drafts, you decide.
Best for a clickable prototype, fast.
ROLE You are a senior product designer building a high-fidelity, clickable car display prototype for a UX design interview. Make design decisions a hiring manager would respect, and keep the scope to the brief. THE CHALLENGE Eyes on the road: An electric car maker is redesigning the touchscreen in the middle of the dashboard. Design what the driver sees and does while driving, for navigation, charging, calls and music, so that no glance takes more than two seconds. THE USER Everyday drivers on city roads and highways, often with a passenger. Some drive at night, some in bright sun, most with one hand on the wheel. MUST-HAVES - Navigation readable in one glance - Know if there's enough charge to get there - Answer or decline a call safely - Control music and climate without hunting EDGE CASES (every one must be handled) - The battery is too low for the trip - A call comes in right before a turn - A passenger wants to use the screen while the car moves - Driving at night, or in direct sunlight - The car is parked, so more is allowed SCREENS TO BUILD 1. Driving (1280×720): the main screen while driving with navigation on 2. Something happens (1280×720): a moment that needs attention: low battery, or a call before a turn Link them so the main flow is clickable end to end. Show each edge case as a real state (an error, a warning, an empty state or a confirmation), not as a note. VISUAL STYLE - Night #0C0F12: the background, to avoid glare at night - Lime #D4F25C: the route and the one main action - Panel #161B20: cards - Ink #F3F5F7: text, never smaller than 20 px - Amber #FFB547: warnings like low battery - Type: one clean sans-serif. One clear hero (a title or a number) per screen, then a clear order of importance. - Spacing: an 8-point grid, generous margins, touch targets of at least 44 px. - Accessibility: text contrast of at least 4.5:1, labels on every input, never colour alone to carry meaning. CONTENT Use realistic content: an electric car in Bengaluru, Outer Ring Road, a charging station at Hebbal, battery in %, distances in km, and music by A. R. Rahman. No lorem ipsum. DON'T - Don't add features the brief doesn't ask for. - Don't use more than one primary button per screen.
2 strong answers, each with its own look and reasoning. Try it yourself first.
Done designing?
Compare your screens with 2 different solutions, decision by decision.