Opgeleverd:
Webdesign - UX-UI Design
Projectmanagement
Communicatieadvies en -strategie
Mr. Upside x
TU Delft Science Centre
Na mijn eerdere project bij de Technische Universiteit in Delft, in het Visual Communications team, werd ik door het TU Science Centre gevraagd om eens kritisch te kijken naar de website van het Science Centre Delft. Daar was al een hele tijd niet iets structureels aan veranderd. Content was vervangen en toegevoegd maar ook de site structuur was daarbij aangepast zonder een strategische visie. Als Freelance Senior UX-UI Designer heb ik op verzoek van het TU Delft Science Centre daarom de informatiestructuur van de website aangepakt.
Probleem / uitdaging
De website van het TU Delft Science Centre stond alweer enige tijd in dezelfde vorm live maar vanuit meerdere kanten werd duidelijk dat de website niet (meer) optimaal werkte.
Tijdens reguliere content updates werd regelmatig de content structuur aangepast. Dat is op zichzelf geen enkel probleem, maar nu werd het tijd voor een grondige ‘schoonmaak’ en een nieuwe start. De informatiestructuur voelde na de vele aanpassingen wat ongestructureerd aan en de visuele stijl was verre van consistent.
Er waren nieuwe diensten ontwikkeld én er waren plannen om met meer nieuwe diensten live te gaan die nog niet goed op de huidige website konden worden weergegeven.
Een ander belangrijk punt van aandacht was de herkenning die de verschillende doelgroepen hadden op de website. In andere woorden; veel doelgroepen vonden onvoldoende gemakkelijk de voor hen bestemde informatie terug, waardoor ook het aanbod voor die doelgroepen onduidelijk werd gecommuniceerd.
Oplossing en resultaat
Als Freelance Senior UX-UI Designer heb ik op verzoek van het TU Delft Science Centre de informatiestructuur van de website aangepakt. Het probleem werd geanalyseerd en een structurele oplossing geformuleerd in een UX-UI advies. Daarna zijn Flowcharts en Wireframes opgeleverd maar de inzichten over een beter contentproces zijn het meest waardevol gebleken.
Er is met veel aandacht naar met name de informatiestructuur van de website gekeken. Telkens weer is de vraag gesteld: ‘Waarom staat deze informatie op deze plek en is dat ook werkelijk de juiste plek?’
Concreet leverde dat twee Flowcharts en voor diverse templates ook Wireframes op.
Flowcharts zijn een schematische weergave, in een boomstructuur, van alle webpagina’s in de website. Er is een Flowchart gemaakt voor de huidige situatie, om te bepalen waar de grootste problemen zich voordeden. En er is een Flowchart gemaakt met daarin een nieuwe situatie. Daarbij is goed gekeken naar de informatiestructuur van vergelijkbare websites, zoals die van het Textielmuseum in Tilburg.
Wireframes zijn een soort blauwdruk van de webpagina, zoals de blauwdrukken die architecten gebruiken. In een Wireframe wordt gewerkt met niet-definitieve en soms ook niet-realistische content. Ook worden kleuren en de rest van de vormgeving bewust heel basic gehouden.
Het doel van Wireframes is het weergeven van de positie en het karakter van informatie, niet het tonen een visueel aantrekkelijke afbeelding.
Diverse aanpassingen
Uiteraard zijn, zoals altijd bij UX-UI Design, de gebruiker en zijn behoefte altijd centraal geplaatst. De organisatorische structuur van Science Centre en TU Delft mocht niet beïnvloeden hoe de informatie op de website wordt getoond. De gebruiker heeft immers geen boodschap aan die organisatiestructuur.
Het ‘gebruiker centraal’-principe geldt ook voor de communicatie. Dus ontvangergerichte communicatie in plaats van zendergebaseerde communicatie. Concreet betekende dat niet ‘Wij hebben dit’, maar ‘Jij kan dit’. Niet ‘wij’ en ‘ons’, maar ‘jij’ en ‘jouw’.
Dat komt nu terug in de naamgeving van de hoofdmenu-items. Er wordt niet beschreven wat de TU Delft Science Centre in de aanbieding heeft (zoals nu ‘Activiteiten’) maar juist wat ‘jij kunt doen’. De gebruiker wordt aangesproken. Daarom zijn de hoofdnavigatie-items nu ‘Ontdek’, ‘Bezoek’, ‘Maak’ en ‘Over Science Centre’ geworden. Waarbij ‘Maak’ nieuw is en de doelgroep TU Delft studenten beter aanspreekt.
Directe links in de hoofdnavigatie zijn verwijderd. Ze leiden nu niet meer naar externe pagina’s. Een directe link in de hoofdnavigatie lijkt gemakkelijker en sneller. Maar dit verwart gebruikers enorm. Omdat op de pagina waarop wordt geland vaak ineens een andere hoofdnavigatie wordt gebruikt. Zelfs terwijl er soms op die externe website nog wel een TU Delft huisstijl werd gebruikt. Wederom; de gebruiker staat centraal. Die moesten we helpen de informatie beter te begrijpen.
Daarom is er altijd een korte pagina met beknopte info en een knop van Science Centre tussen geplaatst.
Op die manier:
blijft Science Centre meer eigenaar van alle content,
wordt Science Centre juist op die content goed gevonden in zoekresultaten en
wordt ze, SEO-wise, ook meer de autoriteit op haar gebied.
In de loop van de tijd werden er meerdere subdomeinen voor het Science Centre binnen het TU Delft domein in gebruik genomen. Dat is verwarrend. Voor SEO en algemene duidelijkheid van de gebruiker werd er één URL voorgesteld: Tudelft.nl/sciencecentre/ en vallen nu alle pagina’s daaronder, met een herkenbare structuur.
Gelijkwaardige content stond op meerdere plekken op de website. Na een grondige analyse van alle content is duplicate of gelijkwaarde content samengevoegd op één plek.
Naast een nieuwe website was het Science Centre bezig met de vernieuwing van hun fysieke locatie in Delft. Op de website was voor het publiceren van de voortgang van dat project nog geen vaste plek ingericht. Er werd een Nieuws-gedeelte toegevoegd; geïnspireerd door het artikel ‘De vernieuwing van TU Delft Science Centre’ en bedoeld om (online) bezoekers op de hoogte te houden van de ontwikkelingen rondom het nieuwe Science Centre.
In eerste instantie waren er nog subhome pagina’s voor het Primair Onderwijs en het Voorgezet Onderwijs. Maar omdat die content zo beperkt was, is er voor gekozen de informatiestructuur ‘platter’ te maken en van de ‘Onderwijs’-homepage een wat grotere pagina waarop alle onderwijsdoelgroepen een ingang krijgen.
