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.
Windframe is an AI visual editor for rapidly building stunning web UIs & websites
Start building stunning web UIs & websites!
