Diabetesvereniging Nederland

Diabetesvereniging Nederland; Een nieuwe UI & UX voor een toegankelijke informatievoorziening.

Maak afspraak

Diabetesvereniging Nederland is een vereniging opgericht voor en door mensen met diabetes. Elke dag zetten zo'n 300 vrijwilligers en 25 medewerkers zich in voor mensen met diabetes. Samen zetten ze zich in voor kwaliteit van leven met zoveel mogelijk eigen regie. De website biedt ondersteuning voor het omgaan met diabetes. Met trots mochten wij het UI / UX traject onder handen nemen.Hoofddoel is dat mensen met diabetes volwaardig kunnen meedoen in de maatschappij. 

Bereikte resultaten

  • Focus op de doelgroep
  • EAA Conform Design
  • Modern en Gebruiksvriendelijk
  • Effectief UI/UX Ontwerp
  • Optimaal voor Mobiel

Lees meer

Een sparringsessie met de vereniging

Diabetesvereniging Nederland bestaat uit een grote groep vrijwilligers en medewerkers met allen hetzelfde doel binnen de vereniging. Informatie voor diabetici zo toegankelijk mogelijk beschikbaar maken zodat mensen met diabetes volwaardig kunnen meedraaien in de maatschappij. Binnen de organisatie heeft ieder natuurlijk een eigen specialisatie of wensenlijst die in de website verwerkt moest worden. Soms kan dit elkaar bijten. Maar aan ons de taak om dit in goede banen te leiden. In meerdere sparringssessies hebben informatie verzameld en gebundeld tot een uitgebreide briefing. Vervolgens hebben we met een compactere groep de zogenaamde ‘must haves’, ‘should haves’ en ‘could haves’ uiteengezet.

Homepage banner website Diabetesvereniging NederlandSpotlight website Diabetesvereniging Nederland

Wireframe van Diabetesvereniging Nederland

Voordat we aan de slag zijn gegaan om de User Interface (UI) te ontwerpen, zijn we begonnen met het ontwikkelen van een zg. wireframe. In het ontwerptraject is dit de eerste stap die we nemen. Dit doen we aan de hand van een sessie om te bepalen wat het hoofddoel van de webshop gaat worden en welke middelen we hiervoor allemaal gaan gebruiken om dit doel te bereiken. Een wireframe is een blauwdruk voor de website die alle pagina-elementen inzichtelijk maakt. Dit hebben we gedaan voor alle pagina’s die in de website te bezoeken zijn. Zodoende hadden we de flow van de bezoeker in een schematische manier in kaart gebracht waarop we verder konden bouwen. Daarnaast konden onze ontwikkelaars alvast aan de slag om een basis op poten te zetten.

Inzet van de European Accessibility Act

Bij het ontwerp van de van de website hebben we speciale aandacht besteed aan digitale toegankelijkheid, conform de richtlijnen van de European Accessibility Act (EAA). Deze Europese regelgeving eist dat digitale producten en diensten toegankelijk zijn voor iedereen, inclusief personen met een beperking. We hebben ervoor gezorgd dat de website van Diabetesvereniging Nederland voldoet aan deze standaarden door middel van toegankelijke ontwerpprincipes, zoals voldoende contrast, navigatie die bruikbaar is met hulpmiddelen, en inhoud die leesbaar en begrijpelijk is. Dit garandeert dat alle gebruikers, ongeacht hun fysieke mogelijkheden, de informatie op onze site effectief kunnen gebruiken. Meer hierover lees je op onze Blog.

Winkel Diabetesvereniging Nederland

UI & UX Design

Nu we met het wireframe de “bouwtekening” hebben gemaakt, kunnen starten met de daadwerkelijke grafische invulling van de website. De basiskleuren rood en oranje en het logo bleven ten behoud van de herkenbaarheid van het merk. De rest van de visuele identiteit hebben we aangevuld met frisse bijpassende kleuren en lettertypen. Uiteindelijk zijn we uitgekomen op een prachtig hedendaags design die vanuit de rijke hoeveelheid aan content is opgebouwd. Gebruiksvriendelijkheid staat voorop waarbij ook doorgewinterde gebruikers eenvoudig toegang hebben tot alle informatie die op de website te vinden is.

Mobiel vriendelijk ontwikkeld

Omdat de overgrote meerderheid van de bezoekers tegenwoordig op hun telefoon of tablet surft, hebben we de website voor Diabetesvereniging Nederland standaard ontworpen voor de mobiele telefoon en tablet. Dit levert voor de bezoeker een beter gebruikerservaring op en geeft de website bij Google een hogere indexatie-score voor in de zoekresultaten.

Mobile UI / UX schermen website Diabetesvereniging Nederland

Ook een maatwerk WordPress website laten ontwikkelen of laten ontwerpen?

Wilt u ook graag een maatwerk WordPress website laten ontwerpen of ontwikkelen? Neem contact met ons op en we komen graag langs om de opties te bespreken.

Rianne over haar ervaring met Eye Entertainment

star star star star star

Als je op zoek bent naar een mooi design ben je hier aan het juiste adres. Jeroen & Jeroen luisteren goed naar de wensen van de klant en verrassen je vervolgens door hun eigen specialisme en creativiteit toe te voegen. Naast een mooi eindresultaat is het ook nog eens heel gezellig om samen te werken met Jeroen & Jeroen. Dus ik zou zeggen: doen!

Rianne Schouten - Diabetesvereniging Nederland

Bereikte resultaten

  • EAA Conform Design: De website is ontworpen volgens de richtlijnen van de European Accessibility Act (EAA), wat betekent dat deze toegankelijk is voor gebruikers met verschillende beperkingen. Elementen zoals contrast, navigatie en leesbare content zijn geoptimaliseerd.
  • Effectief UI / UX Ontwerp: Bij Diabetesvereniging Nederland is de grafische invulling van de website zorgvuldig ontworpen met een focus op gebruiksvriendelijkheid en esthetiek. Elementen zijn opgemaakt met een pallet van kleuren die aansluiten bij de huisstijl, waarbij conversie en duidelijke navigatie voorop staan. Dit helpt bezoekers bij het eenvoudig bestellen van drukwerk.
  • Focus op de doelgroep: Bij de ontwikkeling van de website is rekening gehouden met de diverse behoeften van de doelgroep binnen de diabetici. De samenwerking met verschillende instanties zorgde ervoor dat alle specifieke wensen en eisen geïntegreerd werden in het ontwerp.
  • Modern en Gebruiksvriendelijk: Het design van de website is volledig vernieuwd met behoud van de herkenbare basiskleuren oranje en rood. Het moderne, content-gedreven ontwerp benadrukt gebruiksvriendelijkheid en biedt ook de geavanceerde gebruiker gemakkelijk toegang tot alle informatie, resulterend in een frisse en aantrekkelijke gebruikersinterface.
  • Optimaal voor Mobiel: Met meer dan 60% van de bezoekers die mobiel browsen, is de website van Diabetesvereniging Nederland geoptimaliseerd voor telefoons en tablets. Dit verhoogt de gebruikerservaring en verbetert de positie in zoekresultaten van Google, waardoor het makkelijker wordt gevonden.

Bereikte resultaten

  • Focus op de doelgroep
  • EAA Conform Design
  • Modern en Gebruiksvriendelijk
  • Effectief UI/UX Ontwerp
  • Optimaal voor Mobiel

Lees meer

Deel deze pagina

LinkedIn Facebook Twitter

Andere UI & UX projecten

Bekijk onze projecten waarbij UI & UX Design centraal staan, en ervaar hoe dit heeft bijgedragen aan een fijne intuïtieve gebruikerservaringen.

Bekijk alle UI & UX projecten

Veelgestelde vragen over UI & UX Design

Wat is het verschil tussen UI en UX Design?

UI (User Interface) Design richt zich op het visuele aspect van een product, zoals de lay-out, kleurenpalet en interactieve elementen. UX (User Experience) Design daarentegen richt zich op het totale gevoel en de ervaring van de gebruiker tijdens het gebruik van het product, inclusief gebruiksvriendelijkheid, bruikbaarheid en de algemene tevredenheid.

Waarom is goede UX Design belangrijk voor mijn website of app?

Een goede UX Design zorgt ervoor dat gebruikers gemakkelijk kunnen navigeren, hun doelen kunnen bereiken en een positieve ervaring hebben tijdens het gebruik van je product. Dit leidt tot hogere gebruikerstevredenheid, verbeterde conversiepercentages en een betere merkreputatie.

Hoe kan UI Design de conversie op mijn website of app verbeteren?

UI Design speelt een cruciale rol bij het beïnvloeden van het gedrag van gebruikers door middel van visuele elementen, zoals duidelijke call-to-action knoppen, intuïtieve navigatie en aantrekkelijke lay-outs. Door deze elementen te optimaliseren, kun je de conversie op je website of app verhogen.

Welke tools worden vaak gebruikt in UI & UX Design?

Enkele veelgebruikte tools in UI & UX Design zijn Sketch, Adobe XD, Figma, InVision en Axure RP. Deze tools helpen ontwerpers bij het maken van wireframes, prototypes en visuele ontwerpen, evenals bij het delen en samenwerken met teamleden en klanten.

Hoe kan ik de gebruikerservaring van mijn website of app verbeteren?

Om de gebruikerservaring te verbeteren, is het belangrijk om het product te testen en feedback van gebruikers te verzamelen. Daarnaast kunnen technieken zoals gebruikersonderzoek, gebruiksvriendelijkheidstests en iteratief ontwerpen worden toegepast om het product continu te optimaliseren en aan te passen aan de behoeften van de gebruikers.

Wat zijn veelvoorkomende valkuilen in UI & UX Design om te vermijden?

Enkele veelvoorkomende valkuilen zijn het negeren van gebruikersfeedback, het overladen van de interface met te veel informatie, het gebruik van verwarrende navigatie en het verwaarlozen van de laadtijd van de website of app. Het is belangrijk om deze valkuilen te vermijden om een optimale gebruikerservaring te garanderen.

Hoe maak ik mijn website, webshop of app toegankelijker?

Om je website of app toegankelijker te maken, is het belangrijk om te voldoen aan richtlijnen zoals de Web Content Accessibility Guidelines (WCAG). Dit omvat onder andere het gebruik van duidelijke en beknopte tekst, het bieden van alternatieve tekst voor afbeeldingen en het mogelijk maken van navigatie via het toetsenbord voor gebruikers met motorische beperkingen.

Wat zijn de belangrijkste trends op het gebied van UI & UX Design?

Enkele belangrijke trends zijn dark mode, minimalistisch design, micro-interacties, voice user interfaces (VUI) en augmented reality (AR) in UX Design. Deze trends spelen in op de behoeften en voorkeuren van moderne gebruikers en kunnen helpen om een unieke en aantrekkelijke gebruikerservaring te creëren.

Hoe meet ik de prestaties van mijn website of app?

Het meten van de prestaties van je website of app vanuit een UX-perspectief kan worden gedaan met behulp van verschillende analysetools, zoals Google Analytics, Hotjar en Crazy Egg. Door het analyseren van gebruikersgedrag, zoals klikken, scrollen en tijd op pagina, kun je inzicht krijgen in hoe gebruikers je product ervaren en waar verbeteringen nodig zijn.

Hoe vind ik een goede balans tussen esthetiek en functionaliteit?

Een goede balans tussen esthetiek en functionaliteit kan worden bereikt door te streven naar een ontwerp dat zowel visueel aantrekkelijk als functioneel is. Dit omvat het gebruik van een consistente visuele stijl, het vermijden van overbodige decoratie en het prioriteren van de gebruikerservaring bij het maken van ontwerpbeslissingen. Regelmatige gebruikerstests en iteraties kunnen helpen om deze balans te optimaliseren.

Samen bouwen aan jouw online succes?

Bij Eye Entertainment in Groningen geloven we sterk in het samenspel tussen creativiteit en gebruiksvriendelijkheid. Of het nu gaat om het ontwerpen van een website met een strakke, intuïtieve gebruikerservaring of het bouwen van een webshop die opvalt en converteert, we combineren design met functionaliteit. Samen kunnen we de perfecte mix creëren voor jouw digitale aanwezigheid.

Maak afspraak