Maar wat 10 jaar geleden een goed ontwerp was, is tegenwoordig misschien niet meer relevant. Ontwerpelementen evolueren door de jaren heen en sommige elementen die een homepage destijds briljant maakten, kunnen langzaam verouderd raken en hun glans verliezen.
Dus, als u de trends voor wilt blijven en wilt voorkomen dat uw Magento-webshop als een relikwie uit het verleden wordt beschouwd, lees dan verder en ontdek onze voorspellingen voor de meest trendy ontwerpelementen van 2018.
Mobiele prestaties
We weten dat dit niet echt een ontwerpelement op zich is, maar we beginnen ermee omdat het waarschijnlijk het belangrijkste aspect van webdesign tegenwoordig is. Als je je op één onderwerp uit deze lijst zou moeten concentreren, dan zou dit het waarschijnlijk moeten zijn.
Mobiel verkeer is, zoals we allemaal weten, de afgelopen jaren sterk gegroeid. Het heeft desktopverkeer al ingehaald als percentage van het totale webverkeer en zal naar verwachting nog verder toenemen. In zekere zin zouden mobiele gebruikers dus nog meer aandacht moeten krijgen dan desktopgebruikers.
Zoals we al eerder hebben aangegeven, zijn gebruikers van mobiele apparaten nogal ongeduldig en verwachten ze (bijna) direct resultaten. Daarom is het belangrijk om te focussen op mobielvriendelijke paginaʼs, ervoor te zorgen dat alle belangrijke elementen ook op kleinere schermen worden weergegeven en, het allerbelangrijkste, dat paginaʼs snel laden. Houd deze richtlijnen voor mobiele apparaten in gedachten, zelfs wanneer u de andere elementen implementeert die we in dit artikel noemen.
Negatieve ruimte
Minimalistische ontwerpen zijn de laatste tijd in de mode en deze trend zal zich waarschijnlijk in 2018 voortzetten. Het is niet langer zo populair om uw paginaʼs vol te proppen met afbeeldingen, tekst en andere elementen. In plaats daarvan kunt u, door bepaalde elementen te verwijderen, de overgebleven elementen, zoals call-to-action-knoppen, meer nadruk geven door ze ademruimte te geven en de achtergrond te vereenvoudigen. Soms, als een ontwerp echt gaaf is, kan de witruimte zelfs onderdeel van het ontwerp worden, door er tekst of een illustratie in te verwerken.
Veel lege ruimte betekent ook dat er minder zware elementen, zoals afbeeldingen, weergegeven hoeven te worden, waardoor uw paginaʼs sneller laden. Ook hier zullen bezoekers u dankbaar voor zijn, vooral mobiele bezoekers.
Call-to-action-knoppen
Call-to-action-knoppen zijn essentieel voor e-commercebedrijven, en Magento-gebruikers vormen daarop geen uitzondering. Consistentie is hierbij cruciaal: knoppen zoals "Toevoegen aan winkelwagen" en "Doorgaan naar afrekenen" moeten gemakkelijk herkenbaar zijn en op elke productpagina precies op dezelfde plek staan.
Gebruik levendige kleuren voor deze knoppen, eventueel een vet lettertype en plaats ze op een intuïtieve plek, zoals naast de productafbeelding. Laat ze opvallen, maar overdrijf niet. Kies voor een strakke en minimalistische aanpak.
Typografie
We zien nu al veel ontwerpen met een gedurfd gebruik van lettertypen, en deze trend zal naar verwachting volgend jaar verder toenemen. Afhankelijk van de context kan tekst een idee zelfs beter overbrengen dan een afbeelding, en qua vormgeving kan het er ook nog eens beter uitzien. Probeer eens te variëren met lettergroottes of zelfs lettertypen.
Het gebruik van meer tekst ten koste van afbeeldingen sluit ook aan bij de minimalistische trend. Een ander voordeel van tekst ten opzichte van afbeeldingen is dat het veel lichter en sneller laadt, wat wederom een voordeel is voor mobiele gebruikers.
Animaties
Met de vooruitgang in webbrowsers en de opkomst van technologieën zoals HTML5 is het nu veel eenvoudiger om vloeiende en lichte animaties toe te voegen. Voeg animaties toe aan je webwinkel. Doe dat gerust, want je kunt verwachten dat je er in 2018 veel meer van zult zien, in tegenstelling tot de flitsende, afleidende animaties van een paar jaar geleden.
Naast een aangenaam visueel element te zijn, kunnen animaties ook nuttig zijn om extra content weer te geven, zoals het vervagen van een afbeelding om tekst erachter te tonen, of zelfs het animeren van een logo tussen verschillende vormen om de identiteit van het bedrijf over te brengen. Deze acties kunnen automatisch plaatsvinden of worden geactiveerd door het scrollen van een pagina of door met de muis over het item te bewegen.
Cinemagraphs
Je zult het komende jaar waarschijnlijk veel meer horen over cinemagraphs. Ze zijn een soort hybride tussen beeld en video, waarbij het gebruiksgemak van het eerste wordt gecombineerd met het bewegingselement van het tweede.
Cinemagraphs zijn vrij bijzonder en niet precies hetzelfde als GIFʼs. Meestal bestaan ze uit een stilstaand beeld waarvan slechts een deel beweegt en hebben ze bijna een magische uitstraling. Je kunt ze ook zo programmeren dat ze alleen worden uitgevoerd wanneer een bepaalde actie wordt uitgevoerd, zoals scrollen.
Cinemagraphs worden niet alleen gebruikt om de aandacht van bezoekers te trekken, vooral omdat ze de pagina meer body geven, maar kunnen ook worden gebruikt om relevante informatie over te brengen, zoals een 360-gradenweergave van een bepaald product. Het toevoegen van een of meer cinemagraphs is een geweldige manier om een moderne twist aan je webwinkel te geven.
Kaarten
Ontwerpen op basis van kaarten of rasters worden steeds populairder en deze trend lijkt niet af te nemen. Het meest succesvolle voorbeeld van een ontwerp op basis van kaarten is waarschijnlijk de gigantische web- en mobiele applicatie Pinterest.
Ten eerste helpt het groeperen van producten of andere onderdelen van je bedrijf in kaarten onze hersenen snel te begrijpen hoe de website is georganiseerd. Dit maakt de navigatie eenvoudiger en intuïtiever.
Ten tweede werkt dit type hiërarchie erg goed op mobiele apparaten. Omdat de schermformaten kleiner zijn, kunt u eenvoudig door de kaarten vegen om de gewenste kaart te vinden en er vervolgens op klikken om deze uit te vouwen en de content van die categorie te bekijken. Het tweede niveau kan ook in kaarten worden onderverdeeld, enzovoort, waardoor navigeren op smartphones en tablets een fluitje van een cent is.
Gepersonaliseerde ervaring
Tot slot willen we het hebben over het bieden van een gepersonaliseerde ervaring aan uw klanten. Als eigenaar van een webwinkel die Magento of een ander platform gebruikt, is het belangrijk dat uw klanten zich goed behandeld voelen en dat ze speciaal voor u zijn.
Een manier om dit te bereiken is door productaanbevelingen te geven, zoals "Recent bekeken" of "Best verkocht". Deze functies kunnen worden geïntegreerd in een productslider, waarmee zelfs op mobiele apparaten door producten geswipet kan worden. Dit is vergelijkbaar met de kaartgebaseerde navigatie die we eerder hebben besproken.
Het belangrijkste is om het navigeren op uw website zo aangenaam mogelijk te maken voor uw klanten. Als u deze tips volgt, die in 2018 populair zullen zijn, bent u goed op weg om dat te bereiken.
