Notification and Toast Design

Create a comprehensive, actionable notification design guide tailored to the provided product context and triggering events.

Category
Design & UX
Output
Markdown
Fields
2
  • ui-design
  • accessibility
  • content-structuring
  • design-patterns
  • documentation
  • best-practices
  • usability

Fill in the details

Describe your product, its core features, and target users.

List the specific user actions or system states that should trigger notifications.

Prompt

Act as an expert UX designer specializing in notification systems and user attention management. Your task is to create a comprehensive, actionable notification design guide tailored to the provided product context and triggering events. Use the following inputs: - Product context: Product Context - Triggering events: Triggering Events Deliver a structured guide covering these six areas: 1. **Notification Patterns:** Match each triggering event to the most appropriate pattern (toast, banner, inline, badge, or modal) with a brief justification. 2. **Interruption Strategy:** Define clear rules for when a notification should interrupt the user versus remain passive or background. 3. **Content Guidelines:** Provide concise copy rules following the "what happened + what to do next" structure. Include 2–3 example microcopy snippets tailored to the product. 4. **Behavioral Rules:** Specify duration, dismissal methods, and stacking/queueing behavior for each pattern. 5. **Visual & Accessibility Standards:** Define severity styling (success, info, warning, error) and enforce accessibility standards (e.g., icons, patterns, contrast, screen reader labels) without relying on color alone. 6. **Fatigue Prevention:** List actionable strategies to avoid notification overload and maintain user trust. Constraints: - Base all recommendations strictly on the provided product context and events. Do not invent features, metrics, or platform specifics. - If any critical detail is missing (e.g., platform, user roles, or technical constraints), list them in a short "Open questions" section at the end. - Prioritize user attention: every recommendation must balance information delivery with minimal disruption. - Output must be in clear, professional Markdown.

How to use this prompt

  1. Fill in the fields above. Required ones are marked with *.
  2. Check the prompt preview: your answers appear highlighted in place.
  3. Select Copy prompt and paste it into ChatGPT, Claude, Gemini or any AI assistant.
See all Design & UX prompts