10.2.3.3. Often interactive when converted into prototypes

Try these first

1. 1.

   What is a wireframe?

   Hint

   Think of a blueprint.

2. 2.

   Name one tool used for wireframing.

   Hint

   It has a hand-drawn look.

3. 3.

   What type of representation is a wireframe?

   • High-fidelity
   • Low-fidelity
   • Interactive

   Hint

   Consider the simplicity of wireframes.

4. 4.

   True or False: Mockups do not include branding elements.

   • True
   • False

   Hint

   Think about what a mockup represents.

5. 5.

   Design a complete user journey from wireframe to mockup for an e-commerce checkout process.

   Hint

   Consider each step the user takes to complete the checkout.

6. 6.

   Evaluate a provided mockup for usability. Identify three areas for improvement based on user experience principles.

   Hint

   Think about real users' experiences when interacting with the interface.