Back to blog

2017 Website trends

Website trends for 2017

As 2016 comes to a close, we need to remember that online trends never stop changing. Here at Tangelo, we enjoy researching and keeping up to date with website design trends to make sure our designs are relevant and in-line with the latest technologies.

Your website is most likely the first interaction a user has with your brand, and as we know first impressions are important! Website visitors make judgements about website credibility in as little as 50 milliseconds, and one in five website visitors will leave your website, not giving you a second chance. So it is essential that your website is relevant and up to date with online trends, not only in appearance but with ease of usability and more.

See our 6 website trends for 2017 below.

User ExperienceUser Experience

This may not be a new trend, but User Experience (UX) is still far more important than ever in website design. Think about websites you have visited recently. Have any of them annoyed you because of how long they take to load, how hard they are navigate and how hard it is to find the information you’re after? These annoying things drive you away from the site and encourage you to search and find another website.

For us as designers we not only have to make websites that are aesthetically pleasing, but we also have to work out the main purpose of the site and design it in a way that is easily adaptable for all devices and easy to use for all people. Trends such as the “Hamburger menu” are becoming more popular but is it the best solution? Research has found that including the word “menu” next to a hamburger menu works significantly better than the hamburger alone.

Fact: 88% online consumers are less likely to return to a site after a bad experience. (Source: Econsultancy.com)

Video is kingVideo is king

The fact is that videos on your website can improve a viewer response of the site tenfold. First of all, Google loves videos, especially ones that are relevant and up-to-date. They improve your SEO ranking and make your site more attractive and alive.

Here are some facts:

  • Every day approximately 100 millions of people watch one video or more;
  • 64% of people are more likely to make a purchase after watching a video;
  • 80% of viewers remember a commercial for 30 days after seeing it;
  • 92% of mobile users share videos they have seen online with others;
  • Humans perceive and process visual elements 60 thousand times faster than reading words.

Combine this with visual storytelling and your site will become more dynamic and appeal to the viewer’s sensors, holding their attention for longer.

AnimationAnimations

Similar to video, animations are used to engage users and add interest to otherwise static page. Animations can be as simple as a loading icon or a hover effect over a link, to a more detailed illustration used to replace images.

Animations are also used to improve user experience. You may not pick up on some of these animations but when you look at them close (like the example below) you will realise that they add personality to a page and make websites easier to use.

This being said, website shouldn’t be overloaded with animations. Too many of one page will make a site slow to load and can distract the user from the content.

See examples of websites that include animation:

www.web-blinds.com

santatracker.google.com/village

mykalios.com This site includes an animation effect on text headings and also uses video in the header banner rather than images

Mobile FirstMobile First

As we know, all websites should be responsive. No one likes having to pinch and scroll left and right to make a site legible on your mobile devise. With mobiles now officially named as the primary device used for browsing the web, people now realise that their website must be most effective on small screens.

Due to this it’s now a priority that content is designed to suit mobiles rather than desktop computers. Designing a website to mobile dimensions first, then working up to large screen devices, ensures only the core information and message is included in the initial design. Extra content can be added when the website is viewed on a larger display.

Breaking the gridBreaking the grid

The majority of all websites are designed and built to a grid. They contribute to making a standard foundation for designers and ensure consistency, balance, rhythm and order. Unfortunately, the grid can be restrictive and limit the designer’s creativity. It is now becoming more popular for designers to move away from the grid, whilst still maintaining structure and clear hierarchy. This allows for websites to become more of a statement piece and individual to their brand.

Today we see many websites that look similar due to the restricted grid. In 2017 we want to be able to push these boundaries and create websites that are unique and have more personality.

Simplified NavigationSimplified Navigation

Another way to improve your websites usability is to reduce the number of pages in the main navigation (menu) of your website. For a best result, a website should not have over 7 navigation items. This relates to a human only being able to hold 5 to 9 items in their short term memory, similar to a phone number. A concise navigation makes it easier for the users to work out and remember where information is on your site.

Like always, some rules just don’t fit. For some larger websites, a detailed navigation may be required to breakdown all the pages within the site such. For example, an ecommerce site needs to break down all their products for sale so the user can easily find what they’re looking for. A mega menu is best suited for this situation.

See below some examples of website that have very minimal navigations:

www.tate.org.uk

www.virginactive.co.uk

factoryberlin.com

Sources:

https://www.zazzlemedia.co.uk/blog/digital-design-trends/

https://medium.com/digital-age/the-future-is-near-13-design-predictions-for-2017-654761f12c45#.dgsb0oydu

http://www.smartinsights.com/user-experience/essential-2017-web-design-trends/

http://www.creativebloq.com/features/10-top-ui-trends-for-2017

https://www.designcontest.com/blog/design-trends-predictions-2017/

By Tangelo Creative on December 16, 2016 

Tags: , , , ,

Contact us

15 Phillimore Street
Fremantle WA 6160

T +61 08 9430 4166
sales@tangelocreative.com.au

Subscribe to our newsletter

Tell us about your project