How design can make a website feel faster

A lot has been written lately about speeding up your website by fine-tuning the backend, as well as tweaking the HTML and CSS for better formatting and performance. This is extremely important for a lot of obvious reasons.

Win clients & work smarter with our FREE ebook: get it now! (opens in new tab)

Mostly we worry about this sort of thing for business reasons – we want conversions. The faster the website loads in the browser, the faster the user can sign up, or make a purchase. This is one benefit to being fast. But another side of things that I've been noticing lately is an aim to 'look' fast.

How to find performance

There are things you can do to make a web page appear fast that go beyond the purely technical. For example, the way you align the fields of a sign-up form, or the number of fields, can impact a person's perception of the form.

The difference between horizontal or vertical alignment can make a form look faster to complete. The strategic utilisation of animation can also sell the idea of something being fast and easy to manipulate.

This is an older screenshot of Tumblr which shows the sign-up form using horizontally placed fields – an attempt to show visually how fast the form is to use.

This is an older screenshot of Tumblr which shows the sign-up form using horizontally placed fields – an attempt to show visually how fast the form is to use.

If the primary element on the page you're designing also contains the main call to action, the faster someone will notice this, and the faster they can act on it. This technically isn't faster in the sense of tracked time, but it can seem faster.

Keeping the user's perception of speed or ease of use in mind as you design can pay dividends. I challenge you to consider this idea of perceived speed as you work through your next design project, and see where it leads you.

Words: Gene Crawford

Gene's mission is to work tirelessly at providing inspiration and insight for developers. His projects include www.unmatchedstyle.com (opens in new tab) and conferences such as www.convergese.com (opens in new tab). This article originally appeared in net magazine issue 261.

Liked this? Read these!

  • Brilliant examples of landing page design
  • Create a perfect mood board (opens in new tab) with these pro tips
  • Our favourite web fonts – and they don't cost a penny

Thank you for reading 5 articles this month* Join now for unlimited access

Enjoy your first month for just £1 / $1 / €1

*Read 5 free articles per month without a subscription

Join now for unlimited access

Try first month for just £1 / $1 / €1

The Creative Bloq team is made up of a group of design fans, and has changed and evolved since Creative Bloq began back in 2012. The current website team consists of six full-time members of staff: Editor Kerrie Hughes, Deputy Editor Rosie Hilder, Deals Editor Beren Neale, Senior News Editor Daniel Piper, Digital Arts and Design Editor Ian Dean, and Staff Writer Amelia Bamsey, as well as a roster of freelancers from around the world. The 3D World and ImagineFX magazine teams also pitch in, ensuring that content from 3D World and ImagineFX is represented on Creative Bloq.