Het einde van een jaar is altijd een drukke periode. Toch is het waardevol om juist in deze tijd even stil te staan bij iets wat essentieel is voor elke organisatie: de website. Een goede website vormt immers het visitekaartje én de toegangspoort voor gebruikers.
Bij een website-analyse richten we ons op twee belangrijke aspecten: de gebruikersomgeving (User Interface, UI) en de gebruikerservaring (User Experience, UX). Deze elementen bepalen samen hoe effectief en gebruiksvriendelijk een website is.
Een interessante casus hiervoor is de website van het UMCG (Universitair Medisch Centrum Groningen), de grootste werkgever in Noord-Nederland. Met duizenden bezoekers per dag vervult deze website een cruciale rol in het informeren van patiënten, medewerkers en andere belanghebbenden. Reden genoeg om deze site eens onder de loep te nemen en te analyseren wat goed werkt en waar mogelijk ruimte is voor verbetering.
In de volgende secties bespreken we hoe een sterke UI en UX kunnen bijdragen aan de online prestaties van een organisatie, en hoe inzichten uit de UMCG-website toepasbaar zijn voor andere bedrijven.
Analyse website UMCG
Gebruik fotografie en feeling website
Wat opvalt aan de website is dat het gedateerd aanvoelt. Een nietszeggende foto van een medewerker, mogelijk iemand die bij de balie zit en bezoekers ontvangt met de vroeg ‘hoe kunnen wij helpen’ maar dit is speculatief en onduidelijk. Los van de grijs op haar gezicht die wat ongemakkelijk aanvoelt zou er ook gekozen kunnen worden voor een foto van de entree of het vooraanzicht van UMCG die zo herkenbaar is voor een grote groep mensen. (Zie 1)
Logo en huisstijl UMCG
Naast fotografie zorgt ook het logo voor deze gedateerde feeling. Hier zou ook zeker eens opnieuw naar gekeken kunnen worden. Het hoeft niet per se een totaal nieuw beeldmerk te zijn maar kan ook een redesign zijn, het strakker en moderner maken van het huidige beeldmerk. (Zie 2)
Zoekfunctie op website
Wat ook opvalt is de zoekbalk, die vrij ‘laag’ hangt, of wat je ook kunt zeggen is dat er veel ruimte (space) boven de balk zit, witte ruimte, white space. De keuze voor de zoekbalk boven de ‘Snel naar’ tabjes is best opmerkelijk. Want eigenlijk zoek de website bezoeker al vrijwel alles moeten kunnen vinden via deze 6 ‘Snel naar’ tabjes. Nu moet de bezoeker zelf nadenken in welke termen hij of zij iets zoekt. De tekst ‘Begin met typen’ is ook best opvallend, vaker kiest men de woorden ‘ik ben op zoek naar…’ (Zie 3).
Iconen inzetten voor optimale gebruiksvriendelijkheid
Om gebruikers snel naar de gewenste informatie te leiden, is er op de UMCG-website gekozen voor een prominente plaatsing van het ‘Snel naar-menu’. Dit menu bevat zes onderwerpen die vermoedelijk het vaakst worden gezocht of waarvan wordt aangenomen dat ze snel toegankelijk moeten zijn. In de praktijk blijkt echter dat als gebruikers massaal contact opnemen met de klantenservice over een bepaald onderwerp, dit vaak komt doordat de informatie niet duidelijk vindbaar is op de website.
Een opvallend detail is dat de zes onderwerpen in het menu geen gebruik maken van iconen, maar uitsluitend worden aangegeven met pijlen. Dit is een gemiste kans. Iconen kunnen, net zoals verkeersborden, in één oogopslag duidelijk maken waar een link over gaat, zonder dat de gebruiker eerst tekst hoeft te lezen. Het combineren van iconen met tekst biedt niet alleen visuele ondersteuning, maar verhoogt ook het gebruiksgemak en de snelheid waarmee bezoekers hun doel bereiken.
Een ander punt van aandacht is de tekst ‘contact met het UMCG’. Dit zou beter vervangen kunnen worden door ‘contact opnemen’, aangezien de bezoeker al op de UMCG-website is. Korte, duidelijke en actiegerichte teksten dragen bij aan een optimale gebruikerservaring. Door aandacht te besteden aan zowel visuele elementen als tekstuele helderheid kan het ‘Snel naar-menu’ effectiever en gebruiksvriendelijker worden gemaakt. (Zie 4)
Nieuws en actualiteit op website
Het belangrijkste kenmerk van nieuws is dat het actueel is en de bezoeker voorziet van relevante informatie. Een duidelijke structuur is hierbij essentieel: welke thema’s of onderwerpen zijn voor de bezoeker van belang?
Wat direct opvalt, is het gebruik van het label ‘nieuws’ onder de titel ‘Laatste nieuws’. Dit is overbodig en niet specifiek. In dit geval gaat het bijvoorbeeld om informatie over ‘zorgverzekeraars’. Een gerichter label zoals ‘Verzekering’, ‘Verzekeraars’, ‘Kosten’, of ‘Contracten’ zou de inhoud veel beter samenvatten. Dit maakt het niet alleen duidelijker voor bezoekers, maar biedt ook meer flexibiliteit om toekomstige berichten binnen hetzelfde thema te categoriseren.
Daarnaast speelt beeldmateriaal een belangrijke rol in de presentatie van nieuws. Algemeen gebruikte foto’s, zoals een patiënt in bed, zijn vaak te generiek en voegen weinig waarde toe aan het bericht. Het is effectiever om fotografie specifiek af te stemmen op het onderwerp van het artikel. Dit maakt de boodschap visueel aantrekkelijker en relevanter.
Een andere overweging is de plaatsing van de titel van het nieuwsbericht. Door deze boven de foto te zetten in plaats van eronder, krijgt de bezoeker direct een duidelijker beeld van het onderwerp en wordt de aandacht beter geleid. Kleine aanpassingen zoals deze kunnen een groot verschil maken in de gebruiksvriendelijkheid en impact van een nieuwssectie. (Zie 5)
Nieuwe website UMCG
Webdesign voor UMCG op basis van analyse
Bij een nieuw ontwerp zou je dus op de 5 genoemde punten moeten letten. Om te beginnen punt 1: een andere foto, een foto van de voorzijde is mogelijk maar om nog meer een ‘welkom’ gevoel te krijgen zou ook de ontvangsthal kunnen. Gekozen is om de huisstijkleur als lay-over over de afbeelding te doen, dit zodat er meer rust ontstaat en geen ruis van allerlei kleuren.
Een nieuwe huisstijl voor UMCG
Een frisse, moderne huisstijl kan een groot verschil maken in de uitstraling van een organisatie. De symbolische kikker blijft behouden, omdat deze transformatie en herstel vertegenwoordigt. In de geneeskunde staat de kikker symbool voor regeneratie en het herwinnen van gezondheid, wat perfect aansluit bij de kernwaarden van het Universitair Medisch Centrum Groningen (UMCG).
Het kleurenpalet is vereenvoudigd tot twee krachtige en herkenbare tinten: UMCG Blauw en UMCG Goud. Waarbij blauw staat voor zorg, stabiliteit en vertrouwen. En het goud-geel staat voor warmte, positiviteit en professionaliteit. Deze combinatie straalt zowel stabiliteit als energie uit. De kikker is verwerkt in een framework met een open bovenkant, een subtiele verwijzing naar een uitkomst of uitweg. Bovendien vormt deze opening indirect de letter ‘U’, een knipoog naar de eerste letter van de naam van het UMCG.
De gouden stippen zijn subtiel verwerkt als een lijn onder het symbool, wat voor visuele balans zorgt. Daarnaast is er ruimte gelaten voor een plusteken, een typisch detail dat de medische wereld symboliseert. Dit kan naar wens worden toegevoegd of weggelaten.
Ook de typografie is vernieuwd en gekozen voor een krachtig, modern lettertype dat de professionele en vooruitstrevende identiteit van het UMCG onderstreept. Het resultaat is een eigentijdse en betekenisvolle huisstijl die zowel herkenbaar als onderscheidend is.
Een menu met symbolen
Door gebruik te maken van symbolen kan de bezoeker in één oogopslag herkennen om welk onderwerp het gaat. Het is belangrijk dat deze symbolen visueel consistent zijn: dezelfde kleur en lijndikte zorgen voor een rustig en overzichtelijk ontwerp.
Naast visuele elementen is het ook cruciaal om kritisch naar de titels te kijken. Als bezoekers bijvoorbeeld zoeken naar “Afspraak maken”, gebruik dan deze tekst in plaats van een minder duidelijke term zoals “Opname”. Duidelijke en actiegerichte titels verbeteren de gebruiksvriendelijkheid aanzienlijk.
Daarnaast kunnen sommige menu-items samengevoegd worden om het overzicht te vergroten. Bijvoorbeeld: combineer “Parkeren, bezoek en contact” tot “Route en contact” en geef dit een prominente positie in het menu.
En ook is het verstandig om op basis van gebruiksonderzoek te evalueren welke menu-opties relevant zijn. Als blijkt dat gebruikers weinig klikken op een item zoals “Voorzieningen”, kan dit beter uit het menu worden verwijderd. Dit houdt het navigatiemenu overzichtelijk en doelgericht.
Herontwerp van het blok ‘Laatste nieuws’
Het blokje ‘Laatste nieuws’ kan behouden blijven, maar met een frisse en vernieuwde uitstraling. Het kan worden omgevormd tot een element dat de bezoeker interessante of achtergrondinformatie biedt. Een meer uitnodigende en persoonlijke titel, zoals ‘Interessant voor u?’, maakt het aantrekkelijker om verder te lezen.
Daarnaast is het belangrijk om de thema’s in het blok beter af te stemmen op de inhoud. In plaats van het generieke label ‘nieuws’ kan een specifieker label worden gebruikt, zoals ‘Financieel’ wanneer het gaat om kosten en vergoedingen. Dit zorgt voor meer duidelijkheid en relevantie voor de gebruiker.
Ook de vormgeving verdient aandacht. Kleine details, zoals afgeronde hoeken, kunnen bijdragen aan een zachtere, toegankelijke uitstraling die aansluit bij de nieuwe huisstijl en andere ontwerpelementen van de website. Deze subtiele aanpassingen zorgen voor een visueel samenhangend en gebruiksvriendelijk ontwerp.
Op zoek naar een nieuwe huisstijl?
Neem contact op met ZORM voor een vrijblijvend gesprek. Een sterke huisstijl of een goed functionerende website kan jouw organisatie een flinke boost geven!
