webpage-design.md (1243B)
1 +++ 2 title = 'Webpage design' 3 +++ 4 5 ## Webpage design 6 people rarely read websites, and they teleport from search engines to any page. 7 so any page should be a plausible starting point. 8 people have a goal on the page, they don't give a fuck about how beautiful it is (unless it's so ugly that it's unusable). 9 also, they hate scrolling when they're looking for something. users are lazy. 10 11 people ignore banners, image carousels, anything that resembles advertising. 12 13 guidelines: 14 * don't break conventions 15 * create visual hierarchies and structure 16 * make obvious what's clickable 17 * always make a short summary, people are lazy 18 19 navigation: 20 * make it clear where people are & where they can go 21 * information must be available everywhere 22 23 Menus: 24 * desktop 25 * put them across the top or on the left 26 * don't use hidden navigation 27 * mobile 28 * if only few items, put them at the top 29 * always show _most important_ items 30 * provide support to help people find the hamburger 31 32 alignment: 33 * text: depending on language, most of the time left 34 * names: make scanning for surnames easy 35 * numbers: align decimal points, or right-align integers. depends on purpose. 36 37 use whitespace smartly, to delineate/separate/structure, but also to highlight.