Hoe kan ik de navigatie proces voor de gebruiker tussen onderwerpen efficienter laten verlopen?

Kennisplatform CROW

Hoe kan ik de navigatie proces voor de gebruiker tussen onderwerpen efficienter laten verlopen?

Kennisplatform CROW

Aanleiding

Tijdens mijn werkzaamheden voor CROW werkte ik mee aan de doorontwikkeling van een online kennisplatform. Vanuit de organisatie kwam de vraag om “nieuwe visuele elementen” toe te voegen aan de website.

Klant:

Kennisplatform CROW

Project tijd:

2 maanden

Rol:

UX Designer

Sector:

Overheidsinstantie

Over de opdrachtgever

Over de opdrachtgever

CROW bedenkt slimme en praktische oplossingen voor vraagstukken over infrastructuur, openbare ruimte, verkeer en vervoer in Nederland. We ondersteunen de gww- en mobiliteitssector met het slimmer, duurzamer, toegankelijker en veiliger maken van de fysieke leefomgeving door zowel richtlijnen en handreikingen op te stellen als het aanbieden van cursussen en opleidingen.

Het Probleem Begrijpen

Het Probleem Begrijpen

Ontwerpopgave in het begin

Ontwerpopgave in het begin

Vanuit CROW is de vraag ontstaan dat ze meer visuele middelen willen zien, om te kunnen navigeren naar verschillende pagina's op hun website. Vanuit deze nog "vrij onscherpe" ontwerpersvraag ben ik aan de slag gegaan.

Hoofdvraag versie 1

Hoe kan ik voor CROW een component op een viseel component ontwikkelen om naar

verschillende pagina's. te navigeren.

Ontwerpopgave na onderzoek

Ontwerpopgave na onderzoek

In eerste instantie ben ik te snel gestart met ontwerpen, zonder het achterliggende probleem volledig scherp te hebben. Tijdens feedbacksessies ben ik daarom actief door gaan vragen naar de aanleiding achter de aanvraag. Hieruit bleek dat gebruikers moeite hadden met het interpreteren van informatie en onvoldoende overzicht ervaarden tijdens het navigeren.

Hoofdvraag versie 2

Hoe kan ik voor de gebruiker van CROW een component ontwikkelen dat helpt met het intuitief navigeren en meer inzicht geeft over verschillende onderwerpen, zodat ze sneller relevante informatie vinden waar de pagina over gaat

De Oplossing

De Oplossing

Interactive Grid Component

Interactive Grid Component

Op basis van deze inzichten ontwikkelde ik een interactief gridcomponent dat informatie overzichtelijker presenteerde en beter aansloot op de visuele identiteit van CROW.

1.1 Interactive Grid Component

Dit component kan uit 2 tot 10 blokken bestaan en is makkelijk in te stellen in het CMS Wagtail. De content editor van CROW kan per blok kiezen of er een afbeelding of een kleur moet worden getoond. De indeling van de blokken heeft een vaste lay-out, afhankelijk van het aantal blokken.

1.2 Verschillende soorten variaties van het interactive grid component

Persoonlijke Reflectie

Persoonlijke Reflectie

Ontwerp vanuit inzichten

Ontwerp vanuit inzichten

Dit traject heeft mij geleerd hoe belangrijk het is om ontwerpkeuzes eerst te baseren op een duidelijke probleemstelling en gebruikersinzichten.

  • Wat werkte niet: te vroeg de ontwerpfase ingaan, zonder het achterliggende probleem scherp te hebben.

  • Wat werkte wel: mijn creativiteit toepassen vanuit een duidelijke probleemstelling en concrete gebruikersinzichten.

1.2 Verschillende soorten variaties van het interactive grid component

Let's connect!

Let's connect!

Wil je meer zien van mijn werk of gewoon kort een gesprek? Ik sta altijd open voor een kopje koffie!

Ik zoek een fulltime functie als UX-Designer of Digital Designer. In toekomstige projecten wil graag wat bijdragen aan een creatief en gedreven team.

Aanleiding

Tijdens mijn werkzaamheden voor CROW werkte ik mee aan de doorontwikkeling van een online kennisplatform. Vanuit de organisatie kwam de vraag om “nieuwe visuele elementen” toe te voegen aan de website.

Klant:

Kennisplatform CROW

Project tijd:

2 maanden

Rol:

UX Designer

Sector:

Overheidsinstantie

Aanleiding

Tijdens mijn werkzaamheden voor CROW werkte ik mee aan de doorontwikkeling van een online kennisplatform. Vanuit de organisatie kwam de vraag om “nieuwe visuele elementen” toe te voegen aan de website.