None

10 design tips voor een betere user experience

17-06-2016 Bram Peulers

In de snel veranderende wereld van de webwinkels zijn de ontwikkelingen op design-gebied nauwelijks bij te houden. Wat is vandaag nieuw en morgen achterhaald? Daarom praat ik je in dit artikel bij over de 10 laatste trends.


1. Verborgen menu’s

Verborgen menu's (of: hamburger-menu’s) hebben enorm aan populariteit gewonnen. Door het menu weg te werken achter drie streepjes oogt een webshop vaak rustiger. In feite was het hamburger-menu bedoeld voor mobiel gebruik, maar inmiddels zien we ‘m steeds vaker terug op desktop of tablet formaat.




2. Minimalisme

Wist je dat witruimte op een website het bevattingsvermogen van bezoekers met 20% verhoogt? Dat blijkt uit een onderzoek van Human Factor International. Niet voor niets zien we steeds vaker een minimalistische stijl en slim gebruik van witruimte om producten te showen binnen een webshop. De website lijkt cleaner en producten krijgen een chiquere uitstraling.




3. Card layout

De herkenbare Pinterest-style -ook wel ‘card layout’ genoemd- zien we steeds vaker terug in goed gestylde webshops. Een voordeel is dat deze stijl gemakkelijk responsive te maken is, doordat de blokken (of kaarten) perfect afgemeten zijn voor diverse apparaten. De blokken schalen mee en schuiven naar beneden. Of bezoekers de webshop met een desktop of mobiele telefoon openen, de user-experience blijft hetzelfde.




4. Storytelling met beeld

Met storytelling kunnen merken zich onderscheiden ten opzichte van hun concurrentie. Door beelden of video’s met krachtige teksten te combineren kun je producten, acties of thema’s zo neerzetten dat ze uniek en meeslepend zijn. Een mooi verhaal draagt niet alleen bij aan de emotionele band tussen een merk en de klant, maar verhoogt ook de loyaliteit en de verkoop. Storytelling brengt een webshop tot leven.




5. Hero images

De ‘hero image’ is de eerste afbeelding die bezoekers zien zodra ze een website bezoeken. Dit is vaak een grote foto met een call-to-action button. Veel recente studies tonen aan dat bezoekers nieuwsgierig raken van een grote afbeelding en de neiging hebben om er rustig naar te kijken. Steeds meer designers proberen daarom een ‘wow’-effect te creëren bij de bezoeker om aandacht te trekken wat resulteert in een hogere conversie.



6. Productfoto’s in 360°

Een van de laatste trends in e-commerce websites is de product-demonstratie met behulp van motion animation. Steeds vaker zien we een product niet meer als platte foto, maar als een bewegende en het liefst in 360 graden. Hiermee creëer je een onvergetelijke shop-ervaring voor jouw klant. Met name bij aankopen waar emotie een rol speelt, zoals in de fashion of in lifestyle-webshops is dit zeer effectief.




7. Flat design

Schaduwtjes, 3D, glans, kleurverloop en ingewikkelde buttons zijn verleden tijd voor de meeste webdesigners. Grote merken passen hun webshops aan met simpele iconen en eenvoudige vlakken. Alles is tegenwoordig zo plat als een dubbeltje, dit wordt ook wel flat design genoemd. Het levert strakke en hippe ontwerpen op die bovenal gebruiksvriendelijk, efficiënt en rustig zijn.




8. Professionele en high-res fotografie

Afbeeldingen hebben altijd al veel aandacht gekregen binnen webshops. Tegenwoordig zie je vooral grote en professionele (achtergrond)afbeeldingen over de volle breedte van het scherm. Door sfeerfoto’s in dezelfde fotografische stijl te gebruiken, kun je een herkenbare stijl neerzetten.



9. Grote en flexibele webfonts

Steeds meer designers maken gebruik van grote en flexible lettertypes. Door een frisse typografie te gebruiken draag je bij aan een herkenbare merkidentiteit. De tijd van betalen voor een duur lettertype lijkt bovendien voorbij. Tegenwoordig maken veel designers gebruik gemaakt van de (gratis) webfonts van Google. Google wilde het web mooier, leesbaarder en toegankelijker te maken via gratis lettertypes. Dat is ze aardig gelukt met een database van 629 lettertypes waaruit je kunt kiezen. Google Fonts kun je snel en gemakkelijk downloaden en gebruiken op elke website of app.



10. Interactieve sfeerbeelden

Met behulp van meeslepende en interactieve foto’s of video's krijgen bezoekers het gevoel dat ze het product al bezitten, nog voordat ze op de ‘koop’-knop geklikt hebben. Steeds vaker zie je sfeerbeelden waarop geklikt kan worden.




Ken jij een prachtig voorbeeld van een innoverend webshop-design? Laat het me weten via een reactie! 


BRONNEN