Make Your Site Crystal Clear

Achieve Clarity 2017-07-02T10:05:28+00:00

Effortless

“The website just… works”

Clarity is achieved when a site becomes intuitive. Even the most minor obstacle will stop a visitor getting in touch. Number of ‘hits’ to your site is irrelevant, if they leave straight away.

Clearing the Path to Action

Brand Identity

Visitors use branding to check they’re in the right place.

  • Logo: simple so as clear on a banner as a phone
  • Typeface & colours: current, appropriate
  • Brand consistency

Content Hierarchy

Menu items order by priority, to lengthen user journeys.

  • Links to child pages to encourage ‘deep’ reading
  • Clear calls to action
  • Lead content in prime position on each page

Content Signposting

Make menus clear & relevant.

  • Always visible: static sub-menus(no drop-downs)
  • Click-bait excerpts to increase page flow
  • Ensure find content fast on return journeys

Typesetting

Ensure well-crafted content is easy to read.

  • Font sizes & line heights
  • Words per line
  • Paragraph lengths
  • Text justification use
  • Visuals to text ratio

Digital Affordance

affordance

Clarity on what visitors can do

  • Consistent colours for text links
  • Visually clear buttons & calls to action
  • Essential info not ‘hidden’

Online Forms

forms

No-one likes filling in forms, so keep them short.

  • Essential fields only
  • Notifications, security & capture
  • Modals and mobiles

Colour Contrast

Ensure text & background has sufficient colour contrast.

  • Black on white: use dark grey due to screen glare
  • Short copy for light text
  • Text shadow over images

Iconography

Icons, signposting content, saves label reading. Ensure visitors know what they mean, otherwise it’s just garnish.

  • Test: can the icon stand alone, without a label?

Articles about Clarity

  • Dark-Patterns

Beware of the Dark

Ever Spotted a Dark Pattern? Dark Patterns are UX elements, designed to deliberately manipulate visitors, into doing things they didn’t intend. […]

  • image-slider

Time to Ditch your Slider?

What’s the point of sliders? Since 2012 adding a homepage slider has been a popular client request. So are sliders a fad or long-term innovation? [...]

Readability: Aligning Text

Can Typography Increase Engagement? Type, if designed well, will improve readability and aid engagement. First and foremost, select a legible typeface, of a reasonable size. [...]

  • Clarity - Hamburger

What’s the Hamburger for?

Icons are Nothing New Ancient Egyptians used them to communicate all the time! Icons have grown in popularity, in website design, since 2014 […]