Roy Derriks 0799407 Scriptie V1.3 Mobiele User Experience
Inhoudsopgave Hoofdstuk #1 Inleiding 1.1 Inleiding.. 4 1.2 Achtergrond informatie.. 4 1.3 Probleemstelling... 4 1.4 Doelgroep.. 5 1.5 Onderzoeksmethode... 5 1.6 Doelstelling.. 5 1.7 Onderzoeksvraag en deelvraag... 5 Hoofdstuk #2 User Experience & Design 2.1 Wat is User Experience en User Experience Design?.. 8 -Wat is User Experience.. 9 -Wat is User Experience Design. 9 2.2 User Experience Design Disciplines.. 10 - Information Architecture 10 - Interaction Design.. 11 - Usability Engineering. 11 - Visual Design 11 - Prototype Engineering 11 Usabillity en gebruikersonderzoek.. 2.3 User Experience Design Modellen. 12 -De drie cirkels van Informatie Architectuur 12 -The User Experience Honeycomb 13 - Restructuring the User Experience Honeycomb. 15 2.4 Elementen van User Experience Design 17 - De Elementen.. 21 2.5 User Experience Heuristics - User Experience Heuristics 22 Hoofdstuk #3 Mobiel 3.1 Mobiele User Experience en Context.. 25 - Mobiel 25 - Context. 25 - Beperkingen 26 - Voordelen tegenover desktop 26 - Nadelen tegenover desktop 27 - Ontwerpen voor mobiel 29 3.2 Gebruik van Mobiele apparaten.. 30 3.3 Conclusie.. 32 2
Hoofdstuk #4 Native Apps, Web Apps en frameworks, Responsive Web Design en Mobile First 4.1 Apps.. 34 4.2 Voordelen en nadelen van Native apps 35 4.3 Voordelen en nadelen van Webapps. 36 4.4 Mobiele Webapp Frameworks 37 4.5 Responsive Web Design 38 4.6 Mobile First Responsive Web Design 40 4.7 Conclusie 41 Hoofdstuk #5 Case 5.1 Concept Concepten 43 Focusgroup 1. 1 Keuze voor applicatie. 1 5.2 Strategy plane Strategie 1 Needs.. 1 Psychographic profiles 1 Attitude. 1 Persona s 1 Bezoek open dagen 1 Cijfers onderzoekbureau OIG 1 5.3 Scope plane Requirements 1 Content. 1 Content audit 1 Scenario functionaliteiten 1 5.4 Structure plane Flowchart. 1 Screenflows. 1 5.5 Skeleton plane Wireframes 1 Prototype test resultaten 1 Native app, web app of responsive design 1 Focusgroup 2 concept toetsen.. 1 5.6 Surface plane Visuals. 1 Prototype test resultaten. 1 Style guide 1 Hoofdstuk #6 Bronnen 6.1 Boeken 44 6.2 Online. 44 6.3 Afbeeldingen. 46 3
Hfdst#1 Inleiding 4
Inleiding Technologische ontwikkelingen blijven maar komen in producten, interfaces en websites. Het statische medium is veranderd in een rijke interactieve experience die steeds vaker crossmediaal gaat. Alleen een website is niet meer genoeg de mogelijkheid om een product aan te bieden op verschillende platformen en de vraag erna blijft stijgt. Een product simpelweg laten werken en mooi aankleden is niet genoeg. Daarom word User Experience steeds populairder en belangrijker. User Experience Design speelt hierop in en is een ontwerpdiscipline waarbij de nadruk ligt op User Centered Design. Dit betekent dat de gebruiker centraal staat, er wordt gekeken naar de belangen en doelen van de gebruiker. Aan de hand van deze belangen en doelen worden ontwerp beslissingen genomen. Achtergrond informatie EDG Media is opgericht in 1992 om knelpunten in de informatievoorziening in het onderwijs op te lossen. Het doel is alle schakels uit de onderwijsketen te verbinden: professionals, ouders en scholieren. Niet alleen met relevante informatie, maar ook ervaringen, projecten en meningen uitwisselen. Op veel scholen in het voortgezet onderwijs, basisscholen en kinderdagverblijven in Nederland is er een magazine van EDG Media te vinden. Naast de magazines bestaan er ook websites, webshops en lespakketten. EDG Media is een gesprekspartner voor beleidsontwikkeling en communicatie in het onderwijs. Dit doet EDG Media voor opdrachtgevers zoals ministeries, universiteiten, taakorganisaties, cito, kennisnet en NTR. Voor ouders is er het tijdschrift PrimaOuders.nl en de bijbehorende website. Hier worden de ouders geïnformeerd over ontwikkeling, opvoeding, onderwijs, ontspanning en opvang van hun kinderen. Het fysieke magazine wordt verspreid via diverse kanalen: kinderdagverblijven buitenschoolse opvang, basisscholen en huiswerkinstituten. Probleemstelling EDG Media is een bedrijf dat magazines aanbied en de bijbehorende websites beheerd die studie gerelateerd zijn. Door de ontwikkeling van de smartphone zien zij kansen om studie gerelateerde zaken ook als mobiele applicatie aan te bieden. EDG Media heeft ervaring met het maken en van magazines en onderhouden van websites maar mobiel is een nieuwe tak die het bedrijf graag wil verkennen. Op de website van TKMST is het mogelijk om informatie over een opleidingen/opendag te vinden en de opleiding te beoordelen om studenten te helpen bij een studiekeuze. Er zijn ook lesideeën op de website en in het magazine van TKMST die de docent of leerling kan gebruiken om een les over studiekeuze te geven of aan te vragen. Het idee was om een print versie van een hulp formulier te maken voor leerlingen die opendagen bezoeken. De mogelijkheden van mobiel zijn veel uitgebreider dan print, denk aan interactief, meerdere pagina s, content opvragen, altijd bij de hand, nooit vol geschreven, geen schrijf objecten nodig en content is up-to-date. Daarom wil EDG Media graag weten wat een mobiel kan toevoegen en waar de mogelijkheden liggen om in de toekomst verder te gaan in het aanbieden van mobiele diensten. Scholieren worden zowel op school als thuis geholpen met loopbaanoriëntatie, examens en huiswerk. Scholieren kunnen terecht bij de offline en online media, zoals de website examens.nl, collegent.nl en TKMST.nl het daaraan verwante magazine, de gids en de test. 5
Doelgroep TKMST.nl en het bijbehorende magazine zijn gericht op de doelgroep vo-scholieren. Voortgezet onderwijs scholieren variëren in leeftijd van 12 jaar tot 20 jaar. In Nederland ga je na de basisschool naar het voortgezet onderwijs. Het voortgezet onderwijs kent vier opleidingen: Praktijkonderwijs tussen 12 en 20 Voorbereidend beroepsonderwijs van 12 tot 16 Hoger algemeen voortgezet onderwijs van 12 tot 17 Voorbereidend wetenschappelijk onderwijs van 12 tot 18 De doelgroep van TKMST.nl waar de applicatie op gericht is, zijn voortgezet onderwijs scholieren die een vervolg opleiding gaan kiezen. Dit zijn de leerlingen in de laatste klassen van het voortgezet onderwijs op elk studie niveau. Deze leerlingen behoren ook tot de bestaande doelgroep van TKMST. Onderzoeksmethode Ik begin mijn afstudeeropdracht met het doen van onderzoek naar TKMST. Ik wil erachter komen hoe de open dagen worden aangeboden op de website van TKMST en of er ideeën, kansen en concurrentie is met betrekking tot open dagen. Ook worden er open dagen bezocht om te zien hoe het er op open dagen aan toe gaat. Om het eventuele verschil tussen de open dagen van de opleidingsniveaus te zien word er van de drie niveaus mbo, hbo en wo een open dag bezocht. Het stagebedrijf heeft ook al verschillende onderzoeken gedaan naar bijvoorbeeld de doelgroep en social media die ook gebruikt zullen worden. Door gesprekken met de werknemers die al veel ervaring en ideeën hebben op het gebied van open dagen kunnen er inzichten komen net zoals bij de gesprekken met de stagairs uit het laatste jaar van het voortgezet onderwijs die geregeld stage komen lopen bij EDG Media. Om nog meer kennis te vergaren over User Experience Design zal ik ook literatuuronderzoek doen, dit zal voortkomen uit het lezen en verzamelen van gerelateerde boeken, artikelen, websites en blogs. Ook ga ik onderzoeken wat de verschillende opties en platformen zijn om een applicatie voor de mobiele telefoon te maken. Doelstelling Mijn scriptie is bedoeld als een eerste kennismaking met User Experience Design voor smartphones. Het is de basis die nodig is voor er wordt nagedacht en gewerkt aan een mobiele applicatie. Het uitgangspunt is dat de lezer bekend is binnen een multimedia vakgebied en de overstap wil maken naar applicaties voor smartphones, zoals het bedrijf waar ik mijn afstudeeropdracht mag doen. De focus van de opdracht zal vooral liggen op de User Experience en het ontwerp van de mobiele applicatie. Nadat ik onderzocht heb wat de mogelijkheden zijn wil ik me richten op het functioneel ontwerp van de mobiele applicatie. Met het onderzoek wil ik advies geven aan EDG Media, een concept neerzetten en uitwerken in een interactief prototype. 6
Onderzoeksvraag en deelvraag Hoofdvraag Wat kan EDG Media de lezers van TKMST mobiel aanbieden als hulp op open dagen? Deelvragen - Wat is User Experience en User Experience Design? - Wat is het verschil van de context en User Experience van een pc en een mobiele telefoon? - Voor en nadelen native apps, webapps en responsive design? Hoe pas je User Experience Design toe in een mobiele applicatie? - Hoe pas je User Experience Design toe? - Hoe verschilt de User Experience van een mobiel tegenover de User Experience van een desktop? - Het verschil van Native applicaties, Web applicaties en Responsive design? Wat zijn 7
Hoofdstuk #2 User Experience en context 8
Om User Experience Design toe te passen op een product is het belangrijk om te weten wat User Experience en User Experience Design is. Wat is User Experience en User Experience Design? User Experience User Experience is de manier waarop een persoon zich voelt over het gebruik van een product, systeem of service. User Experience benadrukt de ervaringsgerichte, emotionele, zinvolle en waardevolle aspecten van mens-computer interactie en product eigendom. Het bevat ook een persoonlijke waarneming van de praktische aspecten zoals nut, gebruiksgemak en de efficiëntie van het systeem. User Experience is subjectief, omdat het gaat over individuele gevoelens en gedachten over het systeem. User Experience is dynamisch, want het veranderd door de tijd als de omstandigheden veranderen. [7] Omvat alle aspecten van digitale producten en diensten die gebruikers direct ervaren, waarnemen, leren en gebruiken. Ook de product vorm, gedrag en inhoud spelen een rol. Het omvat ook de gebruikers merkbeleving en de reactie die ervaring oproept in hen. Belangrijke factoren die bijdragen aan de kwaliteit van de ervaring van gebruikers van producten zijn leerbaarheid, bruikbaarheid, nut en estetisch. Pabini Gabriel-Petit [8] User Experience Design User Experience Design is een multidisciplinaire aanpak voor het ontwerpen van gebruiksinterfaces voor digitale producten, het definiëren van de vorm, gedrag en content. User Experience Design wordt vaak gebruikt in combinatie met termen als Interaction Design, User Centered Design, Information Architecture en Visual Interface Design. Dit klopt gedeeltelijk, er zijn raakvlakken met andere vakgebieden. User Experience Design is een overkoepelend vakgebied waarbinnen de verschillende disciplines samenkomen. User Experience Design is een holistische, multidisciplinaire aanpak voor het ontwerpen van gebruikersinterfaces voor digitale producten, het definiëren van de vorm, gedrag en content. User Experience Design integreert, Interaction Design, Industrial Design, Information Architecture, Information Design, Visual Interface Design, User Assistance Design en User-Centered Design en zorgt voor samenhang en consistentie in al deze ontwerp dimensies. Pabini Gabriel-Petit [8] User Experience is dus niet iets tastbaars maar de emotie en het gevoel dat de gebruiker heeft tijdens en over het gebruik van een digitaal product. 9
Nu User Experience en User Experience Design duidelijk is komen de verschillende vakgebieden waaruit User Experience Design bestaat aan bod. Het verkennen en begrijpen van de belangrijkste vakgebieden binnen User Experience Design zorgt voor een nog beter begrip van User Experience Design en de verschillende disciplines die iemand moet beheersen om de User Experience succesvol te maken. User Experience Design Disciplines De afbeelding laat de verschillende vakgebieden zien die samen User Experience Design vormen. Een User Experience Designer is iemand die meerdere disciplines beheerst en deze weet samen te voegen om de User Experience te vormen. [A] Disciplines of User Experience Design. Saffer, D. User Experience Designers gebruiken veel technieken die afkomstig zijn uit andere vakgebieden. De meningen over wat een User Experience Designer zou moeten kunnen verschillen nogal. Zoals op de afbeelding [A] Disciplines of User Experience Design van Saffer, D.te zien is zijn er nogal wat competenties binnen User Experience Design. De volgende competenties zijn de basis die iedere User Experience Designer zou moeten beheersen. Information Architecture Information architecture gaat over hoe mensen cognitieve informatie verwerken, het vakgebied kan van toegevoegde waarde zijn bij elk product waarbij het vereist is dat de gebruiker de gepresenteerde informatie begrijpt. Dit geld voor informatie georiënteerde sites zoals informatie websites voor bedrijven maar kan een nog grotere impact hebben bij functionaliteit georiënteerde producten zoals een smartphone. 10
Information Architecture is het groeperen, verdelen en beschrijven van informatie. Het gaat niet alleen om het groeperen van items zodat een website goed werkt. Het gaat over het creëren van groepen die zinvol zijn voor de mensen die ze gebruiken. In het kort gaat Information Architecture over het organiseren van content of voorwerpen, het duidelijk beschrijven van de content of voorwerpen en het verstrekken van manieren voor mensen om bij de informatie te komen. [1][2][10] Interaction Design Interaction design houdt zich bezig met het beschrijven van mogelijk gebruikers gedrag en het definiëren van hoe het systeem zich zal aanpassen en daarop reageert. Software programmeurs hebben zich voorheen gericht op twee aspecten van software: Wat doet het? En hoe doet dat het? De aanpak was vooral gericht op wat het best werkt met de techniek die beschikbaar was. Daarna werd er gekeken naar hoe mensen de techniek gebruikten en werd software ontworpen zodat het beter werkt voor mensen en niet wat het best werkt voor de beschikbare techniek. De nieuwe discipline die hieruit is ontstaan om software programmeurs te helpen heet Interaction Design. Met behulp van persona s, flowcharts en wireframes kan een Interaction Designer ontwerpkeuzes beargumenteren en vastleggen. Een Interaction Designer houdt zich vooral bezig met de details van pagina-elementen, presentatie en pagina-flows. [1] [10] Usability Engineering Usability is een belangrijk onderdeel van User Experience Design. Wanneer iets gebruiksvriendelijk is zorgt het voor een intuïtieve manier om zonder problemen een doel te kunnen bereiken. Een Usability Engineer houdt zich bezig met het beoordelen van de bruikbaarheid van een site of product met behulp van testmethodieken. Aan de hand van deze beoordeling en test kan er een aanbeveling komen waardoor bepaalde onderdelen verbeterd kunnen worden. [10] Visual Design Visual design draait om de communicatie. Een visual designer is in staat een site of product vorm te geven zodat de merkwaarden van het bedrijf word overgebracht en de juiste emoties worden opgeroepen. Het belangrijkste is dat de boodschap visueel overgebracht word. User Experience Design gaat over hoe het product overkomt op de gebruiker daarin is Visual Design een onmisbare competentie in het ontwerpproces. [1] [10] Prototype Engineering Een Prototype Engineer levert het prototype dat aan de voorgestelde eisen voldoet. Een prototype is een eerste versie van het product, waarmee optredende krachten, de werking of passing van onderdelen wordt getest en de productie wordt voorbereid.[26] Met het prototype kunnen gebruikerstest afgenomen worden die voor waardevolle inzichten kunnen zorgen. Als Prototype Engineer moet je op de hoogte zijn van bestaande en gebruikte UI frameworks, UI patterns en UI componenten. [7] [10] De lezer weet welke vakgebieden binnen User Experience Design vallen, wat deze inhouden en waar kennis van opgedaan moet worden om het vakgebied User Experience Design eigen te maken. 11
De gebruikers zijn het belangrijkste onderdeel van de User Experience. Door de gebruikers te begrijpen en te betrekken tijdens het proces zijn er gebruiksonderzoeken om tot inzichten te komen en problemen op te sporen. Elk gebruiksonderzoek heeft een ander doel en word tijdens een ander onderdeel in het proces gebruikt. Om de verschillen in testen te begrijpen en er gebruik van te maken zijn deze onderzocht en beschreven. Usability en gebruikersonderzoek Het belangrijkste aan User Experience Design zijn de gebruikers. Dit zijn de uiteindelijke eindgebruikers van de site of product. De site of product wordt voor de gebruikers gemaakt, daarom is het belangrijk te weten wat ze bezig houd en hoe ze over bepaalde dingen denken die uiteindelijk in de site of product komen. Daarom is het belangrijk in User Experience Design om de gebruiker te betrekken bij de site of het product. Het idee kan geweldig zijn maar als niemand het wil of door een usabillity probleem niet kan gebruiken zal het nooit slagen. Om de gebruikers te betrekken en te peilen zijn een aantal test methodes bedacht om de interesse en mening van de gebruiker te achterhalen en tot nieuwe inzichten of problemen te komen. Bepaalde gebruikers test kunnen gebruikt worden nog voor het project is gestart en er geen concept is, anderen worden tijdens een proces gebruikt of wanneer het product vorm begint te krijgen en er getest kan worden wat de doelgroep ervan vindt. Onderzoek naar de gebruiker kan van grote waarde zijn. Enquêtes, interviews of een focus groep is het beste te gebruiken om achter de algemene attitude en perceptie van de gebruikers te komen. Gebruikerstests en veldstudies zijn meer geschikt voor het begrijpen van bepaalde aspecten van gebruikers gedrag en interactie met het product. Deze vormen van onderzoek werken het effectiefst als van te voren duidelijk is welke informatie je van de gebruikers wil hebben. Wil je uitzoeken wat de gebruiker doen wanneer ze een bepaald onderdeel van het product gebruiken? Of misschien weet je dat al en wil je weten waarom ze dit doen? Hoe duidelijker je kunt beschrijven wat je wilt weten, hoe nauwkeuriger en effectiever je de vraag kan formuleren om te zorgen dat je de juiste informatie krijgt. User Interviews User Interviews zijn één op één gesprekken met een deelnemer die behoort tot de primaire doelgroep van de site of een product. Het is nuttig omdat er toegang is tot de gebruikers maar het type gebruiker varieert door bijvoorbeeld het soort persoon of het soort telefoon die de testpersoon heeft. De uitdaging is om oprechte meningen te verzamelen, het kan moeilijk zijn informatie over attitudes en context te krijgen vooral als interviews op afstand worden afgenomen.[7] Enquêtes Enquêtes bestaan uit een reeks vragen en worden gebruikt om patronen te identificeren bij een grote groep mensen. Het is nuttig wanneer je resultaten in kwantitieve zin wilt weten bijvoorbeeld 80% zeiden nooit online iets te kopen. De resultaten zijn meer informatie over voorkeuren dan over de prestaties. De uitdaging zit in het verkrijgen van de juiste voorkeuren. Zorg dat de vragen goed geschreven worden zodat er nauwkeurige antwoorden komen zonder de respondenten naar een bepaald antwoord te leiden. [7] 12
Contextual inquiry Refereert naar een methode waarmee men de gebruiker bezoekt en beter leert begrijpen in de context van hun dagelijkse leven. Het is nuttig wanneer er weinig informatie over de beoogde gebruikers is dit is bijvoorbeeld wanneer gebruikers in een ziekenhuis of een andere unieke omgeving werken of met complexe taken of workflows werken. De uitdaging is om toegang te krijgen tot deelnemers en de werkplek te bezoeken. Dit kan zorgen met zich meebrengen over veiligheid, intellectuele eigendom en indringendheid. Voor zakelijke toepassingen kan het makkelijker zijn de gebruikers te bezoeken op een werkdag. [7] Focus Groups Een focus Group is een groepsdiscussie waar een moderator deelnemers leid door een aantal vragen over een specifiek onderwerp. Het richt zich op het blootleggen van de deelnemers gevoelens, houdingen en ideeën over het onderwerp. Het is nuttig wanneer de gebruikers houding een sterke invloed kan hebben op het gebruik. De uitdaging zit in het gericht vragen om de juiste informatie uit de deelnemers te krijgen. [7] Usability Testing Usabillity testing is testen terwijl de gebruikers proberen een taak op een site of applicatie uit te voeren terwijl een begeleider observeert en in sommige gevallen vragen stelt om het gedrag van de gebruikers te begrijpen. Het is nuttig wanneer een bestaande oplossing wordt verbeterd en er een prototype is dat de gebruikers de volledige taken laat simuleren. De uitdaging zit in het kiezen van de juiste taken en bepalen hoe formeel de test word. [7] Card sorting Card sorting werkt door deelnemers thema s op kaarten te geven en deze te sorteren in groepen die zinvol zijn voor hen. Het is nuttig wanneer er wordt gewerkt aan inhoud met veel items en er een effectieve structuur voor de gebruikers moet komen. De uitdaging zit in het bepalen van welke onderwerpen het beste zijn om op te nemen in de test. [7] Personas Het verzamelen van data over de gebruikers kan enorm waardevol zijn, maar soms kan het overzicht kwijt raken van de echte mensen achter al die statistieken. Gebruikers kunnen realistischer gemaakt worden door ze in een persona te veranderen. Een persona is een fictief karakter, gecreëerd om de behoefte te representeren van een grote variatie van echte gebruikers. Door een gezicht en naam te verbinden aan de resultaten van het onderzoek en de segmentatie kunnen personas helpen bij het in het achterhoofd houden van de gebruikers tijdens het ontwerp proces. Een persona bevat ook extra fictionele informatie die niet uit een onderzoek te halen is. Bijvoorbeeld hoe de gebruiker over zijn huidige werk denkt of bijvoorbeeld waarom die voor zichzelf een bedrijf wil beginnen. Deze fictionele specifieke details zorgen ervoor dat een persona meer op een realistische gebruiker lijkt. 13
De gemaakte personas representeren het bereik van de gebruikers behoefte, waarbij rekening wordt gehouden bij het maken van beslissingen over de User Experience van de site of product. De personas zorgen ervoor dat je de gebruikers niet uit het oog verliest tijdens de stappen in het project. [1] Scenario Voor het bepalen van de benodigdheden, kunnen personas opnieuw gebruikt worden, door ze in een kort verhaal te laten acteren genaamd een scenario. Een scenario is een kort en simpel verhaal hoe een persona zich zou kunnen gedragen tijdens het vervullen van een gebruikers behoefte. Door het proces te verbeelden waar de gebruikers doorheen moeten, kan er een potentiële eis uitkomen die de gebruiker helpt bij hun behoefte. [1] 14
Nu User Experience, User Experience Design en de verschillende vakgebieden binnen User Experience Design duidelijk zijn is het tijd om de drie belangrijkste onderdelen van User Experience te begrijpen. Zonder de gebruiker, inhoud en context bij een product is er geen User Experience. Daarom worden de drie belangrijkste onderdelen van de User Experience uitgelegd aan de hand van de drie cirkels van information architecture. User Experience Design modellen De drie cirkels van informatie architectuur Peter Morville heeft dit model van de drie cirkels gemaakt en is in eerste instantie gemaakt voor information architecture wat een discipline is binnen User Experience Design. Het diagram van de drie cirkels laat de balans zien tussen bedrijfsdoelen en context, users needs en gedrag en de beschikbare mix van content. [11] Het idee achter de drie cirkels is dat men de zakelijke doelstelling achter de website of product en de beschikbare middelen voor het ontwerp en de uitvoering begrijpt. En dat men bewust is van de aard en omvang van de inhoud zoals die is en hoe die misschien over een jaar is veranderd. En het begrijpen van de behoefte en informatie zoekende gedrag van de gebruikers. Een user is een eindgebruiker die gebruik maakt van een computer of een netwerk service. Gebruikers worden op grote schaal gekarakteriseerd als klasse van mensen die gebruik maken van het systeem zonder volledige technische expertise die nodig is om het systeem volledig te gebruiken. Context is de totale omgeving waarin iets zijn betekenis krijgt. Hier kan tekst worden bedoeld als een situatie of betrokken persoon. Content is de inhoud van een product, vaak word het ook gebruikt om te verwijzen naar media maar content doelt op de inhoud van het medium niet het medium zelf. De drie cirkels omvatten de belangrijkste onderdelen van de User Experience. Namelijk de user, de content en de context. Het kleine deel in het midden waar alle drie de cirkels elkaar overlappen vormen samen de User Experience. [B] Peter Morville s - The Three Circles of Information Architecture 15
Om de User Experience te waarborgen en niet uit het oog te verliezen kunnen functies, ideeën en uitgewerkte schermen of wireframes gespiegeld worden aan de honeycomb. Dit zorgt ervoor dat de belangrijke eigenschappen van de User Experience op elk moment getoetst kunnen worden en er direct aanpassingen of toevoegingen uit kunnen komen wanneer deze niet compleet is. The User Experience Honeycomb Peter Morville s tweede model komt uit 2004. The User Experience Honeycomb illustreert de facetten van User Experience. Dit helpt bij het begrijpen waarom er verder gekeken moet worden dan alleen Usability. Welk facetten de hoogste prioriteit hebben hangt af van een unieke balans van context, content en users. De User Experience Honeycomb dient als spiegel in het proces van een digitaal product. Door de voortgang te blijven meten en in de spiegel te kijken kunnen er inzichten komen maar ook fouten herkend worden die opgelost kunnen worden. Wanneer er bijvoorbeeld veel content in een scherm staat en de gebruiker maar naar beneden kan blijven scrollen betekent dit dat de content die nodig is niet gevonden kan worden. Wanneer een gebruiker weet wat hij wil vinden kan met behulp van filters of een zoekveld sneller worden gevonden wat men zoekt en hoeft men niet eindeloos door de content heen te zoeken. [11] [C] Peter Morville - The User Experience Honeycomb 16
Useful (Nuttig) Als beoefenaars, kunnen we niet tevreden zijn om te schilderen binnen de lijnen die getrokken zijn door managers. We moeten creatief zijn om producten en systemen nuttiger te maken. En onze kennis toepassen om innovatieve oplossingen te definiëren die nuttiger zijn. Usable (Bruikbaar) Gebruiksgemak blijft van essentieel belang, en toch hebben de interface centered methodes en perspectieven van mens-computer interactie geen betrekking op alle dimensies van webdesign. Usability is noodzakelijk maar niet voldoende. Desirable (Wenselijk) De zoektocht naar efficiëntie moet worden getemperd door een waardering voor de kracht en waarde van het beeld, identiteit en merk. Findable (Vindbaar) Er moet worden gestreefd naar het ontwerpen van bestuurbare websites en lokaliseerbare objecten, zodat gebruikers kunnen vinden wat ze nodig hebben. Accesible (Toegankelijk) Net als gebouwen, liften en hellingbanen, moeten websites toegankelijk zijn voor mensen met een handicap. Het is goed en ethisch verantwoord om dit te doen aangezien 10% van de bevolking een handicap heeft. Credible (Geloofwaardig) Gebruikers moeten geloven wat we vertellen en wat we aanbieden. We kunnen dit besturen door de design elementen te gebruiken die van invloed zijn op de gebruikers vertrouwen. Valuable (Waardevol) De site moet toegevoegde waarde leveren aan sponsors. Voor non-profit organisaties, de User Experience moet de missie bevorderen. Voor profit organisaties, moet de User Experience bijdragen aan het bevorderen van de klanttevredenheid. [11] 17
The User Experience Honeycomb is één manier om de User Experience te waarborgen en te controlleren. De beschrijving wordt op verschillende manieren geïnterpreteerd en is daarom niet altijd even duidelijk. Magnus Revang heeft daarom een herstructureerde versie gemaakt die op een andere manier uitlegt wat de verschillende facetten van User Experience zijn. Restructuring the User Experience Honeycomb The User Experience Honeycomb komt uit 2004 is al redelijk oud en niet gestructureerd. Magnus Revang heeft daarom de Honeycomb geherstructureerd en de uitleg bij de verschillende facetten versimpelt. Wat eigenlijk een onderdeel is van het vakgebied Information Architecture, het duidelijk beschrijven van content of voorwerpen zodat de gebruikers dit begrijpen, heeft Peter Morville een beetje nagelaten in zijn User Experience Honeycomb. Ook is de indeling veranderd en is er daardoor een duidelijk begin van het proces. [D] Restructured User Experience (Honeycomb) Magnus Revang Findability (Vindbaarheid) Je kunt niet gebruiken wat je niet kan vinden Accesibility (Toegankelijkheid) Je kunt niets gebruiken waar je geen toegang tot hebt Desirability (Wenselijk) Je ziet de interface voor je het gebruikt. Usability (Bruikbaarheid) Het moet mogelijk zijn iets te gebruiken om er iets mee te doen. 18
Crediblity (Geloofwaardigheid) Je moet een dienst vertouwen voor je jezelf verbindt tot het oplossen van een taak met die dienst. Usefulness (Nuttigheid) Een gebruiker vormt een mening over de nuttigheid wanneer de site wordt verlaten en hopelijk pas na het afronden van de taak. Value (Waarde) Waarde is een resultaat van User Experience en niet een facet. [12] De modellen worden gebruikt bij het ontwerp proces en zijn vooral bedoeld als bron tijdens het proces. Zit je vast of weet je het even niet meer kun je altijd de modellen erbij pakken om te zien of je wel de juiste weg bewandeld en of je niet iets over het hoofd ziet. Probeer tijdens het proces regelmatig het model te bekijken, dit kan leiden tot innovatieve nieuwe ideeën of andere inzichten over het product of de service. Een voorbeeld is Accesibillity 10% van de bevolking heeft een handicap. Kleurenblind valt hier ook onder. Wanneer het visueel uitwerken van het product begint is het goed om op het kleurencontrast te letten. Wanneer er een hoog contrast in de achtergrond kleur en de kleur van de tekst is het ook voor mensen met kleurenblindheid te zien. 19
User Experience is niet alleen te meten aan modellen. Van begin tot het eind van het project zijn de Elementen van User Experience van J.J. Garrett een uitgangspunt om tot de facetten van de modellen te komen en te betrekken in een product. Elementen van User Experience Het User Experience Design proces houdt in dat geen aspect van de ervaring met het product gebeurt zonder bewuste intentie van de ontwerper. Dit betekent dat er rekening gehouden moet worden met alle mogelijkheden van elke actie die de gebruiker waarschijnlijk neemt en verwachtingen van de gebruiker bij elke stap door het proces. Dit klinkt als een hoop werk en in sommige opzichten is dat het ook, daarom word het werk verdeeld in verschillende elementen, hierdoor word het geheel ook duidelijker. Alle beslissingen over hoe een site of product eruit ziet, zich gedraagt en wat je met het resultaat kunt doen resulteert in de User Experience. Het doel is om de onderdelen van de User Experience op te delen in vijf vlakken zodat er per vlak gewerkt kan worden. Wanneer de strategie bepaald word hoef je nog niet over het uiterlijk na te denken hoe moeilijk dit ook kan zijn. Alle elementen vervolgen elkaar en er kan aan een volgend vlak gewerkt worden wanneer het vlak ervoor gedaan is. Wanneer er aanpassingen zijn in een vlak betekend dit dat het vlak ervoor niet juist is afgerond en moet er een stap terug gedaan worden om het vorige vlak te herstellen en aanpassingen door te voeren. Daarna kan er weer verder worden gewerkt aan het volgende vlak. [1] [E] The Elements of User Experience by Jesse James Garrett 20