10.3.1.6.1. Not ideal for high-fidelity visuals

Try these first

1. 1.

   What is a wireframe?

   Hint

   Think about what wireframes prioritize.

2. 2.

   Name one tool used for creating mockups.

   Hint

   Consider tools that allow high-fidelity designs.

3. 3.

   What does a wireframe emphasize?

   • Visual design
   • Layout and structure
   • Branding

   Hint

   Focus on what wireframes are designed for.

4. 4.

   True or False: Mockups have no interactive elements.

   • True
   • False

   Hint

   Think of how feedback may be gathered using a mockup.

5. 5.

   You are tasked with developing a new e-commerce website. Outline the process of creating wireframes and then mockups. What should be your considerations at each phase?

   Hint

   Consider user experience through each design iteration.

6. 6.

   Create a wireframe for a mobile app focusing on user login. Explain your choices of functionality and layout.

   Hint

   Think about the user journey and how to streamline the login process.