Clean Presentation: Supports Meaning Flashcards
Important information takes precendence…
over secondary information
How clean presentation supports accessibility?
People can pericieve and understand elements in the design
Pages adapt to different display requirements
Information structure is communicated in more than 1 way
The visual design makes content easier to read
How can we design for clean presentation?
Design simply (information design and graphic design)
Minimise distracting clutter
Support customisation through the browser (People can adjust text settings - Comnsistency)
Design content for easy comprehension
Use color contrast between foreground and background
Use visual and semantic space
Provide enough space between lines of text
Use clean typography
What are advantages of a simple design?
Simple designs are stable and coherent
Consistent designs are easier to use because, once learned, the interaction model can be applied throughout the site
Design conventions help with usability as we know how they work
Design patterns are also useful
What different needs do we need to negotiate in the design process?
Business needs
User needs
Staff needs
Expectations
What are some ways to avoid clutter?
Avoid autoplay media
Restrict movement
Provide clear access to features
How can weeds our content for easy comprehension?
Break up blocks of text
Use lists and tables
Group similar items
And when coding
Use heading tags correctly
Use list and table markup
Use semantic tags
How can we achieve good collar contrasts?
Choose complementary colors
Choose colors with different degrees of lightness
Make the font large enough (if light and dark it will need to be larger/bolder)
Avoid using a pastel only background to separate elements
Tip: how does it look in grey scale? Use a color contrast analyser
What is leading?
The space between the two baselines of lines of text
It’s best set a s a percentage of font-size
How can we achieve clean typography?
Use clear, easy to read typefaces (font’s with a large x height fare best for on screen)
Text alignment creates stability in a design and defines relationship between elements
Stick with one or two fonts
Typographic emphasis draws attention to elements - bold, italics, uppercase, underlining and color
