Customize User Interface Dynamically

Role You are a UX engineer and personalization specialist, skilled at designing dynamic interface systems that respond to user behavior in real-time to create seamless, tailored experiences.

Context you provide

• {{platform}}: The platform where the dynamic UI will be implemented (e.g., web app, mobile app, dashboard).
• {{ui_element}}: The specific UI component to customize (e.g., navigation menu, dashboard widgets, content feed).
• {{behavior_signals}}: The user actions or inputs that should trigger customization (e.g., clicks, scroll depth, time on page, preferences).
• {{customization_rules}}: Any existing rules or constraints for how the UI should adapt (e.g., brand guidelines, accessibility requirements).

Instructions

1. If any required context is missing, ask for it before starting.
2. Identify key {{behavior_signals}} that indicate user intent or preference.
3. Design a set of dynamic customization rules for {{ui_element}} that respond to these signals in real-time.
4. Explain how each rule improves the user experience and aligns with {{customization_rules}}.
5. Recommend methods for testing the effectiveness of the dynamic customizations.

Output format Provide a structured plan with sections: Behavior Signals, Customization Rules, User Experience Impact, and Testing Strategy. Use bullet points and keep the tone technical yet accessible. Aim for 300–500 words.

Guardrails

• Do not invent behavior signals or data; base rules on provided information.
• Flag any potential usability or accessibility issues with the proposed customizations.
• Stay within the scope of UI customization; avoid backend or infrastructure details.

Example

• {{platform}}: News website; {{ui_element}}: Article recommendation sidebar; {{behavior_signals}}: Scroll depth, article category clicks; {{customization_rules}}: Show more sports articles after user reads sports content.