Naar navigatie Naar hoofdinhoud

Wij gebruiken cookies voor de beste ervaring van de website. Meer informatie.

Ga naar het overzicht
Ga naar de homepagina Ga naar het overzicht

Wat wil je ons vragen?

Hoi, ik ben

en ik wil graag weten


Jullie kunnen me
op

Guidelines

Tijdens het ontwikkelen van een website of applicatie ontwerpen we pagina’s, flows, features en content. Daarvoor worden er een hoop keuzes door ons gemaakt, al deze onderdelen kunnen veel verschillende vormen krijgen. Bij Hoppinger gebruiken we tijdens het ontwerpproces een aantal guidelines, die we design principles noemen. Ze zitten in ons DNA en zijn de randvoorwaarden die ons helpen bij het maken van ontwerpkeuzes. Hieronder vertel ik meer over het waarom van onze design principles.

4 Design principles

De volgende design principles hanteren we voor al onze projecten. Ze vormen het fundament onder onze designs.

Flow

De informatie die je overbrengt is altijd onderdeel van een flow. Het begin daarvan kan de homepage van de website zijn, maar ook Google zoekresultaten, social media of een willekeurige webpagina. De flow brengt de bezoeker met één of meerdere handelingen naar een eindpunt. Tijdens de flow zorg je ervoor dat jouw doelstelling en die van de bezoeker behaald wordt.

Consistentie

De bezoeker leert de website sneller kennen als we vergelijkbare oplossingen op dezelfde manier presenteren. Consistente vormgeving, betekenis van elementen, handelingen, e.d. helpen bij het opbouwen van een ‘mental model’ van de website.

Vanuit de eindgebruiker

We vragen ons bij elke beslissing af: wat is het meest logisch voor de bezoeker? Waar zou hij dit zoeken? Bij elk project doen we doelgroeponderzoek, daardoor kennen we de bezoekers. We weten wat ze willen bereiken (de ‘gains’) en wat ze tegenhoudt  (de ‘pains’). Alle pagina’s, flows, features en content moeten aansluiten bij de vraagstukken van de bezoeker.

Focus

Binnen de flows brengen we focus aan op wat het belangrijkst is. We willen niet dat de bezoeker afgeleid wodt door zaken die er minder toe doen. Dat doen we door elementen primair of secundair te maken, maar ook door ons af te vragen of een element überhaupt toegevoegde waarde heeft.

Specifieke design principles tijdens het project

Naast deze 4 design principles ontwikkelen we ook specifieke guidelines voor elk project. Dit kunnen onderdelen uit de online strategie zijn waar de focus op moet liggen, belangrijke kernwaarden van de organisatie bijvoorbeeld. Het kunnen ook inzichten zijn vanuit het doelgroeponderzoek.

Bijvoorbeeld:
– Het festivalgevoel begint al op de website (Rotterdam Festivals)
– Elke pagina is een landingspage (Evofenedex)
– Kwaliteit boven kwantiteit (GS1)
– Alle acties worden vanaf één plek getriggerd (Mijn GS1 applicatie)
– Altijd blijven ontdekken (Dordrechts Museum)

Design principles in de praktijk

We gebruiken de principles bij alle keuzes die we tijdens het ontwerpproces maken. We gebruiken ze tijdens het schetsen en in brainstorm-sessies, met Hoppingers of met de opdrachtgever.
Vóór we beginnen met de sessie nemen we eerst de design principles door, zodat iedereen de regels kent waar we ons aan willen houden. De principles zijn de hoekstenen van de beslissingen en dus ook van de rationale naar de opdrachtgever en zijn achterban. Tijdens het schetsen houden we alle ideeën naast de principles; het houdt ons en de klant scherp.

Goed idee, maar voldoet het aan de design principles?

Wat heb jij eraan?

Een website gebaseerd op design principes is een goed onderbouwde website, vanuit dezelfde uitgangspunten. De ontwerpers, de opdrachtgever en de achterban begrijpen waarom bepaalde keuzes zijn gemaakt. Een presentatie aan stakeholders die minder nauw bij het proces betrokken zijn beginnen we altijd met de design principles. Het zorgt voor draagvlak. En dit maakt het werk van de product owner weer wat makkelijker.

De design principles zijn niet alleen nuttig tijdens het ontwikkelen van de website of applicatie, maar ook na realisatie. Features die een paar jaar later aan de website worden toegevoegd zullen, door de principles, naadloos in de online omgeving passen. Hiernaast zijn de design principles een onderdeel van de shared vision bij strategie, design, development, de opdrachtgever en alle stakeholders. Het zorgt ervoor dat alle neuzen dezelfde kant op staan. Tenslotte dienen de design principles als controlemiddel op verschillende momenten in het proces. Ze worden aangehaald bij (sprint)demo’s, tussentijdse presentaties, en bij oplevering. Ze zijn onderdeel van de checklist die voor iedere user story afgevinkt moet worden tijdens het scrum proces; de zogenaamde Definition of Done.

Hoe zou jouw website of applicatie eruit kunnen zien?

Kijk eens kritisch naar je eigen website of applicatie. Vraag je daarbij eerlijk af: hoe zou de website eruit kunnen zien met de design principes als basis? Zijn er heldere flows? Ligt de focus op elk moment op hetgeen dat het belangrijkst is? Is het geheel bedacht en gebouwd met de eindgebruiker als basis? Wordt alles consistent aangeboden aan de bezoeker?

Ben je benieuwd hoe andere organisaties design principles binnen hun organisatie inzetten? kijk bijvoorbeeld op: Microsoft en Facebook

Volgend blogartikel Introducing monadic react, a new discipline for React and TypeScript single page applications
Introducing monadic react, a new discipline for React and TypeScript single page applications

Wij zijn Hoppinger

Met een team van 75 specialisten vertalen we complexe en uitdagende vraagstukken naar web en native oplossingen die onze opdrachtgevers succesvoller en het leven van hun publiek gemakkelijker maken. Zo maken we als strategisch partner digitale ambities waar.

Meer over ons