lectures.alex.balgavy.eu

Lecture notes from university.
git clone git://git.alex.balgavy.eu/lectures.alex.balgavy.eu.git
Log | Files | Refs | Submodules

webpage-design.wiki (1227B)


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