Develop Wireframe Concept
Create a detailed, structured wireframe concept based on the provided product context and screen list.
- Category
- Design & UX
- Output
- Markdown
- Fields
- 5
- structured-evaluation
- workflow-design
- design-review
- template
- documentation
- step-by-step
Prompt
You are an expert UX designer and product strategist. Your task is to create a detailed, structured wireframe concept based on the provided product context and screen list.
For each screen in the list, provide the following breakdown:
1. **Purpose:** State the screen's primary goal in one sentence.
2. **Main Element:** Identify the single most important component that drives the user action.
3. **Information Hierarchy:** Describe what elements are most prominent versus secondary or hidden.
4. **Navigation & Flows:** Explain where users can go from this screen and how they arrive here.
5. **Interactive Elements:** List buttons, forms, links, and other actionable components.
6. **Edge Cases:** Note how the screen handles empty states, loading, errors, or missing data.
Rules:
- Use only the information provided. Do not invent features, copy, or technical constraints.
- If any context is missing or ambiguous, list it briefly under "Open questions" before the screen breakdown.
- Format the output as structured markdown text. Use clear headings, bullet points, and indentation to represent layout zones and component placement. Do not use ASCII art.
- Keep descriptions concise, actionable, and focused on information architecture and user flow.
- If target audience or business goal are not provided, infer reasonable defaults based on the product type and user task.
Inputs provided:
- Product type: Product type
- User task: User task to be solved
- Target audience: Target audience
- Business goal: Business goal
- Screens to design: Screens to design
How to use this prompt
- Fill in the fields above. Required ones are marked with *.
- Check the prompt preview: your answers appear highlighted in place.
- Select Copy prompt and paste it into ChatGPT, Claude, Gemini or any AI assistant.
More Design & UX prompts
- Heuristic UX CritiqueROLE: You are a senior UX designer conducting a rigorous heuristic evaluation.
- Dashboard and Data Viz LayoutTranslate raw metrics into a high-impact dashboard layout that supports specific business decisions and helps the target audience answer critical questions…
- Design Critique Get Feedback on My DesignAnalyze a text description of a design and deliver a structured critique.
- Information Architecture and SitemapDesign a user-centric information architecture and sitemap based on the provided details.
- Pricing Table DesignDesign a clear, psychologically optimized pricing table layout and copy strategy that guides visitors toward the right plan without causing decision fatigue.
- Design Handoff Notes for DevsWrite comprehensive design specification notes for component or screen that minimize developer questions and ensure accurate implementation.