10.3.1.3.3. Built-in templates for common screens

Try these first

1. 1.

   What is a wireframe?

   Hint

   Think about what the layout represents.

2. 2.

   Name one advantage of using templates in UI design.

   Hint

   Consider the role of templates in workflow.

3. 3.

   What is the main purpose of templates in wireframing?

   • To enhance visual appeal
   • To save time
   • To limit creativity

   Hint

   Think about efficiency in the design process.

4. 4.

   True or False: Mockups are lower fidelity than wireframes.

   • True
   • False

   Hint

   Remember the definitions of both terms.

5. 5.

   Design a wireframe for a mobile app landing page using Balsamiq. What elements will you include, and why?

   Hint

   Think of what captures attention and drives action.

6. 6.

   Analyze a mockup created in Figma. Identify its strengths and weaknesses compared to a wireframe.

   Hint

   Compare and contrast visual fidelity and usability.