10.5.1. Start with wireframes, then progress to mockups once layout is approved.

Try these first

1. 1.

   What is a wireframe?

   Hint

   Think about what 'low-fidelity' means.

2. 2.

   Name one tool used for creating wireframes.

   Hint

   Which one is beginner-friendly?

3. 3.

   What do wireframes primarily focus on?

   • Visual design and branding
   • Structure and layout
   • User interaction

   Hint

   Think about the main purpose of wireframes.

4. 4.

   True or False: Mockups should include color and detailed UI elements.

   • True
   • False

   Hint

   What distinguishes a mockup from a wireframe?

5. 5.

   You are tasked with designing a new mobile app. Describe your process starting with wireframes to mockups and how to engage stakeholders.

   Hint

   Consider the feedback loop and involvement of stakeholders.

6. 6.

   Analyze a scenario where relying solely on high-fidelity mockups before stakeholder approval leads to project delays.

   Hint

   What happens when stakeholders are not consulted during the wireframe phase?