Mobile App Design Prototyping & Wireframing Techniques 2

Question 1

What is the purpose of an 'annotation' on a wireframe?

Accepted Answer

To explain the behavior, content rules, or interaction logic of UI elements for developers and stakeholders

Answer

Annotations add context to wireframes by explaining interactions, conditional logic, and content requirements that visuals alone cannot convey.

Question 2

Which prototyping fidelity level is most appropriate for early-stage stakeholder alignment meetings?

Accepted Answer

Low-fidelity sketches or wireframes

Answer

Low-fidelity prototypes communicate structure and ideas quickly without implying visual decisions are final, making stakeholder feedback more open.

Question 3

What is 'micro-interaction' design in mobile apps?

Accepted Answer

Small, contained interaction animations that provide feedback for a single user action

Answer

Micro-interactions are subtle animations or feedback responses (like a button press ripple or a toggle switch) that confirm user actions.

Question 4

In Figma, what is an 'auto layout' component most useful for?

Accepted Answer

Creating frames that resize and reflow their contents dynamically when content changes

Answer

Auto layout frames automatically adjust their size and the spacing of child elements when content is added, removed, or resized.

Question 5

What does 'design handoff' refer to in the mobile design process?

Accepted Answer

Delivering finalized designs and specifications to developers for implementation

Answer

Design handoff is the process of providing developers with all assets, spacing specs, and interaction notes needed to build the UI accurately.

Mobile App Design Practice Test