Ondernemen met de beste ondersteuning

Weblog

Vijf webdesigntrends in 2016

Door: Tim Welzen, 17 mei 2016 - Recentelijk werd in een keer responsive design een stuk populairder toen Google aankondigde dat ze minpunten gingen geven aan websites die niet correct waren te zien op mobiel. In het licht van deze recentelijke ontwikkelingen zetten wij 5 webdesign trends in 2016 voor je op een rijtje. Deze trends gaan naar verwachting op steeds meer websites hun intrede doen.

1. HAMBURGER MENU’S / MOBIELE ELEMENTEN OP UW WEBSITE  

hamburger-menu Het icoontje met 3 streepjes dat je gebruikt om het menu op mobiel uit te vouwen noemen we een hamburger menu. Het is al lang geen geheim meer dat er meer zoekopdrachten worden uitgevoerd op de smartphone dan op de traditionele desktop/laptop.

 

Met de komst van deze trend wordt het steeds duidelijker dat het ontwerp van mobiel langzaam zijn intrede doet op de desktop. Elephant Design merkt dat het voor veel bedrijven moeilijk is om van een traditioneel menu over te stappen op een hamburger menu. Wij zeggen behoud het traditionele menu nog even maar voeg ook op de desktop versie al eenhamburger menu toe en zorg dat de transitie van het traditionele menu naar het nieuwe hamburger menu een soepele transitie wordt voor de gebruiker.

Je hebt overigens met het nieuwe hamburger menu ook meer ruimte voor het tonen van uw producten en/of diensten.

 

 

2. HERO IMAGES / HERO FOTO’S  

hero-images-example Hero images zijn grote foto’s die vast staan op bijvoorbeeld de home pagina. De foto’s omvatten meestal de gehele pagina of een groot gedeelte van de pagina. De hero images worden gebruikt om een overzicht te geven van de belangrijkste diensten/producten van een website of om een bepaalde sfeer te creëren. 

Het verschil tussen een hero image en een slider is dat hero images vaak in 1 foto de essentie van een product of dienst vangen. Daarnaast zijn hero images vaak groter dan sliders en ze zorgen voor meer conversie dan de traditionele slider. 

Naast een visuele voorstelling van de producten of diensten zijn er ook veel hero images die statische tekst bevatten om de beelden kracht bij te zetten. Een voorbeeld van een hero image kan je vinden op de home page van Elephant design.

 

 

3. VAN FLAT DESIGN NAAR MATERIAL DESIGN FLAT DESIGN Dit is eigenlijk niet echt een nieuw concept. Flat design is al een aantal jaar erg populair. Dit komt mede door de integratie naar mobiel. Flat design is gemakkelijk door te voeren op mobiel waardoor je website een uniforme uitstraling krijgt voor zowel desktop als mobiel.

Material design is door Google ontwikkeld en komt herkenbaar terug in de applicaties van Google zoals Gmail. Material design omvat verschillende aspecten maar het is voornamelijk het toevoegen van schaduw aan flat design en op deze manier zorgen voor diepte en hoogte. Goed te zien in dit voorbeeld:

 

flat-design-elephant-design-example

 

 

4. MEER GEBRUIK VAN SPECIALE FONTS  

font-use Op het gebied van webdesign zie je dat steeds meer verschillende fonts worden gebruik. Zo heeft Google veel verschillende fonts die ondersteund worden doorvrijwel alle moderne browsers. De fonts kunnen op alle mogelijke manieren worden gebruikt zoals schuin gedrukt of  dik gedrukt. Door het juiste gebruik van fonts op uw website kunt u uw gedachtegoed kracht bijzetten.

Een andere trend die veel terug komt is het verschil in grootte. Zo worden hele grote fonts vaak afgewisseld met kleine fonts en alles daartussenin.

 

5. GEBRUIK VAN BEWEGING  

Onze ogen zijn van nature aangetrokken tot beweging. Dit maakt beweging de perfecte tool voor het trekken van de aandacht van de gebruiker. Zo kun je gebruik maken van een korte video als achtergrond of gebruik maken van motion animation voor het presenteren van producten. Een voorbeeld van een video achtergrond is goed te zien bij een klant van ons die een partybus huren.

 

Voorbeeld van motion animation:

5 webdesign trends in 2016

 

Ondanks dat beweging en video perfecte tools zijn voor het presenteren van producten en diensten heeft het ook een minpunt, laadtijd. Ondanks het feit dat het internet steeds sneller wordt en er steeds meer ruimte is voor video zal het er nog steeds voor zorgen dat gebruikers moeten wachten om de volledige ervaring mee te maken. 
 

Doorsturen  |  Reageer  |  Nieuwsbrief

Over de auteur:

www.elephantdesign.nl
ELEPHANT DESIGN is een web/grafisch design bureau. Wij dragen bij aan het succes van uw onderneming. Een visueel aantrekkelijke website te bekijken op tablet, computer en telefoon en slimme betaalbare online marketing voor het werven van nieuwe klanten.
Webdesign Zuid-Limburg
Webdesign Limburg

Reacties

http://www.proefabon...

26-05-2016 08:50  |  

Ik heb heel veel gehad aan de google design guide. Alles is hier al voor je uitgezocht, beste kleuren combinaties, lettertype en welke buttons de beste conversie opleveren.

sir

30-03-2017 10:35  |  

Reageren

http://
Ik wil bericht per e-mail ontvangen als er meer reacties op dit artikel verschijnen.
Als extra controle, om er zeker van te zijn dat dit een handmatige reactie is, typ onderstaande code over in het tekstveld ernaast. Is het niet te lezen? Klik hier om de
code te wijzigen.