10.1.4.1. Early stages of product design

Try these first

1. 1.

   What is a wireframe?

   Hint

   Think about how it represents UI without details.

2. 2.

   Name one purpose of a mockup.

   Hint

   What do you think stakeholders want to see?

3. 3.

   What is the primary purpose of a wireframe?

   • To define the aesthetic of the UI
   • To visualize screen layout and navigation
   • To collect user feedback

   Hint

   Consider what the wireframe emphasizes.

4. 4.

   True or False: Mockups have low fidelity compared to wireframes.

   • True
   • False

   Hint

   What is the main characteristic of each representation?

5. 5.

   Given a hypothetical app for travel booking, draft a wireframe interface focusing on the user flow from searching for flights to booking.

   Hint

   Consider each step a user would take on the app.

6. 6.

   Evaluate a poorly designed mockup and suggest improvements based on user feedback. Identify structural flaws and aesthetic misalignments.

   Hint

   What did users dislike the most?