E-commerce, vormgeving van de shop

 
Enkele jaren geleden was het nog ondenkbaar dat er in 2004 gemiddeld om de vier seconden een nieuwe website zou gelanceerd worden. Ook het aantal e-commerce sites is de laatste jaren erg toegenomen. Het grote nadeel hiervan is dat de concurrentie steeds groter wordt. Het is dus belangrijk dat wanneer een consument de site bezoekt hij de naam onthoudt en hier enkele positieve associaties aan koppelt. Door deze passieve merkbekendheid verhoogt de mogelijkheid dat er een probeeraankoop en eventueel een herhalingsaankoop volgt. Een positieve eerste indruk door een krachtige en doeltreffende vormgeving is dus essentieel om een product efficiënt te verkopen. Hoe hiervoor gezorgd kan worden, zal in dit hoofdstuk besproken worden.

Daarnaast is het belangrijk dat de producten overzichtelijk worden weergegeven op productenlijsten en categoriepagina’s zodat de bezoeker op een gebruiksvriendelijke wijze zijn weg doorheen de verschillende producten vindt. Consumenten zullen immers geen producten kopen die ze niet kunnen zien.

Het belang van vormgeving

Al te dikwijls wordt nog gezegd dat vormgeving geen belang heeft, hoe een e-commerce site eruit ziet maakt niet uit, zolang de consument maar snel en gemakkelijk de gewenste goederen kan aanschaffen. Ook wordt dikwijls beweerd dat vormgeving, verpakking of beeld geen invloed hebben op het koopgedrag van de klant. Toch werd de wereld eind jaren vijftig geschokt door een experiment dat duidelijk het tegenovergestelde bewees. In september 1957 werd in een drive-in bioscoop in New Jersey (Verenigde staten) een experiment met beeld uitgevoerd. In de film Picnic werden iedere vijf seconden beelden ingelast met ‘Drink Coca Cola’ en ‘Eet popcorn’. Deze beelden duurden 1/3000 seconde; dus ver onder de waarnemingsdrempel. De consumptie van Coca Cola was zestig procent hoger dan normaal, terwijl er ook twintig procent meer popcorn verkocht werd. Deze resultaten veroorzaakten grote opwinding. Omdat het beeld niet duidelijk waar te nemen was, oordeelden vele consumenten dat in normale omstandigheden ze zich niet zouden laten beïnvloeden door vormgeving. Toch blijkt ook hier het tegendeel waar wanneer er gekeken wordt naar het experiment Gorn waarbij studenten een keuze moesten maken tussen twee pennen. G.J. Gorn heeft experimenteel het effect van klassieke conditionering door reclame kunnen aantonen. Uit een vooronderzoek bleek dat een lichtblauwe en beige pen even aantrekkelijk waren voor studenten, bovendien bleek hieruit welke muziek studenten aangenaam en onaangenaam vonden. Gorn vertelde aan de proefpersonen dat ze zouden meewerken met een reclamebureau om na te gaan of de juiste muziek gekozen werd voor reclame van een balpen. Tijdens het experiment werd een balpen getoond op een dia en terzelfder tijd werd muziek ten gehore gebracht. Er waren vier condities: in iedere groep werd aantrekkelijke of onaantrekkelijke muziek gebruikt bij een lichtblauwe of beige pen. De condities waren aantrekkelijke muziek en een lichtblauwe pen, aantrekkelijke muziek en een beige pen, onaantrekkelijke muziek en een lichtblauwe pen en als laatste onaantrekkelijke muziek en een beige pen. Nadat de proefpersonen hun mening gegeven hadden over de gepastheid van de muziek konden ze als beloning een keuze maken tussen een beige of lichtblauwe pen. De resultaten van het experiment kunnen als volgt worden geresumeerd: in de condities met aangename muziek koos negenenzeventig procent de balpen met dezelfde kleur als die ze gezien hadden. Uit deze resultaten besluit Gorn dat met behulp van de onvoorwaardelijke stimulus (in dit geval muziek) de respons t.o.v. een voorwaardelijke stimulus (de balpen) significant beïnvloed kan worden. Dit resultaat kan niet te wijten zijn aan productinformatie omdat deze niet gegeven werd. Bovendien kozen de proefpersonen niet steeds de pen die ze gezien hadden. Tenslotte werd het resultaat niet beïnvloed door de ‘verklaringen’ die de proefpersonen achteraf geven. Geen van de proefpersonen gaf aan dat de keuze van de pen gebaseerd was op de samenhang met muziek. Ze waren zich dus niet bewust van het conditioneringproces. Wel gaven de proefpersonen verschillende redenen aan als “beige is mijn lievelingskleur” om hun gedrag te rechtvaardigen.

Uit deze twee experimenten kan duidelijk worden afgeleid dat vormgeving veel belang heeft. Of het nu muziek is die invloed heeft op balpennen, of de grafische vormgeving van een e-commerce site. Wanneer een consument een identiek product op een grafisch aantrekkelijk of onaantrekkelijke site ziet is de keuze snel gemaakt. Omdat een site met een aantrekkelijke grafische vormgeving door de bezoeker geassocieerd wordt met positieve gevoelens (emoties) zal deze sneller in de smaak vallen bij de consument. In de reclame worden merken, logo’s, producten en diensten veelvuldig geassocieerd met prettige stimuli als aangename muziek, kleuren, aantrekkelijke mensen en humor. Net als een krachtige grafische vormgeving voor een e-commerce site is het de bedoeling dat de consumenten de merken gaan associëren met positieve gevoelens.

Goede vormgeving

Wanneer de vormgeving van een e-commerce site perfect is afgestemd op de doelgroep kan er gesproken worden van een goed grafisch geheel. Regels over vormen, lijnen, randen, … zijn er niet, dit zou immers niet logisch zijn aangezien deze afhankelijk zijn van trends, voorkeuren, de aard van het producten, de doelgroep, …. In het eerste hoofdstuk is reeds besproken dat het essentieel is de doelgroep van de e-commerce site door en door te kennen. Wanneer de identiteit van de doelgroep gekend is, kan er begonnen worden aan de ontwikkeling van een goede vormgeving. Uit een psychologisch onderzoek, zo stelt W.F. van Raaij, is gebleken dat consumenten frequent producten of merken kopen die passen bij hun identiteit of zelfbeeld. Wanneer een e-commerce site een vormgeving heeft die bij de identiteit of het zelfbeeld van de consument past, zal deze meer in de smaak vallen dan sites die deze vormgeving niet bezitten.

Aangezien er geen duidelijke richtlijnen zijn i.v.m. een goede vormgeving is er toch een trend die meer en meer gebruikt wordt op e-commerce sites. Deze trend is overgekomen van de reclame-industrie. Vooral in advertenties werden deze technieken reeds uitvoerig gebruikt. Voordat de mens leerde lezen kon hij reeds zien. Lezen is namelijk een kunstmatig, door de mens ontworpen communicatiesysteem. Kijken naar iets is een veel directere manier van informatieoverdracht. Dieren kunnen alleen maar kijken. Ook de mens, de meest ontwikkelde diersoort, houdt altijd de neiging om eerst te kijken en dan pas te lezen. Met deze achterliggende gedachte worden vele advertenties ontworpen. Advertenties met een afbeelding vallen over het algemeen meer op dan advertenties zonder afbeelding. Binnen de vormgeving van e commerce valt op dat deze afbeeldingen dikwijls terugkomen. Wanneer deze efficiënt gebruikt worden, kunnen ze een echte meerwaarde betekenen voor het grafische geheel. Toch worden ze dikwijls foutief toegepast waardoor ze vervelend of overbodig overkomen. Goede afbeeldingen binnen de vormgeving geven een duidelijke boodschap aan de consument, afhankelijk van de aard van de producten en de doelgroep kan dit dus een must zijn. Vaak staat geluk centraal in deze afbeeldingen, hierdoor zal de consument gemakkelijker de producten kopen omdat hij verwacht een soortgelijke situatie door de aankoop te bereiken (lachende gelukkige mensen). Er zijn verschillende categorieën van afbeeldingen. Afbeeldingen van mensen worden het vaakst gebruikt. Op de tweede plaats komen dieren en op drie staan alle soorten objecten.

Een volgend belangrijk onderdeel van de vormgeving is de plaatsing van het logo. Door het logo opvallend te plaatsen op iedere pagina van de e-shop wordt dit veelvuldig geassocieerd met de prettige stimuli die ontstaan gedurende het bezoek aan de site. Dit is erg belangrijk voor de ontwikkeling van schemata. Het begrip schema werd in de psychologie geïntroduceerd door Bartlett. Via dit principe werd aangetoond hoe mensen informatie opslaan. In het geheugen van consumenten zijn de eigenschappen van producten, merken of e-commerce sites opgeslagen in de vorm van schemata. Schemata zijn netwerken van associaties rondom een product, merk of site. In een schema wordt een product of merk geassocieerd met een aantal positieve en/of negatieve eigenschappen. Zo kan het begrip ‘Amazon’ bvb geassocieerd worden met overzichtelijk, boeken, cd’s, goedkoop, grotere korting, producten moeilijk terug te vinden en goede site. Schemata vormen zich op basis van eigen ervaring, ervaringen van anderen en ingewonnen informatie. Deze schemata fungeren als een waarnemings- en interpretatiekader. Elementen die niet verwacht worden, hebben een kleinere mogelijkheid om waargenomen te worden. Het is dus belangrijk dat het logo op een prominente plaatst staat zodat de consument deze schemata kan vormen met de naam van de site als centraal punt. Daarnaast heeft het plaatsen van het logo op alle pagina’s een ander groot voordeel, bezoekers die via links binnenkomen zullen zo ook schemata ontwikkelen.

Als laatste kan goede vormgeving gezien worden als het marketingprincipe positionering, dit is het verkrijgen van een positieve breinpositie bij de consument. Een consument hanteert bepaalde beoordelingsmaatstaven: welke producten verkoopt de e-commerce site, wat onderscheidt de e commerce site van die van de concurrentie, welke zijn de meerwaardes van deze site, enz. Het is dus belangrijk dat de positionering verwerkt zit in de vormgeving. Aangezien deze positionering veel verder gaat dan enkel de vormgeving (de volledige marketingmix) kan een aanzienlijk resultaat bereikt worden. Zo ontstaat er een bepaalde waardering voor de e-shop, deze krijgt een bepaald, nagestreefd imago en in het gunstige geval ontwikkelt de consument een voorkeur voor de site boven die van concurrenten.

Positionering op grond van bepaalde eigenschappen van producten

Wanneer er op de e-commerce site vooral producten met een hoge kwaliteit of producten met een ecologisch karakter worden verkocht, kunnen deze eigenschappen verwerkt worden in de vormgeving. Door de vormgeving een kwalitatief of ecologisch karakter uit te laten schijnen zal bij de doelgroep een positieve breinpositie ontstaan. Natuurlijk is het belangrijk dat andere onderdelen van deze site ook in dezelfde lijn liggen.

Positionering op emotionele waarden

Hieronder is het voorbeeld van het snobeffect op zijn plaats: het is een van de sociale effecten uit de consumentenpsychologie. Wanneer de e-shop bvb kostelijke en exclusieve producten verkoopt, is het belangrijk dat dit in de vormgeving van de site wordt verwerkt. Wanneer de consument op de site surft, zal zijn snobistische karakter versterkt worden.

Positionering op basis van verhouding prijs/kwaliteit

Een goede prijs/kwaliteit verhouding is heden ten dage erg belangrijk, denk maar de prijzenoorlog tussen de verschillende supermarktketens als Carrefour, Delhaize en Colruyt. Wanneer consumenten naar de e-commerce site surfen is het belangrijk dat de vormgeving deze eigenschap uitstraalt.

Positionering op basis van gebruik of toepassing

Op de site van Coolskin, elektrisch scheerapparaat van Philips dat onder de douche gebruikt kan worden, kan een vormgeving met elementen als water, surfen, frisheid, schuim, etc. worden teruggevonden. Door deze vormgeving wordt het gebruik of toepassing van het apparaat duidelijk belicht.

Positionering naar gebruiker

Om een bepaalde breinpositie in te nemen bij de bezoeker wordt hierbij veelal geappelleerd aan de status, jeugdigheid of sportiviteit van de gebruiker.

Positionering ten opzichte van de concurrent

Een concurrerend merk kan worden gebruikt om een eigen positie op te bouwen. Hierbij heeft men twee mogelijkheden: er kan worden vastgeklampt aan de positie van het concurrerende merk (head-on-positioning) of er kan gekozen worden om zich af te zetten tegen de positie van het concurrerende merk. Denk maar aan de reclame campagnes van Volkswagen (Volkswagen, wie anders?) of Citroën (Alleen Citroën rijdt als een Citroën)

Positionering ten opzichte van een productklasse

Ook hierbij kan worden vastgeklampt aan een andere productklasse of juist daartegen worden afgezet.

Kleurgebruik

Kleuren zijn een essentieel onderdeel van de vormgeving van een e-commerce site. Wanneer de e-shop wordt geopend en gedurende het surfen doorheen de site wordt de consument met deze kleuren en de vormgeving geconfronteerd. Een krachtige vormgeving met aantrekkelijke kleuren kan voor positieve prikkels zorgen bij de consument waardoor deze gemakkelijker het product zal aankopen. In een psychologisch experiment kreeg een groep mensen een tiental foto’s te zien van huizen. Deze huizen werden niet speciaal mooi of lelijk geëvalueerd door de proefpersonen, ze werden neutraal bevonden. De groep werd daarna opgedeeld in twee subgroepen. De eerste subgroep kreeg de huizen te zien, na elk huis volgde een foto van iets aangenaams: een erotische prent. Een huis werd bvb gevolgd door een aantrekkelijke man of vrouw van de geprefereerde sekse. De andere subgroep kreeg de huizen te zien en daarna een onaangename plaat. Na afloop werd er een waardeoordeel over de huizen uitgesproken, de groep waarin de foto’s gekoppeld werden aan de erotische prenten vonden de huizen een stuk mooier dan in het begin. De andere groep vond de huizen juist een stuk lelijker geworden. Kennelijk werden de emoties die bedoeld waren voor de tweede foto gekoppeld aan de foto die vooraf ging: in geval van de erotische prenten werd de positieve emotie aan het neutrale huis gekoppeld waardoor dit huis daarna ook positief gewaardeerd werd. In geval van de onaangename prenten was het resultaat omgekeerd. Opmerkelijk was dat de proefpersonen zich niet bewust waren van deze verandering in evaluatie en dat ze ook niet in de gaten hadden dat hun voorkeur op deze wijze aangeleerd was.

Vaak worden deze gekozen omdat ze goed bij de huisstijl van de onderneming passen, contrasteren met de kleuren van het logo of gewoon omdat de ontwerper ze mooi vindt. Toch is er ook een andere mogelijkheid dan het willekeurig kiezen van een ‘mooie’ kleur. Eerst en vooral zijn er de mode-verschijnselen en trends waar zeker ook rekening mee gehouden kan worden. Het kleurgebruik is immers een belangrijk onderdeel van de eerste indruk die de consument zal vormen. Wanneer binnen de vormgeving kleuren worden gebruikt die in de smaak vallen, zullen positieve prikkels ontstaan die bijdragen tot een positieve eerste indruk. De laatste decennia zijn er zo reeds verschillende gepasseerd, denk maar donkerblauw en donkergroen in de jaren vijftig, geel, rood en oranje voor de jaren zestig of de jaren zeventig waar vooral bruin en violet werd gebruikt omdat er niet veel euforie en blijdschap was door de terugval binnen de economie.

Daarnaast kunnen de kleuren van de vormgeving gekozen worden door rekening te houden met de aard van de doelgroep en het thema van de site, rood en oranje (hippe kleuren) voor een jonge doelgroep, roze voor een e-shop van snoepgoed of groen voor een e-shop van tuinmeubelen. Hierbij is het vooral belangrijk rekening te houden met de verschillende gevoelens (emoties) die de kleuren oproepen. Een kleur wordt waargenomen binnen een bepaalde context en die bepaalt de associatie- en gevoelswaarde.

Optimaal gebruik maken van schermruimte

De eerste stap naar de ideale vormgeving is het optimaal benutten van de schermruimte. Al te dikwijls wordt de consument afgeleid door schreeuwerige banners, irritante pop-ups of moet hij eindeloos scrollen op zoek naar informatie. In vele gevallen wordt dit gecombineerd met een uitgebreide flashy navigatie waardoor er voor het contentgedeelte slechts een beperkte ruimte overblijft. Deze combinatie kan dodelijk zijn, zeker op het Internet waar de eerste indruk van de klant van cruciaal belang is. Er moet gezorgd worden voor een evenwichtige combinatie tussen een beperkte, overzichtelijke navigatie, genoeg content ruimte en het doeltreffend benutten van witruimte.

De navigatie moet zijn plaats kennen

Hoewel de navigatie een van de meest essentiële functies is van een e-commerce site, toch is het belangrijk dat deze zich op de achtergrond bevindt. Hij moet ervoor zorgen dat de consument gemakkelijk de informatie kan opvragen zonder zelf met de aandacht te gaan lopen. Het is aangeraden dat er niet meer dan twintig procent van het totale beeldscherm gewijd worden aan de navigatie.

Content ruimte is de voornaamste ruimte

De content moet met de aandacht van de consument gaan lopen. Het is dan ook evident dat er tussen de vijftig en tachtig procent van de totale ruimte voorzien wordt voor content. Aangezien de consument voor informatie naar de e-commerce site surft, is het ook logisch dat hiervoor de overgrote hoeveelheid ruimte wordt voorzien.

Witruimte is zeker geen verkwiste ruimte

Elke vierkante meter van een winkel is erg duur. Daarom is men dikwijls geneigd iedere ruimte van het beeldscherm van e-commerce sites te benutten, toch is witruimte niet nutteloos. Witruimte kan het oog leiden, zorgt voor een goede scanbaarheid van de pagina en helpt gebruikers te begrijpen hoe informatie is gegroepeerd. Daarnaast heeft witruimte het grote voordeel dat er geen downloadtijd aan te pas komt. Het is natuurlijk wel belangrijk dat dit deel uitmaakt van het ontwerp, de inhoud of de navigatie. Witruimte moet efficiënt gebruikt worden, extra witruimte voorzien onder aan een pagina leidt immers tot overbodig scrollen, wat daarna kan leiden tot een negatieve ervaring voor de gebruiker.

Verloren ruimte is toegestaan

Aangezien het praktisch onmogelijk is een website te ontwikkelen die onder alle omstandigheden (verschillende resoluties, browsers, etc.) wordt weergegeven als een perfecte rechthoek is het toegestaan deze op te vullen met verloren ruimte (banners, reclame, etc).

E-commerce site ontwerp

Hou rekening met lange download tijden

Wanneer een consument op het Internet surft, is snelheid een van de voornaamste factoren. Hierdoor kunnen productenpagina’s snel worden geopend, waarna zowel de e-commerce site als de producten gemakkelijk vergeleken kunnen worden. Hoewel er in een gewone winkel dikwijls uitvoerig de tijd wordt genomen om producten te bekijken en te vergelijken is dit voor het Internet helemaal anders. Er kunnen tienduizenden euro’s geïnvesteerd worden in een site, als het langer dan tien seconden duurt vooraleer een pagina is ingeladen is het merendeel van de consumenten reeds weggeklikt (bailout rate). Daarom blijft de ontwerper best onder de limiet van tien seconden.

Hyperlinks betekenen een duidelijke meerwaarde voor de site

Een van de vele voordelen van het Internet zijn links, via een enkele klik kan een nieuwe pagina met nog meer informatie worden geopend. Vooral binnen e-commerce is het aangeraden veel links te gebruiken, hierdoor kan de consument zelf bepalen wanneer deze genoeg informatie heeft en over wil gaan tot de aankoop van het product. Het is belangrijk dat er zoveel mogelijk binnen de site zelf wordt gelinkt (interne links). Doordat links verwijzen naar andere sites (externe links) kan de e-commerce site op de achtergrond eindigen. Wanneer de consument via deze pagina nogmaals wordt doorgelinkt kan de aankoop van het product zelfs op een concurrerende e-shop gebeuren. Het is dus belangrijk afhankelijk van de aard van het product en doelgroep zelf een goed evenwicht te zoeken tussen het aantal interne- en externe links.

Maak gebruik van stylesheets

Cascading stylesheets (css) bieden een grote meerwaarde voor e-commerce sites. Door het gebruik hiervan worden alle teksten in een optimaal lettertype en –grootte weergegeven op het scherm van de consument. Wanneer de consument in zijn browser heeft ingesteld dat alles in een extra groot lettertype moet weergegeven worden zal de stylesheet dit overrulen en ervoor zorgen dat de site wordt weergegeven als de ontwikkelaars hem hebben ontworpen. Op deze manier blijft het lettertype en grootte binnen de e-commerce in één consistente (optimale) stijl.

Wat doen als er geen cascading stylesheets worden gebruikt

Wanneer er gekozen wordt om geen gebruik te maken van cascading stylesheets moet aan de content op de website een lettertype worden gekoppeld. Hierbij is het belangrijk dat een lettertype wordt gekozen dat standaard op iedere pc is geïnstalleerd. Lettertypes met veel fantasietjes zijn dikwijls wel mooi om te zien, toch zullen deze niet worden weergegeven op het scherm van de gebruiker omdat hij deze niet heeft geïnstalleerd. De pc zal deze automatisch vervangen door een ander lettertype waardoor de vormgeving van de volledige content de mist in gaat.

De meest populaire lettertypes

Wanneer de keuze is gemaakt om wel of niet cascading stylesheets te gebruiken moet nog een volgende knoop worden doorgehakt. De keuze van het lettertype en de lettergrootte die doorheen de site gebruikt wordt, is erg belangrijk. Dit kan een grote meerwaarde zijn voor de aantrekkelijkheid van de volledige e commerce site. Eerst en vooral is het essentieel eenzelfde lettertype en -grootte te gebruiken doorheen de site, consistentie is erg belangrijk zodat de consument eenzelfde vaste lijn ziet binnen de site. Verschillende lettertypes leiden de aandacht van de bezoeker af. In een studie van lees meer over E-commerce, vormgeving van de shop





E-commerce algemeen
Decennia geleden, toen de eerste winkels ontstonden, richtten de winkeliers hun winkels in zoals het hen het beste leek. Er werd geen aandacht besteed aan het gemak van consum...

E-commerce de doelgroep
Hoewel er vele grote supermarkten zijn die schreeuwende promoties hebben en beweren dat ze de goedkoopste zijn, toch doet de kleine winkel uit het dorp het no...

E-commerce, pagina's van de site
Inleiding Meer en meer verdwijnen de kleine rommelige winkeltjes uit het straatbeeld van de gewone wereld. Ze worden vervangen door trendy winkels die veel geld spenderen aan...

E-commerce content
Inleiding Consumenten kopen producten en diensten om hiermee voor zichzelf gunstige gevolgen, voorkeuren en ‘benefits’ te realiseren. In het verkoopsgespr...

Infoblog de meest complete bron van informatie! Help Infoblog te vervolledigen en promoot je eigen site. Heeft u nog interessante informatie? Word dan infoblog partner en ontdek de voordelen!.