Angelo Verslag
-
Upload
angelo-abdoelsamath -
Category
Documents
-
view
200 -
download
0
Transcript of Angelo Verslag
!!!Ontwikkelen van een online
communicatiemiddel voor Plexus
Orthopedie
!!!!!!Afstudeerverslag
!!
!!!!!
Plexus Orthopedie
�1
Inhoudsopgave
!1. Inleiding
2. Initiatiefase
3. Definitiefase
3.1. Methodieken kiezen
3.2. Het opstellen van het communicatieplan
3.3. Het uitvoeren van een benchmark
4. Ontwerpfase
4.1. Het uitwerken van de Strategy Plane
4.2. Het uitwerken van de Scope Plane
4.3. Het uitwerken van de Structure Plane
5. Voorbereidingsfase
5.1. Het uitwerken van de Skeleton Plane
5.2. Het uitwerken van de Surface Plane
5.3. Het schrijven van het ontwerprapport
6. Realisatiefase
6.1. Het grafisch ontwerp programmeren in HTML en CSS
7. Nazorgfase
7.1. Het schrijven van een testplan
7.2. Het testen van de clickable demo
7.3. Het schrijven van een testrapport
7.4. Het grafisch ontwerp en de clickable demo verbeteren
8. Evaluatie
8.1. Procesevaluatie
8.2. Productevaluatie
9. Behaalde competenties/beroepstaken
9.1. Beroepstaken
9.2. Vaardigheden !!!!!!
�4
1. Inleiding
Dit afstudeerverslag is geschreven in het kader van mijn afstudeeropdracht bij het bedrijf Plexus
Orthopedie. Dit verslag is geschreven voor mijn examinatoren, Alice van Duuren en Stephanie van
der Meer, de gecommiteerde en overige geïnteresseerden om aan te tonen dat ik dit project heb
uitgevoerd op HBO niveau. Dit verslag geeft inzicht in de ondernomen stappen en de gemaakte
keuzes tijdens dit project. !Tijdens dit afstudeerproject werkte ik bij een bedrijf dat gespecialiseerd is in orthopedische
instrumenten, genaamd Plexus Orthopedie. Plexus Orthopedie heeft mij de opdracht gegeven om een
online communicatiemiddel te ontwerpen en te ontwikkelen. Dit willen zij omdat vanuit de
organisatie vereist wordt dat zij online actief zijn. !In hoofdstuk 2 gaat het over de definitiefase waarin ik het plan van aanpak en het communicatieplan
behandel. Het volgende hoofdstuk, hoofdstuk 3, gaat over de ontwerpfase. In dit hoofdstuk behandel
ik de strategy-, scope- en structure plane. In hoofdstuk 4 beschrijf ik de uitvoering van de
voorbereidingsfase, waar de skeleton- en surface plane en het ontwerp rapport onder vallen.
Hoofdstuk 5 gaat over het maken van de clickable demo. In hoofdstuk 6, de nazorg fase, beschrijf ik
het testen van de clickable demo. In het volgende hoofdstuk evalueer ik het proces en alle
(tussen)producten. Tenslotte ga ik in hoofdstuk 8 in op de beroepstaken en vaardigheden die ik
behaald heb tijdens dit afstudeerproject. !
�5
2. Initiatiefase
Tijdens de initiatiefase heb ik kennis gemaakt met het bedrijf waarvoor ik een opdracht heb
uitgevoerd. Ik heb informatie van het bedrijf gekregen over de aanleiding van het probleem waarna ik
de probleem- en doelstelling kon vaststellen. Als oplossing hiervoor heb ik samen met het bedrijf het
resultaat bepaald. !Het bedrijf
Plexus Orthopedie is een bedrijf dat gespecialiseerd is in orthopedische instrumenten, zoals
protheses, ortheses, steunzolen- en kousen en korsetten. Het bedrijf bestaat sinds 1988 en is
gevestigd in Rotterdam. In totaal zijn er zeven werknemers in dienst, waarvan drie orthopedisch
instrumentmakers (één stagiair), één bandagist, één productiemedewerker en twee
baliemedewerkers. Samen zorgen zij ervoor dat de klant van Plexus Orthopedie het gewenste product
geleverd krijgt dat hen helpt bij hun beperkingen of geneest van hun pijnklachten. !Aanleiding
Plexus Orthopedie heeft zich aangesloten bij Bewegingsvisie, een organisatie waarbij meerdere
orthopedische bedrijven aangesloten zijn. Deze organisatie eist van elk lid dat zij een online
communicatiemiddel hebben waarop alle nodige informatie te vinden is over het bedrijf. !Probleem
Plexus Orthopedie heeft op dit moment geen online communicatiemiddel, waardoor zij niet voldoet
aan de eisen die Bewegingsvisie aan elk lid stelt. De vraag van Bewegingsvisie aan Plexus Orthopedie
is daarom om op korte termijn te zorgen voor een online communicatiemiddel. !De probleemstelling van dit project:
„Nu het bedrijf zich heeft aangesloten bij Bewegingsvisie, verlangt deze organisatie dat elk
bedrijf dat hier deel van uitmaakt een online communicatiemiddel heeft waarop de nodige
informatie te vinden is over het bedrijf. Op dit moment heeft Plexus Orthopedie dit niet.” !Doel
Tijdens mijn afstudeerperiode verricht ik onderzoek naar de beste manier voor Plexus Orthopedie om
online te communiceren. Daarna doe ik kwalitatief onderzoek naar de doelgroep door middel van
interviews. Op basis van deze twee onderzoeken ga ik aan de slag met mijn gekozen
ontwikkelmethode. Aan het eind van mijn afstudeerperiode lever ik een online communicatiemiddel
op die voldoet aan de eisen van Bewegingsvisie, maar ook die van de opdrachtgever. !De doelstelling van dit project:
„Na de afstudeerperiode van 17 weken is er een online communicatiemiddel ontworpen en
ontwikkel voor Plexus Orthopedie, waardoor het bedrijf lid mag blijven van de organisatie.” !
�6
Resultaat
Op basis van de onderzoeken die verricht zullen worden en het ontwerp rapport, zal ik een high
fidelity online communicatiemiddel voor Plexus Orthopedie opleveren.
�7
3. Definitiefase
In de definitiefase beschrijf ik welke methodieken ik heb gekozen om mijn project te beheersen en uit
te voeren. Daarna ga ik in op het communicatieplan en tenslotte de benchmark. !3.1. Methodieken kiezen
Ik heb voor dit project gekozen om gebruik te maken van een projectmanagementmethode en een
ontwikkelmethode. Dit heb ik gedaan om enerzijds het project juist te laten verlopen door deze te
beheren en anderzijds om het project op een professionele manier uit te voeren. !Projectmanagementmethode kiezen
Ik ben op zoek gegaan naar verschillende soorten methoden die ingezet kunnen worden bij het
beheersen van projecten. Dit heb ik gedaan om deze met elkaar te kunnen vergelijken om vervolgens
een methode te kiezen die het best aansluit op mijn project.
Tijdens mijn opleiding heb ik vaker gewerkt volgens de methodiek van Roel Grit, die hij beschrijft in
zijn boek „Project management”. Omdat ik hier een goede ervaring mee heb, besloot ik om zijn
methode mee te nemen in mijn vergelijking.
Vervolgens ben ik op het internet op zoek gegaan naar een tweede methode. Ik wilde
vergelijkingsmateriaal, om te kijken of er een methode is die wellicht beter aansluit op mijn project.
Het viel mij op dat PRINCE2 in bijna elk lijstje genoemd werd. Het leek mij verstandig om mij in deze
methode te verdiepen. Ik kwam er achter dat PRINCE2 een veel gebruikte methode is door
verschillende grote organisaties. Dit gaf mij de doorslag om PRINCE2 te noteren als mogelijke
projectmanagementmethode.
Van beide methoden heb ik de voor- en nadelen genoteerd, om op deze manier te vergelijken welke
van de twee het meest geschikt is voor dit project.
�8
!Ik heb beide projectmanagementmethoden vergeleken zodat ik een conclusie kon trekken. Gezien de
beschikbare tijd die ik had, zou PRINCE2 niet haalbaar zijn voor dit project. Aangezien ik nog geen
ervaring had met PRINCE2, zou Ik zou me veel bezig moeten houden met het inlezen in deze methode.
Daarnaast moet bij PRINCE2 na iedereen fase een document opgeleverd worden, dit zou kostbare tijd
in beslag nemen. Tenslotte is deze methodiek gericht op projectgroepen waarin meerdere leden zitten
met verschillende functies, dat is bij mijn project niet het geval. !Roel Grit’s methode past beter bij dit project. Ik had hier al ervaring mee en daarnaast is deze
methode goed toepasbaar in individuele projecten. Ik kan mij hierdoor veel meer focussen op de
inhoud van het project, in plaats van mij bezig te houden met het leren begrijpen van de methode
zoals bij PRINCE2 het geval is. Ik heb daarom gekozen om gebruik te maken van de methode van Roel
Grit voor het managen van dit project. !Ontwikkelmethode kiezen
Ik ben op zoek gegaan naar een ontwikkelmethode die ik kon gebruiken bij de uitvoering van het
project. Ook hier heb ik gekozen om als eerst een methode te kiezen waar ik al ervaring mee had. In
dit geval was dat de methode die door Jesse James Garrett wordt beschreven in zijn boek „The
Elements Of User Experience”. Deze methode heb ik al vaker succesvol toegepast tijdens mijn
opleiding. Vervolgens ben ik ook hier op zoek gegaan op het internet om een tweede methodiek te
vinden, zodat ik beide methoden kon vergelijken. Hierdoor ben ik de methode IAD tegengekomen. Dit
was wederom één van de meest vertegenwoordigde op het internet. Ook van deze methodieken heb
ik de voor- en nadelen genoteerd, om deze vervolgens te vergelijken en een keuze te kunnen maken. !
Voordeel Nadeel
Roel Grit Ervaring
Kan gebruikt worden als je alleen werkt
Methode is gericht op studenten van het HBO en WO
Praktische benadering
PRINCE2 Wordt gebruikt door veel grote, internationale organisaties
Na elk product moet er gedocumenteerd worden
Niet gericht op individuele projecten
Niet bekend met deze methode
Er is vaak training vereist voordat PRINCE2 succesvol kan worden toegepast.
�9
!Door de vergelijking is mij opgevallen dat, voor dit project, Jesse James Garrett meer voordelen heeft
dan IAD. Ik ben bekend met de methode van Jesse James Garrett door de opleiding in tegenstelling
tot IAD, waar ik nog nooit mee heb gewerkt. Jesse James Garrett beschrijft in zijn boek meerdere
technieken die je kunt gebruiken bij elke fase. Beide methoden betrekken de gebruiker, maar door de
nadelen die IAD heeft, heb ik toch gekozen voor de methode van Jesse James Garrett.
Voordeel Nadeel
Jesse James Garrett Overlappende fasen Veel onderzoek voordat er producten opgeleverd kunnen worden
Ervaring
Grote betrokkenheid van de gebruiker
Fasering is duidelijk
JJG beschrijft veel technieken die je kunt gebruiken
IAD Grote betrokkenheid van de gebruiker
Je controleert constant je eigen werk
Snel tastbare resultaten Met name bedoeld voor software
Geen ervaring
Iteratief
�10
3.2. Het opstellen van het communicatieplan
Het communicatieplan heb ik gemaakt om zo de beste manier te kunnen bepalen voor Plexus
Orthopedie om online te kunnen communiceren. !Ik heb contact gezocht met een expert op het gebied van marketing en communicatie omdat ik weinig
wist over het opstellen van een communicatieplan en ik online ook niet veel wijzer werd. Hij
adviseerde mij het boek “Handboek Communicatie” van Wil Michels. Dit boek ging niet voldoende in
op het communicatieplan, waarna ik besloot om een ander boek van Wil Michels te gebruiken,
namelijk “Communicatieplanner”. !De informatie die ik beschreven heb in het communicatieplan vormt als het ware de basis voor mijn
opdracht. De komende activiteiten die ik ga uitvoeren (JJG) worden deels uitgevoerd op basis van
deze informatie. Zoals het vaststellen van de doelgroep en uitwerken van een persona tijdens de
Strategy Plane. !Organisatievraag en het probleem
Ik heb de stappen opgevolgd die Wil Michels beschrijft in zijn boek. Dit begon met de organisatievraag
en het probleem. Ik heb hiervoor nogmaals met de opdrachtgever gesproken, om de bevestiging te
krijgen dat wat eerder gedefinieerd was (als debriefing), nog steeds van toepassing is. Ik heb de
opdrachtgever gevraagd wat het probleem van de organisatie is. Uit zijn antwoord kon ik opmaken
dat mijn debriefing klopte. Daarnaast was goed op te maken uit zijn verhaal dat dit een probleem voor
de organisatie is, omdat de eisen van Bewegingsvisie moeten worden voldaan en dit momenteel niet
het geval is. De organisatievraag en het probleem kon ik daarom kopiëren uit mijn plan van aanpak. !Interne analyse
De volgende stap was de interne analyse. Dit begint bij de micro-omgeving. Hier heb ik de volgende
punten beschreven:
- Missie
- Visie
- Identiteit
- Producten en diensten
- Structuur
- Cultuur
- Communicatiemiddelen (huidige) !Door deze punten te definiëren ben ik te weten gekomen wat de opdrachtgever belangrijk vindt.
Hierdoor wordt duidelijk waar de organisatie voor staat en waar zij naar streven. Dit is voor mij van
belang zodat ik mij kan inleven in het bedrijf.
Deze punten kon ik niet zelf definiëren omdat ik sinds korte tijd actief ben binnen het bedrijf. Ik heb er
daarom voor gekozen om de opdrachtgever hierbij te betrekken. Tijdens een gesprek met hem vroeg
ik hem om elk van deze begrippen te definiëren. Hier had hij al snel antwoorden op, omdat deze ooit
al eens gedefinieerd waren.
�11
!Externe analyse
Ik heb toen de externe analyse beschreven. Dit heb ik gedaan om inzicht te krijgen in de
publieksgroepen van Plexus Orthopedie, de meso-omgeving. De publieksgroepen zijn belangrijk
omdat deze later van toepassing komen bij het bepalen van de doelgroep. Samen met de
opdrachtgever ben ik in gesprek gegaan over de relaties die zijn bedrijf heeft. Ik vroeg hem tijdens dit
gesprek met welke partijen hij te maken heeft. Aan de hand van dat gesprek heb ik de
publieksgroepen opgesteld. !SWOT-Analyse
Ik heb een SWOT-Analyse gemaakt om inzicht te krijgen in de sterktes, zwaktes, kansen en
bedreigingen van Plexus Orthopedie. De SWOT-Analyse is tot stand gekomen na een gesprek met de
opdrachtgever en een ander gesprek met één van de baliemedewerkers. Ik heb gekozen voor deze
twee personen omdat Wil Michels aanraadt om te praten met een bestuurslid en met (minimaal) één
werknemer van het bedrijf. Ik heb gekozen voor een baliemedewerker, omdat zij de administratie
beheert van Plexus Orthopedie. Zij heeft daarom een andere visie dan iemand die op de werkvloer
aanwezig is (de opdrachtgever is ook aanwezig op de werkvloer). Ik kreeg van beide personen andere
input, wat logisch is gezien hun functies binnen het bedrijf. De punten die ik heb opgenomen in de
SWOT-Analyse zijn punten die belangrijk zijn voor het project. Deze punten hebben invloed op het
eindresultaat, het online communicatiemiddel. Een voorbeeld van één van de sterktes van Plexus
Orthopedie: ! “De klant staat bovenaan.” !Doelgroep
De doelgroepen van Plexus Orthopedie heb ik bepaald omdat het van belang is om te weten waar ik
mij op ga richten met het eindresultaat. Ik ben in gesprek gegaan met de eigenaar van Plexus
Orthopedie. Ik heb gevraagd wie zijn klanten zijn en hoe zij bij Plexus Orthopedie terecht komen. Ik
kreeg toen eigenlijk al snel alle informatie die ik nodig had over de verschillende groepen waar Plexus
Orthopedie mee te maken heeft. Deze groepen heb ik ingedeeld in publieksgroepen,
communicatiegroepen, marketingdoelgroepen, influentials en intermediairs (Wil Michels). Deze
groepen heb ik uitgebreid beschreven en zijn te vinden in bijlage II „Het communicatieplan”. !Communicatiedoelstellingen
Vervolgens heb ik de communicatiedoelstellingen bepaald. Dit heb ik gedaan om erachter te komen
wat verstandig is voor Plexus Orthopedie om te bereiken met het online communicatiemiddel. Ik was
al op de hoogte van het koopproces van de klanten van Plexus Orthopedie door eerdere gesprekken
met de opdrachtgever. Ik wist daardoor al dat mensen hun aankopen niet baseren op wat zij online
tegenkomen. Veelal wordt men doorverwezen naar een orthopedische instrumentmaker via een
intermediair. Het zou daarom zinloos zijn om mensen te overtuigen via de website om bij Plexus
Orthopedie te komen voor een hulpmiddel. Ik heb daarom gekozen om alleen een kennisdoelstelling
op te stellen en geen doelstelling(en) voor houding of gedrag. Volgens Wil Michels kan dit prima, de
drie doelstellingen kunnen los van elkaar gerealiseerd worden.
�12
!!Communicatiestrategie
Ik heb de communicatiestrategie bepaald volgens Wil Michels. Hierdoor wordt duidelijk welke relatie
Plexus Orthopedie aan wilt gaan met de doelgroep en wat zij willen bereiken met een online
communicatiemiddel. Deze relatie heb ik bepaald aan de hand van het communicatiekruispunt, een
techniek van Betteke van Ruler uit haar boek “Strategisch Management van Communicatie”
aangeraden door Wil Michels. Daarnaast geeft Wil Michels een aantal termen (tegenovergestelden)
die helpen met het bepalen van de communicatiestrategie. Voorbeeld: !
!Deze termen hebben mij geholpen, omdat ik hierdoor geforceerd werd om na te denken over de
strategie. Niet alle termen waren van toepassing, omdat deze termen duidelijk bedoeld zijn om toe te
passen op campagnes. !Communicatiemiddelen
Vervolgens heb ik me bezig gehouden met de communicatiemiddelen. Omdat er nu een keuze
gemaakt moest worden welk online communicatiemiddel het meest geschikt is voor de doelgroepen
en voor het bedrijf zelf. Ik heb me nu niet gehouden aan de theorie van Michels, omdat zijn boek
vooral gericht is op campagnes. Hij verwacht tijdens dit onderdeel dan ook een combinatie van
meerdere middelen.
Ik besloot om alle beschikbare middelen te noemen en daarvoor een tabel te maken met de voor- en
nadelen die betrekking hebben op de doelen, het bedrijf en de doelgroep, om zo te bepalen welke
communicatiemiddel het meest geschikt is voor Plexus Orthopedie. Er waren een aantal criteria
waaraan een middel moest voldoen om bruikbaar te zijn voor Plexus Orthopedie. Bijvoorbeeld dat
informatie aangepast kan worden en op elk moment beschikbaar is. Daarnaast heb ik de
succesfactoren benoemd van elk middel. Voorbeeld: ! Een succesfactor van social media is dat er vaak nieuws geplaatst moet
worden om zo een relatie te kunnen opbouwen met de doelgroep. !Samen met de opdrachtgever ben ik tot de conclusie gekomen dat een website het meest geschikt is
voor Plexus Orthopedie gebaseerd op de voor- en nadelen en de doelstellingen die bereikt moeten
worden. Deze voor- en nadelen zijn te vinden in bijlage II. Communicatieplan. !!!
Online / offline!Het gaat hier om een online communicatiemiddel.
�13
3.3. Het uitvoeren van een benchmark
Ik heb een benchmark gedaan om inspiratie op te doen voor het ontwerp van de website van Plexus
Orthopedie om te kijken hoe andere websites gebruik maken van bepaalde elementen. Dit heb ik
gedaan door de websites te beoordelen op criteria.
In eerste instantie wilde ik een concurrentieanalyse uitvoeren. Ik kwam erachter dat een
concurrentieanalyse gericht is op vergelijken van het eigen product met dat van de concurrenten, met
als doel het product te onderscheiden van de concurrenten. Dit is niet toepasselijk voor het doel van
deze activiteit, omdat het niet gaat om onderscheiden, maar om inspiratie op te doen voor de website
van Plexus Orthopedie. !Websites bepalen
De websites van de concurrenten heb ik bepaald door in gesprek te gaan met de opdrachtgever. Ik
vroeg hem welke websites hij mooi vindt. Door de sterke punten van deze websites te achterhalen,
kan ik deze als inspiratie gebruiken voor de website van Plexus Orthopedie. Door de opdracht bij deze
activiteit te betrekken kom ik zijn wensen tegemoet.
Later heb ik ook de doelgroep gevraagd naar de websites die zij het meest bezoeken. Deze informatie
had ik pas tijdens het uitvoeren van de Strategy Plane. Na het uitvoeren van de Strategy Plane heb ik
de benchmark uitgebreid met deze websites. Ik vond het verstandig om websites te kiezen voor de
benchmark waar de doelgroep zich het meest op bevindt, omdat ik op deze manier ook de wensen
van de doelgroep tegemoet kom. !Criteria bepalen
Ik heb criteria bepaald waarop ik de websites van de concurrenten ga beoordelen. Dit heb ik gedaan
met behulp van richtlijnen voor gebruiksvriendelijkheid. Ik heb gekozen voor gebruiksvriendelijkheid
omdat Plexus Orthopedie de klant altijd centraal stelt, wat bij gebruiksvriendelijkheid ook het geval is.
De richtlijnen die ik heb gekozen zijn van de website http://usability.gov. Deze website heeft ontzettend
veel richtlijnen gecategoriseerd op aspecten van gebruiksvriendelijkheid. Daarnaast bieden ze bij elke
richtlijn een goed of slecht voorbeeld en laten ze zien hoe belangrijk elke richtlijn is op een schaal van
één tot vijf. Hierdoor was het voor mij makkelijk te bepalen welke richtlijnen van toepassing zijn op
welke elementen en welke belangrijk zijn. Ik heb gekozen om mij alleen te focussen op de richtlijnen
met betrekking tot de interface, omdat ik inspiratie wilde opdoen voor het ontwerp. Ik had niet
genoeg tijd om elke richtlijn te behandelen in de benchmark, ik heb er daarom voor gekozen om van
elke categorie de twee/drie belangrijkste te nemen. !Benchmark uitvoeren
Ik heb de benchmark uitgevoerd door elke website te beoordelen op de gekozen richtlijnen. Op deze
manier kan ik de websites met elkaar vergelijken om vervolgens een conclusie te trekken. Deze
conclusie is bruikbaar voor het uiteindelijke ontwerp van Plexus Orthopedie die ik zal gaan opleveren.
Ik heb, op basis van de gekozen richtlijnen, screenshots gemaakt van de elementen van alle websites.
Per richtlijn heb ik de bijbehorende screenshots op een pagina geplakt. Op elke screenshot heb ik
cirkels geplaatst, om zo duidelijk te krijgen om welk element het gaat en hoe het element is geplaatst
�14
binnen de context. Op deze manier kreeg ik overzicht waardoor ik gemakkelijk kon vergelijken hoe
deze websites de richtlijnen toepassen. !Gegevens analyseren
Voordat ik een conclusie kon trekken heb ik de gegevens geanalyseerd. Ik heb een tabel gemaakt van
de richtlijnen en de websites. Ik heb daarbij kort geschreven hoe de richtlijn bij de website is
toegepast, waardoor ik gemakkelijk kon zien wat de beste oplossing is. Elke zin heb ik daarna een
kleur gegeven. Rood wanneer de richtlijn slecht is toegepast, oranje wanneer het beter kan en groen
wanneer de richtlijn goed is toegepast. Hierdoor behoud ik het overzicht omdat ik snel kan zien op
welke website welke richtlijnen goed of niet goed zijn toegepast. !Conclusie trekken
Ik heb vervolgens voor elke richtlijn een conclusie getrokken. Na het bekijken van de gegevens en de
bijbehorende kleuren heb ik bepaald welke website(s) het best de richtlijn hebben toegepast en op
welke manier zij dat gedaan hebben. Als conclusie heb ik beschreven hoe ik dat het best kan doen
voor de website van Plexus Orthopedie.
�15
3. Ontwerpfase
In dit hoofdstuk geef ik inzicht in de ontwerpfase: het uitwerken van de strategy-, scope- en structure
plane. Hierin beschrijft ik de werkwijze van elke plane en de keuzes die ik gemaakt heb. !3.1. Het uitwerken van de Strategy Plane
Ik heb me beziggehouden met de eerste plane van Jesse James Garrett, de Strategy Plane. Dit heb ik
gedaan omdat dit de basis legt voor het verdere ontwerpproces van de website. In deze plane
behandel ik de site objectives en de user needs. !Site objectives
Het bepalen van de site objectives heb ik gedaan door middel van de informatie van het
communicatieplan en door een gesprek aan te gaan met de opdrachtgever. !De site objectives heb ik bepaald aan de hand van informatie uit het communicatieplan en een
gesprek met de opdrachtgever. Omdat ik al uitgebreide gesprekken met de opdrachtgever heb gehad,
wist ik dat de website bedoeld is om alleen informatie te verschaffen. Dit is de site objective van
Plexus Orthopedie. !De site objectives heb ik bepaald om duidelijk te krijgen wat de opdrachtgever wil bereiken met de
website. Door de eerdere gesprekken die ik met hem heb gehad tijdens het opstellen van het
afstudeerplan en communicatieplan, wist ik al wat het doel van de website moest zijn. Ik heb mijn
idee hierover toen opschreven en ben naar de opdrachtgever gegaan om te kijken of wij op één lijn
zitten. Dit bleek het geval te zijn. !User Needs
Ook de user needs had ik aan het begin alleen gebaseerd op de informatie uit het communicatieplan.
Terwijl ik bezig was met het verder uitdenken van de doelgroep kwam ik vast te zitten. Ik wist niet op
welke criteria ik deze doelgroep moest segmenteren. Ik heb toen hulp gevraagd aan een expert op dit
gebied. Hij gaf mij een stappenplan waarin waardevolle informatie stond over het segmenteren van
de doelgroep. Ik wilde namelijk eerst segmenteren op leeftijd, maar Bram vertelde mij dat het
verstandiger is om te segmenteren op gebruikersdoelen. Dit heeft mij geholpen, waardoor ik kon
beginnen met het creëren van een persona. !Om de user needs te kunnen bepalen moest ik eerst de doelgroep vaststellen. Om te achterhalen wie
de klanten van Plexus Orthopedie zijn, heb ik de opdrachtgever hierbij betrokken. Ik heb hem
gevraagd wie zijn klanten zijn. Op basis van zijn antwoorden ben ik gaan doorvragen naar de DESTEP
kenmerken. Ik wilde de DESTEP kenmerken weten, omdat ik hierdoor een specifiek beeld zou krijgen
van de doelgroep, waarop ik mijn persona kon baseren. Uit dit gesprek kwam naar voren dat Plexus
Orthopedie een grote doelgroep heeft, waarbij zij zich niet focussen op een bepaalde groep. Iedereen
die zorg nodig heeft, is een (potentiële) klant van het bedrijf. De enige kenmerken die ik op dit
moment had, was dat de klanten zorg nodig hebben en uit Rotterdam komen. Omdat ik al wist dat
�16
influentials een grote rol spelen in de orthopedie, heb ik me hierop gefocust. Ook hier heb ik meer
over gevraagd aan de opdrachtgever, waardoor ik te weten ben gekomen dat de mensen die de
beslissingen nemen of invloed hebben op de beslissingen de eigenlijke klant zijn van Plexus
Orthopedie. Dit zijn:
- De ouders van (jonge) kinderen die een product nodig hebben
- De kinderen van (bejaarde) ouderen die een product nodig hebben
- Mensen die zelf een product nodig hebben !Hier heb ik onderzoek naar gedaan op het internet. Op het CBS ben ik op zoek gegaan naar de
gemiddelde leeftijd waarop mensen hun eerste kind krijgen. Dit zou de leeftijd kunnen zijn van het
ene uiterste van de doelgroep. Vervolgens heb ik gekeken naar de leeftijd waarop men vroeger een
kind kreeg. Hierdoor kon ik uitrekenen wat de leeftijd ongeveer kan zijn van de mensen die de
beslissingen maken voor hun ouders. Tenslotte heb ik de opdrachtgever gevraagd of hij mij kon
vertellen wat voor leeftijd de mensen hebben die zelf bepalen wat voor product zij meenemen. Uit dit
onderzoek kon ik vaststellen dat de mensen in de bovenstaande groepen in de leeftijdscategorie van
25-45 vallen. !Afnemen van interviews
Om de user needs te achterhalen wilde ik de doelgroep interviewen, om te weten te komen wat voor
informatie zij zouden willen zien op de website. Daarnaast wilde ik hen ook vragen hoe zij bij Plexus
Orthopedie terecht zijn gekomen en wat voor vragen zij hadden toen zij een hulpmiddel kregen. De
laatste twee hebben mij geholpen met het maken van een persona. Om aan de verwachtingen van de
gebruiker te voldoen, vroeg ik ook wat zij verwachten op de website van het bedrijf. Tenslotte, met het
oog op de volgende fases van Jesse James Garrett, vroeg ik de personen of zij de drie websites
konden opnoemen die zij het meest bezoeken. Dit kon mij helpen met het maken van ontwerpkeuzes
in een later stadium.
Omdat ik niet wist hoeveel personen ik zou moeten interviewen, ben ik op het internet op zoek
gegaan naar richtlijnen hiervoor. Hier zijn geen concrete aantallen voor. In verband met de tijd die ik
had en de personen die ik zou kunnen interviewen op korte termijn heb ik in overleg met de
opdrachtgever besloten om 15 mensen te interviewen, vijf uit elke groep. Dit leek mij voldoende om
aan bruikbare resultaten te komen. De conclusies van de vragen van deze interviews zijn de vinden in
bijlage VIII. !Persona
Ik heb een persona gemaakt die de doelgroep vertegenwoordigd. Op basis van deze persona kan ik
ontwerpkeuzes maken in het verdere ontwerpproces terwijl ik rekening houdt met de wensen van de
doelgroep. Omdat ik tijdens het afnemen van de interviews heb gevraagd hoe de mensen bij Plexus
Orthopedie terecht zijn gekomen, kon ik op basis hiervan een scenario bepalen voor de persona.
Vervolgens heb ik de toptaken van de persona bepaald door de antwoorden die zij gaven met
betrekking tot de vragen die zij hadden toen zij een hulpmiddel kregen. Het internetgedrag van deze
persona heb ik bepaald door top drie websites die zij gaven. De persona is te vinden in bijlage VI. !!�17
3.2. Het uitwerken van de Scope Plane
Tijdens de tweede plane heb ik me beziggehouden met de functionele eisen en de contenteisen.
Hiervoor heb ik de informatie gebruikt die heb ik heb verkregen tijdens het interviewen van de
doelgroep in de Strategy Plane. Daarnaast heb ik ook input gehad van de opdrachtgever. !In gesprek met de opdrachtgever
Ik wilde de opdrachtgever vragen stellen om te bepalen welke content- en functionele eisen hij wilt op
de website van Plexus Orthopedie. Ik ben met hem in gesprek gegaan waarbij ik hem de volgende
vragen heb gesteld:
1. Wat wil je zien op de website qua informatie?
2. Wat zijn de eisen vanuit Bewegingsvisie? !Dit zijn vooral open vragen, waarmee ik hoopte doorvragen te kunnen stellen aan de hand van de
antwoorden die hij geeft. Zodat ik diepgaande informatie zou krijgen over de content en functies die
op de website moeten komen. De eerste vraag heb ik gesteld om de eisen van de opdrachtgever
tegemoet te komen. De tweede vraag heb ik gesteld om erachter te komen wat de eisen vanuit
Bewegingsvisie zijn. !Ik kreeg bij de eerste vraag al snel veel nuttige informatie over de content die hij wilt op de website.
Hij wilde namelijk informatie over de producten en het bedrijf. Daarnaast wilde hij producten
gecategoriseerd op lichaamsdelen. Daarna begon ik met het vragen naar de producten. Ik wilde
weten welke producten Plexus Orthopedie levert. Vervolgens vroeg ik wat voor informatie hij wilt
vermelden als hij het heeft over het bedrijf. Hij gaf als antwoord dat hij informatie wilde over wat het
bedrijf doet en wie er werken. Ook wilde hij de contactgegevens van het bedrijf vermelden op de
website. Hierna begon ik over de lichaamsdelen. Ik vroeg hem voor welke lichaamsdelen Plexus
Orthopedie producten levert en welk product gebruikt kan worden voor welk lichaamsdeel. Tenslotte
ben ik dieper ingegaan op de contactgegevens. Ik heb de contactgegevens genoteerd. Tijdens de
benchmark kwam ik erachter dat Livit gebruik maakt van de functie „Bel Mij” waar de gebruiker op
kan klikken, zijn gegevens achter kan laten en vervolgens zo snel mogelijk wordt gebeld door het
bedrijf. Ik vond deze service goed passen bij Plexus Orthopedie, omdat dit klantvriendelijk is. Ik vroeg
de opdrachtgever hoe hij over de functie dacht. Hij vond dit een goede suggestie. De opdrachtgever
gaf zelf aan dat hij een formulier wilde plaatsen, waarmee gebruikers zelf schriftelijk contact konden
opnemen. Dit leek mij een goede toevoeging, omdat meerdere websites deze functie aanbieden. !Bij de volgende vraag kreeg ik te horen dat het logo van Bewegingsvisie en het logo van SEMH in de
footer moesten worden weergeven. Daarnaast moet er een balk onderaan de website komen met
daarin:
- copyright
- privacy policy
- disclaimer
- klachtenreglement
- leveringsvoorwaarden
�18
!Gegevens verkrijgen uit de interviews
Naast de wensen van de opdrachtgever, zijn er ook wensen vanuit de doelgroep. Deze wilde ik
achterhalen door middel van interviews. Deze interviews heb ik afgenomen tijdens het uitvoeren van
de Strategy Plane. Twee vragen die ik gesteld heb tijdens het interview zijn bruikbaar voor dit
onderdeel. Namelijk de vragen:
- „U kwam erachter dat u / uw kind / uw ouder een orthopedisch hulpmiddel nodig had, welke vragen
had u op dat moment?
- „Als Plexus Orthopedie een website zou hebben, wat voor informatie verwacht u op deze website”? !De eerste vraag geeft mij inzicht in de vragen die de gebruikers hadden voordat zij een hulpmiddel
nodig hadden. Deze informatie kan ik gebruiken om de informatiebehoefte op te website te plaatsen.
De tweede vraag geeft inzicht in de verwachtingen die zij hebben als het gaat om de informatie op de
website van Plexus Orthopedie. Ook deze informatie kan ik verwerken op de website. !Uit de analyse is gebleken dat de doelgroep verschillende informatiebehoeften heeft. Op basis van
deze analyse heb ik een conclusie geschreven, hierbij heb ik gelet op de antwoorden die
overeenkomen. De meest gegeven antwoorden heb ik opgenomen in de conclusie. De conclusie
vertelt wat de doelgroep wilde weten voordat zij een orthopedisch hulpmiddel hadden en welke
informatie de gebruiker verwacht te zien op de website van Plexus Orthopedie. !Functionele en contenteisen opstellen
Ik heb de functionele eisen en de content eisen opgesteld op basis van de informatie die ik verkregen
heb tijdens het gesprek met de opdrachtgever en de informatie die ik heb door het uitvoeren van de
interviews met de doelgroep. Daarnaast heb ik gekeken naar de websites van Van Dinter en Livit om
te kijken hoe zij de informatie categoriseren op advies van de opdrachtgever. Deze websites hebben
aparte menu items voor de informatie over de producten, het bedrijf en de contactgegevens. Ik vond
dit zelf ook een logische verdeling. Het zou namelijk niet handig zijn om alle informatie op één pagina
te plaatsen. Ik heb dit idee daarna voorgelegd aan de opdrachtgever. Ook hij was het met deze
verdeling eens. !De lijst met eisen heb ik opgesteld volgens de theorie van Jesse James Garrett. De eisen moeten
voldoen aan drie regels:
- be positive: je moet niet de foute dingen beschrijven die het systeem kan doen, maar eerder wat het
systeem kan doen om de foute dingen te voorkomen.
- be specific: de eis moet duidelijk zijn zodat er geen ruimte is voor een andere interpretatie van de
eis. Op deze manier kan je nagaan of de eis is voldaan.
- avoid subjective language: dit is eigenlijk een regel om aan ‚be specific’ te voldoen. Zolang je geen
gebruik maakt van woorden die subjectief zijn, is er ook geen kans op misinterpretatie. !De eisen zijn verdeeld in twee lijsten. Eén lijst met eisen over de content waarin de eisen staan die
niet te maken hebben met interactie. Denk hier bijvoorbeeld aan afbeeldingen en tekst. !�19
De lijst met functionaliteiten bestaat uit eisen waar de gebruiker de website mee kan bedienen. Zoals
het kunnen navigeren naar verschillende pagina’s. !Eisen prioriteren
Ik heb de eisen geprioriteerd omdat het verstandig is om te weten welke eisen het meest belangrijk
zijn. Deze eisen moeten geïmplementeerd worden omdat de website anders niet voldoet aan de
wensen van de opdrachtgever of de wensen van de gebruiker. Ik heb de eisen geprioriteerd aan de
hand van de MoSCoW methode. Aangezien ik al ervaring had met de MoSCoW methode heb ik
gekozen om deze methode te gebruiken. Ik heb een lijst gemaakt met Must Have, Should Have, Could
Have en Would Have. Elke term heb ik voor mezelf gedefinieerd:
- Must have: zonder deze eisen is de website niet bruikbaar
- Should have: deze eisen hebben een hoge prioriteit, maar de website is wel bruikbaar zonder
- Could have: deze eisen hebben lage prioriteit, alleen implementeren als er genoeg tijd is
- Would have: deze eisen hebben geen prioriteit, misschien implementeren in de toekomst !
�20
3.3. Het uitwerken van de Structure Plane
Bij het uitvoeren van de Structure Plane horen de termen Interaction Design en Information
Architecture. De eerder opgestelde content en functionele eisen worden nu concreter doordat ik deze
eisen nu in een bepaalde context ga plaatsen. Ik heb voor elke functionele eis een use case gemaakt.
Daarnaast bepaal ik de structuur van de website, aan de hand daarvan maak ik een sitemap. In deze
sitemap verdeel ik alle contenteisen. Hierdoor is het gemakkelijk om tijdens de volgende plane
wireframes te maken. !Interaction Design
Ik heb voor elke functionele eis uit de Scope Plane een use case gemaakt. Hierdoor werd het voor mij
duidelijk welke stappen de gebruiker moet ondernemen zodat hij het gewenste resultaat bereikt. Bij
het maken van de use cases heb ik zoveel mogelijk geprobeerd om gebruik te maken van conceptual
models, waarvan Jesse James Garrett voorbeelden beschrijft in zijn boek. Ik vond het handig om
gebruik te maken van conceptual models, omdat de gebruiker hiermee bekend is door hun ervaring
op andere websites. Ik heb de websites van de persona hierbij betrokken. Bij elke functionele eis heb
ik gekeken hoe deze websites soortgelijke functies toepassen op hun website.
Voordat ik begon met het maken van de use cases heb ik hier online informatie over opgezocht. Er
werd beschreven dat het handig is om exception en alternative use cases op te stellen om voorbereid
te zijn op use cases met foutmeldingen. Ik heb ervoor gekozen om de foutmeldingen direct in de
normale use cases op te nemen. De use cases die ik heb zijn niet erg complex en dit worden ze ook
niet wanneer er foutmeldingen optreden. !Information Architecture
Ik me bezig gehouden met de architectuur van de website. Er zijn vier mogelijkheden voor:
- Hierarchisch
- Matrix
- Organisch
- Sequentieel !Ik heb gekozen voor een hiërarchische structuur omdat de content makkelijk onder te verdelen is in
bepaalde categorieën. Deze categorieën kunnen worden geplaatst als menu items in de navigatie. Dit
zorgt voor een overzichtelijke website. Er zit een duidelijke hiërarchie in de content. Op de website
komen bijvoorbeeld producten zoals: protheses, ortheses, korsetten, etc. die onder het kopje
producten vallen. !Content categoriseren
Ik heb de content gecategoriseerd, om te kunnen bepalen welke pagina’s er op de website moeten
komen. Dit heb ik gedaan door de contenteisen te bekijken en te bepalen welke eisen gericht zijn op
het informeren van de gebruiker. Dit waren de eisen met betrekking tot de producten en het bedrijf:
1. De gebruiker moet informatie over de producten kunnen lezen
2. De gebruiker moet informatie kunnen lezen over de werkzaamheden van Plexus Orthopedie
3. De gebruiker moet informatie kunnen lezen over de werknemers van Plexus Orthopedie
�21
4. De gebruiker moet de contactgegevens van Plexus Orthopedie kunnen lezen
5. De gebruiker moet op de website de locatie van Plexus Orthopedie kunnen bekijken met behulp
van Google Maps
6. De gebruiker moet alle lichaamsdelen kunnen bekijken waar Plexus Orthopedie producten voor
levert !Ik ben toen gaan kijken welke eisen op één pagina verwerkt konden worden. Het leek mij handig om
de eisen 1 en 6 op één pagina te plaatsen, omdat deze beide over de producten gaan. Vervolgens
nummer 2 en 3 omdat deze gaan over het bedrijf. Tenslotte leek het mij verstandig om een aparte
pagina te maken voor de contactgegevens omdat dit een goed voorbeeld is van een conceptual
model. Op deze pagina komen de eisen 4 en 5.
Met dit lijstje ben ik vervolgens naar de opdrachtgever gegaan om hem te vragen naar zijn mening.
Hij was het er mee eens, maar wilde liever een aparte pagina voor de lichaamsdelen en de producten.
Zijn ervaring is namelijk dat mensen die geen ervaring hebben met de producten, de vaktermen, zoals
protheses en ortheses niet kennen. Hij wilde daarom een aparte pagina voor de lichaamsdelen. Ik
vond dat een logische keuze en daarom heb ik ervoor gekozen om hierin mee te gaan. !!Sitemap
De bovenstaande informatie heb ik samengevat door middel van een sitemap. Een sitemap laat zien
wat voor structuur en architectuur er gebruikt wordt. Daarnaast wordt duidelijk welke content
waaronder valt. Dit is handig voor mij omdat ik zo overzicht heb van alle pagina’s. Ik heb een
schematische weergave gemaakt waarin de paginanamen staan. Daarna heb ik elke contenteis een
letter gegeven. Deze letters staan onder de pagina namen, waardoor duidelijk wordt wat waaronder
valt. !3.4. Het uitwerken van de Skeleton Plane
In de vierde plane, de Skeleton Plane, gaat het om het maken van Wireframes. Dit product is als het
ware een bouwtekening. Ik heb wireframes gemaakt zodat ik mij kan focussen op de plaatsing van
elementen zonder me druk te hoeven maken over de afmetingen en de kleuren. !Voorbereiding
Voordat ik begon met het maken van wireframes heb ik me voorbereid op de elementen die ik in de
wireframes zou gaan plaatsen. Ik begon volgens het boek van Jesse James Garrett, waarbij ik heb
nagedacht over de navigatie van de website. Hij heeft het in zijn boek over vijf verschillende navigatie
opties. Ik heb gekozen voor de optie globale navigatie voor het hoofdmenu. Hierbij kun je vanaf elke
pagina navigeren naar de homepagina en de direct onderliggende pagina’s. In dit geval kan de
gebruiker altijd naar producten, bedrijf, lichaam en contact. Daarnaast gebruik ik op verschillende
pagina’s een Local Navigaton, Supplementary Navigation en voor de footer altijd een Courtesy
Navigation. De Local Navigation heb ik gekozen om snel te kunnen switchen van de ene product naar
de andere. De Supplementary Navigation wordt gebruik om van een lichaamsdeel direct te kunnen
navigeren naar de bijbehorende producten. Teslotte is er de Courtesy Navigation, die ik gebruik om
�22
links te weergeven in de footer die belangrijk zijn, maar niet altijd geraadpleegd worden door de
doelgroep, zoals policy’s. !Wireframes
De wireframes heb ik gemaakt om een versimpelde weergave te krijgen van het uiteindelijke ontwerp.
Hierbij denk ik alleen na over de plaatsing van elementen. Tijdens de volgende plane ga ik nadenken
over de kleuren en nauwkeurige afmetingen.
Als eerst heb ik alle richtlijnen erbij gepakt die ik gebruikt heb voor de benchmark, de benchmark zelf
en het document met best practices. Met deze documenten ben ik naar de opdrachtgever gegaan om
te praten met als doel meer informatie te krijgen over zijn wensen met betrekking tot het ontwerp
zodat wij uiteindelijk op één lijn komen te zitten. Daarnaast wilde ik hem adviseren met behulp van
mijn bevindingen. Ik de opdrachtgever de benchmark zien. Ik legde hem uit wat richtlijnen zijn en op
welke manier die zijn toegepast op de websites die ik gebruikt heb. Ik vertelde toen dat de benchmark
dient als inspiratie voor zijn website met betrekking tot de plaatsing. Dit begreep hij en hiermee ging
hij akkoord. Hierdoor kreeg ik bevestiging dat we op één lijn zaten. Daarna vroeg ik de opdrachtgever
wat zijn wensen zijn. Hij vertelde toen vooral de dingen die al beschreven staan in de contenteisen.
Alleen wilde hij wel op elke pagina een afbeelding. Om hier meer duidelijkheid over te krijgen vroeg
ik wat voor foto dit moest zijn. Ik gaf als suggestie om een foto te plaatsen die past bij de content op
de website. Hier was hij het mee eens. Ik stelde voor om een concept te maken en te bespreken
tijdens de volgende meeting. Dit vond hij een goed idee. !Ik heb toen de wireframes gemaakt met behulp van de inspiratie die ik had uit de benchmark. Tijdens
het volgende gesprek hebben de opdrachtgever en ik hier samen naar gekeken waarna hij zijn
goedkeuring heeft gegeven. !Daarna ben ik verder gegaan met het ontwerpen van de andere pagina’s. Voor de pagina’s producten
en lichaam heb ik ervoor gekozen om een menu aan de linkerkant te plaatsen met de producten/
lichaamsdelen. Ik heb mijn keuze gebaseerd op de websites van de persona, Marktplaats en
Facebook. Beide websites hebben ook aan de linkerkant een submenu. !Nadat ik klaar was met alle wireframes heb ik contact gezocht met een expert op het Interaction
Design gebied. Ik wilde de mening van een buitenstaander die al meer ervaring heeft op dit gebied en
actief is in het bedrijfsleven, om feedback van kwaliteit te krijgen. Op deze manier kon ik peilen of ik
op de goede weg zat. Zijn feedback:
- De homepage moet er iets anders uitzien dat de andere pagina’s waardoor hij herkenbaar is als
homepage
- De toptaken zijn eigenlijk letterlijk de contentpagina’s van de menu items waar ze bij horen,
misschien kun je ze dan beter onder de navigatie plaatsen, want toptaken horen zoveel mogelijk
bovenaan de pagina voor het beste resultaat
- Maak het logo iets groter dan op de andere pagina’s, wanneer de gebruiker binnenkomt op de
website, valt het sneller op op welke website hij is
- Plaats een tagline onder het logo van het bedrijf, hierdoor communiceer je de waarde van het
bedrijf
�23
- Wat doen wij en wie zijn wij kun je beter onder elkaar plaatsen, bij elkaar wordt dat niet al teveel
content. Daarnaast gaat het beide over het bedrijf
- Misschien de blokken van de homepage, waarmee de gebruiker contact kan opnemen ook
vermelden op de pagina’s producten en lichaam, maar dan met andere tekst „Wilt u meer informatie
over deze producten?”
- Kijk uit dat de linkerkant van de contactpagina (waar de afbeelding staat en google maps widget)
niet te zwaar worden. Aan de rechterkant staat namelijk niet veel. !Deze feedback heb ik verwerkt in de eerste versie van mijn wireframes, behalve de laatste. Ik kan dat
namelijk pas bepalen wanneer het grafisch ontwerp af is. !Zowel de eerste als laatste versie van de wireframes zijn te vinden in het ontwerp rapport in de
bijlage X.
�24