10.4. Wireframe vs Mockup Summary

Try these first

1. 1.

   What is a wireframe?

   Hint

   Think about how wireframes differ from high-fidelity designs.

2. 2.

   Name one tool used to create mockups.

   Hint

   Consider what tools you have seen in professional settings.

3. 3.

   What type of representation is a wireframe?

   • High-fidelity
   • Low-fidelity
   • Interactive

   Hint

   Consider the detail involved when designing.

4. 4.

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

   • True
   • False

   Hint

   Think about the stages when each is used.

5. 5.

   Craft an example of a project where wireframes might cause confusion if not used correctly. Discuss potential pitfalls.

   Hint

   Consider the communication gaps that can arise without clear layouts.

6. 6.

   Design a UX workflow for a mobile app using both wireframes and mockups. Describe how they would function in both stages.

   Hint

   Think about the steps from conceptualization to final presentation.