SIS Redesign

Introductie

Voor dit project heb ik de Student Informatie Systeem (SIS) opnieuw ontworpen. SIS is een systeem dat studenten gebruiken om hun studievoortgang bij te houden en zich in te schrijven voor vakken en minors. Maar in de praktijk blijkt het onduidelijk, frustrerend en niet gebruiksvriendelijk.

Mijn ontwerpuitdaging was daarom:
Hoe kunnen we een intuïtieve en duidelijke interface ontwerpen voor SIS die studenten helpt om makkelijk minors te vinden, zich in te schrijven en hun voortgang bij te houden met duidelijke feedback?

Het Process

1

Fase 1
Research

2

Fase 2
Concepting

3

Fase 3
Design

Fase 1

Tijdens mijn onderzoek bleek dat veel studenten tegen dezelfde problemen aanlopen:

  • Moeilijke navigatie: belangrijke onderdelen zitten te diep verstopt.

  • Zoeken werkt niet fijn: geen filters of fouttolerantie.

  • Gebrek aan feedback: je weet niet goed of iets gelukt is.

  • Geen persoonlijk systeem: het voelt niet afgestemd op de gebruiker.

We voerde interviews uit, deden een heuristische analyse, gebruikte het JTBD-canvas en stelde een persona op. Zo kreeg ik inzicht in waar de knelpunten zitten.

Vooral tijdens het inschrijfproces ervaren studenten stress en frustratie (Research Documentation, p. 6, 2025).

Fase 2

Op basis van het onderzoek stelde ik concrete eisen op:

  • Navigatie moet simpeler — overzicht in plaats van overbodige keuzes.

  • Zoeken moet beter — met filters, fuzzy search en voorkeuren.

  • Feedback moet duidelijker — direct bevestiging na inschrijving.

  • Meer personalisatie — favoriete minors opslaan, notificaties op maat.

Daarna ben ik gestart met concepting. Ik maakte eerste wireframes en schetste een duidelijke tunnel voor de inschrijving. Daarbij hield ik steeds mijn persona in gedachten (Project II Design Phase, p. 4). Ook testte ik ideeën met gebruikers en verbeterde op basis van die feedback.

Fase 3

Dashboard Overview

Het dashboard geeft studenten een duidelijk overzicht van hun studievoortgang, aankomende deadlines en notificaties. Alle belangrijke informatie staat op één centrale plek, zodat gebruikers niet door meerdere pagina’s hoeven te klikken.

Waarom dit is gedaan: Uit onderzoek blijkt dat gebruikers zich overweldigd voelen als informatie verspreid is. Het dashboard vereenvoudigt de navigatie en verlaagt de cognitieve belasting door belangrijke details overzichtelijk weer te geven (Research Documentation, p. 3, 2025).

Verbeteringen: Elementen zoals de voortgangsbalk tonen visueel hoe ver je bent met je studie (Gestalt-principe van closure), terwijl notificaties de gebruiker op de hoogte houden en structuur bieden. Dit sluit aan bij Norman’s gedragsontwerp, dat ervoor zorgt dat het systeem functioneel en gebruiksvriendelijk aanvoelt (Norman, 2004).

 Zoeken naar minoren

Deze pagina bevat filters, een fuzzy search en populariteitsgegevens (“aantal keer opgeslagen”) om de verwachtingen van de gebruiker te ondersteunen. Door te tonen hoe vaak een minor is opgeslagen, krijgen studenten een beter beeld van hoe populair een minor is.

Waarom dit is gedaan: Gebruikers willen transparantie bij het maken van keuzes. Het tonen van populariteit helpt om verwachtingen te managen en teleurstelling te voorkomen wanneer een minor al vol zit. Op het zoekscherm worden opgeslagen minors als eerste weergegeven. Zo kan de gebruiker snel terugvinden wat eerder is opgeslagen. Daarnaast is er in het menu een aparte pagina voor ‘opgeslagen minors’. De filterfunctie op dit scherm laat zien dat je op meerdere manieren naar een minor kunt zoeken, naast het intypen van een naam of code. Filters maken het makkelijker om te verkennen en te verfijnen, wat aansluit bij de principes van Donna Spencer (Spencer, 2011).

Minoren vergelijken

Deze pagina introduceert een vergelijkfunctie waarmee studenten minors met elkaar kunnen vergelijken. Denk aan belangrijke factoren zoals populariteit en aantal EC’s. Hoewel deze functie nog niet volledig is uitgewerkt, laat het de potentie zien om studenten te ondersteunen bij het maken van keuzes.

Waarom dit is gedaan: Vergelijktools helpen om keuzestress te verminderen, vooral wanneer gebruikers moeten kiezen tussen vergelijkbare opties.

Aanmelden minor

Tijdens de inschrijfperiode voor minors verschijnt er een pop-up die de gebruiker direct naar de inschrijfpagina leidt. Deze snelkoppeling bespaart tijd.

Waarom dit is gedaan: Uit onderzoek bleek dat gebruikers gefrustreerd raakten door belangrijke functies die lastig te vinden waren. De pop-up zorgt ervoor dat belangrijke acties zichtbaar en toegankelijk zijn op het juiste moment.

Verbeteringen: Door het inschrijfproces duidelijker in beeld te brengen, vermindert deze functie stress bij de gebruiker.

Aanmelden minor – zoeken

Na het klikken op de pop-up voor minorinschrijving wordt de gebruiker meegenomen in een tunnelstructuur met meerdere stappen om de inschrijving te bevestigen. Op deze pagina worden eerst de eerder opgeslagen minors getoond — wat de gebruiker voorafgaand aan de inschrijfperiode heeft voorbereid. Ook wordt per minor direct aangegeven hoeveel plekken er nog beschikbaar zijn, zodat dit meteen duidelijk is.

Als de gebruiker niets heeft opgeslagen, is het nog steeds makkelijk om een minor te zoeken op naam of code. Een fuzzy search is toegevoegd, zodat typefouten of onvolledige invoer geen probleem zijn.

Waarom dit is gedaan: In het huidige systeem ontbreekt een duidelijk en begeleid proces, wat zorgt voor verwarring en fouten tijdens het inschrijven. Een gestructureerde, stapsgewijze tunnel geeft houvast en vermindert stress. Onderzoek wijst op het belang van duidelijkheid bij processen zoals inschrijving (Research Documentation, p. 7, 2025). De fuzzy search zorgt ervoor dat gebruikers sneller vinden wat ze zoeken, ook als ze een foutje maken (Spencer, 2011).

Verbeteringen: Door opgeslagen minors bovenaan te tonen, wordt re-finding makkelijker. Het tonen van beschikbare plekken neemt onzekerheid weg. Dit sluit aan bij Gestalt-principes van nabijheid en duidelijkheid, én bij Norman’s behavioral design — waarin bruikbaarheid en vertrouwen centraal staan (Norman, 2004).

Aanmelden minor – checken

Deze pagina geeft een overzicht van de details van de gekozen minor, zoals beschikbaarheid, faculteit en vakinhoud. De gebruiker moet de keuze bevestigen voordat hij of zij verder kan.

Waarom dit is gedaan: Studenten willen informatie kunnen controleren voordat ze een definitieve beslissing nemen. Deze tussenstap voorkomt fouten en ondersteunt het maken van een bewuste keuze (Ideation Document, p. 5, 2025).

Verbeteringen: Het aantal beschikbare plekken wordt duidelijk weergegeven. Deze functie sluit aan bij Maslow’s niveau van veiligheid: studenten voelen zich zekerder wanneer ze weten dat hun keuze beschikbaar is (Maslow, 1943).

Aanmelden minor – bevestigd 

Nadat een student een inschrijving heeft bevestigd, geeft deze pagina directe feedback dat de inschrijving succesvol is afgerond. De gebruiker krijgt daarnaast de optie om de status te bekijken of terug te keren naar het dashboard.

Waarom dit is gedaan: Bevestigingspagina’s geven gebruikers vertrouwen en sluiten een taak goed af. Dit sluit aan bij Norman’s Emotional Design theorie (het gedragsniveau) en komt overeen met feedback uit het onderzoek, waar studenten aangaven behoefte te hebben aan duidelijke terugkoppeling (Norman, 2004).

Aanmelden minor – status

Deze pagina toont de actuele status van een inschrijving, inclusief startdatum en bevestiging. Dit geeft studenten zekerheid dat hun inschrijving goed is verwerkt.

Waarom dit is gedaan: Heldere feedback is belangrijk om vertrouwen op te bouwen. Door de status van acties zichtbaar te maken, neemt dit onzekerheid weg en kunnen studenten zich richten op andere taken.
Verbeteringen: Het ontwerp is simpel maar effectief en laat direct zien wat de status is en wat de volgende stappen zijn. Dit sluit aan bij Nielsen’s usability heuristiek over ‘zichtbaarheid van systeemstatus’ (Nielsen, 1995).

afsluiting

Dit project heb ik ervaren als een leerzame en uitdagende opdracht. Ik heb veel geleerd over het doen van gebruikersonderzoek, het toepassen van UX-theorieën in een echt ontwerp, en hoe belangrijk het is om vanuit de gebruiker te denken. Vooral het iteratief werken, steeds testen, verbeteren en onderbouwen. Heeft mij geholpen om tot een sterker eindproduct te komen. Ik vond het interessant om een complex systeem zoals SIS toegankelijker en gebruiksvriendelijker te maken.

Andere projecten

Geselecteerde projecten



Plog de dag

Een project van de Gemeente Rotterdam. Dit om de stad op te schonen door inwoners te stimuleren om zwerfafval op te rapen.

Multi Device

Creëert de perfecte tuin. Ontwerpt, bewaakt en beheert moeiteloos een tuin op diverse apparaten.

Portfolio

Creatieve ontwerper die digitale ervaringen creëert.

© Ananda van der Meulen 2023