10.2.2.1. Communicate look and feel

Try these first

1. 1.

   What is a key characteristic of wireframes?

   Hint

   Think about what makes a wireframe different from a mockup.

2. 2.

   Name a tool used for creating wireframes.

   Hint

   This tool is known for its hand-drawn look.

3. 3.

   What is primarily the focus of wireframes?

   • Visual design
   • Structure and layout
   • Color schemes

   Hint

   Remember what wireframes are used for.

4. 4.

   True or False: Mockups can be interactive.

   • True
   • False

   Hint

   Think about how mockups represent the final product.

5. 5.

   Design a wireframe for a fictional e-commerce website's product page while explaining each choice.

   Hint

   Think about the user's journey when viewing a product.

6. 6.

   Create a mockup for the same e-commerce product page. Describe how branding and visual elements enhance user experience.

   Hint

   Consider how the design makes the page appealing and easy to navigate.