Inhoudsopgave Voorwoord
PAG 3
PAG 4
Debriefing
Onderzoeksverslag
PAG 8
Conceptverslag
PAG 13
Ontwerpverslag
PAG 29
Testverslag
Bijlagen
!
PAG 59
PAG 64
2
Voorwoord
Wie zijn wij? Wij zijn vier derdejaars studenten die de opleiding Interactieve media volgen. Het team bestaat uit Arantes, Benjad, Tim en Rob. Ons team heeft basiskennis en -vaardigheden op gebied van communicatie, management, technologie en design voor interactieve media. Dit maakt ons als team erg uniek. Vandaar dat wij onszelf ook plus1 hebben genoemd, omdat wij net dat beetje extra hebben! Dit document is de schriftelijke versie van ons project. Dit document bevat de volgende punten: *
Debriefing
*
Onderzoeksverslag
*
Conceptverslag
*
Ontwerpverslag
*
Testverslag
*
Bijlagen
*
CD met projectbestanden
!
3
!
4
Opdrachtomschrijving Ontwikkel een interactief platform voor jongeren tussen de 17 en 25 jaar. Het platform moet zorgen voor een toename van jongeren op hun site. Doel (HDC Media) Het bereiken van jongeren tussen de 17 en 25 jaar. Dit kan bijvoorbeeld door middel van een online platform. De opdracht voor het HDC Media biedt veel ruimte. Je kunt er alle kanten mee op. Er zijn weinig restricties waardoor het ook moeilijk kan zijn om de grenzen aan het eindproduct te bepalen. Onze visie Een succesvol eindproduct creëren waarbij de (gesegmenteerde) gebruiker centraal staat en waarbij het eindproduct gebaseerd is op een onderzoek met daarbij behorend concept. Het eindproduct zal in de eerste instantie een toegevoegde waarde moeten creëren voor de eindgebruiker. Het tweede doel is om de mogelijkheid te creëren om het concept in de toekomst verder te kunnen exploiteren door HDC Media of derde partijen. Bij de ontwikkeling van het project willen we inspelen op de sterke punten van de al gebruikte mediakanalen of online toepassingen. Hierbij zullen wij het concept willen voorzien van een uniek karakter wat ons onderscheid ten opzichte van mogelijke concurrenten. Binnen het projectteam zijn er diversen kwaliteiten aanwezig die wij optimaal met elkaar willen laten samenwerken. We zullen efficiënt en doelgericht te werk gaan. Doelgroep De doelgroep die HDC Media heeft beschreven is aan de brede kant. Wij zullen deze doelgroep moeten segmenteren en daarnaast meer in de doelgroep moeten gaan verdiepen. -
Primaire doelgroep: HBO Student (17 – 22 jaar)
-
Secundaire doelgroep: derde partijen als KPN, Vodafone, Onderwijsinstellingen, etc.
Randvoorwaarden -
Alle vijf de hoofdthema´s moeten gebruikt worden in het concept.
-
Het eindproduct demonstreert de sterke punten van het eerder bedachte concept.
-
Mogelijkheid open laten om het concept verder te kunnen ontwikkelen op verschillende soorten smartphones.
-
Site moet (optimaal) vindbaar zijn voor zoekmachines. De site zal dus ontwikkeld zijn volgens die nieuwste standaarden.
-
!
Site moet te beheren zijn door zowel gebruikers als redacteuren middels een stabiel CMS.
5
Succes indicatoren -
Stijging van gebruikers aantal: Binnen een jaar minstens 58 000 geregistreerde gebruikers.
-
Binding met de gebruiker. Dit houdt in dat zij zich registreren en maandelijks aanmelden (activiteit peilen). Hierin zijn natuurlijk meerdere gradaties in. Er moet een deel van de geregistreerde gebruikers dagelijks, wekelijks of maandelijks online zijn.
-
Het realiseren van omzet bij HDC Media of derde partijen. Hierbij valt te denken aan een X bedrag aan inkomsten door ‘creatieve’ reclame op de site.
Kansen -
De doelgroep bereiken die schijnbaar al aanwezig is bij HDC media. Er zijn veel mogelijkheden binnen de krant om deze doelgroep te bereiken.
-
Er zijn mogelijkheden om samen te werken met de al bestaande middelen op het internet. De doelgroep bevindt zich momenteel al op netwerken als Facebook en Hyves. Deze onderdelen zullen we mogelijk kunnen verwerken in ons concept.
Bedreigingen -
De doelgroep wil niet overschakelen op het ‘nieuwe’ netwerk omdat zij al op een oud en vertrouwt netwerk als Facebook of Hyves zitten.
-
De doelgroep heeft het erg druk en geen tijd om (geregeld) op de site aanwezig te zijn.
-
De hoeveelheid data op de site kan onbeheersbaar worden indien hier geen goed toezicht op wordt gehouden om dit binnen goede banen te leiden.
Opleveringen (deadlines) Start van het project:
Week 36
Voorlopig concept aanleveren:
Week 41
Definitief concept aanleveren:
Week 46
Eindpresentatie Concept:
Week 47/48
Contactgegevens Plus1
HDC Media
Arantes Whittie
Perry Smits
Ruud Breuker
Hogeschool van Amsterdam
[email protected]
[email protected]
Projectleider: Plus 1
06 - 20 21 10 29
06 - 23 76 51 21
06 – 28 99 16 36
[email protected]
!
6
!
7
Inhoudsopgave Inleiding
PAG 9
Doelgroep
Omschrijving
Onderzoek
Voortraject project
PAG 10
Probleemstelling
Onderzoek peilers
PAG 10
Analyse
Conclusie
Persona
!
PAG 11
PAG 11
PAG 11
PAG 11
PAG 12
8
Inleiding Dit document is de schriftelijke versie van ons onderzoek. Dit document bevat belangrijke punten uit ons onderzoek die de basis zullen vormen voor ons concept. Daarbij beschrijven wij hier de doelgroep en hebben wij hiervoor een persona gemaakt.
!
9
Onderzoek Voortraject Project Toen we de aan dit project begonnen kregen we een briefing van HDC Media. Hieruit kwamen er enkele belangrijke punten naar voren. Zoals wat de doel was van HDC Media, de visie, doelgroep en de randvoorwaarden. Toen gingen we als team onderzoek plegen naar deze punten. Onderzoek Pijlers Tijdens de onderzoek hadden we enkele grids gemaakt. Elk van ons had een grid gemaakt op basis van de randvoorwaarden. Hieruit kwam er vier peilers uit die erg belangrijk waren voor het concept. Uit deze onderzoek zijn 4 pijlers naar voren gekomen waaraan we ons concept gingen testen. Met het onderzoek hebben we vele problemen en wensen bij onze doelgroepen bloot gelegd. Met de vier pijlers probeerden wij af te rekenen met problemen om zo het leven van de gebruikers te vergemakkelijken of te verrijken. De vier pijlers waren; toegankelijkheid, competitieverband, exploitatie en sociale media. Om ons concept wat meer diepte te geven is er ook onderzoek gedaan met behulp van een ‘use case scenario’. Als conclusie van de use case scenario kwamen we op deze zes punten uit: 1. Medium - Gebruikers maken niet hoofdzakelijk gebruik van een desktop computer. Een geschikt medium kan zowel mobiel als lokaal zijn. De voorkeur van de gebruiker ligt bij het medium dat het dichtst binnen handbereik ligt. 2. Doel van de actie - Een veel voorkomend doel is het uitdrukken van jezelf tegenover andere mensen. Daarnaast wil de gebruiker vooral vermaak en ontspanning om de tijd te doden. 3. Vraag naar herhaling - Er is voorral vraag van herhaling wanneer de gebruiker zijn doelen behaalt. De drang om jezelf uit te drukken tegenover andere mensen blijft bestaan, evenals het willen van ontspanning en vermaak. 4. Gedrag - Het gedrag van de gebruiker kan erg variëren en kan eigenlijk niet al teveel zeggen over de reden van gebruik. Daarentegen kan de boodschap/mening die wordt achtergelaten wel sporen achterlaten van het gedrag van de gebruiker. 5. Resultaat van de actie - Wanneer de gebruiker zijn doelen bereikt op de manier waarop dat wordt verwacht heeft dit een positief resultaat. Dit zal dan ook uitnodigen tot herhaling omdat de behoefte blijft bestaan. 6. Locatie van de gebruiker - De gebruiker is slechts in enkele gevallen thuis, maar kan werkelijk overal zijn. De locatie van de gebruiker heeft weinig tot geen invloed op de drang om een doel te behalen. Deze zes punten hebben we uiteindelijk in onze definitieve concept verwerkt.
!
10
Doelgroep Omschrijving Primaire doelgroep Wij gaan ons richten op Hbo-studenten tussen de 17 en 22 jaar. De studenten zijn bezig met een vervolgopleiding, baan- en/of stagekeuzes en hobby’s. Secundaire doelgroep De tweede doelgroep die wij met ons concept aanspreken zijn derden. Bedrijven en instanties die op een creatieve manier willen bijdragen en verdienen aan de bezoekers en primaire doelgroep van het jongerenplatform. Supplementaire doelgroep Een aanvullende doelgroep die aanwezig zal zijn op ons platform. Deze doelgroep bestaat uit leerkrachten, professionals en mogelijk geïnteresseerden van een opleiding die baat hebben ons concept. Denk hierbij aan een visitekaartje van de opleiding en een bedrijf. Maar ook aan potentiële studenten die afkomen van de middelbare school of studenten die denken over een andere opleiding. Probleemstelling De doelgroep zoekt informatie over de opleiding, vakgebied en stages op diverse sites. Meestal hebben ze meerdere accounts aangemaakt om toegang te krijgen tot de informatie. Al die websites en accounts maken het vinden van de juiste informatie niet gemakkelijk. Daarbij zien de studenten niet wat andere studenten (van dezelfde opleiding) aan de andere kant van het land mee bezig zijn. Als je serieus met jouw toekomst bezig bent, dan wil je alle geschikte informatie en advies weten. Analyse Uit ons onderzoek blijkt dat er vele sites zijn die informatie aanbieden over een opleiding, vakgebied en stages waardoor het bij de doelgroep onoverzichtelijk wordt om de juiste informatie te vinden. De doelgroep deelt ook deze informatie met mensen uit hun omgeving en wij willen daarvoor de huidige sociale netwerken voor gebruiken. Conclusie Een overtal aan websites waar onze doelgroep informatie kan vinden over opleidingen, vakgebieden en stages. Niet weten hoe het niveau elders in het land is. Ons concept zal het leven van de doelgroep een stuk aangenamer maken, omdat alle geschikte informatie nu aankomt bij de gebruiker.
!
11
Persona
!
12
!
13
Inhoudsopgave Inleiding
PAG 15
Thema’s
Concept: Student 24/7
Inleiding
PAG 16
PAG 17
Verantwoording
Tone of Voice
Peilers
!
PAG 21
Onderdelen Platform
PAG 23
Unique Selling Points
PAG 26
Functionaliteit
PAG 27
PAG 18
PAG 19
14
Inleiding Dit document is de schriftelijke versie van ons concept. Niet alleen bevat het document het concept in tekst uitgelegd, maar ook de keuze voor het concept aan de hand van de doelgroep en scenario’s. Naast deze onderdelen staan ook de stappen die zijn genomen om tot het uiteindelijke concept te komen. In dit document staan dan ook punten beschreven zoals peilers, thema’s, onderdelen van het platform en functionaliteit.
!
15
Concept: Student 24/7 Wat gaan wij doen? Wij maken sociale netwerken nuttig! Wat willen wij bereiken? Ons concept heeft als doel om de studenten uit onze doelgroep met elkaar en de buitenwereld in contact te brengen. Hierbij draait alles om studie en loopbaan. We zoeken de studenten op en zullen ze door innovatieve en creatieve toepassingen op de hoogte brengen van alles wat hun en hun omgeving over hun school en loopbaan aangaat. Hoe gaan wij dit bereiken? Ons platform zal deze studenten bereiken en aanspreken door 2 essentiële onderdelen: 1.
Nuttig gebruik van sociale media voor studie-, en loopbaangerelateerde zaken (doel).
Het simpelweg samenbrengen van de content van de sociale media op één locatie zal ons platform niet uniek of onderscheidend maken. Hiervoor zijn wij op zoek gegaan naar handige en creatieve toepassingen om deze informatie interessant en nuttig te maken voor onze doelgroep. Enkele voorbeelden zijn ‘stageplaatsen gekoppeld aan LinkedIn-accounts’ en een ‘scholenwiki’. Later in dit verslag zullen we hier dieper op ingaan. 2.
Sociale media beheren op één locatie (middel).
Het tweede onderdeel van de site is het beheren van de sociale media. Dit onderdeel wordt door ons meer ingezet als middel om ons hoofddoel te bereiken. Het beheren van alle sociale media op één plek zal onder de doelgroep zorgen voor een frequent gebruik van ons platform. Hierdoor zal het platform ook ‘gevoed’ worden met content vanuit onze doelgroep wat weer sterk bijdraagt aan een nuttig gebruik van sociale media voor studie- en loopbaangerelateerde zaken (zie hierboven). Conclusie We gebruiken bestaande populaire middelen en sociale media als Facebook en LinkedIn en brengen deze allen samen op één plek. Het platform zal de basis en het startpunt zijn van alles wat de gebruikers op internet willen meemaken. We koppelen deze populaire sociale media een nuttige doeleinden waardoor de gebruikers niets anders willen als het platform dagelijks gebruiken. We combineren het nuttige met het aangename. We bouwen een platform waarmee de gebruikers zijn al bestaande netwerken kan gebruiken voor praktische doeleinden als het vinden van stageplaatsen, werkplaatsen, hotspots en maatschappelijke vraagstukken. We geven de sociale netwerken naast het sociale aspect een praktisch nut waarmee de gebruikers zich verder kunnen ontwikkelen op vele verschillende vlakken. Het sociale aspect van mediums Facebook en Twitter willen we ook (her)gebruiken om kennis en ervaringen tussen alle gebruikers en de buitenwereld te delen. !
16
Verantwoording Keuze Naam Wij zijn op de naam student 24/7 gekomen omdat wij al vanuit ons concept het idee hadden om de studenten te gaan willen helpen. De student moet 24/7 bij ons terecht kunnen komen voor hulp of advies. Dit omdat wij zelf studenten zijn en zelf nergens 24/7 hulp of advies kunnen vragen. Daarom willen wij door koppelingen van alle sociale media studenten 24/7 kunnen zitten op onze platform. Keuze Onderwerp Wij hebben als doel om de studenten uit onze doelgroep met elkaar en de buitenwereld in contact te brengen. Wij willen de studenten door innovatieve en creatieve toepassingen op de hoogte brengen van alles wat hun en hun omgeving aangaat. Wij willen de bestaande populaire middelen en sociale media als Facebook en LinkedIn en brengen deze allen samen op één plek. We maken deze populaire sociale media een nuttige doeleind waardoor de gebruikers niets anders willen als het platform dagelijks gebruiken. We combineren het nuttige met het aangename. Hieruit kwamen we uiteindelijk op dit onderwerp namelijk ‘Wij maken sociale netwerken nuttig!’
!
17
Tone of Voice Het platform dat wij ontwikkelen zal de aangesloten studenten vooral willen adviseren. De studenten zullen zowel worden geadviseerd als geïnspireerd op het platform. Al deze adviezen en inspiraties hebben als doel om de student verder te helpen in zijn studie of loopbaan. Adviseren Naast het advies van ons uit zullen de studenten elkaar ook onderling kunnen adviseren. Zij zullen elkaar kunnen wijzen op interessante artikelen, onderwerpen, locaties, evenementen enz. Doordat wij hebben gekozen voor een adviserende rol zullen wij de studenten ook niet een bepaalde richting in willen duwen. Het platform heeft namelijk ook als doel om het beste in de student naar boven te halen en om dit weer verder te gebruiken bij zijn studie of loopbaan. De student zal het platform als een nuttige toevoeging op zijn leven beschouwen. De student maakt zelf de content, wij helpen hem of haar om hier het meeste uit te halen. Een voorbeeld van de adviserende rol is om op het ‘Stageplaatsen en Banen’ gedeelte de studenten te adviseren in mogelijke stages die goed passen bij hun profiel. Daarnaast zullen zij natuurlijk geheel vrij zijn om ook verder te navigeren door het overige aanbod. Inspireren Vanwege de enorme diversiteit tussen de studenten zullen zij elkaar wellicht ook inspireren. Hoe meer de student er in stop, hoe meer hij er ook uit krijgt. Dat wil zeggen dat bijvoorbeeld een completer profiel ook betere stages oplevert. Hierdoor zullen de studenten zichzelf aan anderen gaan meten en zich laten inspireren om het nog beter te doen. Wij geven de studenten een handvat om zichzelf verder te ontplooien. Een voorbeeld van de inspirerende rol is om bij het ‘ScholenWiki’ gedeelte de profielen van medestudenten te kunnen aanschouwen.
!
18
Pijlers Om ons concept wat meer diepte te geven is er onderzoek gedaan met behulp van onder andere een ‘use case scenario’. Uit het onderzoek zijn 4 pijlers naar voren gekomen waaraan we ons concept kunnen testen. Middels het onderzoek hebben we vele problemen en wensen bij onze doelgroepen bloot gelegd. Middels de vier pijlers proberen wij af te rekenen met problemen om zo het leven van de gebruikers te vergemakkelijken of te verrijken. Toegankelijkheid Om het platform veel te gebruiken moet het erg laagdrempelig zijn. Middels eenmalige registratie en koppeling met de juiste media zal de gebruiken bij elk bezoek van alle voordelen van deze koppeling kunnen profiteren. Ook is er uit het onderzoek gekomen dat de gebruiker steeds meer gebruik maakt van vele verschillende media. Ondersteuning van een mobiele website of een mobiele applicatie is daarom ook een vereiste voor het laten slagen van het platform. Een bijkomende voordeel van de mobiele variant is dat content vanuit vele verschillende locaties en dus omgeving geplaatst kan worden op het platform. Dit kan hele verassende en unieke content opleveren. Competitieverband Onderlinge concurrentie en strijd stimuleert. Daarnaast kunnen competitie-elementen gebruikers juist met elkaar verbinden door samenwerking. Dit sluit perfect aan op de gedachte van sociale media en het platform: gebruikers met elkaar en de buitenwereld in contact brengen. Het competitie-element zit in ons concept verwerkt doordat de studenten zowel zichzelf als hun opleiding vertegenwoordigen op het platform. Hoe beter de student zichzelf op het platform profileert, hoe betere het banen,- of stageaanbod zal zijn. Daarnaast vormen studenten samen een groep die op zijn beurt weer een opleiding of school vertegenwoordigt. Dit kan voor scholen een erg interessant visitekaartje zijn voor mogelijke geïnteresseerden in hun opleiding die zich reeds op het platform bevinden. Naast het individuele competitieverband is er ook een collectieve samenwerking mogelijk bij studenten van bijvoorbeeld dezelfde opleiding of met dezelfde interesses. Deze kunnen elkaar helpen bij maatschappelijk vraagstukken of het vinden van een juiste studielocatie (hotspots). Exploitatie Geld verdienen speelt bij de opdrachtgever een belangrijke rol. Tegelijkertijd zal het moeilijk zijn om geld te verdienen aan de ‘niet erg’-koopkrachtige doelgroep. Er zal dus op een creatieve manier toenadering vanuit derden richting de doelgroep worden gezocht. Deze bedrijven zullen in eerste instantie moeten willen investeren in naamsbekendheid en goodwill boven de wens om direct geld te genereren. Ook zullen de gebruikers, door hun hoge kennis van internet en computers, niet erg gevoelig meer zijn voor de traditionele manieren van reclame als ‘banners’ en ‘pop-ups’. !
19
Sociale media Zoals eerder aangegeven gaan we sociale media gebruiken om de doelgroep naar ons platform te trekken. De doelgroep bevind zich reeds op de platformen maar dienen nu meermaals in te loggen en halen naar ons idee nog niet het optimale uit deze platformen. We combineren de sterke punten van deze platformen met nuttige praktische toepassingen als stageplaatsen (LinkedIn) of maatschappelijke vraagstukken (Twitter). Naast het simpelweg implementeren van deze media zodat de gebruiker niet meer overal hoeft in te loggen vinden we het nog belangrijker om ook het gebruik van deze media te ‘belonen’ met handige content en toepassingen op ons platform.
!
20
Thema’s Door de opdrachtgever zijn enkele hoofdthema’s bepaald die een plek op het platform dienen te krijgen. Wij hebben gezocht naar een evenwicht tussen deze thema’s en ons eigen hoofdthema: studie en loopbaan. Hierdoor hebben wij voor enkele thema’s een creatieve manier bedacht om deze alsnog in verband te brengen met het thema studie en loopbaan. Scholenkeuze Het thema scholenkeuze hebben wij iets breder getrokken. Door handig gebruik te maken van de LinkedIn, Twitter en andere gegevens van de gebruikers kunnen we een compleet en duidelijk overzicht schetsen van de verschillende studies en scholen. Deze informatie willen wij zowel gebruiker voor bestaand als mogelijk geïnteresseerde studenten. Het thema scholenkeuze komt terug in het onderdeel: ‘ScholenWiki’. Werk en Loopbaan (carrière) Naast de huidige studenten en mogelijke geïnteresseerden willen wij ook studenten in een andere fases van hun studie of leven kunnen bedienen. Dit zijn de studenten die op zoek zijn naar stageplaatsen of banen. Wij brengen op het platform studenten en bedrijven samen om zo samen tot nieuwe samenwerkingen met betrekking tot stageplaatsen en banen te komen. Het onderdeel werk en loopbaan komt ook terug in het onderdeel: ‘Stageplaatsen en banen’. Uitgaan en Cultuur We hebben voor het thema uitgaan en cultuur gezocht naar een aansluiting op ons eigen thema. Hierdoor hebben wij besloten om locaties en evenementen te verzamelen die te maken hebben met studie en loopbaan. Hierbij kan dan gedacht worden aan de locatie van Hogescholen, ontmoetingsplekken en studeerplaatsen. Maar ook aan interessante evenementen voor bepaalde studenten, bijvoorbeeld de Adobe User Group voor interactieve media studenten. Deze locaties en evenementen kunnen ook op een creatieve manier gebruikt worden voor exploitatie door de mogelijke eigenaren of organisatoren. Het thema uitgaan en cultuur komt met name terug in het onderdeel: ‘HotSpots’. Nieuws en Fun Het onderdeel nieuws en fun zal binnen ons concept van een ondergeschikt belang zijn ten opzichte van de eerdere genoemde thema’s. Nieuws zal wel op de site verwerkt worden maar dit zal geheel toegespitst worden op de studie en loopbaan. Ook hier kan handig op ingespeeld worden door derden doordat zij heel gericht nieuws aan bepaalde doelgroepen kunnen voorleggen.
!
21
We proberen studenten de ‘fun’ te laten inzien van het zo goed mogelijk jezelf profileren op het platform. Hierdoor kunnen zij een beter profiel dan hun medestudenten ‘creëren’ wat zorgt voor een vorm van ‘voldoening’. Ook zal het platform zoveel mogelijk functies die de sociale media bieden overnemen waardoor de gebruiker alles kan beheren vanaf één locatie. Dit maakt het leven van de studenten weer een stuk aangenamer. Jongerenissues We proberen af te rekenen met één groot jongerenissue: Nuttig gebruik maken van sociale media in combinatie met vele handige toepassingen over en voor hun studie. Voor de overige jongerenissues kunnen de studenten elkaar gebruiken. Hier zal niet specifiek een gedeelte voor op de site worden gereserveerd omdat er hier vaak niet een makkelijk verband is te leggen met betrekking tot ons hoofdthema: Studie en loopbaan.
!
22
Onderdelen Platform Stageplaatsen en Banen (carrière) Wij integreren sociale media als LinkedIn en Behance. Door deze koppeling kunnen de studenten gemakkelijk een geschikte stage of baan vinden. Er zullen twee soorten sociale media gebruikt worden om het voor zowel studenten als bedrijven makkelijker te maken om elkaar te vinden. 1.
Sociale media waardoor de gebruiker zichzelf zo goed mogelijk kan presenteren op het platform. Hierbij kan gedacht worden aan Behance, LinkedIn en Vimeo.
2.
Sociale media waarmee de interesses en mogelijke geschikte stageplaatsen of banen gevonden kunnen worden. Hierbij kan gedacht worden aan Twitter en Facebook.
Aan de hand van deze interesses kunnen wij de studenten adviseren en wijzen op mogelijk interessante banen of stages. Daarnaast kunnen de studenten natuurlijk zelf verder zoeken in het totale aanbod. Er zullen verschillende filters beschikbaar zijn om gemakkelijk tot de juiste stage of baan te komen. De koppeling met LinkedIn zal er ook getoond worden welke andere studenten bij het betreffende bedrijf hebben gewerkt/stage hebben gelopen. Hierdoor kun je er gemakkelijk achter komen wat deze studenten of werknemers voor niveau hebben of wat hij of zij heeft geleerd bij het bedrijf. Hierdoor kunnen studenten een beter beeld vormen en betere beslissingen maken over hun toekomst. Naast dat de student zelf op zoek gaat naar een stageplaats kunnen zij natuurlijk ook op basis van hun profiel benaderd worden door bedrijven. Hierdoor zullen studenten uitgedaagd worden om zichzelf zo goed mogelijk te presenteren op het platform. Zij zullen kunnen zien hoe mogelijke concurrenten voor de baan of stageplaats zich presenteren op de site en zich hieraan optrekken of door laten inspireren. ScholenWiki Alle studenten die zijn aangesloten bij het platform zullen (indien mogelijk) ook op moeten geven welke opleiding ze volgen. Hierdoor kunnen op het gedeelte ScholenWiki bij elke opleiding ook getoond worden welke studenten deze opleiding volgen. Naast de algemene omschrijving (waarbij onderdelen als ‘opleidingsomschrijving’, ‘vakkenaanbod’, ‘locatie opleiding’ enz. voorbijkomen) van de opleiding geeft deze informatie van studenten een veel beter beeld van de opleiding. Op de ScholenWiki zal door de koppeling met de studenten bij elke opleiding te zien zijn wat voor werk de studenten hebben gemaakt via netwerken als Behance en Vimeo, daarnaast zul je kunnen zien welke onderwerpen studenten op deze opleiding interessant vinden doordat we weten waar ze over twitteren, enz. Door al deze informatie bij de verschillende opleidingen kunnen mogelijk geïnteresseerden precies zien wat het niveau en mogelijk bezigheden van studenten op de verschillende opleidingen is. Vergelijken van verschillende opleidingen wordt hierdoor erg gemakkelijk gemaakt. !
23
Voor huidige studenten van de opleiding is het ook erg gemakkelijk om te zien bij welk medestudenten zij terecht zouden kunnen voor vragen. Ook is te makkelijk te zien wat het niveau is van medestudenten of van studenten van een ‘concurrerende opleidingen’. Hierdoor zal de student zijn eigen werk makkelijk kunnen beoordelen en kijken waar hij of zij zich wellicht verder in wilt ontwikkelen. Het is voor zowel de student als opleiding belangrijk om zo goed mogelijk op het platform te staan. De opleidingspagina’s en de studentenprofielen die hieraan gekoppeld zijn, zij zowel het visitekaartje van de verschillende opleidingen als, als die van de gekoppelde studenten. Hoe beter de student en de opleiding voor de dag komen hoe eerder geïnteresseerde studenten zich in zullen schrijven, of banen en stageplaatsen worden aangeboden. Door dit ‘onderlinge competitieverband’ zal het beste in de studenten naar boven worden gehaald. HotSpots Het is voor de studenten belangrijk dat zij op de hoogte zijn van wat er zich allemaal in hun omgeving afspeelt. Om de studenten hiermee verder te helpen hebben we een plek gecreëerd waar allemaal mogelijk interessante locaties en gebeurtenissen voor studenten op geplaatst kunnen worden. Hierbij kan gedacht worden aan goede studieplekken of plekken om even tot rust te komen met professionals naast je studie. Deze locaties kunnen worden toegevoegd door studenten maar ook door eigenaren van deze locaties. Hierdoor is er de mogelijkheid om hier geld voor te vragen aan deze eigenaren. De locaties zullen ook voorzien kunnen worden van beoordelingen en reacties van de studenten. Berichten op sociale media als Twitter zullen ook worden gekoppeld aan de betreffende locatie. De koppeling met de studenten is het mogelijk om te zien voor welke studenten, welke locaties het beste geschikt zijn. Hierdoor zullen wij net als bij het stage- en banensysteem de student mogelijk interessante locaties kunnen adviseren. Naast het tonen van handige locaties zullen ook belangrijke of interessante evenementen getoond worden. Dit zal volgens hetzelfde systeem gaan als de locaties maar op een eigen locatie op het platform benaderd kunnen worden. Verdieping Zoals eerder al vermeld is het voor studenten essentieel om te weten wat er in de wereld om ze heen wordt vermeld. Dit kan via algemene nieuwssites als nu.nl of telegraaf.nl, echter willen wij het anders aanpakken. Wij zullen (waar mogelijk) met behulp van docenten en professionals heel gericht nieuws aan studenten kunnen tonen. Dit zal een stukje verdieping brengen in het leven van de studenten. Naast het aangeleverde nieuws door docenten en professionals zullen studenten elkaar ook interessant ‘nieuws’ kunnen adviseren. Dit zal op een aparte plek op het platform getoond worden en vanuit hier ook weer verder gedeeld kunnen worden met de rest van het netwerk van de studenten. Middels sociale media kunnen zij dit nieuws weer onder de aandacht brengen bij andere studenten of vrienden. Ook als deze personen nog niet op !
24
het platform actief zijn zullen zij op de manier in aanraking komen met het nieuws op het platform. Dit zorgt voor een mogelijke groei van geïnteresseerden in het platform en een algehele kennistoename bij de studenten op het platform. Dit onderdeel van het platform is dus interessant voor studenten die meer verdieping willen in hun studie en juist op zoek zijn naar informatie die zij op hun opleiding niet toegereikt krijgen. Zoals eerder aangegeven dient het platform dus ook als een (vrijwillige) aanvulling op de gevolgde studie van de studenten.
!
25
Unique Selling Points -
Spelen in op waar de gebruiker zich al bevindt, sociale netwerken.
-
Doordat het gebaseerd is op uitgebreid onderzoek spelen we goed in op wensen van de gebruikers als: mobiliteit, en drang naar succes.
-
Personalisatie: het account op ons platform is erg uitgebreid omdat dit alle netwerken samen combineert. Je school wordt van LinkedIn gehaald en gekoppeld aan je interesses omdat er wordt gemeten waar je vaak over twittert. Enz.
-
Het uiterste uit je halen. Je vertegenwoordigt jezelf en jouw opleiding. Andere gebruikers kunnen zien hoe jij presteert door te kijken naar jouw portfolio. De beloningen van goede prestaties zijn natuurlijk goede contacten met professionals, aanzien van andere studenten en een goede stageplaats.
-
De gebruikers geven hun mening over hotspots, stageplaatsen en opleidingen, waardoor jij een beter en betrouwbaarder beeld krijgt hierover.
-
Betere keuzes maken in opleiding en carrière. Je kunt een kijkje in de keuken nemen van opleidingen, stages en banen.
-
!
Beter advies, omdat je in contact komt met leerkrachten en professionals uit het bedrijfsleven.
26
Functionaliteit Persoonlijke Dashboard -
Sociale media kunnen toevoegen (Twitter, Facebook, LinkedIn, Behance, Vimeo)
-
Functies (reageren of posten) van de ingestelde sociale media kunnen gebruiken binnen je persoonlijke dashboard (Twitter, Facebook, LinkedIn, Behance, Vimeo)
-
Je eigen pagina personaliseren
-
Status van je account kunnen bekijken
-
De status van je vrienden kunnen zien
-
Inbox (berichten) van je account kunnen bekijken
Stageplaatsen en Banen (carrière) -
Solliciteren op aangeboden stages op het platform
-
Bedrijven kunnen stages aanbieden op het platform
-
Stages doorzoeken
-
Stageplaatsen beoordelen
-
Stagebedrijven doorzoeken
-
Kijken welke andere studenten bij het betreffende bedrijf hebben gewerkt/stage hebben gelopen
-
Profiel aanpassen
-
Andere studenten kunnen bekijken hoe hun zich presenteren voor een baan of stageplaats
-
Onderling kunnen praten over de stageplaatsen of banen
ScholenWiki -
Reageren op de ervaringen van studenten over hun opleiding
-
Ervaringen posten over je opleiding
-
Opleidingen kunnen beoordelen of aanraden
-
Lesmateriaal en tips kunnen delen met elkaar
-
Studenten vragen stellen over hun ervaring over een bepaalde opleiding
-
Werk kunnen zien van studenten
-
Opleidingen met elkaar vergelijken
-
Informatie over opleidingen vinden
HotSpots -
Onderling met studenten locaties kunnen delen dmv video's (via Vimeo)
-
Locaties (video's) uploaden/bewerken
-
Locaties delen met andere netwerken (Twitter, Facebook, lastFM en Google Maps)
-
Goede studieplekken vinden of delen
-
Goede studieplekken kunnen beoordelen of erop kunnen reageren
!
Evenementen kunnen zien op basis van je locatie
27
Verdieping -
Nieuws door docenten en professionals adviseren aan de student
-
Nieuws delen onder studenten of vrienden via sociale media
-
Advies vragen aan docenten of professionals
-
Reageren op nieuwsitems
-
Nieuws kunnen filteren op basis van je studie en loopbaan
-
Nieuwscategorieën kunnen toevoegen / verwijderen
-
Nieuwsitem kunnen delen
-
Nieuwsitem discussiëren op Twitter (ook voor mensen zonder Twitter account)
-
Gerelateerde items laten zien
!
28
!
29
Inhoudsopgave Inleiding
Visueel ontwerp
PAG 31
Interactieontwerp
Inloggen
PAG 32
Homepage
Toevoegen
PAG 34
Alle stageplaatsen
PAG 35
PAG 36
Stageplaatsen - detail
PAG 37
PAG 39
HotSpots - aanbevolen HotSpots
Verdieping - aanbevolen nieuws
PAG 42
Alle stageplaatsen
Stageplaats - detail
ScholenWiki - soortgelijke opleidingen PAG 38
Alle opleidingen
PAG 45
Stageplaatsen - aanbevolen
Stageplaatsen - aanbevolen
Studentprofiel detail
PAG 44
Homepage
PAG 33
Persoonlijk
!
PAG 43
Inloggen
PAG 40
PAG 41
PAG 54
ScholenWiki
Verdieping
PAG 48
PAG 52
Dashboard
HotSpots
PAG 47
PAG 49
Mobiel ontwerp
Carrière
PAG 46
PAG 56
PAG 57
PAG 58
30
Inleiding Dit document is de schriftelijke versie van ons ontwerp. Dit verslag is een voortvloeisel uit ons eerder geproduceerde conceptverslag. Middels wireframes en enkele visuele ontwerpen voor schermen op het platform proberen wij een zo duidelijk mogelijk beeld van het eindproduct neer te zetten.
!
31
Inloggen Over deze pagina Dit is de pagina waarop de bezoekers terecht zullen komen als zij voor het eerst op de site komen en/of nog niet zijn ingelogd. De functie van de site zal hier worden toegelicht en er is de mogelijkheid om je te registeren of om in te loggen.
!
32
Homepage Over deze pagina Als de gebruiker is ingelogd zal hij op onderstaande pagina uitkomen. Op onderstaande pagina zijn we er vanuit gegaan dat de gebruiker al zijn sociale media heeft gekoppeld bij het registratie-proces. Rechts-bovenin de site zullen persoonlijke gegevens en acties van de ingelogde gebruiker getoond worden. In het middelste ‘content-gedeelte’ zal hij of zij zijn sociale media kunnen beheren en de mogelijkheid hebben om te navigeren naar zijn persoonlijke advies pagina middels de pijlen naast de ‘content-blokken’ (zie ‘persoonlijk’). Onderaan is het menu zichtbaar met de mogelijkheid om naar dieper gelegen elementen op de site te navigeren.
!
33
Persoonlijk Over deze pagina Onderstaande pagina bied vrijwel dezelfde mogelijkheden als de ‘homepage’, echter is alle informatie nu verder toegespits op de ingelogde gebruiker. Vanaf dit moment wordt de gebruiker dan ook al voorzien van gericht advies (zoals aanbevolen nieuws) die hem of haar verder kan helpen.
!
34
Stageplaatsen - aanbevolen Over deze pagina Indien de gebruiker voor het menu onderdeel ‘Carrière’ heeft gekozen zal hij of zij op onderstaande pagina terechtkomen. Hier zal een overzicht van geschikte stages staan op basis van de eerdere ingevulde gegevens en informatie op de gekoppelde sociale netwerken.
!
35
Alle stageplaatsen Over deze pagina Als de gebruiker in het overzicht op de voorgaande pagina geen geschikte stage heeft kunnen vinden is er natuurlijk altijd de mogelijk om door het gehele stage-aanbod te zoeken. Hierbij hebben we het de gebruiker zo makkelijk mogelijk geprobeerd te maken door het totale aanbod te kunnen filteren op basis van zijn of haar wensen.
!
36
Stageplaats - detail Over deze pagina Indien de gebruiker een geschikte stage heeft gevonden en geselecteerd zal hij of zij op onderstaande pagina terechtkomen. Hier is de belangrijkste informatie te vinden waaronder: algemene stage- en stagebureau gegevens, stagebeschrijving en vereisten. Daarnaast is ook duidelijk te zien welke studenten bij het desbetreffende bureau nog meer stage hebben gelopen. Middels een klik op de knop kunnen gebruikers dan ook naar het profiel van deze studenten gaan om zo hun niveau te kunnen toetsten. Dit zal een completer beeld geven van zowel de stage als het betreffende stagebureau en hun activiteiten. Aangezien we sociale media duidelijk hebben geïntegreerd in het platform zullen ook automatisch Twitter berichten en Behance-werk getoond kunnen worden op deze detailpagina.
!
37
Scholenwiki - soortgelijke opleidingen Over deze pagina Onderstaande pagina bied vrijwel dezelfde mogelijkheden als de pagina met ‘aanbevolen stageplaatsen’, echter is deze nu compleet toegespitst op de opleidingen zelf in plaats van de bijbehorende stages.
!
38
Alle opleidingen Over deze pagina Onderstaande pagina bied vrijwel dezelfde mogelijkheden als de pagina met ‘Alle stageplaatsen’, echter is deze nu compleet toegespitst op de opleidingen zelf in plaats van de bijbehorende stages.
!
39
Hotspots - aanbevolen HotSpots Over deze pagina Ook op de pagina ‘HotSpots’ zullen wij de gebruikers adviseren. Wij zullen ze wijzen op de beste studeer-, ontspan,- of ontmoetingsplekken die perfect aansluiten op hun opleiding en wensen. Zij zullen elkaar kunnen adviseren en ook zien waar de meeste en meest geschikte studenten uithangen.
!
40
Verdieping - aanbevolen nieuws Over deze pagina Ook op de pagina ‘Verdieping’ zullen wij de gebruikers adviseren. Wij zullen ze wijzen op het meeste relevante en recentste nieuws die ook perfect aansluit op hun opleiding en wensen. De gebruikers zullen elkaar onderling ook kunnen adviseren
!
41
Studentprofiel - detail Over deze pagina De pagina met het studentprofiel is vanaf vele locaties toegankelijk. Een goed voorbeeld is de eerder genoemde stageplaats - detail pagina waarop precies staat welke studenten al eerder bij het desbetreffende stagebureau hebben gewerkt. Op de studentenprofiel pagina is heel snel te zien wat de student allemaal bezighoud en wat hij of zij de laatste tijd heeft gedaan. Hierdoor krijgen gebruikers een beter overzicht van het niveau van de overige studenten en kunnen zij zichzelf hier eventueel aan ‘toetsen’ of hierdoor laten motiveren.
!
42
Inloggen Over deze pagina De onderstaande pagina’s gaan in op het visueel ontwerp van het platform. In het voorbeeld is uitgegaan van een ‘oranje’ look and feel. In een latere fase zullen studenten dit nog geheel naar eigen wens kunnen aanpassen. Hiervoor dient dan ook de knop ‘Dashboard’ rechts-onderin gebruikt te worden.
!
43
Homepage
!
44
Toevoegen
!
45
Stageplaatsen - aanbevolen
!
46
Alle stageplaatsen
!
47
Stageplaats - detail
!
48
Mobiele Applicatie Interfaces Ter ondersteuning van het dagelijks gebruik hebben wij bij ons concept een mobiele applicatie voor ogen. De mobiele applicatie is het platform van de PC maar dan geschikt voor mobiele apparaten zoals ipad en smartphones. Er zijn verschillende opties voor een mobiele applicaties, namelijk web-only content, hybrid application of een smartphone based application. Web-only content applicaties (met webapplicaties inbegrepen) zijn websites die zich gedragen als ingebouwde smartphone applicaties. Hybrid applications zijn applicaties die toegang tot webinhoud biedt in eerste plaats via een web-content gebied te bekijken, maar bevat een aantal smartphone based user interface elementen. Voor de iPhone betekent dat er interface elementen van de iPhone OS gebruikt worden. En smartphone based applications zijn applicaties speciaal gebouwd voor een bepaalde smartphone en deze applicaties zullen dan ook enkel de interface elementen van een bepaalde smartphone hebben. Wij zullen voornamelijk content tonen dat afkomstig is van onze website met database. Echter hebben wij voor ogen om interface elementen te gebruiken die speciaal voor een bepaalde smartphone beschikbaar zijn. Onze applicatie 24/7 zullen wij in dit verslag tonen in een iPhone jasje, omdat wij en de omgeving om ons heen veel iPhone-gebruikers zijn. Tevens zijn er nog meer punten waarmee een (interaction) designer, maar ook programmeur rekening mee moet houden. Een mobiele applicatie is namelijk niet hetzelfde als een desktop applicatie. Zo is er verschil in schermgrootte, geheugen, schermindeling, menu, etc. Wij zullen de punten verder uitwerken voordat wij onze mobiele applicatie gaan indelen en vormgeving. Schermgrootte Zoals al eerder is gezegd is een mobiele applicatie anders dan een desktop applicatie. Het scherm van een telefoon is vele malen kleiner dan van een laptop of PC. Een iPhone heeft bijvoorbeeld een schermgrootte van 480 bij 320 pixels, terwijl een laptop een grootte kan hebben van 1440 bij 900 pixels. Dit betekent dat de (interaction) designer rekening moet houden welke elementen in de applicatie komen en waar deze elementen komen. Er is geen ruimte voor elementen die eigenlijk niet nodig zijn. Door het plaatsen van overbodige elementen wordt het beeld te druk voor de gebruiker, hierdoor kan de gebruiker de mobiele applicatie afstoten of wordt het voor de gebruiker te moeilijk om de applicatie te gebruiken. Een mobiele applicatie wordt voor ons een nieuwe ervaring, dus moeten wij goed rekening houden welke elementen voorrang krijgen boven anderen. Geheugen Het tweede punt waar wij rekening mee moeten houden is het geheugen van een mobiel apparaat. Het virtuele geheugen van mobiele apparaten bevat geen disk swap space. De programmeur moet voorkomen dat hij / zij niet meer geheugen gaat alloceren dan er beschikbaar is op de telefoon. Bij smartphones komt er eerst een waarschuwing dat een applicatie te veel geheugen in beslag neemt. Wordt er niets aan veranderd door de gebruiker of de programmeur alloceert het de ruimte niet opnieuw in, dan wordt de applicatie verwijderd.
!
49
Nu maken wij gebruik van een hybrid application. Wij hebben een website ondersteund met een database. Hier bevindt zich alle informatie van de opleidingen, personen, locaties, kennis, enz. Onze mobiele applicatie zal zijn informatie halen uit de online database en in een smartphone jasje gieten. Het alloceren van virtueel geheugen zal er wel zijn, maar zo kleine mate dat de telefoon de applicatie niet verwijderd. Ëén scherm per keer Één van de grootste verschillen tussen de smartphone-omgeving en computer-omgeving is het raamverloop. Gebruikers zien enkel één scherm per keer. Smartphone applicaties kunnen dan zoveel verschillende schermen als nodig is hebben, maar de gebruiker krijgt toegang tot één enkel scherm en ziet de schermen opeenvolgend dus nooit gelijktijdig. Bij vertaling van desktop versie naar mobiele versie dienen vormgevers, interaction designers en programmeurs dan ook te beslissen of dezelfde taak in een enkel scherm of opeenvolging van schermen uitgevoerd kan worden. Één applicatie per keer De eerste smartphones kunnen maar één applicatie per keer draaien. Dit wilt zeggen dat wij geen applicatie moeten bouwen die constant wisselt met andere applicaties. Bijvoorbeeld niet student 24/7 applicatie openen, dan de gebruiker doorsturen naar een mail applicatie en vervolgens vanuit de mail applicatie weer terugsturen naar de student 24/7 applicatie. Het is belangrijk dat de gebruiker zijn handelingen in één applicatie volledig afmaakt voordat hij / zij van de volgende applicatie gebruik maakt. Dit betekent ook dat wij geen aanwezige applicaties of middelen bij onze applicatie in moeten bouwen. Wij zullen gebruik maken van enkele applicaties en middelen om in contact te komen met andere gebruikers of personen, denk bijvoorbeeld aan middelen als emailen, sms’en, bellen. Deze functies zijn al aanwezig op iedere smartphone, dus is het beter om ze te gebruiken dan te bouwen. Voor smartphones die wel de functionaliteit multi-tasking hebben, geldt deze regel niet. Echter is het voor de gebruiker niet plezant om iedere keer tussen applicaties te switchen. De hoofdregel van dit punt is dan ook: laat de gebruiker eerst in de éne applicatie zijn handelingen afmaken voor je hem / haar doorstuurt naar de andere applicatie. Minimal User Help Een gebruiker zit niet te springen op hele gave design elementen als hij / zij deze elementen niet begrijpt. Het is verstandiger om bij mobiele applicaties gebruik te maken van de standaard controls waar iedere gebruiker bekend bij is. De standaard controls is voor iedere mobiele apparaat ook weer anders. iPhones hebben andere mogelijkheden dan BlackBerry’s. Daarbij is het ook noodzakelijk dat het pad dat de gebruiker volgt tijdens het gebruik van onze applicatie helder en duidelijk is. Niet de gebruiker een vervolgscherm geven dat hij / zij niet verwacht. Dit bevordert niet het gebruik van de applicatie, gebruikers zullen eerder de handelingen niet afmaken en de applicatie niet meer gaan gebruiken.
!
50
Minimum required input Zoals al eerder is gezegd is het niet nodig om overbodige elementen en content te plaatsen in een applicatie. Alleen doelgerichte elementen en informatie moet aanwezig zijn bij een telefoon applicatie. Dit geldt ook voor informatievelden die de gebruiker dient in te vullen. Alleen gegevens die echt nodig zijn dienen te worden ingevuld. Irrelevante velden dienen dan ook niet tonen. Doel van onze applicatie Nu we de richtlijnen van een mobiele applicatie kennen, kijken we naar de gebruiker en zijn gebruik van een mobiele applicatie. Uit onderzoek weten wij dat gebruikers een mobiele applicatie over het al gemeen kort gebruiken. Daarbij heeft de gebruiker al voordat hij / zij de applicatie gebruikt een doel voor ogen en dit doel dient snel te worden behaald. Op basis van deze bevindingen hebben wij enkel het dashboard en de vier thema’s die gericht zijn voor iedere gebruiker genomen voor ons mobiele applicatie. De gebruiker zal dus niet alle stageplaatsen kunnen zien, enkel de stageplaatsen die voor hem of haar geschikt zijn (dit geldt natuurlijk ook voor de andere thema’s van ons concept).
!
51
Wireframe - Dashboard
We hebben de vier thema’s van ons concept met de home pagina van de website geplaatst op de onderste navigatiebalk. We zien nu de wireframes van het dashboard bedoelt voor een iPhone. De eerste wireframe laat de meest recente twitter berichten zien. DIt zijn twitter berichten van de gebruiker en mensen uit de omgeving van de gebruiker. De tweede wireframe toont ons het behance profiel van de gebruiker. De projecten worden weergegeven in afbeeldingen. De gebruiker bevindt zich nog steeds op het dashboard maar komt bij dit window met een swype beweging naar links (voor de twitter berichten een sleepbeweging naar rechts).
!
52
Visueel ontwerp - Dashboard
Dit zijn de grafische voorstellen van ons dashboard element. We zien op de navigatiebalk onderaan dat het dashboard is geactiveerd en we zien aan de page control (de kleine rondjes) op welke pagina de gebruiker zich bevindt. De gebruiker heeft op beide schermen de mogelijkheid om een bericht te posten.
!
53
Wireframe - Carrière Hieronder zijn de wireframes van het thema carrière. Dit zijn de aanbevolen stageplaatsen als list type op de linker wireframe en op de rechter wireframe is een aanbevolen stageplaats te zien.
!
54
Grafisch voorstel - Carrière
De knop ‘Reageer’ (in de rechterbovenhoek van het rechter plaatje) heeft een andere functie dan de knop met schrijficoon. De knop ‘Reageer’ geeft de gebruiker de opties om een Schrijfknop
!
contactpersoon te bellen, te emailen, te sms’en of een bericht te plaatsen op het artikel. Terwijl de schrijfknop enkel de mogelijkheid geeft om een bericht te plaatsen.
55
ScholenWiki
!
56
HotSpots
!
57
Verdieping
!
58
!
59
Inhoudsopgave Inleiding
PAG 61
Testaanpak
De vragen
Bevindingen
!
PAG 62
PAG 63
PAG 64
60
Inleiding Dit is het testrapport van ons ‘Student 24/7’ platform. In dit verslag zullen we vertellen hoe wij hebben getest en wat de resultaten van deze tests waren. In het rapport zul je de testaanpak en bevindingen zien. Het testrapport dient ervoor om alles binnen het product te controleren op eventuele fouten. Het doel van deze test is om te zien of de website op een juiste manier is gemaakt voor zijn doelgroep.
!
61
Testaanpak Wij hebben deze test gedaan om te kijken waar het oog van de lezer het eerst op valt en om te zien of de doelgroep geïnteresseerd is om de hele website te bezoeken. Ook kunnen we bekijken of de website in een logische volgorde wordt bekeken of dat er delen van de website worden overgeslagen. Benjad stond bij de proefpersoon om hem/haar te begeleiden waar het nodig was, Rob heeft de programma’s ingesteld die nodig waren om de apparatuur te gebruiken. Waar focuste wij in het bijzonder (testdoelen) -
Of de website correct werkt en dus zonder fouten/problemen te gebruiken is.
-
Of wij op een duidelijke manier de sociale media’s als Facebook en LinkedIn samen op één plek hebben gebracht.
-
Of de studenten enthousiast en gemotiveerd raken om met elkaar en de buitenwereld in contact te komen.
-
Of de studenten gecharmeerd raken van de stijl die toegepast is aan de website.
-
Of wij uiteindelijk sociale netwerken nuttig hebben gemaakt.
!
62
De vragen Wij hebben voor onze testpersonen enkele vragen gemaakt op basis van onze testdoelen. De vragen voor de testpersonen -
Registreer jezelf en log vervolgens in.
-
Plaats een nieuws Twitter bericht en deel het met medestudenten.
-
Je hebt een stageplek nodig voor je afstudeerstage (Interactieve media). Zoek een stageplek die hierop aansluit en toon hier interesse in.
-
Je wilt een baan vinden die alleen voor HBO is bedoelt. Zoek een baan die aansluit op je studie (Interactieve media) en toon hier interesse in.
-
Je wilt de opleiding Interactieve media gaan volgen maar je wilt eerst wat informatie hierover hebben. Zoek informatie van deze opleiding.
-
Stel een vraag aan een medestudent die dezelfde opleiding als die van jou volgt.
-
Vraag advies aan een docent over je eigen studie
-
Plaats een nieuwe HotSpot voor je medestudenten.
-
Plaats een nieuwsitem.
-
Bekijk de reacties van het nieuwsitem en kijk of de jouwe ook is toegevoegd.
Testpersonen Sanniya Shah Danny Chang
!
63
Bevindingen Algemeen Een positieve bevinding was dat de proefpersonen eerst naar de menu’s van de website keken en toen in een logische volgorde de rest van de website begonnen te lezen. Dit betekent dus dat de website duidelijk is en het menu van de website het eerste aandachtspunt was waar de doelgroep in geïnteresseerd was. Het was ook goed om te zien dat de proefpersonen al meteen doorhadden dat we inspeelden op de sterke punten van sociale media. Deze sociale media spelen namelijk een essentiële rol binnen ons product. Alle testen die wij hadden uitgeschreven werden ook vrijwel geheel foutloos en zonder al te veel moeite uitgevoerd door de testpersonen. De testpersonen hebben aangegeven dat de website een goede uitstraling en interface heeft. Daarnaast werd de gebruikersvriendelijkheid ook erg hoog beoordeeld. Menu Al snel werd ons duidelijk dat het door de testpersonen wel werd begrepen waar het menu zich bevond en hoe deze gebruik diende te worden, maar dat de knoppen nog te klein waren. Dit hebben wij dan ook direct na de test aangepast en verwerkt in ons product.
Bugfixes Omdat wij goed mee konden kijken welke acties de testpersonen tijdens de test hebben uitgevoerd hebben we nog verschillende onnauwkeurigheden kunnen ontdekken. Het ging hier met name om verkeerde pagina’s die werden getoond na het invoeren van een reactie en dergelijke. Hier hebben wij tijdens het ontwikkelen overheen gekeken omdat we te diep in de materie zaten. De test heeft ons hier dus goed op gewezen en deze ‘fouten/ bugs’ hebben wij inmiddels hersteld. Wensen We hebben de site laten testen toen we al redelijk ver in de ontwikkelingsfase zaten. We hebben dit bewust gedaan zodat enerzijds de meeste functionaliteiten ontwikkeld zijn en anderzijds is en er zo ook nog tijd over is om eventuele aanpassingen door te voeren. Een van de wensen die de gebruikers aanstipten is dat het in de toekomst wellicht mogelijk is om je eigen achtergronden te kiezen om zo het platform nog verder te kunnen personaliseren. Dit was een idee waar wij ook al mee speelden maar helaas nog niet hebben kunnen verwezenlijken. !
64
!
65
Inhoudsopgave Planning
PAG 67
Bijlagen CD
PAG 68
Projectrapport
Ontwikkelingsgrids
Tussenpresentatie
Conceptvideo
Conceptpresentatie
Visuals
Demo
Testresultaten
!
66
Planning
!
67
CD
!
68
