10.1.4. Used In

Try these first

1. 1.

   What is a wireframe?

   Hint

   Think of an architectural blueprint.

2. 2.

   Name one tool used for wireframing.

   Hint

   It's known for a hand-drawn look.

3. 3.

   What is the primary use of wireframes?

   • Final product representation
   • Outlining structure and layout
   • Color and branding exploration

   Hint

   What shoudn't a wireframe be concerned with?

4. 4.

   True or False: Mockups are created before wireframes in the design process.

   • True
   • False

   Hint

   Which comes first in early stages - structure or appearance?

5. 5.

   You are tasked with designing a new mobile app for a travel agency. Create a wireframe for the app's landing page, focusing on navigation.

   Hint

   Start simple and maintain focus on user flow.

6. 6.

   Using a mockup tool, design a high-fidelity mockup for the same landing page, ensuring to incorporate branding, colors, and layout features.

   Hint

   Incorporate user feedback on colors and fonts that resonate with the target audience.