Web trends 2017. What should your website look like this year?

At the beginning of the year, professionals begin a search for the trends that will be seen in the coming year. Today we leave you with five web trends for 2017.

And web trends are the first step in these changes: what do the experts tell us will be in in 2017 with respect to the online world? Today we leave you with five web trends you won’t be able to ignore, according to the experts at Econsultancy.

The menu reduced to the minimum expression

Be concise, but also clear. What we cannot do is to present in our web site a menu with only two options and the user does not understand anything at all. But it is true that too much information also scares the user away. The ideal is to find the exact point.

{{cta(‘bb2971b9-bf36-4c36-8edc-75223dba5208’)}}

To do this, we must know very well what our product is, how we can group it and how the user will understand us better. In this type of changes, it is highly recommended to test with users who are not used to our product or our website. Do you understand the steps to follow? Do you find what you are looking for? Do you know what we sell?

As we have already mentioned on other occasions, the ideal is that the user can reach any point of our website in a maximum of three clicks.

A clear example is the change IKEA has made to its menu. They used to have ten menu items. After the change in its English version, they have reduced it to less than half: four main options in the menu and also with a much clearer typography and design.

Example of an old Ikea website menu.

Optimized menu for new Ikea website.

Touch design: material design by Google.

It is one of the big changes to be seen this 2017. Designers will start to become aware of what is known as material design.
material design
(from Android, by Google). What is material design? It has many features in common with the famous flat design (flat and minimalist design), but also works with tactile elements and gives great importance to surfaces, depths and spaces very well thought out.

The material design is based on objects, on pieces placed in a specific space and that acquire a specific movement. This is the design that we can see in Android phones and is essentially based on the user experience (UX).

Example of Android material design.

Animation and motion (for experts only)

What is the purpose of movement on a website? To catch the user’s attention, to make him look where we want him to look. And, consequently, increase the visitor’s browsing time on our website.

It must be said that movement is one of the most important features of material design, and many apps have already adapted it. Not so much on the web, where we still don’t see as much motion design.

The most important thing when using animation on a website is that the movements and transitions are efficient and, above all, coherent. They should be used to guide the user during navigation. Again, we must focus on theuser experience.

On the Android website we can see clear examples of website movement. Google has been the promoter of this trend.

More real photographs and own graphics. Avoid image banks.

This 2017 many will stop going to image banks to give visuality to their website. Own images and home-made graphics and infographics will become increasingly important.

And this trend will be even more relevant for the hotel sector. What are your potential guests looking for? See how is the room where they will rest, the pool where they will take a dip and the restaurant where they will have breakfast like kings.

So, as a hotelier, pay special attention to this trend and stand out this 2017 with high-quality images of your own.

PWAs take a stand on apps

PWAs stands for
progressive web apps
. These are mobile websites that have adopted an app design without being an app. This 2017, thanks to HTML5, among other technological advances, PWAs will be more accessible, more engaging and more in demand.

This is a step forward in responsive design. Yes, that our website adapts to mobile devices but, in addition, that it is presented to the user with a design that he already knows, with which he works daily with his smartphone.

An example of a progressive web application would be the Washington Post PWA. In this article they present their new mobile web and here is an image of it.

Washington Post PWA.

error: Content is protected !!
× !Hola¡ Estamos aquí para ayudarte