10.4.4. Tools

Try these first

1. 1.

   Define what a wireframe is.

   Hint

   What does it primarily visualize?

2. 2.

   What is one characteristic of a mockup?

   Hint

   Think about how it looks compared to a wireframe.

3. 3.

   What is a wireframe?

   • A high-fidelity design
   • A low-fidelity layout
   • An interactive prototype

   Hint

   Focus on fidelity type.

4. 4.

   True or False: Mockups focus on the layout structure of a page.

   • True
   • False

   Hint

   Think about what each type primarily represents.

5. 5.

   You are tasked with developing an app aimed at enhancing user productivity. Decide what type of visual aid you would begin with, wireframe or mockup, and explain your reasoning.

   Hint

   Consider the early stages of a project.

6. 6.

   Imagine you're presenting a design to stakeholders. What problems might arise if you present a mockup without a wireframe? Discuss the implications.

   Hint

   What do wireframes provide that mockups lack?