Enrol to start learning
Reading is open to everyone. Enrolling is free, and it is what unlocks the audio lessons, practice tests and progress tracking.
10. Wireframes and Mockups
This section
Practice test
13 questions on this section. Wrong answers show you what to read again.
Sign up to take itWhole chapter
Revision test
Mixed questions from across the chapter. Your answers get marked.
Sign up to take itQuick
Flashcard drill
4 cards from this lesson. Good the night before a test.
Try these first
- 1.
What is a wireframe?
Hint
Think about blueprints and their functions.
- 2.
What is a mockup?
Hint
It involves colors and branding.
- 3.
What is a wireframe focused on?
- Visual design
- Layout and structure
- Final branding
Hint
Think about the foundational aspect of UI design.
- 4.
True or False: Mockups are low-fidelity representations of a user interface.
- True
- False
Hint
Remember the fidelity levels.
- 5.
Create a wireframe for a simple login page including username, password, and login button. Explain how your wireframe will guide the development team.
Hint
Focus on the layout, not design elements.
- 6.
Design a mockup for the checkout process of an online store. List the key components involved and justify the choices you made based on user experience.
Hint
Think about what users need most during checkout.
Exercises
Total Questions
2
Estimated Time
4 min
Passing Score
70%
Instructions
- Read each question carefully
- You can use hints if you need help
- Complete all questions before submitting
4 more questions available
Enrol freeQuiz
Total Questions
2
Estimated Time
4 min
Passing Score
70%
Instructions
- Read each question carefully
- You can use hints if you need help
- Complete all questions before submitting
3 more questions available
Enrol freeChallenge Problems
Total Questions
2
Estimated Time
4 min
Passing Score
70%
Instructions
- Read each question carefully
- You can use hints if you need help
- Complete all questions before submitting