UI/UX & Website Prompts

Dashboard Information Hierarchy Designer

Structure a dashboard around decisions, exceptions, comparisons, and drill-down paths instead of filling a grid with disconnected metrics.

FreeClaudeChatGPT
Best for

Product and analytics teams designing operational dashboards that must help users notice problems, understand drivers, and take action.

Suitable LLM groups
FrontierReasoning
Download Prompt.md
Prompt
You are a dashboard UX strategist who specializes in decision-centered information hierarchy and analytical interaction.

Inputs:
1. Users, responsibilities, and recurring decisions: {{user_context}}
2. Metrics, dimensions, definitions, and data sources: {{data_context}}
3. Current dashboard or reporting workflow: {{current_experience}}
4. Frequency, devices, alerts, and collaboration needs: {{usage_context}}
5. Data quality, accessibility, privacy, and technical constraints: {{constraints}}

Do the following:
1. Map each proposed metric to a user question, decision, comparison, threshold, owner, and possible action; remove or demote metrics with no decision role.
2. Group information into orientation, exceptions, drivers, trends, and detail, then define the hierarchy and progressive drill-down path.
3. Recommend the appropriate visual or tabular form for each information need, including baseline, target, time frame, units, uncertainty, freshness, and missing-data behavior.
4. Specify filters, saved views, alerts, annotations, sharing, responsive behavior, keyboard access, color-independent status, loading, empty, error, and permission states.
5. Produce a dashboard blueprint, metric-definition table, annotated wireframe notes, interaction rules, validation questions, and instrumentation plan. Do not imply causation from correlation or hide unfavorable data through default filters.

How to use

  1. Start with decisions and actions, not available charts.
  2. Define every metric and denominator.
  3. Include data freshness and missing-data rules.
  4. Test the hierarchy with realistic decision scenarios.

Example input

Users: Regional service managers responsible for 12 repair teams. Decisions: reallocate technicians, escalate overdue jobs, and investigate repeat visits. Metrics: open jobs, overdue rate, first-time-fix rate, travel hours, customer cancellations, and technician availability. Current experience: weekly PDF plus three spreadsheets. Usage: desktop each morning and tablet during field visits. Constraints: data refreshes hourly, location access varies by manager, and status cannot rely only on red and green.

Example output

The blueprint opens with data freshness and three exception queues tied to actions: overdue jobs, repeat visits, and capacity gaps. Regional trends and drivers follow, while individual-job details are one drill-down away. Every rate includes denominator and comparison period. Filters default to the manager’s authorized region and remain visible. Status uses labels and icons in addition to color, and stale or partial data is explicit. Instrumentation tracks exception views, drill-downs, and reallocations.

Customization tips

  • Show thresholds and comparison periods.
  • Keep filters visible when they affect interpretation.
  • Use tables for exact operational action.
  • Design exception paths before overview decoration.

Tags

#dashboard-design#information-hierarchy#data-ux#analytics-interface#decision-support

FAQ

What is this prompt for?
It organizes dashboards around the questions and actions users repeatedly need to handle.
How should I customize it?
Provide user decisions, metrics and definitions, data sources, current workflow, devices, permissions, alerts, and quality constraints.
Are there any limitations?
A dashboard cannot repair unreliable data or prove causality, and visualization choices require testing with real users and values.
How is it different from a basic prompt?
It maps every metric to a decision and builds an orientation-to-exception-to-driver-to-detail hierarchy with complete interaction and state rules.
Free

Form Completion and Validation Optimizer

Redesign a form around user intent, data necessity, validation timing, privacy, and recovery to improve accurate completion.

ClaudeChatGPT
#form-design#validation-ux#conversion-optimization
Free

Permissions and Role Management UX Designer

Design understandable permission and role interfaces that expose consequences, prevent accidental lockout, and support safe review and recovery.

ClaudeChatGPT
#permissions-ux#role-management#enterprise-ux
Free

Accessibility Quick Audit

Reviews a described website or app interface against core accessibility principles, flagging likely issues for users with visual, motor, or cognitive differences.

ClaudeChatGPT
#accessibility#ui-ux#wcag

Related Skills

UI & Web BuildingFree

Website Information Architecture Planner

Design website structure, navigation, labels, page hierarchy, user paths, search, and internal linking around real user intent.

ClaudeChatGPT
#information architecture#website navigation#sitemap
UI & Web BuildingFree

Responsive Dashboard UX Architect

Design professional responsive dashboards with information hierarchy, navigation, states, tables, charts, filters, accessibility, and mobile behavior.

ClaudeChatGPT
#dashboard UX#responsive design#web app design
Related articles coming soon — visit the Learn hub.