TU Delft.nl 2008 Versie 1.0

Functioneel Ontwerp TU Delft.nl 2008 Versie 1.0 Juli 2008

Inhoudsopgave 1

2

Colofon ...................................................................................................................... 4 1.1

Documenteigenschappen ...................................................................................... 4

1.2

Leeswijzer .......................................................................................................... 4

Doelgroepen ............................................................................................................... 5 2.1

3

4

2.1.1

Scholieren in de oriënterende fase van de bachelor keuze ............................. 5

2.1.2

Studenten in de oriënterende fase van de master keuze ................................ 6

2.1.3

Alumni ................................................................................................ 7

2.1.4

Stakeholders......................................................................................... 7

Globaal ontwerp ......................................................................................................... 9 3.1

Primaire ontwerpprincipes..................................................................................... 9

3.2

Site-collectie .....................................................................................................10

Informatieontwerp.................................................................................................... 11 4.1

5

Primaire doelgroepen ........................................................................................... 5

Navigatie ..........................................................................................................11 4.1.1

Menustructuur .....................................................................................11

4.1.2

Contextuele navigatie ............................................................................12

4.1.3

Facultaire site ......................................................................................12

4.1.4

Landingspagina‟s ..................................................................................12

4.1.5

Metanavigatie ......................................................................................12

4.2

Zoeken .............................................................................................................14

4.3

Objecten en metadata .........................................................................................15

4.4

Aandachtspunten ...............................................................................................17

Templates ................................................................................................................ 19 5.1

T0 - Skelet.........................................................................................................20

5.2

T1 - Homepage...................................................................................................23

5.3

T2 - Content ......................................................................................................26

5.4

T3 - Content met nieuws ......................................................................................27

5.5

T4 - Opleidingen .................................................................................................28

5.6

T5 - Onderzoek ...................................................................................................29

5.7

T6 - Actueel .......................................................................................................30

Functioneel Ontwerp TUDelft.nl

1 / 80

5.8

T7 - Onderzoeksgebieden .....................................................................................31

5.9

T8 - Projecten ....................................................................................................32

5.10 T9 - Medewerker profiel .......................................................................................33 5.11 T10 - Nieuws / Agenda ........................................................................................35 5.12 T11 - Nieuwsbericht / Activiteit .............................................................................36 5.13 T12 - Opinie ......................................................................................................38 5.14 T13 - Blogs ........................................................................................................39 5.15 T14 - Blogpost ...................................................................................................40 5.16 T15 - Vacatures ..................................................................................................43 5.17 T16 - Vacature ...................................................................................................44 5.18 T17 - Faculteit ...................................................................................................45 5.19 T18 - Gebouw .....................................................................................................47 5.20 T19 - Zoekresultaat (standaard) ............................................................................48 5.21 T20 - Zoekresultaat (personen) .............................................................................50 5.22 T21 - Formulier ..................................................................................................51 5.23 T22 - Foto‟s en video (fase 2, idee) ........................................................................52 5.24 T23 - Project (fase 2, idee) ...................................................................................53 6

Componenten ........................................................................................................... 54 6.1

C1 - Contactblok .................................................................................................55

6.2

C2 - Nieuwsblok .................................................................................................56

6.3

C3 - Agendablok .................................................................................................57

6.4

C4 - Lijstfilter ....................................................................................................58

6.5

C5 - Projectenselectie ..........................................................................................60

6.6

C6 - Wereldkaart interactief ..................................................................................61

6.7

C7 - Campusplattegrond interactief (fase 2, idee) .....................................................63

6.8

C8 - Gebouwplattegrond interactief (fase 2, idee) .....................................................64

6.9

C9 - Tijdlijn interactief (fase 2, idee) ......................................................................65

6.10 C10 - Onderwijsprogramma interactief (fase 2, idee) .................................................67 6.11 C11 - Facts & figures interactief (fase 2, idee) .........................................................68 6.12 C12 - Zoekfunctie met „auto suggest‟ (fase 2, idee) ...................................................69 7

Widgets ................................................................................................................... 70 7.1

W1 - Video-slider ................................................................................................71

7.2

W2 - Factsheet ...................................................................................................72

7.3

W3 - Blogs-selectie .............................................................................................73

7.4

W4 - Een dag uit het leven van… (fase 2, idee) ........................................................74


2 / 80

8

Beheer .................................................................................................................... 75 8.1

Opnemen van informatie ......................................................................................75

8.2

Informatiemanagement - Onderzoeksgebieden.........................................................76

8.3

Tools en methodieken .........................................................................................77

Bijlage A

Informatiestructuur ........................................................................................ 79

A.1

Top-level navigatie .............................................................................................79

A.2

Meta boven .......................................................................................................79

A.3

Meta footer .......................................................................................................79

A.4

Sitemap (globaal) ...............................................................................................80


3 / 80

1

Colofon

1.1

Documenteigenschappen Titel: Huidige status: Versie: Auteur:

Functioneel Ontwerp TUDelft.nl Goedgekeurd 1.0 Ferry den Dopper, Nathalie Verhoek Tam Tam

Project: Klant:

TUDelft.nl redesign 2008 TU Delft

Documentgeschiedenis

1.2

Versie

Datum

Auteur

Wijzigingen

0.1

4 Jul 2008

Ferry den Dopper, Nathalie Verhoek

Templates en sitemap

0.11

7 Jul 2008


Homepage template toegevoegd

0.2

10 Jul 2008


Globaal ontwerp, informatieontwerp, componenten en widgets toegevoegd.

0.3

17 Jul 2008

Ferry den Dopper

Feedback TU verwerkt in tekst en templates, alleen nog niet in sitemap. Template Blogpost (T14) en hoofdstuk Beheer toegevoegd.

1.0

22 Jul 2008

Ferry den Dopper

Sitemap aangepast, templates T0, T1, T10 en T15 aangepast, widget W6 toegevoegd. Feedback projectteam en TU verwerkt.

Leeswijzer Het Functioneel Ontwerp (FO) levert de complete functionele beschrijving (blauwdruk) van de oplossing. Het implementeert de business en functionele requirements. Tevens vormt het de basis voor technisch ontwerp en realisatie. Dit document wordt voorgelegd aan de betrokken projectteamleden van de TU Delft en Tam Tam. Bij instemming met de inhoud van dit functioneel ontwerp, wordt het document door de projectleider van de TU Delft namens de TU Delft geaccordeerd. Omdat het FO een leidend document is, is het van belang dat het FO te allen tijde de meest actuele beschrijving van het product bevat. In het geval van voortschrijdend inzicht en/of meerwerk dient het FO te worden bijgewerkt. Functioneel Ontwerp TUDelft.nl

4 / 80

2

Doelgroepen

2.1

Primaire doelgroepen 2.1.1 Scholieren in de oriënterende fase van de bachelor keuze 1.

Kenmerken

2. 3.

TU-Delft Aanleiding bezoek

4.

Pull doelen

      

 

5.

6.

7.

Push doelen


Zit in VWO 4 of 5, met profiel N&T of N&G In de leeftijd van 16/17 jaar. Gaat een nieuwe fase van het leven in. Heeft een globaal idee in welke richting hij verder wil studeren. Is aan het oriënteren op een studie. Is op multimedia gebied verwend. Snel geneigd tot zappen, moeilijk vast te houden voor langere tijd. Heeft liever een mooi verhaal dan droge specificaties, maar prikt gemakkelijk door promotie heen.

Is opzoek naar een universitaire studie in de techniek. Heeft een specifieke studie in het hoofd, maar nog geen keuze gemaakt voor universiteit. Globale informatie  Wil weten welke studies binnen het gekozen vakken profiel van de middelbare school vallen.  “Wat ga ik leren?”  Zoekt een beeld van de inhoud van de vakken. “En wat is daar interessant en nuttig aan?”  Opleidingen vergelijken.  “Vind ik dit leuk? Sluit het aan bij mijn ambities, interesses en mogelijkheden? Past het bij mij?”  Behoefte aan ervaringen (verhalen van anderen) en sfeerindrukken Gedetailleerde informatie  Wil de verhouding tussen theorie en praktijk weten.  “Hoe verloopt de studie in hoofdlijnen? Hoe is het jaar ingedeeld? Welke studielast? Hoe vaak toetsen?”  Wil weten hoe de universiteit is.  “Wat voor mensen studeren er?”  “Met wat voor docenten krijg ik te maken?”  Wil weten hoe de stad is, wat je er kunt doen.  Persoonlijke verhalen van studenten die tot de verbeelding spreken.  Enthousiast maken voor voorlichtingsdagen, opendagen en meeloopdagen.  Wat het toekomstperspectief van een studie is.  Een good feel voor de TU-Delft kweken.

5 / 80



Aantonen waarin een studie aan de TU-Delft zich onderscheid ten opzichte van andere universiteiten. 8. Studiewijzer/gids online (www.studiekeuze123.nl, www.schoolweb.nl) 9. Aanleiding bezoek  Is aan het denken gezet over een studiekeuze. 10. Pull doelen  Inspiratie voor de studiekeuze.  Opleidingen vergelijken  Wil studiemogelijkheden weten.  Welke studie heb ik nodig voor die beroepskeuze?

2.1.2 Studenten in de oriënterende fase van de master keuze 2.1.2.1 Uit Nederland 11. Kenmerken

 

12. Aanleiding bezoek 13. Pull doelen

        

14. Push doelen

2.1.2.2 Uit het buitenland 15. Kenmerken


          


Is zeer goed geïnformeerd over inhoud van de verschillende masters. Zit in de afrondende fase van een bachelor studie die richting geeft aan de keuze van de master. Wil zich verdiepen in de masters. Wil praktische informatie over het volgen van een master. Heeft behoefte aan kwalitatieve informatie over de masters. Wil weten waar de master inhoudelijk over gaat. Welke docenten horen bij de master en wat is hun kennis en methode? Welke vakken komen (wanneer) aan bod? Welke mogelijkheden zijn er voor keuzevakken en (buitenlandse) stages. Hoe verloopt de master in hoofdlijnen? Meer informatie over een eventueel schakelprogramma wat vanuit de huidige bachelor opleiding gevolgd moet worden. Bachelor studenten enthousiast maken voor een master. De kwaliteit van de masters en haar docenten aantonen. De toegevoegde waarde van een master aantonen. Heeft grote behoefte aan verdiepende master, gaat er zelfs voor over de grens. Zeer gemotiveerd. Zoekt informatie over de beschikbare masters en de universiteit. Heeft behoefte aan kwalitatieve informatie over de masters. Hecht grote waarde aan de kennis van de master docenten. Welke vakken komen aan bod? Informatie over praktische en financiële zaken die voor een buitenlandse student benodigd zijn. Denk aan huisvesting, reistijden, verblijfsregelgeving, enz. Informatie over toelatingseisen en beursen.

6 / 80

 18. Push doelen

   

Informatie over de status/ranking van de universiteit t.o.v. andere internationale universiteiten Alle benodigde hulp en informatie over de masters bieden. Feitelijke verschillen ten opzichte van andere steden en instituten aankaarten, zowel nationaal als internationaal. De kwaliteit van de masters en haar docenten aantonen. De toegevoegde waarde van een master aantonen.

2.1.3 Alumni 19. Kenmerken


22. Push doelen

23. Buiten TU website 24. Pull doelen

           

Niet dagelijks bewust en bezig met status van alumni. Voelt meer een band met zijn faculteit, studentenvereniging, studentenhuis dan met de universiteit. Heeft door zijn werk een nieuw netwerk opgebouwd. Houdt de vakliteratuur en -evenementen in de gaten. Heeft nieuws of andere informatie van de TU-Delft ontvangen Uitbreiden netwerk van contacten in het vakgebied. Vacatures bekijken. Data van lezingen. In het hoofd van de alumni blijven. De TU-Delft als partner in netwerk uitbreiding. Potentiële docenten scouten. Door nieuws en ontwikkelingen het belang van de TU-Delft aantonen.

  

Netwerken (Linked-in) Vacature banken Portals met wetenschappelijk nieuws en data lezingen.

         

Hoogopgeleide mensen Opzoek naar een baan Door TU benaderd over een openstaande vacature. Welke vacatures zijn er? Inhoudelijke informatie vacature. Wat valt er binnen het takenpakket? Wat zijn de eisen? Wat zijn de arbeidsvoorwaarden binnen de TU-Delft? TU-Delft als werkplek promoten. Mensen met veel expertise in huis halen.

2.1.4 Stakeholders 2.1.4.1 Aankomend personeel 25. Kenmerken 26. Aanleiding bezoek 27. Pull doelen

28. Push doelen


7 / 80

2.1.4.2 Onderzoekspartners 29. Kenmerken 30. Aanleiding bezoek

31. Pull doelen

32. Push doelen

2.1.4.3 Media 33. Kenmerken


36. Push doelen

             

              


Medewerkers van bedrijven die investeren in onderzoeken. Beleidsmakers van verschillende overheidsinstanties. Opzoek naar kennis of onderzoeken die voor het bedrijf waardevol zijn. Op zoek naar onderzoekspartners Op zoek naar specialisten Kwalitatieve informatie over onderzoeken. Opzoek naar nieuwe onderzoeken. Opzoek naar kennis vanuit specifieke term. Opzoek naar nieuws. Recente publicaties De TU-Delft als bron van kennis promoten. Expertise aantonen. Relevant nieuws en publicaties tonen. De faciliteiten die de bedrijven en overheid kunnen afnemen moeten te duidelijk te vinden zijn. Werkzaam als journalist of redactielid Bekend met de TU-Delft als bron voor wetenschappelijke publicaties en opinies. Opzoek naar nieuws. De actualiteiten vragen om een opinie van hoogleraren enz. Spraakmakende publicaties. Resultaten en toelichting van lopende onderzoeken. Opinies van experts op actualiteiten. Ondersteunend beeldmateriaal. Snel en overzichtelijk het laatste nieuws bekijken. Inzage in alle eerdere persberichten Contact gegevens voor interviews en pers/wetenschapsvoorlichting. Actueel en relevant nieuws aanbieden Opiniestukken van TU Delft medewerkers (student/PhD/medewerker) in dagbladen De TU-Delft als nieuwsbron promoten. Expertise van TU-Delft in actualiteiten tonen.

8 / 80

3

Globaal ontwerp Het globaal ontwerp geeft inzicht in algemene uitgangspunten en ontwerpprincipes van de website.

3.1

Primaire ontwerpprincipes Op basis van de strategie, de requirements, onze research en ervaring, hebben we een aantal primaire ontwerpprincipes geformuleerd voor de nieuwe website. 1.

2.

3.

4.

5.

6.

7.

Niet de doelgroepen zelf, niet de organisatie, maar de informatiebehoefte en het referentiekader van de doelgroepen staan centraal. De gebruikers hoeven zich niet eerst te identificeren op de website voordat ze aan de slag kunnen. Ze zoeken een studie, een medewerker, enz. Externen kennen ook de organisatiestructuur en -eenheden niet, dus zullen ze die ook niet gebruiken als houvast bij het zoeken. De informatiestructuur houdt dus rekening met aanleidingen, doelen en (gebrek aan) kennis over de organisatie van de gebruikers. De corporate website is voor externe communicatie. Informatie specifiek voor huidige studenten en medewerkers wordt ontsloten via de studentenportal en medewerkerportal, die als (al dan niet publiek toegankelijk) intranet gaan fungeren. De TU Delft vertelt niet, hij antwoordt. Vertellen doen anderen. Gebruikers zitten niet te wachten op uitgebreide mooie marketingverhalen van de universiteit, maar willen antwoorden, feiten en advies. Het vertellen laten we over aan studenten (blogs), docenten (bv. collegefilmpjes), alumni en anderen. De gebruikersbelevenis op de website doet recht aan de drijfveer “Inspire creativity”. Gebruikers reageren enthousiast op interactieve elementen in de website die hen inspireren en laten ontdekken. Het beeld over de TU Delft wordt positief beïnvloed door een verrassende, inspirerende belevenis op de website. Een goede integratie van tekst en multimedia brengt de universiteit, de opleidingen en de onderzoeksprojecten (“comprehensive knowledge”) tot leven. De website besteedt aandacht aan het netwerk rondom de universiteit. De TU wil relatievorming stimuleren, maar ook uitdragen dat het samenwerking met andere universiteiten, instituten, bedrijfsleven en andere belangrijk vindt (“societal connectivity”). De website hanteert een centrale, vaste structuur voor alle content. In de huidige website kunnen gebruikers snel verdwalen in subsites die hun eigen homepage en navigatie hebben. De nieuwe site krijgt één homepage en een navigatiemethode die geschikt is voor grote, diepe structuren. Hierdoor krijgt de gebruiker niet te maken met steeds een andere context. Alleen de faculteiten krijgen nog een uitzonderingspositie: extern gerichte facultaire sites worden een gefilterde variant van de corporate site. De website versterkt het internationale karakter van de TU Delft, door o.a. de site volledig tweetalig te maken, veel aandacht in de content te besteden aan internationale mogelijkheden en gebruik te maken van bepaalde visuele elementen zoals een wereldbol die bv. projecten wereldwijd toont.


9 / 80

3.2

Site-collectie

www.tudelft.nl Facultaire sites

Studenten portal

Medewerkers portal

Scholieren website


10 / 80

4

Informatieontwerp Het informatieontwerp beschrijft de organisatiestructuur van de website. Hierin komen de volgende onderwerpen aan bod:   

4.1

Navigatie Speciale aandachtspunten Taal en tekst

Navigatie De website huist meerdere navigatiemiddelen: 1.

2.

3.

4.

5.

Menustructuur De menustructuur ontsluit de hiërarchische informatiestructuur van de website. Deze structuur komt ook terug in de sitemap. Contextuele navigatie Op verschillende pagina‟s vindt de gebruiker aan de rechterkant navigatie-elementen die hem (a) brengen naar gerelateerde pagina‟s of (b) content laten filteren binnen het onderdeel waar hij zich bevindt. Facultaire site De facultaire site is een kopie van de corporate site, alleen gefilterd op content die behoort bij de faculteit. Metanavigatie De metanavigatie ontsluit doorgaans ondersteunende functies en informatie (bv. contact en sitemap). Zoekfunctie De zoekfunctionaliteit verschilt van andere navigatiemiddelen door de mogelijkheid om aan de hand van eigen woorden informatie te zoeken.

De verschillende middelen worden in de volgende paragrafen uitgewerkt.

4.1.1 Menustructuur De menugestuurde navigatie bestaat uit 2 onderdelen:  

Globale navigatie: De ingangen naar de secties (hoofdonderdelen) van de website zijn vanaf iedere pagina in de website beschikbaar in de horizontale navigatiebalk (zie §5.1). Lokale navigatie: Op alle pagina‟s behalve de homepage verschijnt aan de linkerkant een navigatiemenu waarmee de gebruiker binnen een sectie kan navigeren. De inhoud van het menu is gerelateerd aan een pagina. De gebruiker kan middels het menu navigeren naar onderliggende, maar ook bovenliggende pagina‟s. Op het laagste niveau van een vertakking kan de gebruiker ook navigeren naar pagina‟s op hetzelfde niveau. Er zijn immers geen onderliggende pagina‟s meer.


11 / 80

4.1.2 Contextuele navigatie Op bepaalde pagina‟s kunnen aan de rechterkant nog links staan naar gerelateerde informatie. Deze links kunnen handmatig toegevoegd worden, maar structureler is het automatisch presenteren van contextuele navigatie op basis van metadata (zie §4.3).

4.1.3 Facultaire site De facultaire site neemt een bijzondere plaats in op de website. Het is namelijk een kopie van de corporate website, met doorlinks (opleidingen en onderzoek) en informatie (organisatie, nieuws) die betrekking heeft op de faculteit en met een iets andere homepage. Ook de scope van de zoekfunctie is hier beperkt tot de facultaire content. Dit FO gaat verder niet in detail op de facultaire sites in. Omdat de gebruiker in een nieuwe context terechtkomt, adviseren wij de facultaire site in een nieuw venster te openen als de bezoeker daar via de corporate website naartoe gaat. Op die manier is het duidelijk dat de facultaire site een andere omgeving betreft (belangrijk omdat de facultaire site heel erg lijkt op de corporate site, ook qua structuur). Gestructureerde content (opleidingen, projecten, onderzoeksgebieden) kunnen uit de database / CMS gefilterd worden op de faculteit. Ongestructureerde content wordt per faculteit herschreven. Nota bene: Voor de lange termijn adviseren wij de TU Delft te evalueren welke waarde de facultaire sites toevoegen aan de externe communicatie. Faculteiten spelen vooral binnen de universiteit een grote rol.

4.1.4 Landingspagina‟s De TU Delft wil landingspagina‟s kunnen inzetten om bv. specifieke doelgroepen een eigen ingang te geven, zonder een plaats te krijgen in de reguliere sitestructuur. Landingspagina‟s zijn losse pagina‟s met geen onderliggende structuur, enkel doorlinks. Landingspagina‟s kunnen een verkorte URL krijgen zodat deze kan worden gebruikt in de communicatie.

4.1.5 Metanavigatie De metanavigatie biedt navigatie- en communicatieve functionaliteiten die op iedere pagina beschikbaar moeten zijn. Onder navigatie-elementen vallen bijvoorbeeld een link naar de homepage, sitemap, index en links naar andere sites in de site-collectie. Communicatieve elementen vertellen vaak informatie over de organisatie en contactmogelijkheden. De metanavigatie van deze website bestaat uit 2 delen. De belangrijkste elementen staan bovenaan: 1. 2. 3. 4. 5.

Home Contact RSS index Taalkeuze Engels/Nederlands Lettergrootte aanpassen (AAA)


12 / 80

In de footer komen de overige items: 6. 7. 8.

Contact per categorie Support (technische ondersteuning) Links naar andere TU Delft sites

1: Home Deze link wijst naar de homepage van de website. De „Home‟ link staat op alle pagina‟s behalve op de homepage zelf. 2: Contact De contactpagina vermeldt duidelijk de algemene contactgegevens. Daarnaast moeten links gelegd worden naar:   

Contactgegevens van faculteiten en andere afdelingen; Contactinformatie voor persvoorlichting; Plattegrond van de campus.

Naast de contactpagina kan er in principe op iedere (relevante) pagina ook een contextueel contactblokje staan, waar een relevante contactpersoon vermeld wordt. 3: RSS index De TU Delft heeft diverse feeds, voor algemeen nieuws, facultair nieuws, onderzoeksnieuws, nieuwste publicaties, video‟s, opinies, blogs enzovoorts. Ieder lijstje heeft zijn eigen feed-link (oranje icoontje), maar er komt een pagina (naar het voorbeeld van Nu.nl, zie afbeelding rechts) waarop alle feeds van de TU Delft zijn verzameld. 4: Taalkeuze Engels/Nederlands Vanaf iedere pagina kan de gebruiker wisselen van taal. Hij komt dan in de andere taalversie op dezelfde pagina uit. Iedere taal worden gepresenteerd in zijn eigen taal, dus „Nederlands‟, „English‟. 5: Contact per categorie In de footer staat een aantal veelgezochte directe contactlinks, bv. algemeen, studievoorlichting, persvoorlichting, evenementenbureau en contactpunt voor internationale studenten (zie voorbeeld rechts).


13 / 80

6: Support Support bevat links voor mensen die hulp nodig hebben bij het gebruiken van de website:  

 

Sitemap: Deze pagina toont de informatiestructuur van de website als boomstructuur. Toegankelijkheid: Ter ondersteuning van mensen met een functiebeperking. De pagina bevat informatie over de mate van toegankelijkheid, eventuele onderdelen die niet volledig toegankelijk zijn en contactinformatie om eventuele problemen te melden. Problemen met website: Gebruikers kunnen hier technische vragen stellen of problemen met de website melden aan de TU Delft. Disclaimer: Met deze pagina dekt de TU Delft zich in tegen aansprakelijkheid wegens onjuistheden in de aangeboden informatie.

4: Links naar andere TU Delft sites Vanaf iedere pagina op de site is het mogelijk om in de footer door te klikken naar andere TU sites zoals de studentenportal en de medewerkersportal.

4.2

Zoeken Zoeken is een belangrijk navigatiemiddel op de TU Delft website. Vooral voor heel concrete zoekacties, bv. personen, onderzoeksgebieden of publicaties. Omdat in de usability test bleek dat het niet duidelijk was dat mensen ook personen kunnen vinden via de algemene zoekfunctie, hebben we keuzebuttons toegevoegd aan de zoekfunctie (zie afbeelding). De twee modi geven allebei een ander soort resultatenlijst terug: zie §5.20 en §5.21. De „zoek personen‟ toont contactgegevens in de resultatenlijst. Bij wetenschappelijk personeel wordt tevens een link getoond naar de profielpagina van de medewerker. Hierbij nog enkele aanbevelingen voor het implementeren van de zoekfunctie: Invoer: 

De zoekfunctie ondersteunt de invoer van meerdere zoekwoorden (gescheiden door spaties). Bij het zoeken naar resultaten wordt standaard gezocht naar een match op alle ingevoerde woorden (logische AND).



De zoekfunctie ondersteunt de invoer van een frase (meerdere woorden omsloten door dubbele aanhalingstekens). Bij het zoeken naar resultaten wordt dan gezocht naar een match op het letterlijk voorkomen van de frase in de content.



De zoekfunctie ondersteunt het automatisch vervoegen van woorden („stemming‟). Bij het zoeken naar resultaten wordt dan gezocht naar een match op alle bekende vervoegingen van het zoekwoord (bv. „wijzig‟, „wijzigen‟, „wijziging‟, „gewijzigd‟).


14 / 80



De zoekfunctie ondersteunt het verfijnen van een zoekresultaat op metadata.



Indien een ingevoerd zoekwoord in de thesaurus opgenomen is als „alternatieve term‟, moet de zoekfunctie bij het teruggeven van de resultaten suggereren de alternatieve term te vervangen door de in de thesaurus gedefinieerde voorkeursterm, volgens het „Bedoelt u ...?‟ principe.

Uitvoer:

4.3



De scope van de zoekfunctie beperkt zich tot de website zelf. Binnen een facultaire site is de zoekscope beperkt tot content behorende bij de faculteit.



De ranking van zoekresultaten wordt bepaald door relevantie. Het algoritme dat hieraan ten grondslag ligt, moet voor het bepalen van relevantie gangbare criteria hanteren, zoals semantisch gewicht, frequentie, positie, nabijheid, metadata.



Het is wenselijk dat de zoekfunctie „best bets‟ ondersteunt, zodat zeer relevante pagina‟s die niet prominent genoeg in zoekresultaten terugkomen, handmatig bovenaan gezet kunnen worden.



De zoekfunctie indexeert Html-, Word-, Excel-, PowerPoint- en PDF-documenten.



Alle zoekopdrachten (samengestelde zoektermen, dus niet de losse woorden) die gebruikers invoeren, worden gelogd.

Objecten en metadata Om content-items eenvoudig aan elkaar te kunnen koppelen (bv. nieuwsbericht aan project, of blog aan opleiding), is een goed objectmodel nodig waarin de relaties tussen en de eigenschappen van objecten (metadata) zijn gedefinieerd. Ook voor het beheren van de content zijn de objecteigenschappen en -relaties van belang. Dit functioneel ontwerp beschrijft niet het volledige objectmodel, maar geeft hiertoe wel een aanzet. Het objectmodel moet onder andere de volgende entiteiten bevatten: 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11.

Project Medewerker Nieuwsbericht Activiteit Faculteit Onderzoeksgebied Opleiding Weblog Gebouw Opinie Vacature


15 / 80

Onderling zijn deze objecten als volgt aan elkaar gerelateerd (let op: niet volledig):

Van objecten moet de metadata vastgelegd worden om contentbeheer goed te kunnen inregelen. Hieronder een voorbeeld voor een van de objecten. Nieuwsbericht Kenmerk Bestaat uit:

Hoort bij: Beschikt over:

Veld Titel Publicatiedatum Archiefdatum Tekst Afbeelding thumbnail Afbeelding full-size Contactpersonen Gerelateerde activiteiten Gerelateerde medewerkers Gerelateerde opleidingen Gerelateerde faculteiten Gerelateerde ond.gebieden Gerelateerde projecten


Specificatie 255 tekens Datum, voor archiefdatum Datum, na publicatiedatum Lange tekst

Max. 2

Verplicht? ja ja ja ja ja ja nee nee nee nee nee nee nee

16 / 80

4.4

Aandachtspunten Tijdens het project is nog een aantal aandachtspunten naar voren gekomen die in een volgende fase uitgewerkt moeten worden. Informatiearchitectuur 



  

  

    



Zoeken naar medewerkers kan middels de zoekfunctie. Bladeren naar medewerkers en afdelingen heeft nog geen duidelijke plaats in de structuur. Het idee is om dit op te lossen in een interactief organogram, maar dit wordt niet in fase 1 gerealiseerd. Bij het verplaatsen van de links naar de studentenportal en medewerkersportal achter een loginknop is ervan uitgegaan dat deze portals startpagina‟s worden op computers op de campus, afhankelijk van de inlogcode van de gebruiker. Alle content moet beschikbaar zijn in alle talen die in de interface van de website worden aangeboden. Promoveren wordt geassocieerd met zowel studeren, onderzoek als „werken bij‟. Het krijgt zijn fysieke plaats bij Onderzoek, maar zorg voor goede doorverwijzingen op alle relevante plaatsen. In een volgende fase moet veel aandacht besteed worden aan het zoeken op de site naar wetenschappelijke content (publicaties, bibliotheekcollectie, research centers enz.). Nu staat deze content erg verspreid over de site. De bibliotheek is nu ondergebracht bij „Over TU Delft‟ > „Gebouwen en voorzieningen‟, wat een logische plaats is voor het gebouw, maar niet voor het zoeken naar publicaties enz. Informatie heeft een enkele plaats in de structuur. Waar nodig worden crosslinks aangeboden. Gestreefd wordt naar gelijke sitestructuur voor nationaal en internationaal. Op plaatsen waar inhoud wezenlijk verschilt wordt hiervoor een uitzondering gemaakt De inhoud van de verschillende pagina‟s nationaal en internationaal kan verschillen. Er kan bv. verschil worden aangebracht op vooropleiding die nationaal of internationaal kan zijn bij toelating en aanmelding. In dit project is vooral de Nederlandstalige labeling getest. Besteed ook ruim aandacht aan de Engelstalige labeling. Voeg synoniemen toe aan onderzoeksgebieden om die beter vindbaar te maken. Het toevoegen van een „autosuggest‟-functie aan de zoekfunctie kan ook helpen de vindbaarheid te verbeteren. Het lijstfilter bevat onder andere een tagcloud,om bv. opleidingen of nieuwsberichten te kunnen filteren op interesse. De bijbehorende tags (o.a. per opleiding) moeten nog bedacht worden. De TU Delft kan overwegen informatie voor alumni buiten de corporate site te plaatsen, op een eigen alumni-verenigingssite. De DRI‟s worden als element een plaats gegeven vanaf 2009. De DRI‟s krijgen vanaf dat moment ook een eigen startpagina waarmee de thema‟s kunnen worden gecommuniceerd. Tot dat moment blijven we communiceren met DRC‟s en onderzoeksgroepen. Niet alleen hoogleraren maar al het wetenschappelijk personeel komt in aanmerking voor een eigen pagina met CV. Niet-wetenschappelijk personeel is ook vindbaar via zoekfunctie, maar krijgt geen eigen profielpagina.


17 / 80

Content / Copywriting 



          

De persoonlijke uitstraling van de rectorblog, studentenblogs en opinie worden gewaardeerd. Houd deze content persoonlijk. Het inzetten van ghostwriters kan (als dat bekend wordt) schadelijk werken voor het imago. Studentenblogs moeten qua uitstraling afwijken van de medewerkerblogs: vrijer, meer het idee geven dat de student zelf bepaalt wat hij doet, onafhankelijk van een TU-stramien. We leggen geen beperkingen in op de inhoud van de blogs. We maken we een keuze welke blogs we via de site ontsluiten en welke niet. De blogs zijn zelf gereguleerd via een netetiquette (eigen gebruikstatuten) en een „meld ongepaste inhoud‟-functie. Opinies op de website moeten geen (nutteloos) „poll‟-karakter krijgen, maar liefst als input dienen voor onderzoek, publiek debat of iets dergelijks. Bij masteropleidingen moeten de tracks direct gepresenteerd worden. Hyperlinks in de content moeten qua label overeenkomen met de pagina waarnaar ze verwijzen. Besteed geen ruimte aan teksten als “De TU Delft vindt het belangrijk dat…”, maar beantwoordt de informatiebehoefte en het doel van de gebruiker. Kortom: niet zender gericht. Gebruik ook geen reclametaal (niet ophemelen), maar juist objectief, open en eerlijk. Promoveren met een eigen idee (in tegenstelling tot vacante promotieplaatsen) komt nu onvoldoende naar voren. Hoe zorg je dat ze niet verdwalen? Geef duidelijk het pad aan. Zorg voor aansprekend nieuws. “Aanmeldingen lopen storm na open dag” is voor buitenstaanders niet interessant. Neem voorlichtingsactiviteiten ook op in de agenda. Om voor een ECTS certificering in aanmerking te komen, moet de volgende content worden aangeboden: http://ec.europa.eu/education/programmes/socrates/ects/doc/ectslist_en.pdf Minors komen naast opleidingen te staan. Schakelsemesters kunnen per masteropleiding gecommuniceerd worden. Double Degree masters zijn een „unique selling point‟, dus opnemen bij content van masteropleidingen.

Interactie 

  

De doelgroepen vinden een creatieve, inspirerende, dynamische invulling van de website bij de TU Delft horen. In de huidige fase kunnen we hier vanwege tijd en budget niet veel energie in steken, maar het is zeker onze aanbeveling dit aspect niet te lang te laten liggen. De gebruikersbeleving bepaalt sterk het gevoel en beeld dat bezoekers krijgen over de TU Delft. Zie ook de ideeën in hoofdstukken 6 en 7. Netwerken tussen alumni en bedrijfsleven krijgt al veel aandacht, maar wellicht zit er ook potentie in het faciliteren van interactie tussen aankomende studenten (bv. exchange students). De studentenblogs moeten een andere uitstraling krijgen dan de medewerkersblogs. Voor diensten (bv. opleidingen) die samen met andere organisaties worden aangeboden (bv. Leiden-Delft samenwerking), moet de samenwerking in het contentvlak duidelijk worden gemaakt, niet in de vaste pagina-elementen en huisstijl.


18 / 80

5

Templates Templates (NL: sjablonen) zijn paginatypen met specifieke functionaliteiten of indeling. Voor fase 1 zijn de volgende templates uitgewerkt: Nr.

Template

T0

Skelet

T1

Homepage

T2

Content

T3

Content met nieuws

T4

Opleidingen

T5

Onderzoek

T6

Actueel

T7

Onderzoeksgebieden

T8

Projecten

T9

Medewerker profiel

T10

Nieuws / Agenda

T11

Nieuwsbericht / Activiteit

T12

Opinie

T13

Blogs

T14

Blogpost

T15

Vacatures

T16

Vacature

T17

Faculteit

T18

Gebouw

T19

Zoekresultaat (standard)

T20

Zoekresultaat (personen)

T21

Formulier

Voor fase 2 zijn de volgende templates voorzien: Nr.

Template

T22

Foto‟s & Video‟s

T23

Foto / Video reportage

T24

Project

T26

Magazine

T27

Organogram interactief (afdelingen vinden)


19 / 80

5.1

T0 - Skelet User Interface

Object Table Footnote Element

Doel

1

Logo

Identiteit weergeven, link naar home

2

Meta-link Home

Link naar home

3

Tekst vergroten of verkleinen


Voorwaarde

Content

Actie/Feedback Home

Niet op home tonen

Home

Linker A is standaardgrootte.

20 / 80

Footnote Element

Doel

Voorwaarde

Content

Actie/Feedback

4

Meta-link Loginscherm voor studenten- en medewerkerportal

5

Meta-link RSS

Lijst van alle TU Delft RSS-feeds tonen

6

Taalkeuze

De mogelijkheid bieden de content in een andere taal te lezen.

Taalinstelling NL: ‘English’ Andere talen: ‘Nederlands’

7

Snelzoek

Mogelijkheid bieden om vanaf overal binnen de site direct te zoeken op trefwoord.

Er zijn 2 modi: zoek op onderwerp (standaard) of op persoon. Binnen een facultaire site is de zoekscope beperkt tot de faculteit.

Zoekresultaat

8

Globale navigatie

Hoofdonderdelen van de site ontsluiten

Actieve hoofdonderdeel wordt visueel onderscheiden van de rest, maar blijft klikbaar.

OnFocus klapt een submenu uit met max. 8 items.

9

Lokale navigatie & kruimelpad

Navigeren binnen sectie

Actieve onderdeel wordt visueel onderscheiden van de bovenliggende en onderliggende items, maar blijft klikbaar.

Menu toont huidige pagina, onderliggende pagina's en het pad terug naar de sectiehoofdpagina.

10

Grafische of interactieve header

Header kan 3 afmetingen hebben: hoog (homepage en bijzondere pagina's), middel en laag (normale pagina's)

Illustratie, animatie of video

Optioneel (bv. op home): link naar andere pagina, interacteren met animatie of afspelen van video.

11

Primaire contentvlak

Primaire content ontsluiten

12

Contextuele contentvlak

Contextuele (of gerelateerde) content ontsluiten

13

Laatst gewijzigd

Actualiteit aangeven

Datum + naam auteur

Naam auteur linkt naar e-mailadres.

14

Snel-links

Linken naar additionele informatie

15

Links naar andere TU sites

16

Drempelvrij logo

Tonen dat website aan Drempelvrij waarmerk voldoet

17

Paginatitel (H1)

Content identificeren

18

Sitemap

Volledig uitgeklapte informatiestructuur tonen, voor wie zoekraakt in de navigatie


RSS-feeds pagina English, Nederlands

Home, in gekozen taal

Max. 5 links

Sitemap

21 / 80

Footnote Element

Doel

19

Toegankelijkheid

Informatie over de toegankelijkheid van de website tonen

20

Problemen met website?

Mogelijkheid bieden bugs e.d. door te geven aan de TU.

21

Footer

Extra informatie en service bieden


Voorwaarde

Content

Onder iedere pagina

4 kolommen

Actie/Feedback

22 / 80

5.2

T1 - Homepage User Interface


23 / 80


Doel

Voorwaarde

Content

Actie/Feedback

1

Actuele onderwerpen onder de aandacht brengen

Altijd 3 items

Banner/illustratie met tekst en doorlink.

Banners roteren iedere 10 seconden automatisch. Gebruiker kan ook handmatig 'roteren' door op de vierkantjes te klikken. Na x seconden gaat banner weer door met automatisch roteren.

Roterende header

Banner zelf linkt door naar pagina binnen de website. 2

Component C5

3

Link naar overzicht studentenprojecten

4

Link naar overzicht onderzoeksprojecten

5

Interactieve wereldkaart

Showcase voor internationale projecten, samenwerken, mensen enz.

6

Nieuws

Nieuws tonen dat betrekking heeft op het onderwerp (filter)

7

Afbeelding + intro van bericht

8

RSS feed

9

Link naar nieuwsarchief

10

Agenda

11

Link naar agenda

12

Opinie uitgelicht

Publiciteit (media) en dialoog

Geen poll!

Opinie van wetenschappers op actuele onderwerp of onderzoeksprogramma

Link naar volledige tekst en reactiemogelijkheid

13

Blog van rector magnificus

Persoonlijke visie en betrokkenheid van rector op TU / actualiteit tonen.

Geen ghostwriters gebruiken (schadelijk voor imago / persoonlijke uitstraling)

Teaser uit nieuwste blogpost

Doorlink naar blogpost en naar blog.


Afbeelding is verplicht.

3 projecten

Internationale projecten, samenwerkingsverbanden, studentenherkomst, alumni-uitwaaiering enz. 5 items tonen

Afbeelding is verplicht bij ieder nieuwsbericht.

Beknopte content binnen het object, met doorlink naar volledige content. Nieuwsbericht

Focus op onderstaande titels verspringt iedere x seconden. Foto + intro verandert dan mee. Feed van deze selectie

Zie "Nieuws"

24 / 80

Footnote Element

Doel

Voorwaarde

Content

Actie/Feedback

14

Weetje

(met name scholieren) prikkelen met alledaagse betavraagstukken.

Alleen populairwetenschappelijke onderwerpen

Vraag

Link naar antwoord, link naar 'zelf een vraag stellen'

15

Snel naar (='Zie ook')

Snelkoppelingen naar populaire content bieden

Alleen links die niet met 1 klik vanaf de homepage te bereiken zijn.


25 / 80

5.3

T2 - Content User Interface

Object Table Footnote Element 1

Paragraaftitel (H2)

2

Inline banner: Widget W12

3

Inline video


Content

B.v. YouTube

26 / 80

5.4

T3 - Content met nieuws User Interface


Component C8

2

Component C9


27 / 80

5.5

T4 - Opleidingen User Interface


Inline banner: Widget W12

2

Component C7

3

Nieuwsfilter: Component C10


28 / 80

5.6

T5 - Onderzoek User Interface


Wordt uitgewerkt in volgende fase

2

Link naar projecten

3

Link naar project

4

Link naar projecten

5

Component C8

6

Component C9

7

Component C7


29 / 80

5.7

T6 - Actueel User Interface


Doel

Voorwaarde

Content

Actie/Feedback

1

Opinie uitgelicht

Publiciteit (media) en dialoog

Geen poll!

Opinie van wetenschappers op actuele onderwerp of onderzoeksprogramma

Link naar volledige tekst en reactiemogelijkheid

2

Widget W1

3

Selectie blog

Overview alle blogs

Aantal moet overzichtelijk blijven. Nu nog onder de tien blogs. Indien meer, dan een andere presentatievorm toepassen

Per blog; thumnail blogger, naam blogger, intro blog (titel, eerste regel laatste post), doorlink blog Doorlink alle blogs (indien meer aanwezig)

doorlink per blog; naar pagina met specifieke blog doorlink Bekijk alle blogs; naar overzichtspagina met alle blog (indien meer aanwezig)


30 / 80

5.8

T7 - Onderzoeksgebieden User Interface


Component C7

2



31 / 80

5.9

T8 - Projecten User Interface


Widget W1

2

Widget W1

3

Component C7


32 / 80

5.10 T9 - Medewerker profiel User Interface


33 / 80


Doel

Content

1

Medewerkersprofiel Presenteren van de TU medewerkers

Content overnemen uit huidige structuur. Alleen Key Publicaties niet apart vermelden, maar indelen bij Publicaties.

2

Contact

Direct tonen belangrijkste contact gegevens

Naam Achternaam Telefoonnummer Faxnummer E-mailadres Naam faculteit Naam afdeling Adres Kamernummer Link naar Linkedin profiel (indien aanwezig)

3

Widget W13

Tonen relevante video's van de desbetreffende medewerker


34 / 80

5.11 T10 - Nieuws / Agenda User Interface


Doel

Content

Actie/Feedback

1

Nieuws

Overzicht 30 meest recente berichten

10 meest recente berichten; thumbnail foto, titel, intro, doorlink, indien aanwezig video icoon tonen. 20 daaropvolgende berichten; datum [dd - maand], titel, indien aanwezig video icoon tonen

OnClick foto, titel, doorlink openen pagina nieuwsbericht

2



35 / 80

5.12 T11 - Nieuwsbericht / Activiteit User Interface


36 / 80


Voorwaarde

Actie/Feedback

1

Samenvatting

2

Plaatje met bijschrift

3

Meta: Categorie X

Link naar nieuwsoverzicht, categorie X

4

Meta: Tag X

Link naar nieuwsoverzicht, tag X

5

Link naar Nieuws

6

Nieuwste berichten uit dezelfde categorie(ën)


10 nieuwste berichten uit dezelfde categorie(ën)

37 / 80

5.13 T12 - Opinie User Interface


Link naar volledige opinietekst

2

Link naar medewerkerprofiel

3

Link naar volledige tekst, waar de reacties beginnen.

4

Nieuwste 5 reacties op de opinies

5

Link naar deze reactie op opinietekst


Actie/Feedback

Hele blok is aanklikbaar

38 / 80

5.14 T13 - Blogs User Interface


Doel

1

Naam blogger

Titel, tevens link Link naar weblog home

2

Nieuwste posts Teaser


Actie/Feedback

Link naar blogpost

39 / 80

5.15 T14 - Blogpost User Interface


40 / 80


41 / 80


Link naar beginpunt reacties c.q. trackback

2

Categorieen waaraan post gekoppeld is

3

Link naar website

4

Geen website opgegeven

5

Link naar formulier waar ongepaste inhoud gemeld kan worden.

6

Nieuwste 3 reacties van het weblog

7

Link naar deze reactie op het weblog


Actie/Feedback

Link naar alle posts in deze cateogorie

Hele blok is aanklikbaar

42 / 80

5.16 T15 - Vacatures User Interface


Link naar vacature-categorie

2

Link naar vacature


43 / 80

5.17 T16 - Vacature User Interface


Vrije content

2

Bannerlink naar sollicitatieformulier

3

Vacature factsheet

4

Component C7


Doel

Belangrijkste kenmerken van vacature op een rij zetten

44 / 80

5.18 T17 - Faculteit User Interface


45 / 80


Doel

Voorwaarde

Content

Actie/Feedback

1

Roterende header

Actuele onderwerpen onder de aandacht brengen

Altijd 3 items

Banner/illustratie met tekst en doorlink.

Banners roteren iedere 10 seconden automatisch. Gebruiker kan ook handmatig 'roteren' door op de vierkantjes te klikken. Banner zelf linkt door naar pagina binnen de website.

2

Widget W1

3

Link naar overzicht studentenprojecten

4

Link naar overzicht onderzoeksprojecten

5

Nieuws

Nieuws tonen dat betrekking heeft op de faculteit

Max. 7 items tonen, met nog max. 8 items onder de scrollfunctie.

Nieuwsbericht

6

Inline scrollfunctie

Meer items zien zonder naar een andere pagina te moeten gaan.

Alleen als er meer items zijn dan getoond worden.

Pijl omhoog aanklikken: nieuwere berichten, Pijl omlaag: oudere berichten

7

RSS feed

8


9

Agenda (alleen facultair)

10

Link naar agenda

11

Snel naar (='Zie ook')


Feed van deze selectie

Zie "Nieuws"

Snelkoppelingen naar populaire content bieden

Alleen links die niet met 1 klik vanaf de homepage te bereiken zijn.

46 / 80

5.19 T18 - Gebouw User Interface


Link naar (interactieve)plattegrond van gebouw


47 / 80

5.20 T19 - Zoekresultaat (standaard) User Interface


Doel

1

Zoektermen

Laten zien waarop gezocht is + Mogelijkheid geven om nieuwe zoekopdracht te geven.

2

Zoekknop

Nieuwe zoekopdracht uitvoeren


Voorwaarde

Content

Actie/Feedback

Zoekresultaat. Eventuele verfijningen uit de vorige zoekopdracht gaan hierbij verloren

48 / 80

Footnote Element

Doel

3

Resultaten

4

Paging

5

Zoekfilter

Vergemakkelijken vinden informatie

6

Beschikbaar filter

Laten zien welke filteropties er zijn en hoeveel zoekresultaten daarmee overblijven.

7

Toegepast filter

Tonen welk filter is toegepast en mogelijkheid geven filter ongedaan te maken

Voorwaarde

Content

Actie/Feedback

Toont optie + link "Opnieuw kiezen"

Opnieuw kiezen maakt filter ongedaan.

Max 10 per pagina


Filter opties zijn relevant voor het onderwerp. (zijn eigenschappen van de gevonden resultaten)

49 / 80

5.21 T20 - Zoekresultaat (personen) User Interface


Content

Actie/Feedback

1

Persoonsresultaat

Persoonsresultaten bevatten contactinfo en foto

Link naar medewerkerprofiel (alleen voor wetenschappelijk personeel)

2

Link naar LinkedIn profiel


50 / 80

5.22 T21 - Formulier User Interface


51 / 80

5.23 T22 - Foto‟s en video (fase 2, idee) User Interface


Wordt uitgewerkt in volgende fase


52 / 80

5.24 T23 - Project (fase 2, idee) Een project is een showcase, een visitekaartje. Dit verdient een opvallende, creatieve, interactieve presentatie. Voorbeeld

Overzicht (www.schematic.com)

Ingezoomd blok


53 / 80

6

Componenten Widgets zijn autonome blokjes functionaliteit of content die vast onderdeel uitmaken van één of meerdere templates. Voor fase 1 zijn de volgende componenten uitgewerkt: Nr.

Component

C1

Contactblok

C2

Nieuwsblok

C3

Agendablok

C4

Lijstfilter

C5

Projectenselectie

C6

Wereldkaart interactief

Voor fase 2 zijn de volgende componenten voorzien: Nr.

Component

C7

Campusplattegrond interactief

C8

Gebouwplattegrond interactief

C9

Tijdlijn interactief

C10

Onderwijsprogramma interactief

C11

Facts & figures interactief

C12

Zoekfunctie met „auto suggest‟


54 / 80

6.1

C1 - Contactblok User Interface


Voorwaarde

1

Aanpasbare titel

2

Contactgegevens Voornaam gebruiken (is persoonlijker)


55 / 80

6.2

C2 - Nieuwsblok User Interface


Doel

Voorwaarde

1

Gerelateerd nieuws

Nieuws tonen dat betrekking heeft op het onderwerp (filter)

5 items tonen

2


3

Gehighlight bericht

4

RSS feed

5




Content

Actie/Feedback Nieuwsbericht

Focus op onderstaande titels verspringt iedere x seconden. Foto + intro verandert dan mee. Iedere x seconden verspringt de focus naar de volgende titel Feed van deze selectie

56 / 80

6.3

C3 - Agendablok User Interface


Doel

Voorwaarde

1

Gerelateerde activiteiten

Activiteiten tonen die betrekking hebben op het onderwerp (filter)

5 items tonen

2


3

Gehighlight bericht

4

RSS feed

5




Content

Actie/Feedback Nieuwsbericht

Focus op onderstaande titels verspringt iedere x seconden. Foto + intro verandert dan mee. Iedere x seconden verspringt de focus naar de volgende titel Feed van deze selectie

57 / 80

6.4

C4 - Lijstfilter User Interface


58 / 80


Doel

Voorwaarde

Content

Actie/Feedback

1

Zoekfunctie in content

Vergemakkelijken vinden informatie

Filter opties zijn relevant voor het onderwerp en verschillen. Z

Zie specifieke zoekfunctie voor gedetailleerde zoekmogelijkheden en filtermogelijkheden.

OnClick worden de zoekresultten getoond in de huidige pagina. In tegenstelling tot bij de algemene zoekfunctie. De bezoeker blijft bij de specifieke zoekfunctie op dezelfde plek in de structuur.

2

Toegepast filter

Tonen welk filter is toegepast en mogelijkheid geven filter ongedaan te maken

Toont optie + link "Opnieuw kiezen"

Opnieuw kiezen maakt filter ongedaan.

3

Beschikbaar filter

Laten zien welke filteropties er zijn en hoeveel zoekresultaten daarmee overblijven.


59 / 80

6.5

C5 - Projectenselectie User Interface


Doel

1

Selectie Projecten titel

Link naar overzicht projecten

2

Selectie Projecten

Showcase van onderzoeksen studentenprojecten.

3

Selectie Projecten titel

Link naar overzicht projecten

4

Selectie Projecten (compact)

Showcase van onderzoeksen studentenprojecten.


Voorwaarde Content

Actie/Feedback Overzichtspagina Projecten

Max 3 tonen

Foto, titel, teaser, doorlink

Foto, titel en doorlink verwijzen naar Projectpagina. Overzichtspagina Projecten

Max 4 tonen

Foto met titel

Foto verwijst naar Projectpagina. Titel van blok verwijst naar overzichtpagina met projecten.

60 / 80

6.6

C6 - Wereldkaart interactief De wereldkaart en de projecten zijn ter illustratie van de aanwezigheid van de TU Delft in de wereld. Het is niet dekkend. Het betreft hier studentenprojecten en projecten uit het onderzoek, dus ook de dossiers. De wereldkaart kan ingezet worden voor alle activiteiten (dus bijvoorbeeld ook beurzen) van de TU Delft die in het buitenland worden verricht. User Interface


61 / 80


Doel

1

Wereldkaart (in Laten zien hoe de rust) TU internationaal opereert.

2

Projectvenster

3

Sluitknop

Sluit venster

4

Continent gehighlight

Laten zien dat gebruiker kan inzoomen op een continent

5

Continent gehighlight 2

6

Continent ingezoomd

7

Projectvenster

8

Wereldkaart miniatuur

Navigeren over de wereldkaart

9

Richtingpijl

Direct naar aangrenzend continent navigeren

10

Buiten het continent

Terug naar wereldkaart

Voorwaarde

Content

Actie/Feedback

Selectie van projecten e.d. zichtbaar als aanklikbare stippen op de wereldkaart Eens in de zoveel seconden wordt een willekeurig stip uitgelicht. Na een paar seconden verdwijnt het venster weer automatisch.

Land, jaar, foto, titel (link) en korte beschrijving

Titel linkt naar projectpagina.

Klik: Projectvenster sluit Als de muis boven een continent zweeft.

Mouseover: Continent licht op. Klik: Kaart zoomt in op continent. Mousover stip: Stip licht die op. Klik op stip: Projectvenster wordt getoond.

Beter geschikt om alle stippen goed aan te kunnen klikken.


Gebruiker heeft in wereldkaart op continent geklikt.

Alleen getoond als er een continent in die richting ligt.

Land, jaar, foto, titel (link) en korte beschrijving

Titel linkt naar projectpagina.

Wereldkaart in het klein (zonder stippen). Ingezoomde continent is opgelicht.

Gebruiker kan direct op ander continent inzoomen door erop te klikken. Kaart verschuift dan naar dat continent

Pijl + naam continent

Mouseover: Naam buurcontinent verschijnt. Klik: Kaart verschuift naar ander continent. Als gebruiker buiten het continent klikt, gaat hij terug naar de wereldkaart.

62 / 80

6.7

C7 - Campusplattegrond interactief (fase 2, idee) De campusplattegrond kan 2D of 3D, Google Maps of zelf ontworpen. Het basisidee is dat gebouwen hotspots worden op de plattegrond. Als je klikt op een hotspot krijg je beknopte informatie over het gebouw, met een doorlink naar meer info. Voorbeeld


63 / 80

6.8

C8 - Gebouwplattegrond interactief (fase 2, idee) Er zijn genoeg voorbeelden van interactieve gebouwplattegronden te vinden. De gebouwplattegrond zou zelfs gecombineerd kunnen worden met de campusplattegrond (inzoomen/uitzoomen). Voorbeeld


64 / 80

6.9

C9 - Tijdlijn interactief (fase 2, idee) Op dit moment is de copy bij geschiedenis een kort verhaal over het ontstaan van de universiteit. Recente gebeurtenissen uit de geschiedenis, zoals het succes van de Nuna worden niet vermeld. Terwijl ze juist een positieve bijdrage kunnen leveren aan de gewenste reputatie. Idee is om geschiedenis visueel weer te geven met bv. een interactieve tijdlijn. Voorbeelden


65 / 80

http://www.etsy.com/time_machine.php


66 / 80

6.10 C10 - Onderwijsprogramma interactief (fase 2, idee) De globale opzet van een opleiding kan compact worden weergegeven in een interactief blok dat per jaar openklapt en waar korte informatie gegeven kan worden over de vakken. Voorbeeld


67 / 80

6.11 C11 - Facts & figures interactief (fase 2, idee) Veel mensen vinden het leuker te spelen met statistieken dan ze droog te lezen. Op je website kun je hier prima invulling aan geven. Voorbeelden

http://graphics8.nytimes.com/packages/flash/politics/20080603_MARGINS_GRAPHIC/margins.swf

http://www.bigcities.govt.nz/charts/homeownership.php


68 / 80

6.12 C12 - Zoekfunctie met „auto suggest‟ (fase 2, idee) In een latere fase zouden we graag een feature toevoegen aan de zoekbox, die al tijdens het typen met suggesties komt van waarschijnlijke zoekresultaten. Voorbeeld

www.apple.com


69 / 80

7

Widgets Widgets zijn autonome blokjes functionaliteit of content die redacteuren op iedere pagina kunnen toevoegen. Voor fase 1 zijn de volgende widgets uitgewerkt: Nr.

Widget

W1

Videoslider

W2

Factsheet

W3

Blogs-selectie

Voor fase 2 zijn de volgende widgets voorzien: Nr.

Widget

W4

Een dag uit het leven van…


70 / 80

7.1

W1 - Video-slider User Interface


Doel

Voorwaarde

1

Inline scrollfunctie

Meer items zien zonder naar een andere pagina te moeten gaan.

Alleen als er meer items zijn dan getoond worden. Serie staat aan het begin dan pijl omhoog disabled. staat de slider aan het einde van de serie, dan pijl omlaag disabled.

2

Video item

Link naar video

Selectie op basis van categorie (bv. projecten), tijd (nieuwste), rating of andere metadata (bv. medewerker). Aantal items o.a. afhankelijk van thumbnail-grootte en ruimte in design.


Content

Actie/Feedback Carroussel videos schuift door.

Video-still, titel en optioneel rating.

Videopagina

71 / 80

7.2

W2 - Factsheet User Interface


Doel

Voorwaarde

Content

1

Belangrijkste kenmerken van een entiteit op een rij zetten.

Voorlopig gaan we uit van vrije tekst (in tegenstelling tot automatisch gevoed uit de database)

Tabelvorm. Informatie verschilt per entiteit.

Vacature factsheet

2


72 / 80

7.3

W3 - Blogs-selectie User Interface


Doel

Voorwaarde

Content

Actie/Feedback

1

Showcase blogs van de studenten

Blogs tonen die betrekking hebben op het onderwerp (filter)

Intro blogs, Per blog; thumnail blogger, naam student, opleiding, jaar, intro blog (titel, eerste regel laatste post), doorlink specifiek blog doorlink alle blogs

Bij focus (mouseover) over item, wordt naam e.d. in bovenste blok getoond.

Selectie Blogs

2


73 / 80

7.4

W4 - Een dag uit het leven van… (fase 2, idee) Naast de studentenblogs is een mogelijkheid om het gevoel over te brengen door op een speciale wijze “een dag uit het leven van…” te presenteren. In zo‟n dag komen alle aspecten van het leven als student naar voren. Alle onderdelen van het studeren worden als het ware in een verhaal geïntegreerd. Aangezien het om sfeer en gevoel gaat, is het van belang om beeldend een verhaal te vertellen. Bijvoorbeeld door te presenteren door middel van Google Maps. Outline - Een dag uit het leven van …        

Wakker worden in studentenflat; foto‟s/panorama/webcam [Huisvesting] Naar college gaan; video college/tekst over vak [Campus, Opleiding] Projectoverleg studiegenoten; foto‟s/ project [Type onderwijs, Multidisciplinair, Campus] Kopje koffie/biertje drinken op terras; foto‟s/video/links [Stad, Studentenleven, Omgeving] Uurtje sporten [Vrije tijd, Verenigingen] Boodschappen doen [Studentenleven, Stad] Werken [Studentenleven] Afspreken om naar de kroeg te gaan [Cultuur, Uitgaan]

Dit kan het verhaal zijn, maar op Google Maps kunnen er ook andere zaken worden gemarkeerd om ter loops informatie aan te bieden. Naast een andere wijze van presenteren van je informatie, is het ook interactief, bezoekers bepalen hun eigen pad.


74 / 80

8

Beheer

8.1

Opnemen van informatie Welke informatie bied je aan en wat niet? Hoe ga je om met verzoeken om plaatsing van nieuwe content? Hoe bepaal je waar in de structuur je nieuwe informatie het best kunt plaatsen? De nieuwe visie en informatiearchitectuur hebben beide het belang en het perspectief van de doelgroep leidend gemaakt. Dit resulteert in een website waar niet het informatieaanbod maar de informatiebehoefte centraal staat. In dit project hebben we de informatiebehoefte gepeild met behulp van interviews, cardsorting en usability testing met verschillende doelgroepen. Een grote valkuil is om je te laten leiden door wat je allemaal denkt te moeten vertellen. Voorkom dat de website een zendmast wordt met 300 kanalen waarop niemand zit te wachten, maar die het wel moeilijker maken de zenders die men wel wil, ertussen te vinden. Naar zaken als gedragsregels en aansprakelijkheid bij ongevallen op de universiteit gaan zelden mensen op zoek. De meeste mensen zullen dit soort informatie niet verwachten op een website. Webstatistieken kunnen helpen beslissen of bepaalde informatie nog wel bestaansrecht heeft. Maar let op: „niet bekeken‟ kan zowel betekenen „niet interessant‟ als „niet kunnen vinden‟. Ongebruikte c.q. onnodige pagina‟s maken de structuur groter zonder waarde toe te voegen en kunnen zorgen voor ruis in de navigatie. In het kader van meerwaarde versus ruis moet de TU Delft ook bedenken of zij de aangewezen persoon is om bepaalde informatie te verstrekken. Denk bijvoorbeeld aan informatie over studiefinanciering. De huidige website heeft daar een hele pagina over, terwijl de IBG de bron hiervan is. Bottom line: Meer informatie opnemen maakt meer informatie beschikbaar, maar niet per definitie beter vindbaar. Ook binnen een pagina moet het belang en het perspectief van de doelgroep voorop staan. Afdelingen vertellen graag over zichzelf: De TU Delft vindt het belangrijk wetenschappelijke kennis te ontsluiten voor het bedrijfsleven en de overheid. Het versterkt het innovatieve vermogen van de Nederlandse economie en levert een significante bijdrage aan de ontwikkeling van de maatschappij. Behalve onderzoekscapaciteit (met de bijbehorende kennisproducten) biedt de TU Delft onderwijs, menselijk potentieel en faciliteiten. De TU Delft heeft ook meer dan 460 octrooi-aanvragen. (Bron: www.tudelft.nl > ‘Ondernemen en de TU Delft’)

Maar gebruikers zijn over het algemeen alleen geïnteresseerd in hun eigen belang (“Hoe kan ik…”). Beantwoord in de eerste plaats die behoefte. Deze vragen kunnen helpen bij het overwegen van de plaatsing van nieuwe content: 



Voor welke doelgroep(en) is de informatie bestemd?  Is de doelgroep (onderdeel van) een bestaande externe doelgroep (dus niet medewerkers of studenten)?  Zo nee, wil de TU Delft deze doelgroep bedienen via de corporate site? Vervult de informatie een reële informatiebehoefte bij de doelgroep(en)?


75 / 80

 Zo ja, waaruit blijkt dit? Enquêtes, binnengekomen vragen, geregistreerde zoekacties?  Zo nee, waarom is het belangrijk dat deze informatie dan toch beschikbaar gemaakt

    

8.2

wordt? Is de TU Delft de aangewezen persoon om deze informatie te verstrekken? Is de corporate site het aangewezen medium om deze informatie met de doelgroep te delen? Is het onderwerp tijdelijk relevant of permanent?  Als tijdelijk, hoe lang blijft de informatie op de site staan? Is de informatie in te passen in een bestaande pagina / ingang?  Zo nee, is het een nieuwe ingang waard? Hoe en na hoeveel tijd evalueren we of de informatie voldoende gebruikt wordt en dus bestaansrecht heeft?

Informatiemanagement - Onderzoeksgebieden Het beheren van informatieaanbod en -structuur is een continue prioriteit. Informatie die vandaag aangeboden wordt, kan morgen niet meer nodig zijn, bv. doordat informatiebehoeften veranderen, onderwerpen achterhaald raken, enzovoorts. Het kan ook zo zijn dat bepaalde content wel relevant en actueel is, maar door verkeerde plaatsing of woordgebruik niet gevonden wordt. Door middel van kwantitatieve webanalyse (webstatistieken, geregistreerde zoekopdrachten) kan de effectiviteit van de informatiearchitectuur gemonitord worden. Inzicht hierin kan worden verkregen door gedragspatronen van bezoekers op de TU Delft website te bestuderen. De focus ligt dus niet op absolute aantallen, maar op de verbanden daartussen. Desondanks blijft het een kwantitatieve analyse waaraan conclusies zijn verbonden. Mogelijke onderzoeksgebieden zijn: Vindbaarheid van de website  

Voor welke universiteitgerelateerde vragen wenden mensen zich tot internet? Hoe vindbaar is de website in zoekmachines op (de belangrijkste) relevante zoekvragen?

Effectiviteit van binnenkomstpagina‟s, navigatiepagina‟s en doelpagina‟s    

Hoe komen bezoekers binnen op de website? Met welke vragen komen bezoekers naar de website? Slagen bezoekers erin het antwoord op hun zoekvraag te vinden op de website? Wanneer verlaten bezoekers de website?

Effectiviteit van de zoekfunctie   

Over welke onderwerpen bevraagt men de zoekfunctie het meest? Waardoor worden specifieke onderwerpen zo vaak via de zoekfunctie opgezocht? Geeft de zoekfunctie relevante antwoorden terug op de zoekvragen?


76 / 80

Populariteit van onderwerpen  

8.3

Welke onderwerpen worden het meest bezocht? Doet de informatiestructuur recht aan de relatieve verhoudingen in populariteit tussen onderwerpen?

Tools en methodieken Voor het kwantitatief onderzoeken van bezoekersgedrag op de website, zijn verschillende middelen beschikbaar: Zoekmachine ranking tools Zoekmachine ranking tools brengen snel en overzichtelijk in kaart hoe hoog een website bij de verschillende zoekmachines (Google, Yahoo! e.d.) scoort op een bepaalde zoekterm. Die informatie kun je gebruiken om de vindbaarheid van je website waar nodig te verbeteren, door technische of redactionele aanpassingen. Bij gebrek aan geschikte tools kun je natuurlijk ook zelf zoektermen invoeren bij zoekmachines en meten op welke plaats de website het eerst vermeld wordt. Webstatistieken Webstatistieken (ook bekend als web analytics) zijn rapportages op basis van het dataverkeer naar en op een website. Logbestanden van ingevoerde zoekwoorden op de website Logbestanden van zoekopdrachten in de (on-site) zoekfunctie zijn een uitstekend middel om inzicht te krijgen waar bezoekers naar zoeken op de website. Wat mensen invoeren in de zoekfunctie, kan zwakke punten in de informatiestructuur en de user interface blootleggen. Natuurlijk is dit sterk afhankelijk van het type website en hoe regelmatig mensen de website gebruiken. Globaal zijn er vier soorten zoekstrategieën te onderscheiden: 







Specifiek item vinden: De gebruiker weet dat wat hij zoekt bestaat en weet welke termen hij moet gebruiken om het te vinden. Voorbeeld: het invoeren van de zoekterm „Da Vinci Code‟ in een online boekwinkel. Het kan overigens zo zijn dat de betreffende boekwinkel dit boek niet heeft. Terugvinden: Deze vorm lijkt op „Specifiek item vinden‟, met het verschil dat de gebruiker de informatie die hij zoekt al eerder heeft gezien. Hij weet dus dat het er is en gebruikt de zoekfunctie als shortcut omdat hij niet meer precies weet waar de informatie staat. Onderzoeken: De gebruiker heeft wel een idee waarnaar hij op zoek is, maar weet misschien niet hoe hij de zoekvraag moet formuleren of waar hij moet beginnen. Voorbeeld: het zoeken naar de geschiedenis van het voetbal. Ontdekken: De gebruiker weet niet echt waar hij naar op zoek is. Hij bevindt zich op onbekend terrein of zoekt zonder specifiek doel. Voorbeeld: kijken of er nieuwe ontwikkelingen zijn in je vakgebied.


77 / 80

Op websites met concrete producten zie je relatief veel de zoekstrategie „Specifiek item vinden‟, doordat mensen exact kenmerken als titel of auteur kunnen benoemen. Websites met veel trouwe bezoekers hebben relatief meer „terugvind‟-zoekacties. Mensen die een website voor het eerst of slechts sporadisch bezoeken, proberen over het algemeen eerst met navigeren hun weg te vinden en gebruiken de zoekfunctie pas als ze vastlopen bij het volgen van hyperlinks.1 Voor de TU Delft verwachten we bij interne doelgroepen (studenten, medewerkers, promovendi) relatief meer terugvind-zoekacties tegen te komen, omdat zij de website het vaakst gebruiken. Bij studiekiezers en bedrijven is meer te verwachten dat mensen de zoekfunctie gebruiken als ze vastlopen in de navigatie. Cardsorting Met behulp van (gesloten) cardsorting kun je onderzoeken of gebruikers een verzameling onderwerpen eenvoudig kunnen onderbrengen in bestaande categorieën. Items die men niet begrijpt, niet weet in te delen of bij een andere categorie indeelt, moeten dus goed bekeken worden. Afhankelijk van het resultaat moeten ook de categorieën zelf kritisch bekeken worden. Enquête Enquêtes kunnen in een korte periode veel informatie opleveren, bv. waarvoor bezoekers naar de site komen, of ze het antwoord op hun vraag hebben kunnen vinden en of het antwoord begrijpelijk en bruikbaar was. Met enquêtes moet erg zorgvuldig worden omgegaan. Hou je ze te vaak, of kost het de bezoeker teveel moeite, dan roept dat ergernis op. Naast kwantitatief onderzoek kan ook met kwalitatief onderzoek inzicht worden verkregen in de effectiviteit van de informatiearchitectuur, bv. door middel van interviews of usability onderzoek.

1

Dit blijkt uit jarenlang usability-onderzoek door o.a. het toonaangevende bureau User Interface Engineering. Meer informatie: „Designing for the Scent of Information‟ door Spool, Perfetti & Brittan.


78 / 80

Bijlage A Informatiestructuur In deze bijlage vindt u de voorgestelde informatiestructuur voor de website.

A.1 Top-level navigatie Studeren

Onderzoek

Samenwerken

Over TU Delft

Actueel

    

    

 TU Delft betrekken bij uw project  Onderzoek sponsoren  Ondernemen op de campus  Ingenieur of stagiair nodig?  Netwerken

 Over de universiteit  Faculteiten  Gebouwen en voorzieningen  Medewerkers  Werken bij TU Delft  Alumni

      

Studeren aan TU Delft Bachelor opleidingen Master opleidingen Minors Post-academisch onderwijs

Promoveren Onderzoeksgebieden Projecten Publicaties Instituten en kenniscentra

Nieuws Agenda Blogs Opinie Magazines Foto‟s en video‟s Persinformatie

Zie diepere niveaus in sitemap (§A.4)

A.2 Meta boven     

AAA

Home Inloggen RSS English

A.3 Meta footer Direct naar

Contact

Support

 Bibliotheek  Scholierensite

    

   


Algemene informatie Studievoorlichting Persvoorlichting Evenementenbureau International students

Sitemap Toegankelijkheid Problemen met website? Disclaimer

79 / 80

A.4 Sitemap (globaal)


80 / 80

TU Delft.nl 2008 Versie 1.0

Recommend Documents