Sketchplanations
Big Ideas Little Pictures
Get the book!
Sketchplanations podcast photo of Rob Bell, Tom Pellereau and Jono Hey
Prefer to listen?
🎉 Help keep Sketchplanations ad-free by supporting me

Web design sketches

Explore sketches, drawings, and illustrations that simplify ideas related to Web design.

F-Shaped Reading of content on the web from eye-trackingF-Shaped ReadingWhat is the Blur Your Eyes Test for testing designs and communication for structure showing an example of little and clear structureThe Blur Your Eyes TestGestalt principles of visual perception showing proximity, similarity, continuity, closure, figure and ground, symmetry and order, and common fate.Gestalt principlesDark patterns: using design to deceive, like hiding the 'I don't need insurance' option in the country list rather than as its own optionDark patternsThe isolation effect: remembering better what stands out from a set of otherwise like items in a set. Also known as the Von Restorff effectThe isolation effectA spider constructing a common orb spider webA common orb spider webHappy Talk Must Die example: explained with an example web page with lots of useless happy talk and a person thinking blah blah as they look for the payments buttonHappy talk must dieRewrite to avoid click hereFitts’ LawProgressive enhancementDesign for a Glance, a Look and a ReadThe content is the interfaceCommon button states
Buy Me A Coffee