Analyseverslag Webdesign

Page 1

1


Is een iniatief van

2


Inhoudsopgave Analyserapport 1.3 1.5 1.6 1.7 1.8 1.8.1 1.9 1.9.1 1.9.2 1.10 1.12 1.13

Opdrachtanalyse Doelgroepanalyse Persona’s Gevoel voor humor Concurrentie analyse Smart conclusies Research Mindmap De PUMP interacties Omschrijving concept Programma van eisen Reflectieopdracht

4/5 6/7 8/9 10/11 12/17 18 19 20 21 22 23/24 25

Ontwerprapport Mindmap / moodboard contentmatrix concept interacties flowchart navigatie schetsen wireframes lay-out schetsen ontwerp photoshop

Testrapport Testen reflectie op testrapport

3


1.3 Opdrachtanalyse Opdrachtgever De opdrachtgever is WhoCares. WhoCares is een organisatie die zich inzet voor minder armoede in de wereld. Nederlanders geven veel geld aan goede doelen, maar met het initiatief “Who cares”, wil Care bereiken dat Nederlanders actief aan de slag gaan voor een goede zaak. Allereerst door hen te inspireren. Op de site whocares.me is te volgen welke initiatieven Care daartoe voor het voetlicht brengt. Meestal initiatieven van kinderen, jongeren en jong volwassenen over de hele wereld.

Opdrachtformulering in eigen woorden Bedenk een goed en vernieuwend concept voor gevend Nederland. Houd de doelgroep betrokken en actief.

Wensen van de opdrachtgever De opdrachtgever wenst een interactieve website die mensen inspireert en activeert op een originele manier.

Belangrijkste doelstellingen opdrachtgever

Aanleiding opdracht

De website moet..

Nederlanders zijn kampioen in geven. Echter vindt er wel een verandering plaats. Van geven naar echt iets doen om een ander te helpen die het nodig heeft. Whocares is vanuit dit opzicht gestart en wil de Nederlander inspireren om actief iets te gaan betekenen voor een ander.

• Inspireren • Activeren • Interactief zijn

Situatieschets Als men een verschilmaker is dan is whocares.me het platform om in die behoefte te voorzien. Op de website staan verschillende uiteenlopende verhalen over mensen die een verschil maken in de wereld. Er staan teksten en foto’s onder verschillende thema’s. Het is een rustige en strakke website.

4


Probleemstelling Hoofdvraag? • Hoe kan gevend Nederland op een interactieve manier betrokken worden bij een goed doel?

Deelvragen: • Wat: Wat kan Whocares betekenen met een vernieuwend doneer en actie concept? • Waar: Waar kan Whocares zich op focussen voor het beoogde resultaat? • Wie : Wie gaat Whocares met een vernieuwend concept bereiken? • Waarom: Waarom gaat Whocares een vernieuwend concept lanceren?

5


1.5 Doelgroepanalyse Doelgroepanalyse inzenders Algemeen

De doelgroep van Droom zijn kinderen, mannen en vrouwen tussen de 0 en 100 jaar wonend in Nederland met een droom. Iedereen met een ernstige ziekte kan deelnemen aan het platform. We gaan ervan uit dat zij niet degene zijn die een droom inzenden. Familie en vrienden zenden de droom in en maken een film over de persoon van wie de droom is. De film geeft het leven van de persoon en de droom weer waarmee donateurs worden aangetrokken.

Doelgroepanalyse donateurs Algemeen

De donateurs zijn ook kinderen, mannen en vrouwen tussen de 15 en 100 jaar wonend in Nederland. Iedereen met een hart en gevoel kan donateur worden van stichting Droom.

Ook googled de doelgroep heel wat af. Ze gaan opzoek naar een cadeau of kijken wanneer hun favoriete serie weer op de televisie komt of te bekijken is op Netflix. De doelgroep is een normale groep Nederlanders die normaal internet en sufgedrag vertoont. De interesses zijn ook erg divers. De doelgroep van Droom heeft een link met doodzieke mensen. De mensen die iets willen weten of iets willen inzenden hebben een link met een ziek persoon en daardoor zullen ze de site aanklikken, bekijken en / of deelnemen. Droom gaat actief worden op social media. Door op Facebook, Twitter en YouTube te laten zien wat Droom doet worden de dromen gedeeld en wordt het Droom platform bekend voor heel veel mensen. Het is daardoor belangrijk dat de doelgroep zich op Facebook en / of Twitter bevindt.

Internet en surfgedrag

De doelgroep bevindt zich op het internet. Zij zijn actief op social media en zien verschillende linkjes gedeeld door vrienden voorbij komen op hun eigen social media pagina’s. De doelgroep wordt dus als het ware getipt door hun vrienden.

6


Segmentatie

Om Droom te richten op een specifieke representatieve doelgroep heeft Droom ervoor gekozen om te kiezen voor mannen en vrouwen tussen de 30 en 40 jaar wonend in Nederland. Hiervoor is gekozen doordat zij een groep zijn die in het ‘midden’ van het leven staan. Ze hebben leuke en minder leuke tijden meegemaakt. Ze hebben een vast inkomen met kinderen of zonder kinderen waarbij ze zich ook gaan richten op volwassen taken en zich bewust zijn van wat er om hen heen gebeurt.

Geografisch

De doelgroep bevindt zich in heel Nederland.

Sociaal

De doelgroep heeft een connectie met goede doelen en staat daar voor open. De doelgroep heeft ook een connectie met een ziek persoon. Dat kan zowel in de familie zijn als op de werkvloer. Voor de persoon willen ze iets betekenen.

Psychografisch

Zoals het ook beschreven staat bij etnische gegevens heeft de doelgroep het hart op de goede plaats en geven ze graag aan goede doelen of doen graag een daad voor een ander zonder dat degene ervoor wordt betaald.

Demografisch Leefsituatie

De doelgroep kan alleen wonen, een relatie hebben, getrouwd zijn of kinderen hebben. Alles is mogelijk.

Etnische gegevens

De doelgroep heeft het hart op de goede plaats en geeft om anderen. Dit uit zich in het geven aan een goed doel, of het doen van een goede daad zonder dat daar altijd geld tegenover staat.

7


1.6 Persona’s

Naam: Leeftijd: Inkomen: Afkomst: Burgelijke staat:

Sjoerd Haaks 35 jaar â‚Ź 1950 p.m. Nederland Relatie

Interesses Internet, boeken, series, vrienden, de maatschappij, politiek, zijn vakgebied de zorg. Sjoerd is een gevoelige man die er is als mensen hem nodig hebben. Hij heeft een kameraad waarvan de dochter ernstig ziek is. Hij vindt het verschrikkelijk wat er allemaal gaande is en wil een steentje bijdragen. Het internet gedrag van Sjoerd is gericht op social media. Voor zijn vakgebied zoekt hij enkele informatie op. De rest van de tijd besteedt hij aan Facebook, LinkedIn en Twitter. Op Facebook komt hij vaak belangrijke links tegen die hij interessant vindt. 8


Naam: Leeftijd: Inkomen: Afkomst: Burgelijke staat:

Sophie Mander 32 jaar € 1500 p.m. Nederland Single

Naam: Leeftijd: Inkomen: Afkomst: Burgelijke staat:

Anna Kramer 37 jaar € 1895 p.m. Nederland Getrouwd

Interesses

Interesses

Films, series, internet, familie, vrienden, natuur, honden.

Haar kinderen, familie, vrienden, boeken, het nieuws, inspirerende websites.

Sophie is een zachtaardige vrouw met het hart op de goede plaats. Wekelijks brengt ze een bezoekje aan het plaatselijke asiel waar ze met plezier de honden uitlaat. Ze is dan ook erg actief voor het asiel. Ze heeft onlangs gehoord dat haar vader ernstig ziek is. Ze weet dat haar vader een droom heeft. Helaas kan ze die zelf niet bekostigen. Het internet gedrag van Sophie is erg gericht op honden. Ze zoekt graag informatie op en houdt de social media accounts bij van het asiel. Ook is ze zelf actief op Facebook.

Anna is een creatieve duizendpoot. Ze is graag actief in haar vakgebied en ook voor anderen. Veel mensen vragen om haar advies. Ze heeft twee kinderen waarvan één ernstig ziek is. Ze doet koste wat het kost alles om Maikel in leven te houden. Ze weet dat hij nog een droom heeft. Het internet gedrag van Anna is erg divers. Ze zoekt graag naar knutseltips maar ook naar de laatste onderzoeksmethoden naar de ernstige ziekte van haar zoon. Ook is Anna actief op social media. 9


1.7 Gevoel voor humor Gevoel voor humor doelgroep Droom De doelgroep die droom hanteert heeft een gevoel voor humor die hier niet ter sprake komt. Het onderwerp van de website is geen onderwerp waar humor mee te associeĂŤren is. Op de afbeelding hiernaast staat een collage van typisch Hollandse beelden. De doelgroep van Droom wordt op een andere manier benaderd en dat gaat om de puurheid van de mens.

10


11


1.8 Concurrentie analyse Contentmatrix concurrent 1 Seeingisbelieving.org

Zwakke punten

Algemene indruk

- Het is niet direct duidelijk waar het over gaat - De website biedt weinig uitdaging

Een rustige website waarbij je eerst twee keer moet kijken voordat je weet waar het over gaat. Doordat er zoveel foto’s worden Seductive? gebruikt vind ik het een erg aantrekkelijke De website is aantrekkelijk maar tegeliwebsite. jkertijd ook erg saai. Er staan wel goede klikbare items maar die matchen niet met Sterke punten de rest van de website. Er lopen verschillende ontwerp stijlen door elkaar heen. - Duidelijke structuur en navigatie Op de rest van de pagina’s staat veel tekst - Afbeeldingen op de index pagina spreken en zijn er weinig afbeeldingen gebruikt. je aan Er zijn veel call to actions aanwezig in de - Makkelijk leesbaar lettertype vorm van ‘Doneer nu!’. - De website is responsive Conclusie de website kan nog veel meer seductive interacties gebruiken.

12


13


1.8 Concurrentie analyse Contentmatrix concurrent 2 Makeawishnederland.org

Algemene indruk

Zwakke punten

Een duidelijke en overzichtelijke website met een mooi contrast in kleurgebruik. Het voelt ‘warm’ aan. Het is direct duidelijk waar het overgaat. De afbeeldingen spreken aan en er zijn bekende Nederlanders te zien.

- Ze laten te veel informatie zien op de homepage - De website is niet responsive

Sterke punten - Duidelijke structuur en navigatie - Afbeeldingen op de index pagina spreken je aan - Makkelijk leesbaar lettertype - Special effect met verschillende kleurtjes op klikbare buttons

Seductive? De website is seductive. In de rechter boven hoek is te lezen hoeveel wensen de stichting al heeft vervuld. Ook zijn de informatie buttons goed zichtbaar en duidelijk.

14


15


1.8 Concurrentie analyse Contentmatrix concurrent 3 Nierstichting.nl Algemene indruk

Zwakke punten

De website maakt direct duidelijk waar het over gaat. Al vind ik wel dat de website een opfris beurt nodig heeft. Het oogt erg koud. Het mag wat levendiger ondanks het onderwerp. Ook mogen er meer afbeeldingen gebruikt worden naar mijn mening.

- Ze laten te weinig afbeeldingen zien - De website is niet responsive - Komt koud en kil over

Sterke punten - Duidelijke structuur en navigatie - Goede seductive onderdelen - Makkelijk leesbaar lettertype

Seductive? De website is seductive. Men kan geld doneren op verschillende manieren. Deze manieren zijn direct duidelijk op de homepage. Ook is er veel informatie te vinden.

16


17


1.8.1 Smart conclusies Conclusie(S) (SMART) SpeciďŹ ek

Droom gaat dromen verwezenlijken van dood zieke mensen die nog een laatste droom hebben om uit te laten komen. Droom haalt geld binnen van donateurs om de dromen te kunnen betalen. Niets is te gek bij Droom. Het is een platform voor alle leeftijden.

Meetbaar

Op de website komt een droom centraal te staan waarvoor geld binnen kan komen. Mensen kunnen een bedrag storten voor die droom. Is het geld voor de droom bij elkaar dan kan de droom uitkomen. Doordat de mensen dood ziek zijn is er per droom haast bij. Hierdoor is het meetbaar.

Realistisch/relevant

Wat Droom gaat verwezenlijken is mogelijk. Zodra er genoeg geld is binnen gekomen kan de droom uitkomen. Het is belangrijk dat er dromen worden ingezonden en dat gebruikers geld doneren. Dat kan zowel eenmalig als een vast bedrag per maand.

Tijdgebonden

Het doel van Droom is bereikt nadat iedere droom vervuld is. Dromen zijn eindeloos en helaas zijn ziektes dat ook.

Acceptabel

Het iniatief is acceptabel. Het is een onderwerp waar iedereen mee te maken heeft en iedereen wil de laatste wens uit laten komen. Door met ons allen een steentje bij te dragen kan het worden verwezenlijkt.

18


1.9 Research

19


1.9.1 Mindmap

20


1.9.2 De PUMP interacties PUMP interacties Personal

De Personal interactie op de website wordt erg aansprekend. Mensen worden bewust van het feit dat het zomaar afgelopen kan zijn met het leven. Ze kunnen zelf een ernstige ziekte krijgen of een geliefde kan het krijgen. Dit komt naar voren op de website. Ook wordt de gebruiker geconfronteerd met hun eigen laatste droom. De teksten die zichtbaar zijn op de website worden kort en ‘luchtig’ doordat het onderwerp al heftig genoeg is.

Unexpected

Gebruikers lezen en zien schokkende verhalen van een gezin dat gelukkig was of een gelukkig getrouwd stel dat gelukkig was toen er plots een ziekte op kwam dagen. Deze verhalen worden zichtbaar op de website. Ze zijn verassend en emotioneel. Gebruikers kunnen zien hoeveel geld er reeds is opgehaald voor een droom. Stel de droom kost € 1000,- en er is € 450,opgehaald dan is dat zichtbaar op website. Stel dat de gebruiker €10,- doneert dan staat de teller direct op € 460,-. Achter de dromen zitten bepaalde tijdsdrukken. Het is niet te voorspellen hoelang de persoon nog te leven heeft. Hoe meer tijdsdruk hoe meer de gebuiker wordt getriggerd om geld te doneren.

Op de website komen filmpjes te staan van de doodzieke persoon en de droom. De filmpjes over de persoon geeft het leven weer van hoe het leven was voor de ziekte en hoe het nu is. Ook komt er een filmpje op de website te staan waarin de familie of de persoon zelf zichzelf pitcht voor de laatste droom. Dit filmpje triggerd gebruikers ook om geld te doneren.

Meaningfull

De website heeft een grote betekenis voor de gebruiker en de zieke persoon. De gebruikers hebben niet alleen het gevoel dat ze iets kunnen bijdragen, ze kunnen het ook daadwerkelijk doen. Door iemand op te geven of om geld te doneren. Op de website wordt het duidelijk dat iedereen een droom heeft die moet worden vervuld en stel het is je laatste droom. Wat gaat je droom zijn?

Pleasantly packed

Als de gebruiker geld heeft gedoneerd aan de droom dan wordt de gebruiker persoonlijk bedankt door de zieke persoon, dit kan doormiddel van een aftiteling in het droom filmpje of een persoonlijke boodschap van de persoon. De gebruiker heeft ook de mogelijkheid om de persoon te volgen op de online activiteiten die de persoon doet, op die manier kan de gebruiker de persoon interactief volgen 21


1.10 Omschrijving concept Het basisidee van de website is het bieden van een oplossing voor het creëren en het vervullen van dromen van mensen waarvan het (waarschijnlijk) de laatste is door een ernstige ziekte. De bezoekers worden getriggerd om geld te doneren om de droom van de zieke persoon te laten doorgaan. Iedere droom heeft te maken met tijdsdruk, het is niet zeker hoelang de persoon nog te leven heeft. Op die manier wordt er van de Nederlander gevraagd om zo snel mogelijk en zo veel mogelijk geld te doneren om de wens van een persoon die ineens uit het leven kan verdwijnen.

Mensen worden ook getriggerd doordat ze beelden en verhalen zien en lezen van echte personen met een dramatisch verhaal. Niet alleen voor hunzelf maar ook voor de familie en de naasten. Doordat het verhaal zo menselijk is kan iedereen zich identificeren met de persoon. Aangezien het iedereen plotseling kan overkomen.

Op de homepage van de website staat iedere keer één droom centraal totdat het nodige geld bij elkaar is. Als het geld bij elkaar is dan komt de eerstvolgende droom centraal te staan. Zo volgen de dromen elkaar op en worden de mensen getriggerd om de dromen allemaal zo snel mogelijk te laten uitkomen.

22


1.12 Programma van eisen Functionele eisen De website is een interactief platform waar de dromen en donateurs centraal staan. De website bevat de onderstaande onderdelen: • Account systeem van de droom De website bevat een systeem waarmee gebruikers zelf een account mee aan kunnen maken. In dit geval is het een account van degene die een droom heeft ingezonden. In dit systeem zijn alle gegevens zichtbaar die relevant zijn voor de gebruiker zoals hoeveel geld er is opgehaald, wat de reactie’s zijn van mensen, ook kan de gebruiker berichten plaatsen. • Account systeem donateur De website bevat ook een systeem voor de donateur. De donateur maakt heel eenvoudig een account aan om zo bij te dragen aan de droom. Het gewenste bedrag voor een eenmalige transactie kan worden ingevoerd en worden betaald via iDeal. Ook kan de donateur er voor kiezen om een maandelijks bedrag af te staan voor Droom. • Zoekfunctie website Als gebruikers een droom willen opzoeken die al is verwezenlijkt dan kan men heel eenvoudig zoeken in de zoekfunctie.

• Contact formulier Als gebruikers tips en tricks hebben of andere vragen over het concept of de website dan kunnen ze contact opnemen met een interactief contact formulier. Ze kunnen ervoor kiezen om terug gemaild of gebeld te worden. • Video systeem De website is voorzien van een video plug in. De persoon die ziek is wordt vastgelegd en de droom wordt ook vastgelegd. Om dit goed te kunnen tonen op de website is de plug in een must. • Betaal systeem Er komt een betaal systeem op de website. Het betaal systeem moet voorzien in alle betaalmogelijkheden online. Het systeem is gekoppeld met een bankaccount. • Inzend systeem Om dromen te verwezenlijken moeten dromen worden ingezonden. Met een speciaal inzend systeem kunnen mensen gemakkelijk een video uploaden over de persoon en de laatste droom. Ook kunnen ze alle gegevens achterlaten in een formulier.

23


Niet-functionele eisen De website is een interactief platform waar de dromen en donateurs centraal staan. De website bevat de onderstaande onderdelen die vanzelfsprekend zijn: • Snelle laadtijd De website heeft een snelle laadtijd. Als dat niet het geval is dan komen er frustaties, irritaties en zijn mensen niet meer geintresseerd. • Integratie social media De website heeft een social media integratie. Gebruikers kunnen hun dromen delen via Social Media om donateurs aan te trekken. • Overzichtelijk ontwerp en functie’s De website bevat de hoofdelementen en die op de pagina hiernaast beschreven staan en verder heeft het een strak ontwerp en design. De teksten zijn makkelijk leesbaar en ook voor blinde mensen worden de teksten eenvoudig voorgelezen en zijn de afbeeldingen ook voorzien van omschrijvingsteksten. • Teksten De teksten die zichtbaar zijn op de website zijn kort en krachtig. De website wil luchtig blijven doordat het onderwerp al genoeg narigheid bevat. De doelgroep willen we vooral kennis laten maken met de persoon en de droom.

Lange teksten zijn daardoor overbodig en langdradig. Ook kunnen gebruikers zelf teksten plaatsen onder de daarvoor bestemde onderdelen. Bijvoorbeeld onder de dromen en het onderstaande bedrag. • Resolutie De afbeeldingen en video’s die op de website worden geplaatst hebben een minimale kwaliteit die wordt aangehouden. De foto’s zijn haarscherp en de video’s zijn in HD kwaiteit te bekijken. • Techniek Als mensen geld doneren voor een droom wordt het getoonde bedrag op de website automatisch verhoogd. Onder het bedrag staat het restrerende bedrag die nog binnen gehaald moet worden. Van dat bedrag gaat het X bedrag af. De gebruiker is actief op een platform waar de laatste wensen worden vervuld. Hierdoor heeft de gebruiker een gevoel van warmte en steun. De warmte van de mensen die de droom waar gaan maken en steun in het woord van dat de gebruiker bij kan dragen aan de droom van de persoon.

24


1.13 Reflectieopdracht De course is nu al een aantal weken bezig en de stof die we behandelen gaat allemaal erg snel.

Uiteindelijk heb ik nu een concept waarvan ik me helemaal bewust ben waar ik mee bezig ben.

Toen we zijn begonnen aan de course had ik mezelf voorgenomen om direct goed te beginnen zodat ik niet achter zou lopen zoals dat in de vorige course wel het geval was. Maar helaas is het niet gelukt hoe ik het precies wou. Dit is gekomen doordat ik de opdrachten erg vaag vond waardoor ik totaal geen idee had wat nou precies de bedoeling was en wat er van mij wordt verwacht.

Om het concept helemaal werkend te maken in HTML is een ander verhaal. De lessen van HTML zijn erg technisch maar wel ineressant. Het eist veel zelf studie. Ik heb mezelf voorgenomen om meer in de lessen te werken. Het is kostbare tijd die ik goed kan benutten! En ook als ik vragen heb wil ik die gelijk behandelen met de docent.

Als je het niet snapt dan kun je er ook niet aan werken. Maar het niet snappen was wel van korte duur! Toen we bezig zijn gegaan met het voorbereiden van de presentaties is het mij ook duidelijk geworden. Als je moet presenteren wil je niet afgaan voor de rest van de klas en word je ‘gedwongen’ om een idee te hebben met wat je gaat maken en waar je mee bezig bent. Tijdens de voorbereidingen heb ik met mezelf zitten brainstormen over het concept WhoCares en ik weet niet waarom maar vrijwel direct kwam het idee naar boven om dood zieke presonen de laatste lach op hun gezicht te geven. En om dit te realiseren wordt er een platform ontworpen en bedacht. Door de lessen over de PUMP interacties kwam de website in mijn hoofd al steeds meer vorm.

25


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.