Geschreven door
Profielfoto Kelly
Kelly Kroesen
Profielfoto Kelly
Geschreven door
Kelly Kroesen
Leestijd
3 minuten
Designer maakt wireframes op papier

In dit artikel

Door de enorme groei aan devices zijn mensen tegenwoordig overal en altijd online. In de trein zitten we op onze smartphone, tijdens het hardlopen op onze smartwatch, tijdens het vergaderen op onze tablet, eenmaal thuis achter onze laptop en een enkeling start daarnaast de desktop nog op. Deze toename aan apparaten zorgt ervoor dat digitale media op steeds meer verschillende schermformaten wordt vertoond.

Enkele jaren geleden kwam daar een oplossing voor: Responsive Webdesign. Deze methode zorgt ervoor dat alle content leesbaar en benaderbaar blijft door mee te schalen met het schermformaat. Ondanks dat de oorspronkelijke bedoeling van Responsive Webdesign verder ging dan alleen schalen, is dit toch de vertaling hiervan geworden. Een benadering die tegenwoordig wel verder gaat dan alleen schalen is Adaptive Webdesign.

Adaptief ontwerpen

Wat vaak vergeten wordt in het ontwerpproces is dat de verschillende apparaten ook verschillende gebruikersdoelen hebben. Een smartphone wordt bijvoorbeeld vaak voor snelle en beknopte informatie gebruikt, terwijl je op een desktop juist meer informatie wilt kunnen lezen.

Naast dat de gebruikersdoelen verschillen, zijn de verwachtingen van de eindgebruiker ook anders. Op een mobiel is snelheid belangrijker, naarmate het scherm groter wordt is de logische indeling van de informatie weer belangrijker. Websites moeten anticiperen op de doelen en verwachtingen van de eindgebruikers om hun gebruiksvriendelijkheid te behouden. Hierbij moet je niet alleen rekening houden met een ontwerp dat schaalt naar het formaat van het scherm. Bij Adaptive Webdesign wordt er ook rekening gehouden met de context waarin een website wordt benaderd, zodat de inhoud afgestemd kan worden op de gebruiker.

Voorbeeld: stel dat je vanavond heerlijk uiteten gaat met je partner. Aangezien jullie ook willen genieten van alle bijpassende wijnen gaan jullie met het openbaar vervoer. Eenmaal in de trein wil je graag weten hoe je vanaf het station het snelst naar het restaurant loopt. Op je smartphone surf je naar de website van het restaurant en op basis van jouw locatie wordt er direct de mogelijkheid getoond om een kaart te openen met routebeschrijving. De website anticipeert op de situatie waarin jij je bevindt en helpt je bij het bereiken van jouw doel; namelijk zo snel mogelijk kunnen genieten van jullie speciale avond bij romantisch kaarslicht.

User Experience Design

In het ontwerpproces van een adaptieve website is het belangrijk dat men zich inleeft in de eindgebruikers. Dit helpt om te kunnen bepalen welke informatie op welk moment en in welke situatie beschikbaar moet zijn. Het is belangrijk dat er zowel naar bewuste als onbewuste behoeftes van de eindgebruiker wordt gekeken. Zo kan een eindgebruiker onderweg bewust op zoek zijn naar de contactgegevens op een website, maar wil hij onbewust ook dat de website snel laadt vanwege zijn mobiele dataverbinding. In het ontwerpproces moet je dus rekening houden met verschillende aspecten. Hieronder een aantal voorbeelden:

  • Het identificeren van de verschillende soorten eindgebruikers;
  • Het identificeren van de gebruikersdoelen en wensen die deze eindgebruikers hebben;
  • De context waarin de content wordt benaderd zoals bijvoorbeeld: locatie, dataverbinding, mogelijkheden van het apparaat;
  • Het optimaliseren van de content op de verschillende apparaten van de eindgebruikers.
Profielfoto Kelly
Vergelijkbare artikelen
 
 
Designer schetst een user flow
Profielfoto Maike Maike Bekkernens
Tools & methodes

Zet je gebruiker centraal met user flows voor jouw app of website

De user flow template helpt je om de paden die gebruikers bewandelen bij het gebruik...

Sfeerbeeld van werkende mensen op kantoor
Profielfoto Joey Joey Verwey
UX design

Rekening houden met de privacy van de eindgebruikers in digitale projecten

Met de komst van de AVG wetgeving in 2016 hebben wij ons ontwerpproces aangescherpt m...

Close-up van schetsen op papier
Profielfoto Joey Joey Verwey
UX design

Stakeholders en eindgebruikers betrekken met wireframes

Een belangrijk onderdeel in het ontwerpproces van digitale projecten is het maken van...

Mock-up van een core model canvas
Profielfoto Maike Maike Bekkernens
Tools & methodes

Core Model Canvas: in 8 stappen naar de kern van je content

Het Core Model Canvas template helpt je eenvoudig te ontdekken welke content niet mag...

Kind gebruikt een tablet
Profielfoto Joey Joey Verwey
UX research

Apps ontwerpen voor leerlingen op het basisonderwijs

Wat komt er allemaal kijken bij het ontwerpen van apps voor kinderen?

Mock-up van een Service Blueprint
Profielfoto Joey Joey Verwey
Tools & methodes

Ontdek kansen in je dienstverlening met een Service Blueprint

Een Service Blueprint is een canvas met daarop een visueel verloop van jouw dienstver...

Mobiele mock-up Stappy applicatie
Profielfoto Jasper Jasper Griepsma
Development

Web, native, hybrid en progressive apps: wat zijn de verschillen?

Je kan het zo gek niet bedenken of er is wel een app voor gemaakt, maar wat is nou he...

Developer schrijft gebruiksvriendelijke code
Profielfoto Kelly Kelly Kroesen
Tools & methodes

Tips om de digitale toegankelijkheid te verbeteren

In dit artikel vind je handige tools die je helpen om de digitale toegankelijkheid va...

Studenten werken aan designopdracht
Profielfoto Joey Joey Verwey
UX design

Assessment Week Grafisch Lyceum Utrecht

Studenten van het Grafisch Lyceum gingen aan de slag met een uitdaging voor PostNL.