ONDERZOEK Dream Discover Do
Micro-animaties en de weg naar een verbeterde webshop ervaring
DREAM|DISCOVER|DO (Seminar) cursuscode: JDE-SCON.3V-13 Onderzoeksverslag en reflectieverslag Student: Joram de Graaf studentnummer: 1622424 Opleiding: Communicatie & Media Design Specialisatie: Concept Design Vak: Seminar - herkansing Docent: Dennis van Santen Datum: 18 maart 2016
Inleiding
pag. 3
Onderzoeksopzet
pag. 4
Deelvraag 1
pag. 5
Deelvraag 2
pag. 8
Deelvraag 3
pag. 11
Deelvraag 4
pag. 13
Conclusie
pag. 15
Zelfreflectie
pag. 16
Bronnen
pag. 17
Woorden aantal: Onderzoeksverslag: 3912 Reflectieverslag: 423
Inleiding Micro-animaties zijn kleine zichtbare maar ook onopvallende bewegingen die gebruiker helpen zich te oriënteren in de complexe omgevingen waar applicaties uit kunnen bestaan. Micro-animaties zijn vooral in applicaties te vinden waar ze nodig zijn om de kleinere en soms ingewikkelde menu’s, die nodig zijn om op devices als smartphones en tablets overzichtelijk te blijven, ervoor te zorgen dat de aandacht van de gebruiker wordt gefocust op hetgene wat er van hem verwacht wordt. Deze aandacht wordt behouden door een animatie te plaatsen tussen twee interacties die zorgt voor een beweging of verandering in de interface. Micro-animaties banen zich ook steeds meer een weg naar websites en is een groeiende trend. De simpele functionaliteit die ze bieden kan ook in computerinterfaces de gebruiker houvast te bieden in diverse interfaces. Er zijn alleen nog niet veel websites waar je duidelijk ziet dat er gebruik wordt gemaakt van micro animaties, laat staan op webshops. Op laatst genoemde wil ik dit onderzoek gaan richten. Ik denk namelijk dat door het gebruik van micro-animaties de gebruikerservaring op webshops veel beter kan worden. Het probleem met webshops is dat ze er grotendeels eenzelfde indeling op nahouden. Veel webshops hebben alle aangeboden producten naast elkaar staan met links op de pagina een lijst met de verschillende categorieën. Of, als er een budget voor is, dan wordt de webshop ontworpen in een stijl die past bij de brand identity zodat het gebruik van de webshop zo goed mogelijk de brand experience weerspiegelt. Juist dit verschil in webshops zorgt ervoor dat de gebruiker zich steeds moet gaan aanpassen en uitzoeken waar alle bekende onderdelen van webshops geplaatst zijn, als dit niet goed gaat dan haakt hij af en gaat hij naar een andere webshop. Micro-animaties kunnen volgens mij de gebruikerservaring op een webshop verbeteren door de gebruiker te helpen oriënteren en de weg te leiden door het aankoopproces. Ik wil met dit onderzoek uitzoeken hoe dit verwezenlijkt kan worden, om vervolgens een artikel te kunnen schrijven op basis van dit onderzoek. De kennis die ik uit dit onderzoek haal hoop ik later als webdesigner bij het maken van een webshop te kunnen toepassen.
3
Onderzoeksopzet
4
Hoofdvraag Hoe kunnen micro-animaties bijdragen aan Brand Experience op webshops, zodat er bij de bezoeker een positieve gebruikerservaring ontstaat?
Hypothese
Micro-animaties kunnen wanneer zij op de juiste manier worden gebruikt de brand experience overbrengen en de gebruikerservaring op de webshops verbeteren.
Deelvragen
Deelvraag 1: Wat zou een webshop micro-animaties moeten gebruiken? Deelvraag 2: Waar moet op gelet worden bij het gebruiken van micro-animaties? Deelvraag 3: Hoe kan uitgezocht worden waar micro-animaties nodig zijn? Deelvraag 4: Hoe wordt de brand experience op webshops verwezenlijkt?
Deelvraag 1 Waarom zou een webshop micro animaties moeten gebruiken? Er zijn ontzettend veel webshops in Nederland. De groei van het aantal is in de jaren tot een punt gekomen dat er in het vorige jaar meer digitale dan fysieke winkels zijn. De teller staat nu op meer dan 95 duizend webshops, volgens de Volkskrant (2015). De groei van dit aantal komt vooral doordat er veel kleine webshops worden opgestart. Er worden steeds meer aankopen gedaan via internet en het is niet al te lastig om een webshop op te starten. Het probleem dat veel van deze kleine webshops ondervinden is dat ze niet op kunnen concurreren tegen de grote namen en als er niet genoeg aan verdient wordt gaat de webshop offline. Naast de overmate aan concurrentie kunnen er ook andere redenen zijn waarom webshops weinig inkomsten genereren. Eén ervan is bijvoorbeeld de gebruikerservaring die een webshop biedt. Voor een grotere conversie van een webshop is het een ‘must’ om een goede gebruikerservaring te bieden. Deze wordt beïnvloed door alle elementen die er op een webshop te vinden zijn. Een paar voorbeelden zijn de grote van de afbeeldingen, de informatie over de producten en hoe deze worden weergeven en het proces van het plaatsen van producten in de winkelmand tot en met het uiteindelijk afrekenen in de kassa. Als er iets niet voldoet aan de wensen en behoeften van de klant dan is de kans groot dat deze afhaakt. Een klik op het kruisje bovenin het venster is immers zo gedaan. Focus op ontwerp en niet op de gebruikerservaring Alle webshops willen een eigen identiteit hebben in de ogen van hun klanten. Dit proberen ze voor elkaar te krijgen door een unieke webshop te creëren, in hoeverre dit mogelijk is, want één doel die velen van de webshop eigenaren voor ogen hebben is om te voorkomen dat de klant afhaakt op het ontwerp. De webshop moet een unieke look en feel krijgen die de brand identity overbrengt. Veel van de kleine, al dan niet grote, webshops worden verwezenlijkt met CMS systemen als Wordpress, waarin met behulp van plug-ins als Woocommerce een complete webshop met wat aanpassingen gerealiseerd kan worden. Er is niets mis met deze CMS systemen en plug-ins, maar ze bieden een standaard webshoppakket die zonder aanpassing door een ervaren webdeveloper er precies zo uit ziet als één van de duizend anderen die online staan. En zo wordt er geen aandacht besteed aan de gebruikerservaring. Er zijn veel redenen waardoor een webshop niet werkt voor zijn bezoekers, voor het grootste gros komt dit neer op de gebruikerservaring die zij bieden. Vanuit de psychologie van mensen kiezen wij sneller voor de weg van de minste weerstand, dit geldt ook voor de bezoeken die wij brengen aan webshops. Wanneer wij niet kunnen vinden wat we zoeken of het werkt niet zoals verwacht, dan is de keuze snel gemaakt en gaan we terug naar webshops waar we bekend mee zijn. De vraag luidt dan: hoe kunnen we ervoor zorgen dat gebruikers van deze webshop een optimale gebruikerservaring beleven?
5
Deelvraag 1
6
Mobiel shoppen neemt toe Ervoor zorgen dat de webshop op mobiel goed werkt is een verstandige eerste punt van aanpak. Het aantal mensen dat met hun smartphone winkelt is in 2015 namelijk explosief gestegen met een groei van 43 procent. Het aantal bestellingen die werden gedaan steeg met 50 procent, zoals vermeldt in de shopping index van Demandware waarin het online shopgedrag van 400 miljoen consumenten wereldwijd wordt geanalyseerd, volgens Emerce (2016). Voor mobiele versies van webshops moeten de interfaces compacter en complexer worden gemaakt, omdat er rekening moet worden gehouden met schermresoluties. Om deze complexiteit van de interface voor de klant duidelijk te maken zonder al te veel veranderingen op zijn scherm te tonen moet dit gedaan worden met minimale visuele veranderingen. Op smartphones wordt dit gedaan met het gebruik van micro animaties. Deze micro-animaties zorgen er op smartphones applicaties voor dat, mits zij goed worden toegepast, de gebruiker focus krijgt die hem duidelijk maakt wat er gebeurd in de interface wanneer deze veranderd of wat er van hem verwacht wordt. De bewegingen van de animaties kunnen ook voor feedback zorgen op momenten dat er onduidelijkheid kan ontstaan. Een mooi voorbeeld is wanneer in e-mail apps een e-mail met een swipe naar links of rechts wordt verwijderd. Een animatie wordt dan getoond van het balkje dat het scherm uitvliegt en vervolgens verschijnt de tekst in beeld zoals te zien op screenshot 2 hieronder.
Screenshot 1, voor de swipe
Screenshot 2, feedback na swipe
Deelvraag 1 Wanneer het ongedaan moet worden gemaakt vliegt het balkje, oftewel de e-mail, weer op zijn plek in de lijst. Animaties als deze geven visuele feedback die de gebruikerservaring in applicaties verbeteren en zij zijn zich een weg aan het maken naar websites. “De micro-interacties worden echt een sleutelonderdeel van designs. Het zijn kleine functionele onderdelen die bijdragen aan gebruiksvriendelijkheid, het belangrijkste uitgangspunt bij design. De animaties staan in directe relatie tot het idee van micro-interacties, de kleine handelingen die worden beoogd.” zegt Robert Buurman, designer bij het digitale productiebureau Burst, geciteerd in Tuk (2016). Het is dus belangrijk dat webshops het gebruik van micro-animaties leren hanteren. Als webshops willen dat bezoekers niet direct na aankomst op de landingspagina gaan bouncen, wat niets anders betekend dan van de website af gaan zonder een vervolg actie te ondernemen, dan moeten ze bepalen wat zij willen dat de klant gaat doen. Wat wordt het doel van de klant? Op belangrijke punten kunnen zij dan door het implementeren van micro-animaties de bezoeker triggeren iets te doen of een actie te ondernemen. Als deze micro-interacties en animaties goed worden gedaan, dan zal de gebruiker verder gaan kijken op de webshop.
7
Deelvraag 2 Waar moet op gelet worden bij het gebruiken van microanimaties? Micro-animaties worden belangrijker in de toekomst voor zowel app als web. Websites en webshops worden ontworpen naar een minimalistisch design om het aantrekkelijker en rustiger te laten ogen. Daarbij moet niet de ervaring van de klant worden vergeten. Het doel is in de meeste gevallen wel dat de webshop de gewenste brand experience overbrengt naar de klant. Een manier om dit minimalistisch te doen is door de klant te leiden in het design van de webshop interface met behulp van micro-animaties. De kunst van het juist toepassen van een micro-interactie is dat deze natuurlijk overkomt. Hoe kan dit gedaan worden? Minimalistisch design Het minimalistisch houden van interfaces heeft ervoor gezorgd dat er nieuwe iconen ontstaan, één ervan is het hamburger menu-icoontje. Het menu neemt ruimte in op een website als deze altijd in beeld staat. Daarnaast zorgt deze situatie er ook voor dat bezoekers sneller geneigd zijn om door te klikken, waardoor ze op andere pagina’s terecht komen van de website. Dit is niet altijd het gewenste gedrag. Er wordt dus steeds vaker ervoor gekozen om het menu niet absoluut in beeld maar juist verborgen te houden. Het hamburger menu-icoontje toont nu aan waar het menu zit en met een klik erop schuift de menubalk in beeld. Hoe dit menu tevoorschijn en afgebeeld wordt verschilt per website en soms er duidelijk verschil te zien tussen de content van de pagina en het menu. Om twijfel te voorkomen zou dit menu met een animatie kunnen inen uitklappen. Dit laat overduidelijk zien waar het vandaan schuift in plaats van dat het een statische verandering is van de interface.
Hamburger menu-icoontje en uitklapbaarmenu. Feedback geven Niet alle micro-animaties hoeven te leiden naar een doel. Ze kunnen de klant feedback geven over wat er gebeurd is na het aangaan van een micro-interactie. Voor een site als een webshop, waar veel klikmomenten tussen de producten en
8
Deelvraag 2 pagina’s plaatsvinden, kunnen animaties de webshop een stuk interessanter en klantvriendelijk maken. Bij het toevoegen van een product aan de winkelwagen of verlanglijstje zou een simpele animatie waarin het product of element een beweging naar de plaats of knop maakt, waar de winkelwagen bekeken kan worden, simpele feedback geven over dat je product is toegevoegd. Op sommige webshops waar je nog nooit eerder bent geweest is het soms zoeken naar de winkelwagen. Je wil immers weten of het product waar je zojuist op klikte in je winkelwagen staat of je wil gaan betalen. Deze animatie zou dat meteen kunnen tonen. Focus bepalen met beweging Een andere optie om de bezoeker inzicht te geven in de webshop interface is door prioriteiten aan te tonen en de aandacht te trekken met animaties. Onze ogen gaan van nature richting beweging. Om die reden bestaan alle reclames op websites uit bewegende afbeeldingen of filmpjes. Onze ogen gaan er meteen naar toe als een reflex bij het zien van een onverwachte beweging die je ziet vanuit je ooghoek. Het willen hebben van focus in de weg die een bezoeker op de webshop aflegt is een belangrijke reden om micro- animaties te gebruiken. Als een webshop weet waar zij de focus op willen leggen, bepaalde producten of dergelijke, dan kan door gebruik van animaties prioriteit worden gegeven hieraan. Er op deze manier een visuele hiërarchie ontwikkelt worden. De bezoeker zal deze ‘visuele triggers’ niet storend vinden zolang er niet teveel aan animaties worden weergeven. Als dit wel het geval is dan vallen de prioriteiten die de bezoeker zou moeten zien weg, waardoor hij de weg naar het einddoel wegzakt. Bij een juiste hoeveelheid aan functionele animaties zal hij ze juist onbewust volgen naar het einddoel. Het doel dat de webshop voor hem uitgestippeld heeft. Frustratie voorkomen Bestellingsformulieren invullen, een heel vervelende vereiste bij het winkelen in een webshop waar je geen vaste bezoeker bent en waar je geen zin hebt om een account voor aan te maken. Vooral als deze formulieren een hele pagina beslaan schrikken we al snel af en hopen we stilletjes dat er een automatisch systeem achter zit die bij het invullen van ons adres de rest aanvult. Veel van deze formulieren hebben placeholder tekst, dus de tekst in de balk die ingevuld moet worden, dit bespaart ruimte en ziet er verzorgd uit. Wat er dan kan gebeuren is dat bij het invullen van het formulier de placeholder tekst verdwijnt en de bezoeker even niet meer weet wat hij nou precies aan het invullen was, doordat hij misschien even zijn focus op iets anders zette. Een mogelijkheid om dit tegen te gaan is door de placeholder tekst op het moment bij het invullen te laten bewegen in de vorm van een vloeiende animatie naar een plek voor of boven de informatiebalk. Wanneer de gebruiker dan weer zijn focus op de balk heeft dan ziet hij wat hij aan het invullen was simpelweg omdat het er nog staat of omdat hij de beweging hem opviel. Een ander voorbeeld voor micro-animaties bij formulier is wanneer informatie
9
Deelvraag 2 niet of incorrect is ingevuld. Vaak zie je dat pas aan verschijnen in een melding met grote rode tekst wanneer je het formulier wil verzenden of naar de volgende stap gaat in het bestelproces wilde gaan. Dit werkt uitermate vervelend. Er zijn gelukkig ook formulieren waar achter de balkjes meteen wordt weergeven of de waarde in de balk volstaat. Dit vinkje dient als een beloning en neemt frustratie weg die aan het einde kan ontstaan wanneer de gebruiker erachter komt dat iets niet goed is gegaan.
Formulier met goedkeuringsvinkjes Een goede gebruikerservaring willen bieden voor klanten betekend dat je frustratie moet voorkomen. Bij het invullen van een formulier kan het invullen duidelijker worden gemaakt door aan te geven met animaties wat er nog moet ingevuld worden en wat er fout ging en al helemaal wat er goed ging. Dit is een simpel voorbeeld van hoe kleine functionele aanpassingen in de interface met animaties kunnen worden versterkt en de gebruikerservaring verbeteren.
10
Deelvraag 3 Hoe kan uitgezocht worden waar micro animaties nodig zijn? Voordat er door de hele webshop micro-animaties geplaatst worden om de ervaring van de gebruiker te beïnvloeden is het verstandig om te kijken waar deze animaties het meeste nut zullen hebben. Teveel animaties zijn immers ook niet goed. Usability testing kan hier de uitkomst bieden en er zijn diverse uiteenlopende tools om hiermee inzichten te bereiken. Er moet uitgezocht worden: - Waarom gebruikers blijven; - Waarom gebruikers weggaan; - Waarom gebruikers iets kopen of waarom niet; - Waarom gebruikers betalen en waarom hij een winkelwagentje verlaat zonder te betalen; Google Analytics voor precieze informatie Een veel gebruikte tool om uit te zoeken waar het misgaat op een site is Google Analytics. Hiermee kan gekeken worden welke pagina’s op een webshop de meeste bezoekers trekken en de gemiddelde tijd van hun bezoek. Ook kan het gebruikt worden om te zien hoeveel bezoekers vanaf het moment dat zij op de site komen per direct afhaken en dus bouncen, dit wordt ook wel de bounce rate genoemd. Gebruikerservaring te testen Als de gebruikerservaring niet optimaal is moet deze worden verbeterd. Dit kan gedaan worden door het te testen. Het testen kan op veel verschillende manieren worden gedaan. Hier zijn diverse technieken en tools voor, maar om deze allemaal toe te passen is tijdrovend werk en er is vaak ook geen budget voor.
Bron: Oosterveer (2013)
11
Deelvraag 3 Eén van de beste technieken om de gebruikerservaring te testen volgens Oosterveer (2013) zijn diepte-interviews. Door de doelgroep te interviewen terwijl zij zich op de webshop bevinden kan waardevolle feedback worden verzameld over de exacte punten waar gebruikers op de webshop tegen problemen aanlopen. Ondanks dat deze methode heel duidelijke inzichten geeft is het ook de duurste in zowel tijd als geld. Een soortgelijke en goedkopere methode is user testing. Het vragen van bezoekers om opdrachten uit te voeren gericht op het doel van de webshop. Om een user test uit te voeren zijn er diverse tools te downloaden waarmee ‘remote user testing’ op afstand en laagdrempelig gedaan kan worden. Mouse tracking Een alternatieve methode die niets hoeft te kosten is Mouse tracking. Door het downloaden van een tool en door deze op de site te zetten kan worden gevolgd waar bezoekers op de site naar toe gaan. Eye tracking Een soortgelijke methode als Mouse tracking is Eye tracking. Bij deze techniek wordt in een gecontroleerde testomgeving het kijkgedrag van de respondent gevolgd. Door het geven van opdrachten aan de respondent komt er in beeld waar de focus komt de liggen bij het zoeken en hoelang het duurt om de opdracht op te lossen. Het resultaat wordt weergeven met een heatmap. Op de heatmap is direct te zien waar de meeste focus ligt op de website. Als dit niet het gewenste resultaat is dan kan hier een oplossing voor worden bedacht. Er zijn nog meer methoden en technieken om usability test mee uit te voeren. Echter, om uit duidelijk te krijgen op welke punten, pagina’s en bij welke interacties gebruikers op de webshop vastlopen lijken mij deze tools en technieken het beste om uit te vinden waar micro-animaties nodig zijn. Een combinatie van bovenstaande technieken geven de meest complete insights, want niet elke tool geeft een totaalbeeld van het handelen van gebruikers. Als gekozen wordt om alleen af te gaan op de resultaten die Google Analytics geeft, dan is er geen informatie over de exacte reden waarom mensen op een bepaald punt gefocust zijn of waarom zij op een pagina gedurende een langere tijd blijven hangen. Het gebruik van deze tools moet goed worden afgewogen om zo de resultaten te halen waarmee de webshop ook daadwerkelijk gebruiksvriendelijker kan worden gemaakt. Aan de hand van de antwoorden die verkregen zijn op vooraf gestelde vragen kan worden gekeken waar micro-animaties het bezoek aan de webshop kunnen verbeteren.
12
Deelvraag 4 Hoe wordt de brand experience op webshops verwezenlijkt? Er zijn meer dan 95.000 webshops online, de kans is dus heel groot dat velen van hen dezelfde soort producten verkopen en een ieder van deze webshops willen de meeste klanten aantrekken. Om de belevenis van een webshop uniek te laten zijn moet er nagedacht worden over de brand experience op de webshop. Om een succesvolle brand experience op een website te ontwikkelen heb je tijd nodig. Er moet goed worden nagedacht hoe de ervaring en boodschap naadloos kunnen aansluiten bij de wensen en behoeften van de doelgroep. Branding is volgens Michels en Huyskens (2007, p. 53) big business. Een goed merk zorgt ervoor dat tevreden klanten terug blijven komen om het merk te beleven. Een bedrijf dat een webwinkel heeft en een bepaald soort producten verkoopt, doet er goed aan om het gevoel dat de doelgroep krijgt bij deze producten over te brengen in de webshop en ze te betrekken bij de boodschap die het bedrijf wil overbrengen. Het bedrijf moet de merkwaarden en de assosiaties die de producten oproepen bij gebruikers uiten op de webshop. Er zijn functionele, emotionele en expressieve merkwaarden. Onder functionele merkwaarden vallen dingen die te meten en controleerbaar zijn, bijvoorbeeld de kleur of geur. Nu zal de geur lastig zijn om via de computer over te brengen, maar de kleur kan wel. Emotionele merkwaarden kunnen dan weer makkelijker worden overgedragen in een webshop. Als een webshop gezondheidsproducten verkoopt dan kan het zich in de look en feel van de vormgeving evenals de micro-animaties passend profileren. Bij expressieve merkwaarden moet de webshop zich uiten zoals de gebruikers dit zouden doen met de producten die verkocht worden. Om een positieve brand experience op te wekken bij de doelgroep moet er worden nagedacht of gebrainstormt over de associaties die moeten worden opgeroepen bij gebruikers. Het samensmelten van de associaties en de merkwaarden tot een brand experience zorgt ervoor dat de doelgroep zich beter kan associëren met het merk. Een positieve ervaring heeft directe invloed op de voorkeur voor een webshop en deze ervaring zal bezoekers terugbrengen naar het merk en dus de webshop. Pine en Gilmore experience model Om een brand experience succesvol te laten worden hebben Pine en Gilmore (DST,-) het experience model in het leven geroepen zoals te zien de afbeelding
13
Deelvraag 4 hieronder (Bureau Arnhem, 2013). Zij onderscheiden vier domeinen: entertainment, educatie, esthetiek en escapisme, opgedeeld in twee dimensies, namelijk passieve en actieve deelname. Als een merkbeleving bestaat uit alle vier de domeinen dan heeft deze de meeste kans tot succes.
Brand experience model van Pine en Gilmore. Als de brand experience in zijn totaliteit is uitgedacht, past bij de doelgroep en goed overwogen is, dan wordt het tijd om over te gaan tot het bouwen van de gebruikerservaring in de webshop. Voor het bouwen van de webshop moet worden nagedacht over verschillende elementen: - Hoe moet de navigatie eruit zien, waar moet het staan en hoeveel pagina’s moeten er gebouwd worden? - Hoe moeten het gevoel en de boodschap van het merk op de webshop gepresenteerd worden en overgebracht? - Waar moet de gebruiker heen gaan op de webshop, wat is zijn doel? - Uit wat voor content moet de webshop bestaan en hoe wordt deze weergeven? Wanneer met genoeg geduld en tijd alle voorgaande punten zijn afgegaan en uitgedacht, dan kan de hele interface worden ontworpen op de brand experience en alle interacties die op de webshop plaatsvinden kunnen ontworpen worden naar deze ervaring.
14
Conclusie De overgang van micro-animaties van smartphones naar computer neemt steeds meer toe. Sterkere processoren en browsers maken het mogelijk om meer van deze animaties te gebruiken en vormen een serieuze overweging voor webshops als zij willen opvallen tussen de rest. Een webshop die een op de doelgroep uitgedachte brand experience wil overbrengen kan deze met gebruik van passende animaties op verschillende punten versterken. De brand experience die is uitgedacht, de associaties die hiervoor bij de doelgroep moeten worden opgeroepen en de merkwaarden die het gevoel versterken horen kunnen allemaal worden uitgebeeld op de webshop. Door onderzoek te doen met het gebruik van user testing tools en technieken kan er gekeken worden naar hoe de bezoeker over de webshop beweegt, waar zijn focus ligt en wat zijn doel is. Vervolgens kan er ge-evalueerd worden waar aanpassingen nodig zijn in het ontwerp of in de interface. De keuze om dan een micro-animaties op een bepaald element of interactie te gebruiken hangt af de brand experience. De kracht van micro-animaties ligt hem in de minimale toepassing ervan, teveel animaties tegelijkertijd werkt averechts, en ze moeten functioneel zijn. Zij kunnen focus brengen naar het doel van de webshop, de functionaliteit verbeteren van bijvoorbeeld een formulier en de bezoeker visueel belonen bij het invullen ervan. Het verduidelijken van de interface voor de bezoeker om frustratie te voorkomen is de belangrijkste reden om een micro-animatie te gebruiken. Op smartphone apps wordt dit al vanaf het begin toegepast vanwege de kleinere resoluties en compactheid van interfaces. Inmiddels is het ook op de computer bij het gebruik van een minimale interface handig om de gebruiker te laten weten wat er gebeurd. Een micro-animatie die op basis van onderzoek ontworpen en toegepast wordt op een webshop zal, wanneer deze functioneel is en past binnen de micro-interactie waar de gebruiker op gefocust is, duidelijkheid geven aan de gebruiker over wat er verwacht wordt, hem leren hoe de interface werkt, hem de juiste sfeer brengen die hij verwacht en hem verder meedrijven in de brand experience die de webshop overbrengt
15
Zelfreflectie In de seminar van Dream Discover Do worden de studenten aangespoord om op zoek te gaan binnen hun interesses en daarin een onderwerp te vinden om onderzoek naar te gaan doen. Ik heb deze kans aangepakt om meer te weten te komen over webdesign en de ontwikkelingen hierin. MIjn interesse ligt bij webdesign en ik zie mijzelf in de toekomst ook als front- of back-end webdeveloper. Op de hoogte blijven van de ontwikkelingen is dus een vereiste die ik mijzelf gesteld heb. Het probleem waar ik mee zat was het bedenken van een goed onderwerp. Het heeft een tijdje geduurd voordat ik een onderwerp vond waarover ik tevreden was en waar ik ook graag onderzoek naar wilde doen. Het vinden van een onderwerp ging sneller toen ik ging brainstormen erover met pen en papier. Om tijd te besparen lijkt het mij handig dit meteen te gaan doen een volgende keer. De afbakening van de onderzoeksvraag naar een gericht onderzoeksonderwerp, daarmee ben ik bekend. Het gebruiken van theorieën in de praktijk bij het ontwikkelen van websites is ook iets dat mij goed afgaat. Mijn zwakte ligt hem in het gebruiken van vakjargon in combinatie met het schrijven van een goed artikel. Ik merkte bij het schrijven van dit onderzoek en het artikel dat ik het lastig vond om de juiste termen te vinden en er een goed lopend verhaal van te maken. Ik was dan genoodzaakt om de theorie weer op te zoeken en het voor mijzelf weer helder voor de ogen te krijgen. Van nature ben ik ook niet zo’n goede schrijver. Bij het schrijven van dit artikel heb ik gelet op de schrijfwiijze met de ervaring die ik hierin heb opgedaan tijdens stage. Voor het onderzoek heb ik vooral gebruik gemaakt van deskresearch. De meeste artikelen over dit onderwerp zijn dan ook op internet te vinden. Voor onderwerp als brand experience en gebruikerservaringonderzoek deed ik, zover dat mogelijk was en relevant, beroep op boeken die ik voor school heb gebruikt. Aangezien het een trend betrefde ben ik ook gaan kijken op websites als Frankwatching en Adformatie, zij gaven ook nieuwe inzichten en informatie over het onderwerp, die mij weer hielp verder te zoeken. Het was een tijd consumerend proces, het bedenken van een onderwerp, informatie vinden en het verwerken in een onderzoek en artikel, maar dit zorgde er wel voor dat het vanaf het begin tot het einde interessant was. Nu heb ik kennis op kunnen doen waar ik in de toekomst wat aan heb voor een vakgebied waar ik naar toestreef.
16
Bronnenlijst Allesovermartkonderzoek. (-). Eye tracking. Geraadpleegd op 13 maart 2016 via: http://www.allesovermarktonderzoek.nl/onderzoeksmethoden/eye-tracking Bureau Arnhem. (2013). Brand experience model Pine en Gilmore [Afbeelding]. Geraadpleegd op 16 maart 2016 via: http://bureauarnhem.nl/2013/01/de-broncode-vanberlijn/ DST (-) Brand experience volgens DST. Geraadpleegd op 15 maart 2016 via: http://www.dst. nl/images/medialibrary/PDFS/Brandexp_boekje/Brand_experience_white_paper_DST.pdf Emerce. (14 december 2015). Demandware Shopping Index: online shoppers gebruiken steeds vaker smartphone. Geraadpleegd op 12 maart 2016 via: http://www.emerce.nl/ wire/679597 Gebler, E. (21 december 2015). Waarom zou je micro animaties gebruiken in je ontwerp? Geraadpleegd op 10 maart 2016 via: http://unitid.nl/2015/12/waarom-zou-je-microanimaties-gebruiken-in-je-ontwerp/ Leeuw, S. de. (5 maart 2014). Animaties in webdesign: van fun naar functioneel. Geraadpleegd op 10 maart 2016 via: http://www.frankwatching.com/archive/2014/03/05/ animaties-webdesign-van-fun-naar-functioneel/ Michels, W., & Huyskens, I. (2007). Brand-id: Inspiratieboek voor creatief denken. (4e dr.). Zaltbommel: Thema. Oosterveer, D. (2013) Diepte-interviews meest waardevolle methode om gebruikerservaring te testen. Geraadpleegd op 14 maart 2016 via: http://www.marketingfacts.nl/berichten/ diepte-interviews-meest-waardevolle-methode-om-gebruikerservaring-te-testen Tuk, Y. (12 januari 2016). Rol van micro-interacties voor web en mobiel wordt nog groter. Geraadpleegd op 10 maart 2016 via: http://www.emerce.nl/achtergrond/rol-van-microinteracties-voor-web-en-mobiel-wordt-nog-groter Vermeulen, G. (18 oktober 2013). Usability testing: 8 methoden en 25 online tools. Geraadpleegd op 13 maart 2016 via: http://www.emerce.nl/best-practice/usabilitytesting-8methoden-25-goedkope-online-tools Volkskrant. (22 augustus 2015). Webshops overstijgen dit jaar fysieke winkels. Geraadpleegd op 12 maart 2016 via: http://www.volkskrant.nl/economie/webshops-overstijgen-dit-jaarfysieke-winkels~a4126952/
17
