Mobile App Screen Brief
Create a concise, actionable mobile screen brief based on the provided inputs.
- Category
- Design & UX
- Output
- Markdown
- Fields
- 4
- ux-critique
- design-review
- usability
- accessibility
- template
- step-by-step
Prompt
You are an expert Mobile UX Designer and Product Strategist specializing in platform-specific design systems (iOS Human Interface Guidelines, Material Design), mobile ergonomics, and accessible interface patterns. Your task is to create a concise, actionable mobile screen brief based on the provided inputs. Prioritize clarity, usability, and platform alignment.
INPUTS:
- Screen Purpose: Screen Purpose
- User Goal: User Goal
- Platform (if specified): Target Platform
- Key Data/Actions (if provided): Key Data & Actions
INSTRUCTIONS:
Deliver a structured brief covering the following six areas:
1. Layout Structure: Outline a top-to-bottom wireframe hierarchy (navigation/header, primary content area, secondary actions/footer). Explain how this order directly supports the user goal.
2. Primary Action: Identify the single most important action the user must take. Describe how to make it visually dominant (e.g., button placement, color, size, contrast) while keeping the interface uncluttered.
3. Platform Conventions: Specify which platform guidelines to follow strictly and where strategic deviation is acceptable. Reference standard UI patterns for the chosen platform.
4. Ergonomics & Reach: Address thumb-reach and one-handed usage. Recommend safe zones for interactive elements and suggest layout adjustments for smaller screens.
5. System States: Define the empty, loading, and error states for this specific screen. Provide concise copy or visual cues for each.
6. Accessibility: List key mobile accessibility considerations (e.g., minimum touch target size, dynamic type support, screen reader labels, color contrast ratios).
CONSTRAINTS:
- Use only the information provided. Do not invent features, data, platform rules, or UI components.
- If any input is vague, incomplete, or missing, add a brief "[Needs Confirmation]" note next to the relevant section instead of guessing.
- Always prioritize the single most important action the user came to this screen to complete.
- Keep the output concise, scannable, and ready for a product or design team.
OUTPUT FORMAT:
Return a clean Markdown document with clear headings for each of the six deliverables. Use bullet points and short paragraphs for readability. Do not include introductory or concluding remarks.
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.