10.5. Tips for BAs When Using Wireframes/Mockups

Try these first

1. 1.

   What is a wireframe?

   Hint

   Think of what helps define the layout.

2. 2.

   Why do we use annotations in wireframes?

   Hint

   Consider clarity for stakeholders.

3. 3.

   What is the primary purpose of a wireframe?

   • To finalize design colors
   • To define layout and structure
   • To test functionality

   Hint

   Think about what helps visualize structure.

4. 4.

   True or False: Mockups are created before wireframes.

   • True
   • False

   Hint

   Consider the design process order.

5. 5.

   Create a user journey map that incorporates wireframes and mockups along with annotations for each step of the user interaction.

   Hint

   Focus on mapping user input and outputs at each interaction point.

6. 6.

   Devise a strategy for conducting usability tests with end users based on a wireframe or mockup you create. Include criteria for success.

   Hint

   Consider what defines usability for the application and how user feedback can inform adjustments.