10.3.1.1. Type: Low-Fidelity Wireframing Tool

Try these first

1. 1.

   Define what a wireframe is in your own words.

   Hint

   Think of it as an outline of a web page.

2. 2.

   Name one tool used for creating wireframes.

   Hint

   What tool allows hand-drawn style for wireframes?

3. 3.

   What is a wireframe primarily focused on?

   • Visual design
   • Structure and layout
   • Branding

   Hint

   Think about the first steps in interface design.

4. 4.

   True or False: Wireframes include detailed icons and color schemes.

   • True
   • False

   Hint

   Recall the characteristics of wireframes.

5. 5.

   Create a low-fidelity wireframe for a mobile app's home screen. Indicate the necessary UI elements and their arrangement.

   Hint

   Focus on layout rather than design details.

6. 6.

   Analyze a provided high-fidelity mockup and convert it into a low-fidelity wireframe, maintaining functional elements.

   Hint

   Think about the essential functions only.