Levels of complexity in website design
Here’s my attempt to lay out the levels of complexity in website design. The idea is that you can choose to layer on as many levels as you want, or stop at any point.
- A single column of text, media, and hyperlinks in the browser default styles.
- Typographic treatment on the text (e.g. line height, text size, type hierarchy, etc.)
- Use of spacing to group related content and distance unrelated content.
- Containers around actions to help them stand out as button-like elements.
- More than one column at container and page level.
- Containers and dividers to group and separate content.
- Denotive colour (colours associated with interface concepts)
- Connotative colour (colours associated with cultural concepts)
- Centrepieces (noticeable visual elements to add interest/meaning).
- Sprinkles (minor visual elements to add interest/meaning).
- Richer visual style treatment on existing elements (e.g. fancier buttons).
- Necessary animation (for guiding attention and improving understanding).
- Unnecessary animation (for visual interest).