Blog

Visual Hierarchy: Size, Weight, Color, Position and Gestalt Principles

Visual hierarchy means making the order in which the eye reads a screen match the order of the user's task; the most effective way is usually to calm the rest down rather than enlarge one thing. We measure that 19 of 20 texts on Bookstore's book detail page are bold, build a three-level hierarchy with size, weight, colour, position and the Gestalt principles, and show primary/secondary/tertiary buttons and the squint test with before and after screens.