21 days ago

UI/UX wireframe for a quiz/exercise screen in an educational app. **Layout:** A single, focused view to minimize distractions. **Components:** - Top Bar: - Question progress indicator (e.g., "Question 5/20"). - A visual progress bar. - A countdown timer on the right. - Main Content: - The question text area, clearly displayed. - For a multiple-choice question: A list of 4 options, each with a radio button (A, B, C, D). - For a fill-in-the-blank question: A text input field. - Bottom Section: - A prominent "Submit Answer" button. - A "Skip Question" button (optional, less prominent). - After submitting, an explanation box should appear below the options, showing the correct answer and a detailed explanation. **Style:** Minimalist, clean, and highly functional. Focus on readability and clarity. The color green should be used for correct answers and red for incorrect ones.

Fork

Windframe is an AI visual editor for rapidly building stunning web UIs & websites

Start building stunning web UIs & websites!

Build from scratch or select prebuilt tailwind templates