Ontwerp rapport Digitaal Instellingsplan Hogeschool van Amsterdam
Team Fristeractief: Annet Heitman Jasper Mijdam Charlotte Cozijn Puck Holshuijsen Marieke Zeegers 17 november 2010
Digitaal instellinsplan, Fristeractief, Ontwerp rapport, 17 november 2010!
1
Inhoudsopgave Inleiding
3
Algemeen
4
Kernidee
4
Concept
4
Functionaliteit
4
Wat doet het?
4
Hoe werkt het?
4
Waarom werkt het?
4
SWOT
5
MoSCoW
5
Must Have
5
Should Have
5
Could Have
5
Would Have
6
Grafische specificaties
6
Visuals
6
Flowchart
9
Wireframes
10
Use Case
11
Huisstijl
12
Terugkoppeling Feedback
Digitaal instellinsplan, Fristeractief, Ontwerp rapport, 17 november 2010!
13
2
Inleiding Dit document wordt in opdracht van de Hogeschool van Amsterdam samengesteld. Het instellingsplan wordt door middel van een interactieve applicatie aantrekkelijker gemaakt voor de doelgroep. In dit document komen de ontwerpen aanbod en de verdere specificaties die hierbij horen.
Digitaal instellinsplan, Fristeractief, Ontwerp rapport, 17 november 2010!
3
Algemeen Kernidee
Een interactief magazine waarbinnen het instellingsplan wordt weergegeven op interesses. Deze interesses worden naar gelang ingesteld door de medewerker of student. Binnen dit interactieve magazine worden er nog een aantal elementen toegevoegd, zoals een tijdlijn, social media opties en audio/ video mogelijkheden.
Concept
Door middel van een interactief magazine wordt het instellingsplan onder de aandacht van de medewerkers en studenten gebracht. Per persoon is er de optie om het interactief magazine zo samen te stellen dat het de interesses van die persoon weergeeft. Dit wordt gedaan door middel van een filter systeem. Daarnaast zijn er in het interactief magazine nog een aantal interessante elementen toegevoegd. Er is een tijdlijn, waarin medewerkers of studenten kunnen kijken wat er allemaal veranderd is sinds zij op HvA zijn gekomen. En bovenal wat er nog komen gaat de aankomende tijd. Daarnaast wordt er social media geïntegreerd. Facebook zal hier een hoofdrol inspelen. Door social media te gebruiken wordt het onder meer mensen verspreidt. De medewerkers en studenten hebben de mogelijkheid om de delen uit het instellingsplan te “liken”, dit komt dan op hun pagina te staan en zullen hun vrienden geïnteresseerd raken in wat zij hebben geliked. Audio en video speelt ook een rol binnen het interactieve magazine. Doordat het instellingsplan digitaal wordt gepresenteerd zijn hier veel mogelijkheden mee. Er kunnen filmpjes geplaatst worden van studenten en medewerkers, maar ook van het bouwen van de Amstel Campus bijvoorbeeld.
Functionaliteit Wat doet het? Het interactief magazine informeert medewerkers en studenten over het digitale instellingsplan naar gelang van de ingevulde interesses. Hoe werkt het? Door middel van een filter kunnen medewerkers en studenten invullen wat ze doen, wie ze zijn en waar ze in geïnteresseerd zijn. Hieruit komen dat delen uit het digitale instellingsplan gepresenteerd op een leuke manier. Waarom werkt het? Het magazine heeft verschillende soorten content. De gebruiker kan doormiddel van een filter zijn of haar interesses invoeren. Doordat de gebruiker de interesses in kan voeren wordt er een digitaal tijdschrift gevormd die overeenkomt met de informatie die de gebruiker ook werkelijk wilt lezen. In het tijdschrift zijn nog leuke Digitaal instellinsplan, Fristeractief, Ontwerp rapport, 17 november 2010!
4
weetjes te vinden over de uitvoering van het plan, video’s, films en eventueel blog berichten van studenten en docenten op het HVA. Er is een tijdlijn die grofweg de activiteiten en veranderingen aangeeft die het instellingsplan in de komende jaren door zal gaan voeren. De applicatie beschikt over een zoekbalk waardoor de gebruikers op termen kan zoeken in de tijdlijn. Ook staan de activiteiten gekoppeld aan online community waarin de gebruikers artikelen en meningen kunnen delen.
SWOT
Strength • Omdat het instellingsplan online te vinden is, is het zeer toegankelijk. • Het instellingsplan is interactief, wat het leuker maakt om te bekijken. • Het gebruik van verschillende soorten content maakt het instellingsplan interessanter. • Leesbaar taalgebruik, het taalgebruik in het instellingsplan zoals voorheen zal zeker niet in de interactieve versie te vinden zijn. Weakness • Er geen sprake van een duidelijke tijdlijn in het instellingsplan, dit moeten we zelf toepassen in de interactieve versie. • Sommige onderwerpen worden niet gelezen. Opportunities • Het instellingsplan voor medewerkers en studenten interessant en toegankelijk maken. • Alle onderwerpen moeten het bekijken waard zijn. • Medewerkers en studenten betrokken maken bij de HvA • Zelf content maken voor het magazine Threats • Het interesseert medewerkers en studenten niet wat er in het instellingsplan te vinden is, en zullen de interactieve versie daarom ook niet bekijken. • Er is misschien niet genoeg bruikbaar materiaal van D-Day voor het interactieve magazine.
MoSCoW Must Have
Het interactieve magazine moet het filter systeem bevatten, zodat de gebruiker het digitale instellingsplan naar geheel eigen keuze kan samenstellen.
Should Have
Audio/ video, tijdlijn en social media geïntegreerd. Hierdoor krijgt het digitale instellingsplan een extra dimensie. De gebruiker heeft verschillende opties om aan zijn of haar informatie te komen.
Could Have Het digitale instellingsplan kan een Twitter applicatie hebben, die de hashtags filtert over de HvA. Hierdoor weet de HvA hoe andere medewerkers of studenten denken over de HvA. Door hierop in te spelen kan deze mening worden bijgesteld van bijvoorbeeld negatief naar positief. Digitaal instellinsplan, Fristeractief, Ontwerp rapport, 17 november 2010!
5
Would Have De mogelijkheid om zelf inspraak te hebben op het instellingsplan. Hiermee wordt bedoeld dat de student en/of medewerker meer inspraak heeft in de ambities van de HvA.
Grafische specificaties Visuals
Digitaal instellinsplan, Fristeractief, Ontwerp rapport, 17 november 2010!
6
Digitaal instellinsplan, Fristeractief, Ontwerp rapport, 17 november 2010!
7
Digitaal instellinsplan, Fristeractief, Ontwerp rapport, 17 november 2010!
8
Flowchart
Digitaal instellinsplan, Fristeractief, Ontwerp rapport, 17 november 2010!
9
Wireframes HvA digitaal instellingsplan - beginpagina HvA logo
Titel HvA Digitaal Magazine
home button
help button
Hogeschool v. Amsterdam
Introductie filter opties overlay
Instructiescherm - instructies tijdlijn ▶
▶ Laatste HvA nieuws RSS feed
HvA twitter stream
Nieuws item titel Nieuwsitem tekst
Tweet text Username - Datum (link)
Nieuws item titel Nieuwsitem tekst
Tweet text Username - Datum (link)
Nieuws item titel Nieuwsitem tekst
Tweet text Username - Datum (link)
Nieuws item titel Nieuwsitem tekst
Tweet text Username - Datum (link)
Nieuws item titel Nieuwsitem tekst
Tweet text Username - Datum (link)
Meest recente / populaire instellingsplan berichten
Titel bericht
Titel bericht
Thumbnail bericht
Dit scherm niet meer tonen
Korte beschrijving - Lorem ipsum dolor sit amet consectateur nonummy lorenzino. Lorem ipsum dolor sit amet consectateur OK nonummy lorenzino.
Thumbnail bericht
Korte beschrijving - Lorem ipsum dolor sit amet consectateur nonummy lorenzino. Lorem ipsum dolor sit amet consectateur nonummy lorenzino.
Lees verder
Lees verder
HvA digitaal instellingsplan - hoofdpagina HvA logo
Titel HvA Digitaal Magazine
home button
help button
Hogeschool v. Amsterdam
filter opties
tijdlijn ▶
▶ Laatste HvA nieuws RSS feed
HvA twitter stream
Nieuws item titel Nieuwsitem tekst
Tweet text Username - Datum (link)
Nieuws item titel Nieuwsitem tekst
Tweet text Username - Datum (link)
Nieuws item titel Nieuwsitem tekst
Tweet text Username - Datum (link)
Nieuws item titel Nieuwsitem tekst
Tweet text Username - Datum (link)
Nieuws item titel Nieuwsitem tekst
Tweet text Username - Datum (link)
Meest recente / populaire instellingsplan berichten
Titel bericht
Titel bericht
Thumbnail bericht
Korte beschrijving - Lorem ipsum dolor sit amet consectateur nonummy lorenzino. Lorem ipsum dolor sit amet consectateur nonummy lorenzino.
Lees verder
Digitaal instellinsplan, Fristeractief, Ontwerp rapport, 17 november 2010!
Thumbnail bericht
Korte beschrijving - Lorem ipsum dolor sit amet consectateur nonummy lorenzino. Lorem ipsum dolor sit amet consectateur nonummy lorenzino.
Lees verder
10
HvA digitaal instellingsplan - gefilterde content HvA logo
Titel HvA Digitaal Magazine
home button
help button
Hogeschool v. Amsterdam
filter opties
tijdlijn ▶
▶ Relevante instellingsplan berichten
Titel bericht
Titel bericht
Thumbnail bericht
Korte beschrijving - Lorem ipsum dolor sit amet consectateur nonummy lorenzino. Lorem ipsum dolor sit amet consectateur nonummy lorenzino.
Lees verder
Titel bericht
Thumbnail bericht
Titel bericht
Thumbnail bericht
Korte beschrijving - Lorem ipsum dolor sit amet consectateur nonummy lorenzino. Lorem ipsum dolor sit amet consectateur nonummy lorenzino.
Korte beschrijving - Lorem ipsum dolor sit amet consectateur nonummy lorenzino. Lorem ipsum dolor sit amet consectateur nonummy lorenzino.
Lees verder
Lees verder
Thumbnail bericht
Korte beschrijving - Lorem ipsum dolor sit amet consectateur nonummy lorenzino. Lorem ipsum dolor sit amet consectateur nonummy lorenzino.
Lees verder
Use Case Hans Wekker heeft van zijn college gehoord over het instellingsplan. Vorig jaar heeft hij dat ook voorbij horen komen, maar toen heeft hij nooit de moeite genomen om dit te lezen. Zijn collega vertelde hem laatst dat er nu ook een online interactieve versie is van het instellingsplan. Hij gaat meteen even kijken, het is nu zoveel makkelijker! Bij het openen van de pagina begint er een instructiefilmpje over hoe de site te gebruiken is. Hij bekijkt de video en begrijpt dat hij zelf een keuze kan maken welke onderwerpen hij bekijkt. Na de video komt het filter in beeld, hij selecteert de thema’s die hij interessant vindt. Als hij op GA VERDER geklikt heeft ziet hij video, foto en tekst over de onderwerpen van zijn keuze. Hij ziet een interessant stukje. Dit kan hij of verspreiden via Twitter of via Facebook. Hij besluit het te twitteren. Daarna komt hij weer terug op de Home pagina. Boven in beeld ziet hij een tijdlijn. Als hij daarop klikt komt hij in een nieuw scherm met behaalde doelen en ambities van de HvA. Met video, foto en tekst wordt duidelijk gemaakt welke doelen de HvA de afgelopen jaren heeft gesteld, en welke hiervan daadwerkelijk gehaald zijn. Hij bekijkt de tijdlijn en gaat terug naar Home, waar hij meer informatie leest over de thema’s die hij eerder geselecteerd heeft.
Digitaal instellinsplan, Fristeractief, Ontwerp rapport, 17 november 2010!
11
Huisstijl Het digitale instellingsplan, het interactieve magazine, zal in de huisstijl worden gemaakt van de Hogeschool van Amsterdam. Wij hebben de kleuren en lettertype overgenomen. Hierdoor wordt het één geheel met de rest van de websites van de Hogeschool van Amsterdam.
Digitaal instellinsplan, Fristeractief, Ontwerp rapport, 17 november 2010!
12
Terugkoppeling Feedback Updates over het nieuws ! Nieuws wordt ge-update door RSS. Via de site hva.nl/nieuws worden ! nieuwsberichten van de HvA doorgestuurd naar het instellingsplan. Kort introductie filmpje over het instellingsplan ! Dit instructiefilmpje toont de gebruiker kort hoe het instellingsplan te gebruiken is. ! Via beelden wordt de gebruiker voor gedaan hoe je het instellingsplan optimaal kan ! gebruiken. Als de gebruiker het instellingsplan meerdere keren gaat gebruiken, is er ! ook een optie tot het uitzetten van dit instructiefilmpje. Via een button ʻskip introʼ of ! ʻniet meer laten zienʼ kan de gebruiker direct naar het instellingsplan. Themaʼs filter ! Het instellingsplan bestaat uit verschillende themaʼs. Het is belangrijk dat deze ! themaʼs goed worden uitgelicht binnen het instellingsplan. Bij het interactieve ! magazine wordt er gebruik gemaakt van filters die gebaseerd zijn op de zeven ! themaʼs. ! Op de landingspagina van het interactieve magazine wordt er een korte uitleg ! gegeven van elke thema. Hierdoor weet de gebruiker waar hij of zij op filtert. Na de ! keuze gemaakt te hebben, verplaatst de filterbalk naar boven in het scherm. Motto instellingsplan : oog voor talent ! Het motto van het instellingsplan zal op elke pagina te zien zijn die de gebruiker ! opent. Het motto geeft in het kort weer waar het instellingsplan zich op richt en naar ! streeft. Het is belangrijk dat het motto onder de doelgroep bekend wordt, omdat de ! Hogeschool van Amsterdam en de doelgroep dan op één lijn zitten wat betreft de ! ambities en doelen.
Digitaal instellinsplan, Fristeractief, Ontwerp rapport, 17 november 2010!
13