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: ideas and frameworks explained

A collection of ideas, frameworks and techniques related to Web design, explained clearly so they are easy to understand and share.

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

Suggest an idea

Buy Me A Coffee