Homework – Low-fidelity wireframe

Create low-fidelity wireframes in a Figma file to present the main task and the navigation. At this stage the structure, the layout, and the content hierarchy are important, not the visual style. Build on the sitemap and the flow of homework 5.

Deliverables

• a shareable Figma link;
• at least 3–5 screens connected to the main flow, including the main decision screen and the confirmation;
• at least two critical states worked out (for example error and empty state), from the exceptional branches of the flow;
• black-and-white wireframes made of simple shapes and content placeholders, arranged with Auto Layout;
• marked connections between the screens (arrows or references to the flow);
• annotations for complex elements (assumptions, behavior);
• a mobile and a larger-screen version of at least the main screen;
• a short note on the logic of the layout, the main action, and the content hierarchy.

Evaluation criteria

• Every screen makes clear what the user can do there, and what happens next.
• The hierarchy highlights the main task, not everything equally.
• The names of layers and frames are traceable, and the use of Auto Layout is justified.
• There are no final colors, photos, or decorative icons.