10.2.3.2. UI elements like buttons, menus, icons

Try these first

1. 1.

   What is a wireframe?

   Hint

   Think of it as a draft of a webpage.

2. 2.

   Define a mockup.

   Hint

   Consider how it includes branding and colors.

3. 3.

   What is the primary purpose of wireframes?

   • Visual design
   • User flow visualization
   • High-fidelity representation

   Hint

   Think about layout vs. aesthetics.

4. 4.

   Mockups resemble the final product.

   • True
   • False

   Hint

   What do you recall about their detail level?

5. 5.

   Design a wireframe for a simple mobile app. Include navigation elements like buttons and a search bar.

   Hint

   Focus on functionality, not aesthetics.

6. 6.

   Create a mockup of an e-commerce product page. Define color schemes, buttons, and layout.

   Hint

   Remember to include UI components that enhance user experience.