Using Animations on Websites

One of the more annoying things when it comes to websites is when a website overuses animations. The more the better doesn’t really work with animations, the last thing you want is a negative usability feeling from your users. In this blog, we will get deep into using animations and when it is the best time to use them.

Introduction

You tend to see animations everywhere on the web. Back in the day, Adobe Flash would be used for animations, it wasn’t unordinary to see Flash on pretty much every element of a website.

To your glee, those days are long gone. Presently, animations become part of the overall design rather than being the main feature – subtle work. Transitions are a common animation, sliders and gallery sliders. Other animations are subtler such as buttons that change colour when you hover, or elements that grow when you hover.

There are lots of different ways you can include animations on your websites, we are going to pick some of the more exciting ones and explain why they are good.

Micro-interaction

Micro-interactions are where you take simple interactions with single-use cases. For example, you can have two buttons/links, when one is highlighted a paragraph shows then when the other is hovered over a different paragraph will show. These animations are simple and do not take the spotlight away from other elements on the page.

Also, they can intrigue your users to read on throughout your website. Catching your customers eye is the main attribute on making sales/getting calls through your website.

Displaying Hidden Info Using Hover

Hover animations are fantastic when you want to maximise the information without using too much space. For example, you may have a row of images, now images alone may not give the user much information. By adding a hover effect you can expand on the image with text without using too much of the space around your website.

Sliding Banners

Out of all the animations you can use on your website, sliders are the most common and the most effective (personal preference). They can alert your users of offers, show off your team/work and even play host to a range of interactive elements for your users to engage in.

Animations on your slider can help keep people on your website, one of the leading WordPress plugins Slider Revolution offers up a range of animations to make your slider stand out from the rest. From text flying in to slide animations, you can take it away from a boring transition and create a masterpiece.

Conclusion

To conclude, too much of a good thing can backfire. And when it comes to website animations they are no exception. You want to allow your users to understand your website, if you have animations flying in from all ends of the earth you will confuse them.

If you are interested in having a website with animations then don’t hesitate to contact us here at Blue Whale Media and we will fulfil your requests.

Blogs