10.3.2.4.1. Designing modern mobile/web app UI

Try these first

1. 1.

   What is a wireframe used for?

   Hint

   Think about the early stages of design.

2. 2.

   List one tool for creating mockups.

   Hint

   Consider tools that show high fidelity.

3. 3.

   What is the primary purpose of a wireframe?

   • To define the final visual design
   • To outline the structure and layout
   • To gather feedback on branding

   Hint

   Think of what comes first in the design process.

4. 4.

   True or False: Mockups are used in the early stages of design.

   • True
   • False

   Hint

   Recall the order of tools in design.

5. 5.

   Design a wireframe for a new mobile banking application. Outline the main features you would include and explain your choices.

   Hint

   Think about what users need at their fingertips in mobile banking.

6. 6.

   Create a mockup for a landing page for a fitness application. What elements will you include and why?

   Hint

   What motivates users to engage with fitness apps?