Lay the page out so the eye knows where to go

Transcript

The biggest thing should be the most important thing.

Keep related items close. Leave a gap before the next topic.

Pick left or center and stick with it for that block.

Orchid uses a huge name, a short paragraph, and one gold button. The room photo stays behind the words.

If you squint and notice a decoration first, the layout is serving the decoration.

The biggest thing should be the most important thing.

Keep related items close. Leave a gap before the next topic.

Pick left or center and stick with it for that block.

Orchid uses a huge name, a short paragraph, and one gold button. The room photo stays behind the words.

If you squint and notice a decoration first, the layout is serving the decoration.

Try this. Mark the one line in each homepage box that must be read. Make that the heading.

• One line per box is the heading.
• The button has space around it.
• Edges line up.

Quick check

Pick one answer. You get the explanation right away.

The largest element should be:

The promiseYes. Size is the reading order.A decorative shapeNo. Look at the screen again and pick the choice that matches what you see.The footerNo. Look at the screen again and pick the choice that matches what you see.

Space around a button:

Makes the action easier to seeYes. Space is part of the layout.Should be filledNo. Look at the screen again and pick the choice that matches what you see.Means the page is emptyNo. Look at the screen again and pick the choice that matches what you see.

Three cards in a row should:

Share a width and a heading styleYes. A steady grid is easier to scan.Each use a different alignmentNo. Look at the screen again and pick the choice that matches what you see.Be random sizesNo. Look at the screen again and pick the choice that matches what you see.

Mark lesson complete