Knoppen en gaten - informatielagen

Raet Online is een bureaublad. Een bureaublad waarop je je personeelszaken regelt. Da's zo'n beetje het uitgangspunt van het ontwerp. 'En wij houden het voor je schoon...' is de stiekeme gedachte bij het verdere ontwerp. Visueel uit zich dat dan in knoppen, gaten en lagen (diepte).

Iedereen kent het wel: veel dingen te doen, een waslijst aan acties van allerlei zaken. Voordat je het weet is je bureau bezaaid met papieren en verlies je het overzicht. Bij de ene actie hoort dit papier met informatie, een ander vel met bijkomende overzichten, etc. Ook jouw bureaublad op Raet Online kan zo vol raken. Nu zal dat wat minder vaak voorkomen als je een medewerker bent - maar als je als manager terugkomt van vakantie, kan dat zich zomaar voordoen. Omdat één van de uitgangspunten bij het ontwerp is dat Raet Online het gemak van de medewerker en manager dient hebben we de user interface zo ontworpen dat het bureaublad zo schoon mogelijk blijft - zodat je het overzicht niet kwijtraakt.

Visualisatie

Iedere actie die je uitvoert, doe je door op een knop te drukken. Het menu bestaat uit lange brede knoppen met daarop een tekst die duidelijk vertelt, de formulieren, overzichten en dergelijke bevatten knoppen die duidelijk aangeven welke acties je kunt ondernemen. Een knop ligt duidelijk boven op de laag waarop je informatie vastlegt, verzoeken doet, etc.

Daaronder ligt het formulier. Het formulier is gevisualiseerd als een soort mal met gaten. De informatie de getoond wordt is plat - maakt deel uit van het formulier. In de gaten stop je de informatie waarom gevraagd wordt zodat Raet Online je verder helpt.
Links op het formulier helpen pictogrammen je visueel een handje - ze geven een indicatie van wat er van je verwacht wordt: een pennetje geeft aan dat er wat ingevuld moet worden, een pictogram verbeeld het onderdeel van waar je op dat moment mee bezig bent. Deze illustraties horen bij de gegevens van het formulier en liggen daarom ook iets dieper dan het formulier.

Wanneer je nu op een knop drukt verdwijnt de informatie in de database (tenzij je annuleert of verwijdert) en is je bureaublad weer schoon. Afhankelijk van de actie die op de knop stond, volgt nu een nieuw formulier, een vervolg op de actie of een mededeling. Je bureaublad is in ieder geval weer schoon.

Lijsten - soms ook met diepte
Ook de lijsten kennen de discipline van diepte. Lijsten komen veel voor op Raet Online. Lijsten die fungeren als platte overzichten worden als zodanig 'plat' weergegeven. Maar een aantal van die lijsten functioneren als keuzemogelijkheid. Bijvoorbeeld een lijst met afdelingen en daaronder de medewerkers van die afdeling. Op het moment dat de lijst deze hoedanigheid kent, presenteert de lijst zich op het bovenliggende niveau als een brede knop.


Wanneer je op een lijstitem (knop) drukt, wordt de onderliggende informatie getoond, een beetje lager: reliëf maakt van het bovenste niveau een knop. Schaduw op het navolgende vlak geeft het niveau aan van de onderliggende informatie - zo wordt voor iedereen visueel duidelijk op welk informatieniveau hij zich bevindt en wat de ordening ervan is.