Make Your Site Crystal Clear

Achieve Clarity 2017-06-02T14:47:28+00:00


“The website just… works”

Achieving clarity creates frictionless websites. Clearing those obstacles, on the path to action, is often overlooked. This can double the percentage of visitors who go on to make enquiries.

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

Prioritise menu items, in order for user journey.

  • 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


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


Clarity on what visitors can do

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

Online Forms


No-one likes completely 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


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

Using Typography to Increase Engagement Well designed type aids engagement by optimising readability. 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 […]