Website Analysis Glossary

Visual hierarchy and UX terms for websites and landing pages.

13 terms

A

Above the Fold

The portion of a webpage visible without scrolling — the most valuable real estate for first impressions, key messages, and primary CTAs.

B

Blur Test

A design evaluation technique where an image is progressively blurred to reveal which elements stand out based purely on size, color, and contrast — independent of content.

C

Cognitive Load

The mental effort required to process the visual information on a screen — lower cognitive load means faster comprehension and better conversions.

Contrast Ratio

The ratio of luminance between two colors, used to measure how distinguishable one element is from another.

CTA Visibility

A measure of how easily a call-to-action button or link can be spotted within the visual hierarchy of a design.

F

F-Pattern

A common eye-tracking reading pattern where users scan content in an F-shape: two horizontal sweeps across the top, then a vertical movement down the left side.

Focal Point

The single element in a design that first attracts the viewer's attention, established through size, contrast, color, or position.

H

Hero Section

The large introductory area at the top of a webpage, typically containing the headline, value proposition, and primary CTA.

L

Landing Page Hierarchy

The deliberate visual structure of a landing page: headline → value proposition → social proof → CTA, in order of visual weight.

S

Social Proof Placement

The strategic positioning of trust signals (reviews, logos, testimonials) within the visual hierarchy to reduce friction at key decision points.

V

Visual Hierarchy

The arrangement of design elements by order of importance to guide the viewer's eye through content in a deliberate sequence.

W

Whitespace

Empty space around and between design elements that improves readability, focus, and the perceived importance of surrounding content.

Z

Z-Pattern

An eye movement pattern where users scan content in a Z-shape: left-to-right across the top, diagonally to the bottom-left, then left-to-right across the bottom.

Test Your Website

Apply these principles with AI-powered visual hierarchy analysis.

Test Your Website