WEBVTT

00:00:00.000 --> 00:00:06.000
What does a website wireframe show?

00:00:06.000 --> 00:00:13.000
It sketches the page structure so the team can discuss what belongs where.

00:00:13.000 --> 00:00:18.000
Start with the visitor task and content.
6 wireframe checks.

00:00:18.000 --> 00:00:30.000
Name the page purpose
Write down what a visitor should be able to do on this page.
Visitor task · Page purpose · Useful next step

00:00:30.000 --> 00:00:42.000
Arrange the main content
Use a simple layout to show the information and controls the page needs.
Content sections · Important controls · Reading order

00:00:42.000 --> 00:00:54.000
Show the priority
Decide what needs attention first and what can appear further down.
Primary message · Supporting detail · Main action

00:00:54.000 --> 00:01:06.000
Discuss different states
A single static layout may not explain errors, loading or success.
Initial screen · Error state · Successful outcome

00:01:06.000 --> 00:01:18.000
Consider smaller screens
Discuss how the information order and controls adapt when space narrows.
Content order · Narrow layout · Usable controls

00:01:18.000 --> 00:01:30.000
Review before polishing
Record questions and changes while the design is still easy to revise.
Open questions · Agreed structure · Next design revision

00:01:30.000 --> 00:01:39.000
Your checklist
Name the page purpose · Arrange the main content · Show the priority · Discuss different states · Consider smaller screens · Review before polishing

00:01:39.000 --> 00:01:47.000
Agree the page priorities before refining its appearance.
jerseyweb.je