DIGITALE COMMUNICATIE · Tekstschrijver. INHOUDSTABEL INTRO 2 PLANNING 3 BEELDVORMING 4 DOELGROEP 5...
Transcript of DIGITALE COMMUNICATIE · Tekstschrijver. INHOUDSTABEL INTRO 2 PLANNING 3 BEELDVORMING 4 DOELGROEP 5...
DIGITALE COMMUNICATIE
Internetprojectplan Ann Cassimon Informatie-architect Caroline Christiaen Usability-expert Jolien De Leersnijder Vormgever & ontwikkelaar Els Haesen Projectmanager Cedric Leers Tekstschrijver
INHOUDSTABEL
INTRO 2
PLANNING 3
BEELDVORMING 4
DOELGROEP 5
Doelgroep 5
Doel van de vereniging 5
Doel van de website 5
STRUCTUUR 6
Mindmap 6
Home 6
Over 8
Activiteiten 8
Opleidingen 8
Links 9
INHOUD 10
GRAFISCH 11
BIJLAGEN 12
Pagina Home 12
Subpagina Leden onder pagina Over 13
Pagina Opleidingen 14
2
INTRO Met trots presenteren wij u ons nieuw concept voor de website van VIOT, Vereniging voor Interuniversitair Overleg Taalbeheersing. Als team hebben we hard gewerkt om de huidige VIOT-‐website in een jonger en frisser jasje te steken. Zowel de structuur als de lay-‐out zijn grondig aangepast en dragen nu bij tot een gebruiksvriendelijkere website die mee met zijn tijd is. In de volgende pagina’s verduidelijken we welke veranderingen zijn doorgevoerd en waarom. Op basis van een diepgaande concurrentieanalyse hebben we een planning gemaakt en een structuur opgesteld. Die bespreken we in de eerste hoofdstukken. Daarna gaan we dieper in op het doel, het doelpubliek en de inhoud van de VIOT-‐website, alsook op het nieuwe grafische ontwerp. Wij hopen u met dit internetprojectplan voldoende te overtuigen, wensen u alvast veel leesplezier en zijn benieuwd naar uw bevindingen.
3
PLANNING Dankzij een goede portie samenwerking en doorzettingsvermogen is de nieuwe VIOT-‐website in een achttal weken tot stand gekomen. Gedurende die periode kwamen we als team wekelijks samen om de vooruitgang van het project te bespreken. Alvorens te starten met het project kreeg elk teamlid een functie met een ander takenpakket opgelegd. De rolverdeling van het team zag er als volgt uit:
• Ann Cassimon als informatie-‐architect • Caroline Christiaen als usability-‐expert • Jolien De Leersnijder als vormgever & ontwikkelaar • Els Haesen als projectmanager • Cedric Leers als tekstschrijver
Het project kwam tot stand in zes fases. In de eerste fase stelden we een vragenlijst op om de wensen en het doel van de nieuwe website na te gaan. De antwoorden van enkele VIOT-‐leden gaven ons meer informatie over de doelen en wensen van een nieuwe website. In de tweede fase onderzochten we enkele concurrenten van VIOT. We analyseerden verschillende websites van gelijkaardige verenigingen om aan de slag te gaan met de werkpunten van de huidige VIOT-‐website. In de derde fase bepaalden we de structuur van de nieuwe website. Door telkens op een post-‐it een paginatitel van de huidige website te noteren en alle post-‐its vervolgens te vespreiden over een tafel, puzzelden we aan de ontwikkeling van een nieuwe navigatiestructuur. Na een hevige vergadering bereikten we een compromis en namen we een foto van het eindresultaat, die we vervolgens verwerkten in een mindmap. In de vierde creëerden we de website met de gratis software Wix. De vormgever ontwikkelde de lay-‐out en experimenteerde met kleurgebruik en achtergronden, de tekstschrijver herschreef en herstructureerde de webteksten van de originele website en de usability-‐expert controleerde de gebruiksvriendelijkheid van het nieuwe navigatie-‐ontwerp. In de vijfde fase stelden we een conceptversie voor aan de hand van een presentatie. Die conceptversie werd vervolgens met een proefpersoon getest op gebruikvriendelijkheid en gebruiksvriendelijkheid met behulp van de eyetrackingtechnologie en beoordeeld door de opdrachtgever. Tot slot creërden we in de zesde en laatste fase op basis van de resultaten uit het usability-‐onderzoek en de feedback van de opdrachtgever de finale versie van ons voorstel.
4
BEELDVORMING Bij de aanvang van het project hebben we aan enkele VIOT-‐leden een vragenlijst voorgelegd om de wensen van een nieuwe website op een efficiënte manier in kaart te brengen. Om vervolgens een beter beeld te krijgen van zowel de positieve als de werkpunten van de huidige VIOT-‐website, hebben we een vijftal websites van andere verenigingen geanalyseerd en vergeleken op basis van verschillende criteria. Uit de vragenronde bleek dat VIOT het belangrijk vindt om haar identiteit te behouden. Dat behelste ook het logo, maar aanpassingen waren bespreekbaar zolang het originele concept niet verloren ging. Daarom hebben wij het basisontwerp van het logo behouden en enkele aanpassingen doorgevoerd qua grootte, lettertype en kleurgebruik. Wij zijn ervan overtuigd dat het nieuwe logo beter in het oog springt waardoor bezoekers van de website sneller scannen waarvoor de afkorting staat. Ook wat betreft de navigatiestructuur van de huidige VIOT-‐website was er vraag naar een helderere opbouw. Daarom kozen we voor een duidelijke, consistente en zo beknopt mogelijke navigatiestructuur die in de eerste plaats de gebruiksvriendelijkheid stimuleert en in de tweede plaats de functionaliteit verhoogt. Daarbij is het de bedoeling dat bezoekers met zo weinig mogelijk muisklikken zo snel mogelijk de gewenste informatie terugvinden. Verder was het opvallend dat de gelijksoortige websites uit de concurrentieanalyse veel gebruik maakten van visuele aspecten zoals afbeeldingen en foto’s. VIOT wenst dan ook haar website naar de toekomst toe op dat vlak meer up-‐to-‐date te maken. Het oog wil immers ook wat. Om aan deze behoeften te voldoen, hebben we visuele elementen zoals een landkaart met alle opleidingen, logo’s van universiteiten en foto’s van leden toegevoegd. Een zakelijke lay-‐out betaande uit een witte achtergrond en een tweetal groentinten – fris lichtgroen en een groenachtig oceaanblauw – geven de nieuwe website een modern en zakelijk karakter. Tot slot toonde VIOT ook interesse om haar website interactiever te maken. De verenging wenste niet alleen de mogelijkheid tot contactopname in de verf te zetten, maar vond het ook wel nuttig om enkele sociale media te integreren om haar doelpubliek beter te bereiken. Daarom hebben we een duidelijke Contact-‐knop voorzien en hyperlinks toegevoegd naar drie sociale netwerken die nauw aansluiten bij de zakelijke sfeer van de vereniging en de professionele activiteiten van de doelgroep: LinkedIn, Facebook en Twitter. In een notendop: Met dit voorstel trachten we een professionele en aantrekkelijke website te creëren die geïnteresseerden verleidt om verder door te klikken.
5
DOELGROEP
Doelgroep De vereniging VIOT richt zich op taalbeheersers van alle hogeronderwijsinstellingen in zowel Nederland en als Vlaanderen die onderzoek verrichten op het vlak van taalbeheersing. Voorlopig telt VIOT meer dan 150 leden die verdeeld zijn over de twee geografische gebieden.
Doel van de vereniging De vereniging VIOT focust zich op de belangenbehartiging van taalbeheersers. VIOT wisselt informatie uit en organisateert activiteiten voor haar specifieke doelgroep. De vereniging verzamelt daarbij gegevens over taalonderzoek en presenteert die resultaten via een driejaarlijks congres, externe congressen, lezingen en bundels.
Doel van de website Het doel van de VIOT-‐website is zowel om informatie toegankelijker te maken als nieuwe leden aan te trekken. Potentiële leden moeten de nodige informatie zo snel en efficiënt mogelijk terugvinden.
6
STRUCTUUR
Mindmap
Home Bovenaan de website bevindt zich een opvallende groene menubalk die doorloopt over de gehele breedte van het computerscherm. De vijf titels in die menubalk vatten beknopt en duidelijk de belangrijkste componenten van de VIOT-‐website samen. Aan de hand van een uitrolmenu onder de meeste hoofdtitels komen bezoekers meer te weten over het desbetreffende onderwerp zonder effectief door te klikken naar een subpagina. Die uitrolmenu's geven als het ware de onderverdeling weer binnen de verschillende thema's. De menubalk is vastgezet en komt dus op elke pagina terug. Wanneer bezoekers een pagina aanklikken, worden ze doorverwezen naar de gekozen pagina en verdandert de titelkleur van oceaanblauw naar wit. Op die manier weten bezoekers telkens op welke pagina ze zich
7
precies bevinden. Bovendien verschijnt er op elke pagina onder de titel een broodkruimelnavigatie waarmee bezoekers handig kunnen terugkoppelen naar de vorige pagina zonder hiervoor helemaal terug door te klikken naar de startpagina. Om de functionaliteit, toegankelijkheid en interactiviteit van de website een boost te geven, hebben we snelknoppen voorzien voor enkele functies op de homepagina:
• Rechts bovenaan in de menubalk een zoekfunctie (Zoeken) • Rechts naast het VIOT-‐logo de knoppen Word lid, Contact en keuze lettergrootte • Onderaan de homepagina: Nieuwsbrief • In de balk die het einde van een pagina aangeeft knopjes naar drie sociale media
De homepagina geeft onder de hoofdmenubalk onze versie van het VIOT-‐logo weer. Dat logo keert op elke pagina terug en is een snelknop op zich. Bezoekers kunnen terugkeren naar de hompagina op drie verschillende manieren: door te klikken op het VIOT-‐logo, op de menuknop Home of op het woord “Home” in de broodkruimelnavigatie. Onder het logo vertelt een kader met als titel Over meteen wat de vereniging juist inhoudt. In hetzelfde kader bevinden zich ook twee snelknoppen (Activiteiten en Opleidingen) die bezoekers kunnen raadplegen om direct naar één van die twee belangrijke pagina’s door te klikken. Via de zoekfunctie kunnen bezoekers zoeken naar trefwoorden of sleutelwoorden over de gehele website om zo sneller de gewenste informatie te vinden. Via Contact kunnen surfers via een beknop invulformulier (naam, e-‐mail, onderwerp, boodschap) contact opnemen met de websitebeheerder. Onderaan de website verschijnt telkens ook het algemene infoadres ([email protected]) voor bezoekers die liever via de eigen e-‐mailsoftware (bijvoorbeeld Micrsoft Outlook) contact opnemen. Via de knop Word lid kunnen bezoekers het lidmaatschap aanvragen. Er verschijnt dan een pagina met het profiel (naam, foto, functie, onderwijsinstelling, e-‐mail, enzovoort) van de persoon die waakt over de leden van VIOT. Verder verschijnt er halverwege de homepagina de titel Nieuws met daaronder kadertjes die de nieuwste toevoegingen aan de website weergeven. Momenteel zijn dat de vacature voor een functie op het vlak van taalbeheersing in een onderwijsinstelling en de aankondiging van het aanstaande VIOT-‐congres. Beide kaders bevatten hyperlinks naar externe websites waar bezoekers terecht kunnen voor meer gedetailleerde informatie. Om de hoofdpagina zo leesvriendelijk mogelijk te maken, hebben we grote blokken tekst vermeden. De teksten zijn verdeeld onder subtitels omdat websitebezoekers nooit volledige webteksten lezen en zo sneller kunnen scannen waarnaar ze specifiek op zoek zijn.
8
Over De eerste menupagina Over bevat drie onderdelen: Missie, Bestuur en Geschiedenis. Die pagina bestaat verder nog uit twee subpagina’s: Leden en Lid worden. Op de subpagina Leden verschijnen de officiële logo’s van alle geëngageerde onderwijsinstellingen volgens geografisch gebied (Nederland of Vlaanderen). Wanneer bezoekers op een logo klikken, geeft de website de VIOT-‐leden uit de gekozen onderwijsinstelling weer aan de hand van een naam en een foto. Bezoekers kunnen specifieke contactgegevens opvragen van elk lid door te klikken op de foto. Er opent dan een link naar de pagina van die persoon op de website van de onderwijsinstelling waaraan hij/zij doceert of doctoreert. Via de subpagina Lid worden raadplegen bezoekers dezelfde pagina als in de eerder beschreven snelknop Word lid op de homepagina.
Activiteiten Tot de tweede menupagina Activiteiten behoren drie belangrijke subpagina’s:
• Congressen • Bundels • Lezingen
Op de hoofdpagina zelf verschijnt onder Subsidies informatie om subsidiëring aan te vragen voor taalonderzoek. Om alle beschikbare informatie op de drie bovenestaande subpagina’s overzichtelijk weer te geven, hebben we gewerkt met hyperlinks die surfers doorsturen naar online pdf-‐bestanden in een apart tabblad. Zo kunnen bezoekers bijvoorbeeld op de pagina Bundels een bepaalde bundel selecteren en downloaden door te klikken op een jaartal.
Opleidingen Op de derde menupagina Opleidingen komen bezoekers uit op een plattegrond van de regio’s Nederland en Vlaanderen. Op die geografische kaart staan alle steden aangeduid uit het Nederlandse taalgebied waar zich onderwijsinstellingen bevinden die aangesloten zijn bij VIOT. Wanneer bezoekers op een stad klikken, verschijnt een onderwijsinstelling in die stad met daaronder telkens een opsomming van hun taal-‐ en letterkundeopleidingen. Dat wordt mooi visueel voorgesteld aan de hand van de officiële universiteitslogo’s. Indien bezoekers klikken op een logo, opent automatisch de website van de gekozen universiteit in een apart tabblad.
9
Links De vierde en laatste menupagina Links bevat een lijst met hyperlinks naar andere verenigingen die zich ook bezighouden op een bepaald vlak van taalbeheersing en gepubliceerde artikels in tijdschriften over VIOT.
10
INHOUD Inhoudelijk is de website op vraag van de opdrachtgever min of meer hetzelfde gebleven. Wel zijn er bepaalde zaken grondig herschreven, herschikt, gedeeltelijk geschrapt en omgevormd tot download-‐content. Omdat de homepagina in het vorige hoofdstuk uitgebreid aan bod kwam, beperken we ons hier tot de inhoud van de vier menupagina’s. Bezoekers vinden op de eerste menupagina Over informatie terug over de vereniging zelf: haar missie, de bestuursleden en het ontstaan ervan. Dat laatste puntje heeft momenteel nog geen inhoud omdat het nog in ontwikkeling is. Via de subpagina Leden klikken bezoekers verder door naar een overzicht met alle leden van de vereniging. Ze worden overzichtelijk weergegeven per land en per onderwijsinstelling. Verder heeft de website een aparte subpagina Lid worden. Hier kunnen de bezoekers het lidmaatschap aanvragen. Op de tweede menupagina Activiteiten staan nu alle activiteiten met betrekking tot Nederlandse taalbeheersing netjes samen gebundeld: de opleidingen, de congressen en de bundels van congressen. Ook is er een rubriek met informatie over de aanvraag van subsidies voor taalonderzoek. Verder zijn er aparte titels voorzien voor interne congressen (het driejaarlijkse VIOT-‐congres) en externe congressen. Daar vinden bezoekers een overzicht van afgelopen en aangekondigde congressen per jaar met hun onderwerp en locatie. Op de subpagina Bundels downloaden geïnteresseerden bovendien gratis pdf-‐bestanden van samenvattingen en bijlagen over die conferenties en lezingen. Op de derde menupagina Opleidingen vinden bezoekers een overzicht terug van alle opleidingen op het vlak van taalbeheersing in zowel Nederland als Vlaanderen. De universiteiten die hierbij horen zijn gevisualiseerd aan de hand van een landkaart. Elke universiteit onderscheidt zich met haar eigen logo en geeft een opsomming van haar relevante Bachelors en Masters. Op de vierde menupagina Links vinden bezoekers gepubliceerde VIOT-‐artikelen terug die verschenen in de Nederlandse en Vlaamse pers. Ook biedt de pagina een lijst aan met websites van andere verenigingen die ook gespecialiseerd zijn op het gebied van taalbeheersing. Op die manier kunnen zowel niet-‐leden als leden afhankelijk van hun onderzoeks-‐ en interessegebied ook die verenigingswebsites raadplegen. Tot slot vinden bezoekers onderaan elke pagina knopjes terug naar drie sociale netwerken (LinkedIn, Facebook en Twitter).
11
GRAFISCH Hoewel de functionaliteit van een website een belangrijk aspect is, wil het oog ook wat. Het grafische ontwerp voor de nieuwe VIOT-‐website is minimalistisch en zakelijk. Het basisontwerp van het originele logo (bestaande uit de vier hoofdletters en de vier horizontale blokjes) hebben we veranderd van kleur, grootte en lettertype. Hierbij zijn we vertrokken vanuit de uniforme kleur van het originele logo: oceaanblauw. De drie hoofdkleuren in het nieuwe logo zijn lichtgroen, oceaanblauw en wit. Dat kleurgebruik hebben we doorgetrokken over de volledige website. Een witte achtergrond creërt een professionele uitstraling en zorgt voor een aangename leeservaring. Alle pagina’s hebben dezelfde opmaak. De vaste menubalken boven-‐ en onderaan keren samen met het VIOT-‐logo terug op elke pagina. De bovenste menubalk kreeg de frisgroene kleur zodat bezoekers die met een oogopslag scannen. De onderste menubalk daarentegen bevat minder essentiële informatie en vertoont daarom de oceaanblauwe kleur. Om de website zo aantrekkelijk mogelijk te maken, hebben we op relevante plaatsen gebruik gemaakt van meer visualisering en witruimte. Visuals maken de website minder bombastisch, trekken de aandacht en zorgen ervoor dat bezoekers langer rondsurfen op de website.
12
BIJLAGEN
Pagina Home
13
Subpagina Leden onder pagina Over
14
Pagina Opleidingen