How To Optimise Your Website With Animations

Max McFarlaneOptimization


Do you remember when web design was all about the bells-and-whistles? How tired and frustrated you would get waiting for them to load in?
We do.

Every website was full to the top with distracting graphics moving from top to bottom and left to right, and vice versa.

Ohh, those were the days…

Did it make for a better user experience? We thought it was cool… at the time.

Would we do it today?  Now way Jose!

As more businesses realized the importance of an online presence, so have designers and developers. Gone are the days where designers would pass on their wacky ideas to the developers, who would ‘translate’ them into code.

In all honestly, most of them were really impressive and in line with the trends of the day although it wouldn’t work due to browsers restrictions.
A virtual marriage made in heaven since the ideas bounced from one to the other with the user and client out of the equation.

At the beginning, everything was fair game.

Then the industry grew and started to standardize some ground-rules which brought the user to the limelight.

And so did user’s expectations. Businesses embracing the vast possibilities of the benefits of their online presence pushed designers and developers to work together to help those businesses to achieve their goals. It was common sense…

1.        you are on business only if you have a client

2.        you have a client if you do what they want you to do

3.        but…you need to listen to the client and observe the end-user

Today, there are still many websites that don’t follow the rules. Design wise they are outstanding, but from the user’s point of…use…they don’t really work.

Are you finding it tricky to jump from full-blast animation to UX functionality?

When developing a new project there are some points to consider to implement animation without going OTT:

1-       Think of engaging users, keep them on the page by explaining any changes, use new technology to transmit up-to-date brand.

2-       Plan where, what and why.  Your animations should be in the right place to make sure the users see them at the right time. Let users see the content, bring attention to their actions to guide them to your goals.

3-       Don’t let users get lost. Focus on your navigation, keep it simple and always show the users where they are and/or how did they get there.

4- Predict their interactions to make them feel you’re listening. It’s important to provide the user with the appropriate immediate feedback (show & tell) to reassure them their action was right (reducing uncertainty and increasing happiness), like colour-button changes or progress indicators.

Our Key Points

So whenever you are developing your next project or getting to know your website, keep in mind those two points to optimise your website to the full:

Functionality – achievable by giving your users the right tools to use your website.  This will help them to identify your website’ features, release your website’s potential and enhance the user’s experience. Pay attention when designing shopping carts, forms and email links.

Here’s a riddle: A product becomes useful, only if it’s used by the intended user (fit for purpose).

Optimise – by adding options to the users experience you will increase their time on your website, giving them a positive impression and time to accomplish their tasks. All these will be reflected on your analytics’ numbers.

We love videos, animation, calls-to-action, maps, forms, visual design, social media…every little bit helps, and adding functionality to a website will improve its position on search engines…if done right of course.