Richtlijnen en elementen binnen ons experience system

Ons experience system is opgebouwd uit verschillende lagen, die allemaal bijdragen aan het ontwikkelen van consistente, schaalbare en kwalitatieve digitale producten. Hieronder volgt een overzicht van de essentiële elementen en richtlijnen binnen deze structuur.

Kernwaarden

Autonomie, Betrokkenheid, Competentie (ABC)

Deze kernwaarden staan centraal in alles wat we doen en zijn belangrijk voor al onze gebruikers: van leerlingen tot leerkrachten en interne teams. Ze vormen de basis voor de ontwikkeling van onze producten en leiden tot meer zelfredzaamheid, betrokkenheid en competentie bij alle gebruikers.

Foundations Layer

Toegankelijkheid

Toegankelijkheid is een topprioriteit in ons experience system. We streven ernaar om ervoor te zorgen dat al onze producten bruikbaar zijn voor iedereen, ongeacht hun vaardigheden of beperkingen. Dit omvat richtlijnen voor WCAG-compliance, zodat we inclusieve ervaringen bieden.

Kleuren

Kleur is een krachtig middel om herkenbaarheid te creëren en emoties op te roepen. Onze kleurenpaletten zijn zorgvuldig samengesteld volgens het HCT-kleur-algoritme, dat zorgt voor optimale contrastverhoudingen en toegankelijkheid. Elk product en elke methode binnen een product kan gebruikmaken van een eigen kleurenpalet, terwijl ze toch de overkoepelende huisstijl respecteren.

Typografie

Typografie gaat verder dan het kiezen van een lettertype. Het richt zich op leesbaarheid, hiërarchie en consistentie binnen elk product. Voor elke methode kan een eigen typografieprofiel worden opgesteld, dat overeenkomt met de huisstijl van de bijbehorende publicaties.

Motion

Animaties en overgangen brengen onze digitale producten tot leven, terwijl ze de gebruikerservaring ondersteunen. Motion wordt gebruikt om feedback te geven, aandacht te trekken en gebruikers door complexe taken te begeleiden zonder afleiding.

Geluid

Geluidselementen dragen bij aan de interactie binnen onze producten. Het gebruik van geluid moet weloverwogen zijn, zodat het de ervaring versterkt zonder te storen. Dit omvat geluidseffecten voor interacties en achtergrondgeluiden waar nodig.

Illustraties

Illustraties worden ingezet om complexe concepten visueel te verduidelijken en de gebruikerservaring te verrijken. Ze moeten in lijn zijn met onze merkidentiteit en toegankelijk zijn voor alle gebruikers.

Media richtlijnen

Media richtlijnen omvatten het gebruik van video- en afbeeldingsformaten die compatibel zijn met alle platforms en toegankelijk zijn voor gebruikers met verschillende mogelijkheden. Dit omvat richtlijnen voor het optimaliseren van mediacontent.

AI (Kunstmatige Intelligentie)

AI speelt een steeds grotere rol in onze producten. Het helpt gebruikers met gepersonaliseerde leerroutes en ondersteunt hen in hun dagelijkse taken. Binnen het systeem zijn richtlijnen opgesteld voor de ethische en effectieve integratie van AI.

Tone-of-Voice

De manier waarop we communiceren is consistent en afgestemd op de doelgroep. Onze tone-of-voice richtlijnen helpen ervoor te zorgen dat de taal in onze producten helder, vriendelijk en behulpzaam is, waarbij steeds rekening wordt gehouden met de context van het onderwijs.

Tokens Layer

Design Tokens

Design tokens zijn variabelen die zorgen voor een consistente overdracht van ontwerpbeslissingen naar code. Deze tokens kunnen de kleuren, typografie, spacing, en andere visuele kenmerken van onze producten vastleggen en toepassen. Ze zorgen ervoor dat het design overal op dezelfde manier wordt gebruikt, ongeacht het platform of de technologie.

Core Layer

UI Theming

UI theming zorgt ervoor dat elk product en elke methode binnen een product een herkenbare en consistente look and feel heeft. Dit betekent dat de visuele stijl tussen digitale producten en fysieke werkboeken naadloos aansluit. Elk product kan thematisch worden aangepast aan de specifieke kenmerken van een methode, terwijl de overkoepelende stijl behouden blijft.

Layouts

Layouts bepalen de opbouw van pagina's en schermen in onze producten. Een consistente lay-out zorgt ervoor dat gebruikers snel vertrouwd raken met de interface, waardoor de productiviteit toeneemt. Flexibele layout-richtlijnen maken het mogelijk om aan verschillende devices en schermformaten tegemoet te komen.

Typescale

Typescale betreft de hiërarchie van typografie, kleuren en andere visuele elementen. Door consistente schaalverhoudingen te gebruiken, creëren we een harmonieuze en gebruiksvriendelijke interface, die makkelijk te interpreteren is door de gebruikers.

Elevation

Elevation (schaduwen en diepte-effecten) wordt gebruikt om hiërarchie en interactie-elementen duidelijker te maken. Deze visuele laag helpt gebruikers te navigeren door de interface, door bijvoorbeeld knoppen en kaarten naar voren te laten komen.

Spacing

Goed gedefinieerde spacing (marges, padding en tussenruimtes) zorgt voor een gebalanceerde en overzichtelijke opmaak. Dit voorkomt visuele chaos en verhoogt de leesbaarheid en bruikbaarheid van interfaces.

Shape

De vorm van interface-elementen, zoals knoppen en kaarten, wordt bepaald door onze shape-richtlijnen. Een uniforme vorm zorgt voor een herkenbare, moderne uitstraling die aansluit bij de huisstijl.

State

State-gerelateerde richtlijnen (zoals hover-, focus- en actieve toestanden) zijn essentieel voor een duidelijke en toegankelijke gebruikerservaring. Deze zorgen ervoor dat interactie-elementen visueel aangeven wanneer gebruikers met hen omgaan, wat zorgt voor meer overzicht en betere toegankelijkheid.

Components Layer

Componenten

Herbruikbare componenten vormen de kern van onze interface-ontwerpen. Door het gebruik van vooraf gebouwde componenten kunnen teams snel interfaces ontwikkelen, terwijl consistentie en kwaliteit worden gewaarborgd.

Patronen

Patronen zijn terugkerende oplossingen voor veelvoorkomende ontwerpuitdagingen en omvatten de combinatie van verschillende componenten in vaste structuren en bepaalde flows in de gebruikservaring. Ze helpen bij het stroomlijnen van het ontwerp- en ontwikkelingsproces.

Documentatie

Gedeelde Assets

Gedeelde assets zijn essentiële hulpmiddelen voor teams en omvatten onder andere design ontwerpen, logo's, illustratiedocumenten, lettertypen en iconen. Deze materialen zorgen ervoor dat iedereen toegang heeft tot de juiste bronnen en dat de merkidentiteit consistent wordt toegepast.

Documentatie

Documentatie en gedeelde assets zijn essentieel om ervoor te zorgen dat alle teams dezelfde informatie en materialen gebruiken tijdens de ontwikkeling en het onderhoud van producten. Een goed gedocumenteerd systeem is cruciaal voor samenwerking en onderhoudbaarheid.

Taxonomy

Taxonomy betreft de benaming van zaken, zowel technisch als in begrijpelijke taal, om de communicatie tussen alle afdelingen te verbeteren. Duidelijke definities en richtlijnen helpen bij het bevorderen van begrip en samenwerking binnen ons team.

Processen

Beschrijven van Processen

Het beschrijven van processen en workflows helpt teams om consistent en efficiënt te werken. Duidelijke richtlijnen voor hoe we ontwerpen, ontwikkelen en testen zorgen ervoor dat alle betrokkenen op dezelfde lijn blijven en fouten worden geminimaliseerd.