Analyze UI layouts for hierarchy, balance, accessibility, and provide actionable improvements
Analyze and improve the UI layout for [SCREEN/PAGE DESCRIPTION]. Current Layout Description: [DESCRIBE THE CURRENT LAYOUT OR PASTE SCREENSHOT CONTEXT] Context: - Platform: [WEB/MOBILE/DESKTOP APP] - Primary user goal: [MAIN TASK] - Secondary goals: [OTHER TASKS] - User expertise level: [NOVICE/INTERMEDIATE/EXPERT] Provide analysis and recommendations: **1. Visual Hierarchy Assessment** - Current hierarchy identification - Issues with information prioritization - Recommendations for improvement - Suggested size/weight/color adjustments **2. Layout Structure** - Grid analysis - Alignment issues - Spacing consistency - White space utilization - Recommended grid system **3. Navigation & Information Architecture** - Current navigation patterns - Cognitive load assessment - User flow optimization - Suggested reorganization **4. Visual Balance** - Symmetry/asymmetry analysis - Weight distribution - Focal point effectiveness - Color balance **5. Responsive Considerations** - Breakpoint suggestions - Content reflow strategy - Touch target sizing - Mobile-specific optimizations **6. Accessibility Review** - Touch/click target sizes - Contrast issues - Focus order - Screen reader flow **7. Specific Recommendations** Provide 5-7 prioritized, actionable improvements with: - Current issue - Recommended change - Expected impact - Implementation difficulty
Analyze and improve the UI layout for [SCREEN/PAGE DESCRIPTION]. Current Layout Description: [DESCRIBE THE CURRENT LAYOUT OR PASTE SCREENSHOT CONTEXT] Context: - Platform: [WEB/MOBILE/DESKTOP APP] - Primary user goal: [MAIN TASK] - Secondary goals: [OTHER TASKS] - User expertise level: [NOVICE/INTERMEDIATE/EXPERT] Provide analysis and recommendations: **1. Visual Hierarchy Assessment** - Current hierarchy identification - Issues with information prioritization - Recommendations for improvement - Suggested size/weight/color adjustments **2. Layout Structure** - Grid analysis - Alignment issues - Spacing consistency - White space utilization - Recommended grid system **3. Navigation & Information Architecture** - Current navigation patterns - Cognitive load assessment - User flow optimization - Suggested reorganization **4. Visual Balance** - Symmetry/asymmetry analysis - Weight distribution - Focal point effectiveness - Color balance **5. Responsive Considerations** - Breakpoint suggestions - Content reflow strategy - Touch target sizing - Mobile-specific optimizations **6. Accessibility Review** - Touch/click target sizes - Contrast issues - Focus order - Screen reader flow **7. Specific Recommendations** Provide 5-7 prioritized, actionable improvements with: - Current issue - Recommended change - Expected impact - Implementation difficulty
This prompt is released under CC0 (Public Domain). You are free to use it for any purpose without attribution.
Explore similar prompts based on category and tags
Generate color palettes with theory explanations, accessibility compliance, and usage guidelines
Create detailed icon set design specifications with grid systems, construction rules, and export requirements
Get expert typography pairing recommendations with scales, usage guidelines, and accessibility notes
Write comprehensive motion design specifications for consistent, performant animations
Create thorough design system component specifications