A cooking app is coming to a mixed-reality headset. Design how it guides someone through a recipe in their own kitchen, when their hands are wet, busy or holding a knife, and their eyes need to stay on what they're doing.
Home cooks trying a new recipe on a weeknight, standing at the counter, sometimes with kids around, never wanting to touch anything with messy hands.
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 mixed reality (xr) prototype for a UX design interview. Make design decisions a hiring manager would respect, and keep the scope to the brief. THE CHALLENGE Cook with your hands full: A cooking app is coming to a mixed-reality headset. Design how it guides someone through a recipe in their own kitchen, when their hands are wet, busy or holding a knife, and their eyes need to stay on what they're doing. THE USER Home cooks trying a new recipe on a weeknight, standing at the counter, sometimes with kids around, never wanting to touch anything with messy hands. MUST-HAVES - See the current step without looking away from the food - Move between steps without touching anything - Run timers for several things at once - Never block the cook's view of their hands, the knife or the flame EDGE CASES (every one must be handled) - Hands are near a hot pan or a sharp knife - Two timers finish at the same time - The kitchen is noisy, so voice commands are missed - The cook walks away mid-step to answer the door - The headset can't recognise an ingredient or a pan SCREENS TO BUILD 1. Step (1280×800): the view through the headset while the cook follows a step 2. Heads up (1280×800): a busy or risky moment: a hot pan, two timers, or a missed command 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 - Teal #0F6E73: the brand, progress and voice hints - Glass #EEF7F6: floating panels, so the kitchen still shows through - Ink #0B2E30: text on panels, at least 24 px equivalent - Warning orange #B54708: heat and sharp-object warnings only - 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 Indian weeknight recipe (dal tadka) with onions, ghee and cumin, a chopping board, a pan and a stove. 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.