Emotional Design van websites

download Emotional Design van websites

of 23

Transcript of Emotional Design van websites

  • 8/15/2019 Emotional Design van websites

    1/23

    Emotional Design of websitesAuteur: F.O. TurpijnOpleiding: Communicatie & Multimedia DesignStudentennummer: 0763967Datum: 21-09-2006

  • 8/15/2019 Emotional Design van websites

    2/23

    Emotional Design of websites

    Inhoudsopgave

    1. INLEIDING 3

    1.1 Belang binnen opleiding 3

    1.2 Onderzoeksvraag 4

    2 DESIGN THEORIE 5

    2.1 Drie niveaus voor verwerking 52.1.1 Visceral design 62.1.2 Behavioral design 62.1.3 Reflective design 72.1.4 Genoegens of geluk 7

    2.2 Design van websites 82.2.1

    Visceral design & Esthetiek 8

    2.2.2 Behavioral design & Geloofwaardigheid 92.2.3 Reflective design & Verleiding 10

    3 EMOTIONAL DESIGN OP HET INTERNET 11

    3.1 Onderzoeksmethode 113.1.1 Visceral design & Esthetiek 113.1.2 Behavioral design & Geloofwaardigheid 113.1.3 Reflective design & Verleiding 12

    3.2 Onderzoekscriteria 123.2.1 Keuze websites 12

    4 EMOTIONAL DESIGN VAN WEBSITES 13

    4.1 Casestudy 1 Ebay 134.1.1 Visceral design & Esthetiek 134.1.2 Behavioral design & Geloofwaardigheid 134.1.3 Reflective design & Verleiding 14

    4.2 Casestudy 2 BBC 154.2.1 Visceral design & Esthetiek 154.2.2 Behavioral design & Geloofwaardigheid 154.2.3 Reflective design & Verleiding 16

    4.3 Casestudy 3 Philips 174.3.1 Visceral design & Esthetiek 174.3.2 Behavioral design & Geloofwaardigheid 174.3.3 Reflective design & Verleiding 17

    4.4 Casestudy 4 Tokyo plastic 194.4.1 Visceral design & Esthetiek 194.4.2 Behavioral design & Geloofwaardigheid 194.4.3 Reflective design & Verleiding 19

    1

  • 8/15/2019 Emotional Design van websites

    3/23

    Emotional Design of websites

    5 CONCLUSIE & DISCUSSIE 20

    5.1 Onderzoeksvraag 20

    5.2 Conclusie 20

    5.3 Aanbeveling 20

    5.4 Discussie/reflectie 21

    6 LITERATUURLIJST, BRONVERMELDINGEN. 22

    2

  • 8/15/2019 Emotional Design van websites

    4/23

    Emotional Design of websites

    1. Inleiding

    Emoties spelen een groeiende bij het ontwikkelen van producten. Denk hierbij aan deopkomst van Web 2.0, experience marketing en emotional design in de afgelopen

    jaren. Hierbij gaat de gebruiker een steeds grotere rol spelen bij het gebruiken van eenproduct. De nadruk komt meer op hem te liggen dan op het product. Aangezien deproducten wegens industrialisatie en automatisering tegenwoordig kwalitatief dicht bijelkaar liggen zoeken bedrijven naar andere onderscheidende factoren.

    Bij Web 2.0 is het de invloed van de gebruiker, het sociale aspect wat de omschakelingzou moeten zijn op het internet (Wikipedia, 2006). In de marketing is het de experiencemarketing waarbij niet enkel een product wordt verkocht, maar een ervaring voor degebruiker/klant. Deze wordt niet enkel overtuigd door de kwaliteiten en features vaneen product, maar door het verhaal en een ongrijpbare experience die mensenenthousiasmeert en betrokken maakt bij een product en zo mond op mond reclame in dehand werkt.

    Op het gebied van design komt de verschuiving uit de hoek van Donald A. Norman. Nazijn carrire in de IT en usability kwam hij op een punt in zijn leven waar hij zich nietlanger wilde laten domineren en frustreren door de producten om hem heen. Metboeken als The design of everyday things (Donald A. Norman, 2002) en The invisiblecomputer (Donald A. Norman, 1998) probeert hij een leidraad te geven aan ontwerpersom over te stappen van een techniek gedreven ontwerp naar een gebruikers gedrevenontwerp, waarbij de nadruk op de gebruiker komt te liggen en het gebruik van hetproduct.In zijn laatste boek Emotional design Why we love (or hate) everyday things stelt hijde vraag waarom aantrekkelijke producten beter (lijken te) werken. Hierbij bespreekt hijde rol van emoties bij het ervaren van een product en hoe ontwerpers hier gebruik vanzouden moeten maken.

    1.1 Belang binnen opleiding

    Binnen mijn opleiding Communicatie & Multimedia Design (CMD) volg ik een dubbeleminor (afstudeerrichting), Interaction en Visual Interface Design (IVID) en ProductDevelopment (PD). Voor beide richtingen is emotional design een interessantonderwerp. Het design aspect en de implicaties van emotioneel ontwerp voor IVID en demarketing toepassing ervan voor mijn tweede minor PD.Bij IVID is de gebruikerservaring van groot belang. De gebruiksvriendelijkheid, dewerkflow en de leesbaarheid van een interface.Bij PD is een ander soort gebruikerservaring van groot belang. Namelijk de ervaring die

    een gebruiker/klant bij een product krijgt of de emotie die een gebruiker/klant heeft bijeen product.

    Naar mijn mening is de emotionele waarde altijd al van belang geweest bij hetwaarderen van een product. Maar met de verhoogde concurrentie is het van groterbelang omdat het een product kan onderscheiden van andere producten. Daarnaast isons inzicht in het opwekken van emoties en het toepassen hiervan in het aanbieden vaneen product (experience marketing) gegroeid. Zo helpt het bij het binden van klanten en

    3

  • 8/15/2019 Emotional Design van websites

    5/23

    Emotional Design of websites

    kan klantloyaliteit verstevigd worden.Met dit onderzoek hoop ik meer inzicht te krijgen in het gedrag van gebruikers en hoopik deze kennis te kunnen toetsen op virtuele producten als internet webpaginas.

    1.2 Onderzoeksvraag

    Speelt emotional design ook een rol in de belevenis van websites?

    Deelvragen Hoe vertaalt emotional design zich naar de virtuele wereld van websites? Welke conclusies kunnen ontwerpers hieraan verbinden?

    4

  • 8/15/2019 Emotional Design van websites

    6/23

    Emotional Design of websites

    2 Design theorie

    Om de onderzoeksvraag te kunnen beantwoorden ben ik eerst in de theorie gedoken.Ten eerste om de theorie van Donald A. Norman in de vingers te krijgen en ten tweede

    om te kijken welke onderwerpen/onderzoeken hiermee overlappen. Zo hoop ik tot eentheoretische basis te komen waarmee ik onderzoek kan doen naar de rol van emotionaldesign bij websites.

    2.1 Drie niveaus voor verwerking

    Donald A. Norman bespreekt in zijn boek het feit dat aantrekkelijke producten beterlijken te werken (Donald A. Norman, 2004).Om de rol van emotional design kunnen bepalen moeten we eerst kijken hoe degebruiker, de mens, een object beschouwt. Donald A. Norman stelt dat er drie niveausbetrokken zijn bij het verwerken van zintuiglijke input. Deze input beperken we hier tothet visuele aangezien auditief, tactiel, geur en smaak niet van toepassing zijn op digitale

    producten zoals websites.

    Figuur 1: Drie niveaus voor verwerking (Donald A. Norman, 2004)

    Van de drie niveaus is het viscerale niveau (visceral) de snelste. Hier worden snelleinschattingen en beslissingen gemaakt waarna signalen naar het motorische systeem(motor) worden gestuurd. Het viscerale niveau kan nog gestuurd worden door signalenvan de andere twee niveaus.Het gedragsniveau (behavioral) is het niveau waar het leeuwendeel van het (menselijk)gedrag zich afspeelt en kan het viscerale niveau versterken of remmen.

    5

  • 8/15/2019 Emotional Design van websites

    7/23

    Emotional Design of websites

    Bovenaan staat het reflectieve niveau (reflective) wat niet in directe verbinding staatmet zintuiglijke input en het motorische systeem. Het controleert, stuurt en benvloed(negatief) enkel het gedragsniveau.

    Deze niveaus hebben alle drie invloed op de ervaring van een product op de gebruiker.En alle drie de niveaus vergen hun eigen design benadering.

    2.1.1 Visceral designVisceraal: de ingewanden betreffend (Van Dale taalweb, 2006)

    Het viscerale niveau is hetzogenaamde onderbuik gevoel.Reacties die in het menselijkelichaam in de loop van deevolutie zijnvoorgeprogrammeerd. Het geeftons de mogelijkheid om snel tereageren op signalen uit onzeomgeving. Onze afkeur voorbittere smaken is een duidelijkvoorbeeld. Iets wat we niethoeven te leren, maar wat al vankinds af aan in onze hersenenstaat ingeprent. Eenvoudig wegomdat in de natuur bitter vaakbetekend dat iets giftig is.

    Figuur 2: Ondanks de (kwalitatieve)gelijkheid van het water, sprekenbepaalde merken (vormen) mensenmeer aan en wordt het water betergewaardeerd (Donald A. Norman,2004).

    2.1.2 Behavioral design

    Hoe werkt een product, wat is zijn functie? Het usability aspect van een product.Hierbij speelt het conceptuele model van het product een grote rol. Het designers

    conceptuele model moet overeenkomen het gebruikers mentale model. De informatiehiervoor, haalt de gebruiker uit de fysieke staat van een product. Het systeem beeld(system image).

    Twee type product ontwikkeling: ontwikkeling (enhancement) en innovatie.Na het functioneren van een product is het ook van belang dat het begrepen wordt doorde gebruiker.Goede behavioral design moet human-centered zijn. Dat wil zeggen, gericht hetbegrijpen en het vervullen van de behoeften van de gebruiker.

    6

  • 8/15/2019 Emotional Design van websites

    8/23

    Emotional Design of websites

    Met het verplaatsen vantechnologie vanuit de fysiekenaar de virtuele wereld raakt degebruiker de tastbaarheid vanhet ontwerp kwijt. En daarbij ook

    de controle over het product.

    Figuur 3: Het conceptuele model wordthelder gelijk aan de werkelijkheidweergegeven waardoor de gebruikergemakkelijk een mentaal model kanvormen (Donald A. Norman, 2004).

    2.1.3 Reflective design

    Hierbij gaat het om de boodschap, deculturele achtergrond en het doel vaneen product. Wat zegt een product(bewust of onbewust) over de gebruiker?De invloed van een product komt neer opreflectie. Hoe sluit het aan bij op hetzelfbeeld van de gebruiker?Deze reflectie en introspectie van degebruiker zijn aangeleerde kwaliteiten,afhankelijk van het sociale enmaatschappelijke milieu.

    Figuur 4: 17e-eeuwse mode past in de huidige

    cultuur niet meer. Toentertijd dacht men er heelanders over (Donald A. Norman, 2004)

    2.1.4 Genoegens of geluk

    Naast alle theorie over design, moet in het oog gehouden worden wat het doel ervan is.De gebruiker is het einddoel, maar niet pers het hoogste doel.Waar moet een goed product aan voldoen? Donald A. Norman geeft in zijn boek aan datproducten kunnen inspelen op het viscerale niveau en door hun aantrekkelijkheid beterlijken te werken dan andere, kwalitatief gelijkwaardige producten. Producten kunneninspelen op het gedragsniveau door bruikbaar en werkbaar design. Het is hierbij vangroot belang dat het designers conceptuele model overeen komt met het conceptuelementale model van de gebruiker. Dit bevordert de werkflow en het gebruikersgemak.

    7

  • 8/15/2019 Emotional Design van websites

    9/23

    Emotional Design of websites

    Een product speelt in op het reflectieve niveau, door aan te sluiten bij het zelfbeeld vande gebruiker. Status en persoonlijke voorkeuren kunnen hiermee versterkt worden.

    Zo dienen alle drie de niveaus, los van elkaar of in combinatie met elkaar, tot een grotergenoegen in het ontwerp van een product.

    2.2 Design van websites

    Met de komst van de computer hoeft een product geen fysieke aanwezigheid meer tehebben. Software heeft immers geen fysieke vorm. Bij software speelt de grafic userinterface (GUI) de rol van fysieke (virtuele) vorm. De vorm is niet tastbaar voor degebruiker. Hierdoor krijgt het gebruik ook een andere vorm. Gebruikersgemak enwerkflow gaan nu een belangrijkere rol spelen. De zogenaamde usability, hoe deinformatie wordt aangeboden en wat de rol van de gebruiker hierin is.

    2.2.1 Visceral design & EsthetiekDoordat websites geen tastbare vorm hebben speelt het uiterlijk een grote rol in debeschouwing ervan. Teruggrijpend op de drie niveaus van Donald A. Norman speelt hetvisuele aspect in op het viscerale niveau. Het esthetische aspect van de website, datwat mensen als mooi of aangenaam beschouwen. Hierbij zijn enkele universele normenaan te wijzen die bij de mens in zijn genen zijn geprogrammeerd. Een goed voorbeeldhiervan is de voorkeur voor symmetrie. Een symmetrisch gezicht wordt als aantrekkelijkgezien. Aangezien het (in de loop van de evolutie) een teken van gezondheid was. Dezevoorkeur speelt ook mij in het beschouwen van anorganische objecten.

    De perceptie van gebruikers bij de esthetiek van websites is onder te verdelen in tweesoorten (T. Lavie & N. Tractinsky, 2003).

    Klassieke esthetiek:De traditionele kijk op de esthetiek en valt samen te vatten met de termen

    Helder Geordend Aangenaam Symmetrisch Esthetisch

    Expressieve esthetiek:Afhankelijk van de creativiteit van de ontwerper, de originaliteit van de ontwerper en hetvermogen om te breken met ontwerp conventies.

    Origineel

    Verfijnd Fascinerend Creatief Maakt gebruik van speciale effecten

    8

  • 8/15/2019 Emotional Design van websites

    10/23

    Emotional Design of websites

    2.2.2 Behavioral design & GeloofwaardigheidDe functionaliteit van een website haakt in op het gedragsniveau. In een onderzoek naargeloofwaardigheid bleek dat de geloofwaardigheid van een interface afhankelijk is vande interactieve ervaring. Een interface wordt als minder geloofwaardig beschouwd als defunctionaliteit niet overeen komt met het mentale model van de gebruiker (B.J. Fogg &

    H. Tseng, 1999). Dit hangt nauw samen de vertrouwenswaardigheid van een interface.Een interface die in overeenstemming is met het mentale model van de gebruiker zal alsvertrouwenswaardig en betrouwbaar worden ervaren. Wat ten gunste komt van degeloofwaardigheid.Onderstaande figuur toont de resultaten van een onderzoek naar web geloofwaardigheid(credibility). Hierin komt duidelijk naar voren dat websites die overeen komen met hetmentale gebruikers model, namelijk real world feel en ease of use, de hoogstegeloofwaardigheid scoren.

    Figuur 5: Factoren die invloed hebben op web geloofwaardigheid (B.J. Fogg, 2001)

    Aan de hand van het onderzoek van B.J. Fogg komt hij tot zeven richtlijnen voor hetcreren van geloofwaardige websites (B.J. Fogg, 2001):

    1. Ontwerp websites om de zogenaamde real world feel van het bedrijf uit tedrukken.

    2. Maak websites makkelijk in gebruik.3. Geef duidelijke aanwijzingen van expertise (bijvoorbeeld CV).4. Geef duidelijke verwijzingen van geloofwaardigheid (bijvoorbeeld

    bronvermelding).5. Personaliseer de gebruikerservaring.6. Vermijd een overdaad aan commercile elementen.7. Voorkom amateurisme en de kleine overkomelijkheden (bijvoorbeeld typfouten).

    9

  • 8/15/2019 Emotional Design van websites

    11/23

    Emotional Design of websites

    2.2.3 Reflective design & VerleidingNaast de vorm en de functionaliteit van een website speelt ook de ervaring van degebruiker een belangrijke rol. De ervaring is de link tussen de gebruiker en hetmerk/bedrijf achter de website en is bepalend voor het beeld dat de gebruiker heeft vanhet merk/bedrijf. Deze band ontstaat niet zomaar, maar wordt gevormd door de

    ervaring van gebruikers met een bepaald merk/bedrijf en door associaties die degebruiker reeds heeft en kan zorgen voor loyaliteit en vertrouwen bij een gebruiker.Maar alleen als de beloftes overeen komen met de verwachtingen van de gebruiker.

    Hoe goed of slecht een website is in het creren of versterken van deze band heeft temaken met verleiding. Het inhaken op de verwachtingen en behoeften van degebruiker, zodat op basis van dit spel van beloftes en behoeftes een relatie kan wordenopgebouwd die op het reflectieve niveau speelt.

    Deze verleiding is in drie fasen onder te verdelen (J. Khaslavsky & N. Shedroff, 1999): Verleiding.

    Pak de aandacht en maak een (emotionele) belofte aan de gebruiker. Relatie.

    Bouw een band vol beloftes die aansluiten op de persoonlijke en emotioneledoelen van de gebruiker. Deze relatie vormt ook de basis voor branding waarbijklanten aan een merk gebonden worden.

    Vervulling.Kom de beloftes na. Hierbij kan het product zelfs gelijk blijven zolang degebruiker (emotioneel of intellectueel) blijft groeien.

    J. Khaslavsky & N. Shedroff geven ook nog een lijst om de verleiding te kunnencontroleren.Een product moet (voor de gebruiker):

    Verleiden door de aandacht af te leiden Verrassen met een nieuwigheid Verder gaan dan de (gebruikelijke) behoeftes en verwachtingen Een instinctieve reactie ontlokken Aansluiten op de persoonlijke doelen Beloftes doen om deze wensen te vervullen Leiden tot een grotere ontdekking dan verwacht Kleine beloftes vervullen

    10

  • 8/15/2019 Emotional Design van websites

    12/23

    Emotional Design of websites

    3 Emotional design op het internet

    3.1 Onderzoeksmethode

    Aan de hand van de drie niveaus van verwerking wil ik verschillende websitesbeschouwen en proberen te waarderen/beschrijven om zo tot een waardeoordeel tekomen van het emotional design van de website.Elke website zal beoordeeld moeten worden op drie aspecten esthetiek,geloofwaardigheid en verleiding. Allen volgens de voorwaarden die ik gesteld heb opbasis van mijn onderzoek.

    3.1.1 Visceral design & Esthetiek

    Wat is de eerste indruk van een website op het gebied van esthetiek? Hierbij moet

    rekening gehouden worden met het viscerale niveau waarbij het gedragsniveau en hetreflectieve niveau geen rol mogen spelen.Is de website esthetisch verantwoord, volgens de klassieke en/of expressieve esthetiek?

    Klassieke esthetiek:De traditionele kijk op het esthetiek en valt samen te vatten met de termen

    Helder Geordend Aangenaam Symmetrisch Esthetisch

    Expressieve esthetiek:Afhankelijk van de creativiteit van de ontwerper, de originaliteit van de ontwerper en hetvermogen om te breken met ontwerp conventies.

    Origineel Verfijnd Fascinerend Creatief Maakt gebruik van speciale effecten

    3.1.2 Behavioral design & Geloofwaardigheid

    Hoe geloofwaardig is een website?

    Aan de hand van onderstaande zeven punten wil ik de geloofwaardigheid van dewebsite in kaart brengen. Navigatie, werkflow en gebruikersgemak zijn hierbij vanbelang aangezien het hier de functionaliteit van de website betreft. Hierbij kan dusdieper worden ingegaan op (de navigatie van) de website.

    1 Ontwerp websites om de zogenaamde real world feel van het bedrijf uit te drukken.2 Maak websites makkelijk in gebruik.3 Geef duidelijke aanwijzingen van expertise (bijvoorbeeld CV).4 Geef duidelijke verwijzingen van geloofwaardigheid (bijvoorbeeld bronvermelding).

    11

  • 8/15/2019 Emotional Design van websites

    13/23

    Emotional Design of websites

    5 Personaliseer de gebruikerservaring.6 Vermijd een overdaad aan commercile elementen.7 Voorkom amateurisme en de kleine overkomelijkheden (bijvoorbeeld typfouten).

    3.1.3 Reflective design & Verleiding

    Hoe speelt een website in op het vormen van een band met de gebruiker? Welkemiddelen zet het in om te verleiden?Aan de hand van de gevonden theorie over verleiding wil ik proberen kenmerken vanverleiding te vinden. Onderstaande punten kunnen mij hierbij helpen.

    Een product moet (voor de gebruiker): Verleiden door de aandacht af te leiden Verrassen met een nieuwigheid Verder gaan dan de (gebruikelijke) behoeftes en verwachtingen Een instinctieve reactie ontlokken Aansluiten op de persoonlijke doelen Beloftes doen om deze wensen te vervullen Leiden tot een grotere ontdekking dan verwacht Kleine beloftes vervullen

    3.2 Onderzoekscriteria

    Het aantal websites dat ik wil onderzoeken zal beperkt moeten blijven tot enkelebekende websites. Allereerst omdat ik wil toetsen of emotional design berhaupt vantoepassing is op websites. En daarnaast omdat het aanbod van websites eenvoudigwegte groot is om ze allemaal te bespreken.Daarom wil ik een dwarsdoorsnede proberen te maken van bekende, uiteenlopende

    websites.

    3.2.1 Keuze websites

    Ebay.comEn van de grootste veilingsites op het internet.Bbc.co.ukEn van de meest gewaardeerde (wereldwijde) nieuws organisaties is de BritishBroadcasting Corporation (BBC). Wordt gezien als een objectief nieuwsorgaan.Philips.comNederlands elektronicaconcern. Onlangs overgestapt op nieuwe missie, van Lets makethings better naar Sense & simplicity een duidelijke stap in de richting van experience

    marketing.Tokyoplastic.comWebsite van een animatie bureau, gevestigd in Londen. De website dient dan ook alsshowcase van hun werk en is puur gericht op design.

    12

  • 8/15/2019 Emotional Design van websites

    14/23

    Emotional Design of websites

    4 Emotional design van websites

    4.1 Casestudy 1 Ebay

    4.1.1 Visceral design & EsthetiekDe (klassieke) esthetiek van Ebay zit hem in het gebruik van heldere, vrolijke kleuren enhet indelen van de pagina in een geordende (raster) structuur.

    Ebay speelt vooral in op het faciliteren van een behoefte van de gebruikers. En vervultdaarom voornamelijk een functionele behoefte. Het esthetische aspect is hier dan ookondergeschikt aan, al valt er niks negatiefs te zeggen.

    4.1.2 Behavioral design & Geloofwaardigheid

    Door een heldere navigatie is de website makkelijk in gebruik. Door middel vanzogenaamde breadcrumbs kan de gebruiker terug navigeren.

    Onderaan de pagina staan verwijzingen naar mededelingen, regels en beleid enperskamer waardoor de website goed lijkt te zijn onderbouwd. Hierdoor krijgt dewebsite een meer geloofwaardige status.Reacties van andere kopers/handelaars geven inzicht in andere gebruikers enervaringen, wat ook weer ten gunste komt van de geloofwaardigheid.Door middel van profielen kan de informatie gepersonaliseerd worden. Gebruikerskunnen objecten volgen en worden persoonlijk op de hoogte gehouden van hunverschillende biedingen.

    13

  • 8/15/2019 Emotional Design van websites

    15/23

    Emotional Design of websites

    Een wat algemenere personalisatie zit hem in het feit dat meerdere landen een eigenversie van Ebay hebben, toegespitst op nationale veilingen/handel.

    Ebay heeft, zonder dat ik mij verdiept heb in de juridische aspecten, een uitstraling vangeloofwaardigheid. Bij Ebay heb ik persoonlijk altijd het gevoel dat er niks fout kan gaanen dat Ebay het anders zal corrigeren. Een niet onderbouwde aanname, hierbij baseer ik

    geloofwaardigheid op de populariteit en de naamsbekendheid van Ebay.

    4.1.3 Reflective design & Verleiding

    Een product moet (voor de gebruiker):Ebay lokt een instinctieve reactie uit. Iets wat Ebay heel goed doet is de zoektocht naarkoopjes zo gemakkelijk mogelijk maken. De website leent zich er uitstekend voor omzonder product voor ogen rond te willen kijken. Deze ervaring is vergelijkbaar met hetrondstruinen op een rommelmarkt.Ebay voorziet heel duidelijk in de persoonlijke doelen om te handelen en waarborgtdaarbij de belangen van alle partijen.Het feit dat Ebay zich leent voor verdere ontdekking naast het gericht kopen/verkopen

    draagt bij aan de verleiding.

    14

  • 8/15/2019 Emotional Design van websites

    16/23

    Emotional Design of websites

    4.2 Casestudy 2 BBC

    4.2.1 Visceral design & Esthetiek

    Ook bij de BBC website is de esthetiek ondergeschikt aan de functionaliteit. Het nieuwsen de actualiteiten zijn immers het belangrijkst.

    Toch past het design enkele regels van de Klassieke esthetiek toe.Zo is er sprake vaneen helder ontwerp, wordt de informatie geordend weergegeven en heeft de websiteeen aangename kleurstelling. Dit laatste heeft te maken met de leesbaarheid van dewebsite, aangezien er veel tekst wordt aangeboden.

    4.2.2 Behavioral design & Geloofwaardigheid

    In het functionele ontwerp van de site is duidelijk te zien dat het een mondiaal bedrijf is.Elke pagina verwijst wel naar een locale tak van de BBC of het nou over nieuws (in 33talen!), radio of tv gaat. Hiermee is een duidelijke koppeling gemaakt met de real worldfeel van het bedrijf.De websites is makkelijk in gebruik. Een eenvoudige en heldere navigatie bestaande uit

    een hoofdnavigatie (tabbladen bovenaan) die is gescheiden van de subnavigatie(tekstkopjes links).De website geeft een duidelijke aanwijzing van expertise door een uitgebreidbedrijfsprofiel op de site te plaatsen in de voettekst.Elk artikel verwijst weer naar andere artikelen (ook extern) waardoor een evenwichtig endaarmee geloofwaardig beeld ontstaat van het nieuws.

    15

  • 8/15/2019 Emotional Design van websites

    17/23

    Emotional Design of websites

    4.2.3 Reflective design & VerleidingBBC heeft al een reputatie van betrouwbaarheid. Onafhankelijk van de website zal degemiddelde gebruiker al bekend zijn met de BBC en een mening gevormd hebben overde BBC.

    BBC biedt met zijn verwijzingen meer informatie dan nodig is, waardoor je veel diepgangin de artikelen krijgt zonder te verdwalen. Dit leidt ook tot een grotere ontdekking danverwacht.Verder doet de website precies wat ervan verwacht wordt: het brengt het laatste nieuwsen actualiteiten. Dit sluit aan op de persoonlijke doelen van de gebruikers.

    16

  • 8/15/2019 Emotional Design van websites

    18/23

    Emotional Design of websites

    4.3 Casestudy 3 Philips

    4.3.1 Visceral design & Esthetiek

    De website van Philips heeft een eenvoudige en sobere uitstraling. Helder van vorm,met weinig opsmuk en geordend op basis van een raster indeling.

    De website maakt gebruik van expressieve esthetiek door het toevoegen van specialeeffecten. Sommige paginas zijn aangekleed met kleine animaties. Niet overdadig, maarexpressief genoeg om de aandacht op te vestigen.

    4.3.2 Behavioral design & GeloofwaardigheidPhilips is met de nieuwe slogan sense & simplicity een andere weg in geslagen endeze filosofie komt terug in de website door de bezoeker niet te vervelen met technischehoogstandjes, maar met aangename fotos en aanlokkelijke situaties waarin de techniekeen plaats heeft. Dit koppelt de website aan de bedrijfsfilosofie en vergroot degeloofwaardigheid.De websites is makkelijk in gebruik. Met een eenvoudige navigatie, met breadcrumbster ondersteuning ervan.Bij sommige producten staan prijzen en nominaties vermeld, waardoor het geloof in deexpertise van het bedrijf toeneemt.De website vermijdt een overdaad aan commercile elementen. Philips gaat zelfs zo ver

    dat ze de belevenis en de ervaring van de producten voorop zetten en de prijzen en dezogenaamde features niet eens vermelden. Allemaal om zich te onderscheiden met degebruikerservaring.

    4.3.3 Reflective design & Verleiding

    De producten worden in kleine presentaties/animaties getoond waardoor je als gebruikerlanger bij een product stil blijft staan. De bezoeker wordt verleid door de aandacht af te

    17

  • 8/15/2019 Emotional Design van websites

    19/23

    Emotional Design of websites

    leiden. De animaties ontlokken ook een instinctieve reactie, namelijk dat de concentratiealtijd uitgaat naar een bewegend object.Philips toont op zijn website niet de productspecificaties, maar de (positieve)gebruikerservaring van zijn producten en sluit zo aan bij de persoonlijke doelen van degebruiker.

    18

  • 8/15/2019 Emotional Design van websites

    20/23

    Emotional Design of websites

    4.4 Casestudy 4 Tokyo plastic

    4.4.1 Visceral design & Esthetiek

    Tokyo plastic heeft een geheel eigen stijl en uitstraling. Door de eigenwijze en moderneaanpak valt de stijl niet binnen de klassieke esthetiek.

    Binnen de expressieve esthetiek is het ontwerp origineel te noemen. Vooral de maniervan navigatie en presentatie is ongevenaard.Door de unieke stijl blijft het fascineren. Alle elementen zijn uniek en hebben een eigengezicht.Ook maakt de website creatief gebruik van geluid en beeld en combineert het 2D en 3D

    animaties tot speciale effecten.

    4.4.2 Behavioral design & Geloofwaardigheid

    Geef duidelijke aanwijzingen van expertise (bijvoorbeeld CV). De website is op zichzelfeen interactieve portfolio. De uitstraling en stijl scheppen vertrouwen engeloofwaardigheid in het kunnen van de studio. Daarnaast bevat de website ook links enmeldingen van prijzen en nominaties van het bedrijf die de expertise nog eensonderschrijven.

    4.4.3 Reflective design & Verleiding

    De website verrast met nieuwigheden. Ondanks dat de website al wat ouder is, biedtTokyo plastic nog steeds een frisse en moderne uitstraling.Door gebruik te maken van muziek, ontlokt de website een instinctieve reactie. Je gaatals gebruiker op in de ervaring.

    19

  • 8/15/2019 Emotional Design van websites

    21/23

    Emotional Design of websites

    5 Conclusie & discussie

    5.1 Onderzoeksvraag

    Speelt emotional design ook een rol in de belevenis van websites?

    Deelvragen Hoe vertaalt emotional design zich naar de virtuele wereld van websites? Welke conclusies kunnen ontwerpers hieraan verbinden?

    5.2 Conclusie

    Emotional design speelt een rol in de belevenis van websites.

    Dit komt in de drie niveaus voor verwerking tot uiting.Op het viscerale niveau is het de esthetiek van een website. Vaste kenmerken wordenals aantrekkelijk beschouwd. Bij de drie casestudies van Ebay, BBC en Philips was ernauwelijks spraken van esthetiek, doordat het gebruik van de website een hogereprioriteit heeft gekregen. Daar stond tegenover de website van Tokyo plastic die wasdoordrongen van expressieve esthetiek. Dit is een gemiste kans voor de eerste driewebsites aangezien zij een aangenamer een beter product hadden kunnen maken doormeer in te spelen op het viscerale niveau.Op het gedragsniveau is het de geloofwaardigheid van de website. Als het conceptuelemodel van de gebruiker niet in overeenstemming is met het systeem model wordt een

    website als ongeloofwaardig gezien. Alle vier de casestudies komen door hunfunctionaliteit en usability geloofwaardig over.Op het reflectieve niveau is het de verleiding van de website. Deze verleiding is de wijzewaarop de website een band creert tussen het bedrijf en de gebruiker. Ebay doet ditmet een persoonlijke aanpak. De BBC zorgt voor verdieping. Philips speelt in op deemotionele aspecten van producten en Tokyo plastic verrast de gebruiker metnieuwigheden.

    Met esthetiek, geloofwaardigheid en verleiding vertaalt emotional design zich naar devirtuele wereld van websites. Waarbij esthetiek gekoppeld is aan het viscerale niveau,geloofwaardigheid aan het gedragsniveau en verleiding aan het reflectieve niveau.Ontwerpers hebben hiermee drie middelen in handen om tot een emotional design van

    een website te komen. De theorie in hoofdstuk 2.2 biedt hiervoor een duidelijk kader.

    5.3 Aanbeveling

    Als vervolg op mijn eigen onderzoek is het van belang dat de resultaten nader getoetstworden. Dit zou kunnen door een grotere diversiteit aan websites te analyseren en dooreen gevarieerd testpubliek samen te stellen.

    20

  • 8/15/2019 Emotional Design van websites

    22/23

    Emotional Design of websites

    Hierbij kan een gebruikersonderzoek leiden tot bijstellen van de conclusie of deonderzoekscriteria. De besproken websites zouden door een testpubliek bekekenmoeten worden en door middel van een (online) formulier gewaardeerd kunnen wordenop dezelfde punten als in mijn onderzoek. Hiervoor zal eerst moeten worden gedaanover de meest geschikte respondenten. Hier zou een onderzoeksbureau bij kunnenhelpen.

    5.4 Discussie/reflectie

    Branding speelt een belangrijke rol bij het beschouwen van een merk gerelateerdewebsite. Grote merken als Coca Cola doen voornamelijk aan experience marketingwaarmee ze hun merk omhullen met positieve associaties door de klant een verhaal tevertellen en niet enkel een (reclame) boodschap. Een merk als Coca cola heeft daardoorgenoeg aan een kleur verwijzing op de website om een bepaalde uitstraling teweeg tebrengen. Deze vorm van marketing zal ook een grote invloed hebben op hoe menseneen website beoordelen, aangezien het merk reeds een emotionele waarde heeft

    voordat de website voor het eerst bekeken wordt. Een objectieve (viscerale) meningwordt hierdoor bemoeilijkt.

    Het auditieve aspect van websites heb ik in dit onderzoek achterwegen gelaten. Audiokan een toegevoegde waarde hebben op een website (bijvoorbeeld bij video), maarwordt ook veelal als opdringerig beschouwd. Meestal vereist het eerst een handeling(actie/goedkeuring) van de gebruiker voordat audio/video gestart kan worden.

    21

  • 8/15/2019 Emotional Design van websites

    23/23

    Emotional Design of websites

    6 Literatuurlijst, bronvermeldingen.

    Wikipedia - Web 2.0http://en.wikipedia.org/wiki/Web_2.0 [September 2006]

    Donald A. Norman (2002). The design of everyday things. Basic Books, New York, NewYork.

    Donald A. Norman (1998). The invisible computer. The MIT Press, Cambridge,Massachusetts.

    Donald A. Norman (2004). Emotional Design: Why we love (or hate) everyday things.Basic Books, New York, New York.

    Van Dale taalwebhttp://www.vandale.nl [september 2006]

    Talia Laviea, Noam Tractinsky (2003). Assessing dimensions of perceived visualaesthetics of web sites.http://www.ise.bgu.ac.il/faculty/noam/papers/04_tl_nt_ijhcs.pdf [september 2006]

    B.J. Fogg, H. Tseng (1999). The elements of computer credibility.http://captology.stanford.edu/pdf/p80-fogg.pdf [september 2006]

    B.J. Fogg, J. Marshall, O. Laraki, A. Osipovich, C. Varma, N. Fang, J. Paul, A.Rangnekar, J. Shon, P. Swani, M. Treinen (2001).What makes web sites credible? A report on a large quantitive study.http://captology.stanford.edu/pdf/p61-fogg.pdf [september 2006]

    J. Khaslavsky, N. Shedroff (1999). Understanding the Seductive Experience.http://captology.stanford.edu/Key_Concepts/Papers/CACMseduction.pdf [September2006]

    Ebayhttp://www.ebay.nl [september 2006]

    British Broadcasting Corporation (BBC)http://www.bbc.co.uk [september 2006]

    Philipshttp://www.philips.com [september 2006]

    Tokyo plastichttp://www.tokyoplastic.com [september 2006]

    http://en.wikipedia.org/wiki/Web_2.0http://www.vandale.nl/http://www.ise.bgu.ac.il/faculty/noam/papers/04_tl_nt_ijhcs.pdfhttp://captology.stanford.edu/pdf/p80-fogg.pdfhttp://captology.stanford.edu/pdf/p61-fogg.pdfhttp://captology.stanford.edu/Key_Concepts/Papers/CACMseduction.pdfhttp://www.ebay.nl/http://www.bbc.co.uk/http://www.philips.com/http://www.tokyoplastic.com/http://www.tokyoplastic.com/http://www.philips.com/http://www.bbc.co.uk/http://www.ebay.nl/http://captology.stanford.edu/Key_Concepts/Papers/CACMseduction.pdfhttp://captology.stanford.edu/pdf/p61-fogg.pdfhttp://captology.stanford.edu/pdf/p80-fogg.pdfhttp://www.ise.bgu.ac.il/faculty/noam/papers/04_tl_nt_ijhcs.pdfhttp://www.vandale.nl/http://en.wikipedia.org/wiki/Web_2.0