10.1.3.1. Simple, often grayscale

Try these first

1. 1.

   What is a wireframe?

   Hint

   Think of how it reflects layout rather than design specifics.

2. 2.

   What is one key purpose of a mockup?

   Hint

   Consider how feedback is gathered through visuals.

3. 3.

   What is the primary focus of wireframes?

   • Aesthetics
   • Structure and layout
   • Interactivity

   Hint

   Think about what aspects they emphasize.

4. 4.

   True or False: Mockups are usually colorless and grey-scale.

   • True
   • False

   Hint

   Recall the definitions of wireframes versus mockups.

5. 5.

   Design a series of low-fidelity wireframes for a food delivery app, ensuring each screen outlines a clear user journey from login to order completion.

   Hint

   Think about the steps a user would take sequentially.

6. 6.

   Develop an interactive mockup for a social media application that highlights user profiles, feeds, and messaging features.

   Hint

   Include features that enhance user engagement and highlight UI elements.