De 7 grootste Webdesign trends in 2014

Het jaar 2014 is alweer bijna voorbij. Tijd voor de jaarlijstjes! Het afgelopen jaar hebben we een flink aantal trends in webdesign voorbij zien komen. Graag kijken we eens terug op het jaar 2014 om de belangrijkste trends op een rijtje zetten… 

Content gaat voor

In 2014 is de wereld van webdesign zich nog meer gaan focussen op content. De tijd van ‘Hoe zorg ik dat mijn website opvalt?’ is voorbij. De vraag ‘Hoe zorg ik dat mijn content opvalt?’ is momenteel beter op zijn plek. De meeste mensen zullen intussen ook wel weten hoe mooi websites kunnen zijn. Helaas gaat dit vaak ten koste van wat de website werkelijk te bieden heeft voor de bezoeker: de content. In 2014 zien we steeds meer websites met meer ruimte voor en focus op content. Dat resulteerde onder andere in bredere content-containers en het minder gebruik maken van sidebars.

Flat Design

Flat design voorbeelden
Een van de grootste web design trends van dit jaar is het zogenaamde ‘flat design’. Een trend die grotendeels de danken is aan het Modern UI (eerder bekend als ‘Metro’) van Microsoft. Vaak wordt er bij een flat design veel gebruik gemaakt van -grote- monochrome vlakken in combinatie met icons, vector afbeeldingen en tekst.

Responsive, lekker mobiel

Responsive-by-Robin
Leuk of niet, er is geen ontkomen meer aan! We begeven ons in een tijd waar nieuwe technologie zich ontzettend snel ontwikkelt. De tijd dat websites alleen via PC’s bekeken worden is voorbij. Websites worden steeds vaker bezocht via mobiele apparaten zoals smartphones en tablets. Het scherm van een smartphone of tablet is natuurlijk kleiner dan dat van een desktop. Je website moet zich dus goed kunnen aanpassen aan verschillende schermgroottes. Anno 2014 is responsive webdesign een nieuwe standaard te noemen.

Scrollen, het mag weer!

Beter gezegd, scrollen is hot! Door de groei van mobiele apparaten en touchscreens is een van de webdesign trends van 2014 is de ‘one-page website’. Juist… een website met vaak niet meer dan één pagina. Waar je bij een normale website op een menu-item klikt om een nieuwe pagina te laden, scroll je bij een one-page website vaak in een keer door alle content heen die een site te bieden heeft. Minder vervelende laadtijden dus!

Fixed Menu

Gepaard met het scrollen is er het ‘Fixed menu’, wat simpel gezegd betekend dat het menu een vaste plaats heeft gekregen op het scherm. Waar je normaal weer helemaal naar de bovenkant van een pagina moet scrollen om terug bij het menu te komen, blijft een fixed menu altijd netjes zichtbaar op het scherm. Zo zorg je dat de bezoeker altijd oog heeft op de navigatie van de site en waar hij/zij zich op de website bevindt.
Een mooi voorbeeld van een one-page website gecombineerd met een fixed menu vind je hier

Ghost Buttons, heb jij ze al gezien?

Ghost-Button-by-Robin
Een andere design trend die dit jaar vrijwel uit het niets tevoorschijn is gekomen, zijn de ‘Ghost Buttons’. Deze lege knoppen bestaan vaak uit simpele vormen als rechthoeken en cirkels. De knoppen maken naast tekst of een icon alleen gebruik van een outline waardoor de binnenkant van de knop verder transparant blijft.

Foto en Video, het mag groot!

Ghost Button + Grote video
Door het minimalistische flat design, komt de content die een website te bieden heeft vaak beter en sterker naar voren in het totaalbeeld van een site. Iets extra’s wat is meegekomen met het flat design, zijn de grote en soms zelfs beeldvullende foto’s en video’s. In combinatie met het gebruik van ghostbuttons laten designers de content er op deze manier nog meer “uit springen”.
Het nadeel van deze webtrend in combinatie met responsive design, is dat je op mobiele apparaten wel vaak met langere laadtijden wordt geconfronteerd.

2015, Wat kunnen we verwachten?

Nog meer focus op content en conversie

Mensen zijn gewoontedieren. We ontwikkelen een bepaalde voorkeur om onze informatie te consumeren. Online is dat niet anders. We scannen webpagina’s en bepalen binnen een paar seconden of een pagina of website relevant is. Webdesigners komen hier steeds meer achter en nemen deze lessen steeds meer mee in hun ontwerpen. Dat betekent: pagina templates aanpassen op de soort content, minder sidebars, iets grotere fonts en meer gebruik van standaarden die zich reeds hebben bewezen.

Material design

Google is hard bezig hun nieuw ontwikkelde design techniek ‘Material Design’ te introduceren. Het doel van Material design is om een visuele “designtaal” te creeren dat traditionele principes van goed design combineert met de mogelijkheden van innovatieve technologie en wetenschap. Meer informatie over het Material Design is hier te vinden

Storytelling met behulp van video

De grote achtergrond video’s zullen in 2015 alleen maar aan populairiteit winnen. Het is DE manier om het verhaal van jouw merk te versterken! Een video heeft in tegenstelling tot een foto een bewegend beeld en kan in de zelfde ruimte op een website veel meer informatie, sfeer of emoties toevoegen. Ze zeggen dat een foto meer zegt dan duizend woorden maar volgens Forrester Research is een video van 1 minuut gelijk aan wel 1,8 miljoen woorden!

Tot slot

Over het algemeen lijken de ontwikkelingen op het gebied van webdesign een richting ingeslagen te zijn die zich richt op het verbeteren van de gebruikerservaring. Webdesign is daarnaast steeds meer een discipline geworden die je niet alleen vanuit vormgeving-perspectief kunt bekijken. Want voor een eigenaar van een website zijn laadtijd, SEO en usability minstens zo belangrijk als een gelikte vormgeving. Een goede webdesigner zal in 2015 zijn projecten vanuit meerdere disciplines zo optimaal mogelijk neerzetten. Dat biedt ook kansen voor vakprofessionals om intensiever samen te gaan werken en elkaar aan te vullen en te versterken waar nodig.
 

Geplaatst in Blog, Nieuws, SEO, Usability, Webdesign.

Robin van Vliet

Andere berichten