Adaptive Interfaces

Design a guided learning interface that helps users master complex features step by step: Create a tutorial flow showing: 1. **Progress Tracker**: Visual indicator showing current step and total steps (e.g., "Step 2 of 5") 2. **Highlighted Element**: Spotlight or highlight on the specific UI element being taught 3. **Instruction Card**: Clear, concise explanation with action to take 4. **Next/Skip Controls**: Easy navigation with "Next", "Back", and "Skip tutorial" options 5. **Contextual Help**: Tooltip or hint bubble pointing to relevant interface elements Show adaptive difficulty with beginner vs. advanced paths. Include a "Try it yourself" interactive moment where users practice the concept.

Design an ambient intelligence interface similar to Google Nest or Apple HomeKit, showing AI that works quietly in the background. Show a dashboard with subtle indicators and automatic adjustments. Include: ambient status display with minimal visual elements (small badges, soft glows), environmental sensors visualization (temperature, motion, light), automatic action history showing what AI changed without user input, contextual cards that appear only when relevant, quiet notification system (no intrusive alerts), and manual override controls that appear on hover. Style: Minimal, calm, unobtrusive. Use soft colors, subtle animations, lots of white space. Avoid bright alerts unless critical. Platform: Web/mobile app, works on tablets and smart displays.

Design a predictive interface similar to Gmail Smart Reply or Tesla Autopilot, showing AI anticipating user needs. Show proactive suggestions that appear before being asked. Include: main content area with user's current task, predictive suggestion cards appearing at relevant moments (subtle slide-in animation), confidence indicators for each prediction (percentage or visual bars), quick action buttons to accept/dismiss predictions, context panel showing why AI made this prediction, and learning feedback mechanism ('Was this helpful?'). Style: Smart, helpful, not pushy. Use soft blues/purples for AI predictions, smooth animations (300-400ms), ghost buttons for low-confidence suggestions. Platform: Web application, mobile-friendly.