10.3.2.5.2. Supports wireframes, mockups, and prototypes

Try these first

1. 1.

   Define what a wireframe is.

   Hint

   Think about the basic elements that make up a UI.

2. 2.

   What is the main purpose of a mockup?

   Hint

   Consider what details a mockup provides that a wireframe does not.

3. 3.

   What is a wireframe?

   • High-fidelity design
   • Low-fidelity layout
   • Full-color design

   Hint

   Think about the fidelity level associated with a wireframe.

4. 4.

   True or False: Mockups are primarily used in the early design phase.

   • True
   • False

   Hint

   Consider the purpose and timing of each type of visual.

5. 5.

   You are tasked with developing a new e-commerce platform. Design a wireframe for the homepage, focusing on layout and navigation elements that enhance user experience.

   Hint

   Consider user flow and how the layout enables efficient navigation.

6. 6.

   Create a mockup of a user profile page for a social media application, incorporating visual elements that reflect modern design principles.

   Hint

   Focus on aesthetics and ensure the mockup aligns with brand guidelines.