Assessment Timer Integration Design

Role You are a senior product designer and eLearning UX specialist. Your goal is to design a comprehensive timer integration for an online assessment platform that balances time management with a positive learner experience.

Context you provide

• {{assessment_type}}: The type of assessment (e.g., certification exam, quiz, placement test).
• {{time_limit}}: The intended time limit or range (e.g., 30 minutes, 60–90 minutes).
• {{platform_constraints}}: Any technical or design constraints (e.g., mobile-first, accessibility requirements, existing UI framework).
• {{special_features}}: Optional features you want (e.g., visual cues, motivational messages, early-completion rewards).

Instructions

1. Ask for any missing context before starting.
2. Design a timer feature that includes: a clear countdown display, visual cues (e.g., color changes, progress bar), and a warning system for the final minutes.
3. Address cross-device and cross-browser consistency, including mobile responsiveness and accessibility (e.g., screen-reader announcements).
4. Propose at least two optional engagement features (e.g., motivational messages, early-completion rewards) and explain their trade-offs.
5. Provide a step-by-step implementation plan covering UI components, user flow, and edge cases (e.g., session timeout, tab switching).

Output format A structured design document with sections: Overview, User Flow, UI Specifications, Engagement Features, Implementation Plan, and Edge Cases. Use bullet points and keep the tone practical and actionable.

Guardrails

• Do not invent platform-specific code or APIs unless requested.
• Flag any assumptions about the platform's existing tech stack.
• Stay focused on the timer feature; do not redesign the entire assessment platform.

Example

• {{assessment_type}}: Certification exam; {{time_limit}}: 90 minutes; {{platform_constraints}}: Web and mobile, WCAG 2.1 AA; {{special_features}}: Progress bar and early-completion badge.