What are the keys to building an engaging website?

Mar 12, 2021 | Blog

A lot more goes into building a website than you might think. Apart from the content you want to appear on the site, there are a number of design elements that the site should have to make it compelling.

Less is more.

This expression first appeared in a poem by Robert Browning, Andrea del Sarto, in 1855. The idea behind the expression is that it is possible to overdo something. For website design less is more is a philosophy or inspiration to design things that are simple, yet beautiful.

Fast loading.

In a recent article, Google Developers noted that when users have a slow experience on mobile, they’re much less likely to find what they are looking for or purchase from you in the future. For many sites this equates to a huge missed opportunity, especially when more than half of visits are abandoned if a mobile page takes over 3 seconds to load. 

Responsive design.

Responsive design means that no matter how big a screen is, from a phone to a tablet to a desktop, the site will fill the screen and present readable information in a clear way.

High quality images.

It should go without saying that well photographed high quality photos are a must to take your website to the next level.  

Flat graphics.

Flat design is design style that’s two dimensional. There is no shading, no added-in glare and no highlights, nothing to make the image look 3D. Flat design embraces a 2D style to help convey your message quickly.

Consider how people read a webpage.

A recent study How People Read Online: New and Old Findings the Nielsen Norman Group found people primarily scan, rather than read and they never scan it perfectly linearly. They jump around pages, skipping some content, backtracking to scan what they skipped, and rescanning content they’ve already scanned. As long as we’re designing content that acknowledges that reality and helps to direct people to only the information they want, we’ll be on the right track. 

Clear navigation – the Nielsen Norman Group suggests to;

  • ensure that menu items have names with strong information scent and avoid vague, unfamiliar, or branded terms,
  • include clear wayfinding (e.g., breadcrumbs, local sub navigation) that shows users where they currently are in the IA,
  • avoid multilevel hierarchical dropdown menus (on desktop) in favor of mega menus.

Meet Web Content Accessibility Guidelines (WCAG).

  • Alternative Text for Images
  • Keyboard Input
  • Transcripts for Audio

 

Get in touch to find out more