Een nieuw jaar betekent nieuwe ronden en nieuwe kansen. Ook op het gebied van webdesign, want de ontwikkelingen volgen elkaar in hoog tempo op. Wij hebben alle webdesign trends van 2015 voor je op een rijtje gezet. Een aantal van deze trends hebben zich al een tijdje terug ingezet en mogen komend jaar dus echt niet meer ontbreken op jouw webpagina. Is jouw website al 2015 proof?
Responsive webdesign
De meest belangrijke trend van 2015 is het optimaliseren van je website voor mobiele apparaten door middel van een responsive design. Responsive design zorgt ervoor dat de website op elk willekeurig apparaat, zoals smartphone of tablet, goed wordt vertoond. Deze trend begon in 2012 en is inmiddels de nieuwe standaard geworden.
Het aantal mobiele website bezoekers in Nederland is het afgelopen jaar bijna verdubbeld. Tot de helft van het websiteverkeer komt tegenwoordig van mobiele apparaten en volgens zakenbank Goldman Sachs zal de helft van alle e-commerce in 2018 via mobiele apparaten verlopen. Hoog tijd dus om aan je mobiele bezoekers te denken, want een mobielvriendelijke site leidt tot een langere bezoektijd, hogere conversie en meer omzet!
Materialistisch design
De afgelopen twee jaar zagen we bij grote merken veel flat design terugkomen in hun logo, huisstijl en website. Het web is plat geworden en als we de lijn volgen die is ingezet, zal flat design in 2015 evolueren naar materialistisch design. En hoe ziet dat eruit? Kijk maar eens naar de afbeeldingen op deze pagina of denk eens aan de vormgeving van de producten van Google, waarbij flat design wordt gecombineerd met subtiele kleurovergangen, lagen en animaties. Een lust voor het oog! In elke afbeelding hebben we trouwens de M van Mixx’d Media verstopt, kun jij ‘m vinden?
CSS3
CSS3 is de nieuwste opmaakstandaard die je website naar een hoger niveau kan tillen. Enkele opkomende trends zijn schuine lijnen en transparante lagen, welke met CSS3 kunnen worden toegepast. Denk bijvoorbeeld aan een scheef design of een schuine menubalk. Of wat te denken van een transparante tekst over een afbeelding, waardoor je gelaagdheid kunt aanbrengen maar tegelijkertijd het minimalistische design behoudt!
Card design
Een trend die ons nog wel eens zou kunnen verrassen is het zogenaamde card design, waarbij de website wordt opgedeeld in diverse columns. Hierdoor houd je je website georganiseerd en zorg je voor kleine behapbare stukjes content. Hierdoor wordt de bezoeker verleid om verder te scrollen. Zeker iets om in de gaten te houden!
Kleurbalans
Volgens de trendforecast van Sigma zal het kleurgebruik in 2015 gebaseerd zijn op levenslust, optimisme en herbronning. Schreeuwen is passé en maakt plaats voor een zachte kleurbalans, opgedeeld in grote kleurvlakken.
Toptaken
Bezoekers komen op een website voor slechts een klein deel van de informatie. Centraal staat daarom het gebruikersgemak. En om dit gebruikersgemak te optimaliseren, wordt het toptakenprincipe één van de webdesign trends van 2015. Door middel van toptaken zien bezoekers in één oogopslag de meest gezochte onderwerpen, waardoor ze snel worden geholpen. Zorg dus dat je analyseert hoe en waarvoor websitebezoekers je site gebruiken en pas je content daar op aan.
One-page
Een trend die nog steeds doorzet is de one-page, waardoor het bezoeken van een website een heuse beleving wordt. Door middel van de zogenaamde Parallax-techniek wordt de homepage als het ware één lange pagina. Naarmate de gebruiker naar beneden scrolt verschijnt er meer content. Scrollen is het nieuwe klikken en zorgt voor een dynamische beleving die ruimte bied voor interactie. Ook Mixx’d Media maakt gebruik van Parallax-techniek. Kijk maar eens op onze homepage!
Storytelling
Een aanvulling op de one-page is storytelling. De website van 2015 is geen verzameling meer van verschillende pagina’s. Om de bezoeker te boeien en mee te nemen zul je een verhaal moeten vertellen. Wat zijn de merkwaarden van jouw dienst of onderneming? Zorg dat dit duidelijk naar voren komt in je website. Niet alleen in de tone of voice, maar ook in het design en lettertypes.
Typografie
Nu we webpagina’s vaker op smartphone en tablet bekijken, is de stijl van de typografie en daarmee de leesbaarheid van de tekst steeds belangrijker geworden. Om deze te bevorderen zijn open webfonts ontwikkeld, zoals Open Sans, Lato en Google Fonts. Het gebruik van deze fonts is één van de trends die zich ook in 2015 zal doorzetten.
De spookknop
De spookknop (ghost button) is de knop die je eigenlijk niet ziet. De button past perfect bij de minimalistische design trend en matcht goed bij grote kleurvlakken en afbeeldingen. Hierdoor komt de knop niet schreeuwerig over, maar verleidt de bezoeker op een natuurlijke manier.
Micro interactie
Om de betrokkenheid van bezoekers te verhogen kun je kiezen voor micro interactie. Dit zijn kleine belevingen omtrent een dienst of product, zoals bijvoorbeeld een veld om je in te schrijven voor de nieuwsbrief. Om de bezoeker te verleiden, kun je de knop speels heen en weer laten bewegen. Een ander voorbeeld is het laten verschijnen van een pop-up als de bezoeker aan het eind van een bepaalde pagina is. Om de user experience te perfectioneren, kun je cookies gebruiken om de pop-ups persoonlijk te maken. Speel in op de interesses van de gebruiker door bepaalde content te laten zien!
Retina
Door de komst van het nieuwe retina-display wordt de online grafische beleving nog beter. Dit scherm heeft namelijk een verdubbeling van de pixeldichtheid, waardoor afbeeldingen en foto’s nog scherper worden weergegeven. Deze zullen dus in hogere kwaliteit moeten worden opgeslagen om in 2015 het beste uit je site te halen.
Fotogebruik
De te gemaakte stockfoto’s, wie kent ze niet. De glimlachende telefoniste of de gladde manager in pak. Het zijn voorbeelden van hoe het niet moet, maar merkwaardig genoeg gebeurt het nog steeds. Doordat het web steeds meer visueel is ingesteld, is één van de trends van 2015 om ‘echte’ mensen te gebruiken in de foto’s. Zorg natuurlijk wel voor een uitstraling die past bij je tone of voice. Ook het gebruik van mooie grote foto’s als achtergrond zal in 2015 populair blijven.
Videogebruik
Video’s stimuleren interactie. En dat is juist wat je met een website wilt bereiken. Het maakt een site dynamisch en geeft een authentieke ervaring. Door de opkomst van mobile is videogebruik op websites een trend die zich waarschijnlijk door zal zetten. Video’s zijn namelijk ideaal voor mobiele gebruikers. Daarnaast gaat het implementeren van video prima samen met een one-page, zelfs als achtergrond!