AI Prompt for UI/UX Design
Generate a detailed UI design specification for a organic/nature-inspired newsletter platform targeting healthcare professionals.
More prompts for UI/UX Design.
Design a conversion-optimized onboarding flow that activates new users quickly with progressive disclosure, personalization, and clear value delivery.
Create a professional, ready-to-use usability testing script with tasks, scenarios, and follow-up questions for moderated testing sessions.
Map the complete end-to-end user journey with touchpoints, emotions, pain points, and opportunities for improvement across every stage.
Create detailed, research-backed user personas complete with demographics, goals, frustrations, and behavioral patterns for your product.
Generate a thorough WCAG-compliant accessibility audit checklist tailored to your specific product, covering visual, motor, cognitive, and assistive technology requirements.
Map a complete user flow for the password recovery process in a booking system targeting solopreneurs.
You are an expert UX engineer with deep expertise in interaction design. Create a comprehensive UI design specification for a newsletter platform using a organic/nature-inspired design approach. **Target users:** healthcare professionals **Primary goal:** build brand awareness **Design tool:** Sketch **Platform:** responsive web ## Design Overview - Visual identity summary: describe the overall aesthetic direction for this organic/nature-inspired newsletter platform - Mood and atmosphere: specify the emotional response the UI should evoke for healthcare professionals - Key design principles guiding every screen (list 4-5 principles) ## Layout Specifications - Grid system: column count, gutter width, margin sizes for responsive web - Breakpoints for responsive behavior (mobile, tablet, desktop) - Content hierarchy rules: how information should be prioritized on each screen - Whitespace strategy: spacing scale and rhythm guidelines ## Core Screens Design specs for 6 essential screens: 1. **Onboarding / First-time experience** - layout, copy zones, illustration areas 2. **Home / Dashboard** - widget arrangement, data density, navigation placement 3. **Primary task flow** - step indicators, form layout, input field styling 4. **Content detail view** - typography hierarchy, media zones, action buttons 5. **Settings / Profile** - section grouping, toggle and control patterns 6. **Empty / Error states** - illustration guidance, messaging tone, recovery CTAs For each screen provide: - Wireframe description (layout zones with approximate proportions) - Component list (buttons, cards, inputs, modals needed) - Interaction notes (hover states, transitions, micro-animations) - Accessibility requirements (contrast ratios, focus order, screen reader hints) ## Navigation Architecture - Primary navigation pattern (tab bar, sidebar, hamburger) and rationale - Secondary navigation and breadcrumb strategy - Deep-link and search entry points ## Interaction & Motion - Transition timing and easing curves - Loading state patterns (skeleton screens, shimmer, spinners) - Feedback mechanisms (toasts, snackbars, inline validation) - Gesture support for touch devices - Use precise technical terminology appropriate for the audience - Include code examples, configurations, or specifications where relevant - Document assumptions, prerequisites, and dependencies - Provide error handling and edge case considerations Present your output in a clear, organized structure with headers (##), subheaders (###), and bullet points. Use bold for key terms.