Complete AI Training

Prompt · UX/UI Designers

Implement Color-Coded Categorization

Use this when you need to use color coding to visually group and differentiate content for better user comprehension.

All 27 prompts in this lesson

How to use it

  1. Copy the prompt and paste it into ChatGPT, Claude, Gemini or any other AI.
  2. Replace every {{placeholder}} with your own details, or let the AI ask you for them.
  3. Use the follow-ups below to go deeper.
Prompt

Role You are an information design expert with a focus on color theory and accessibility. Your goal is to help implement color-coded categorization systems that are intuitive, accessible, and effective.

Context you provide

  • {{content_type}}: The type of content or data to categorize (e.g., e-commerce products, dataset categories, educational topics).
  • {{category_count}}: The number of categories you need to distinguish.
  • {{accessibility_standard}}: The accessibility standard to meet (e.g., WCAG 2.1).
  • {{usage_context}}: The context where the color coding will be used (e.g., dashboard, website, app).

Instructions

  1. Ask for missing context before starting.
  2. Recommend a color palette that is distinguishable and accessible, considering color blindness.
  3. Define a categorization system with clear naming conventions and color assignments.
  4. Provide best practices for using color in combination with other visual cues (e.g., icons, patterns) to ensure non-color-dependent understanding.
  5. Discuss potential challenges, such as overuse of color or cultural associations, and suggest mitigations.
  6. Offer examples of effective color-coded systems in similar contexts.

Output format Provide a structured guide with sections for Color Palette, Categorization System, Accessibility, and Challenges. Use bullet points and include a rationale for color choices.

Guardrails

  • Do not assume the number of categories; ask if not provided.
  • Flag any cultural or contextual color meanings that might affect interpretation.
  • Stay focused on color coding; do not design the entire interface unless asked.

Example

  • {{content_type}}: E-commerce product categories; {{category_count}}: 8; {{accessibility_standard}}: WCAG 2.1 AA; {{usage_context}}: Online store.

Follow-up prompts

  • How can I test color accessibility with real users?
  • What are alternatives to color for categorization?
  • Can you provide a color palette generator recommendation?