Knsb

Interface voor wedstrijdrijders

Voor de KNSB heb ik een up-to-date en gebruiksvriendelijke interface ontworpen waarbij wedstrijdrijders zich kunnen inschrijven voor een wedstrijd. Naast de inschrijffunctie wordt er ook informatie over wedstrijden en testen gegeven. Tijdens dit project heb ik alle stappen doorlopen binnen het ontwerpproces. Het eindresultaat is een high-fidelity prototype van een interface.

Hieronder zullen verschillende stappen uit het proces worden getoond met als laatste het eindresultaat.

Systeemeisen

De systeemeisen zijn belangrijk om vast te stellen wat er precies ontworpen gaat worden. De systeemeisen zijn geprioriteerd aan de hand van MoSCoW. Hieronder worden de Must Have systeemeisen getoond die gebaseerd zijn om de user needs en interviews.

SysteemeisenKNSB.pdf

Personas

Hieronder worden twee personas getoond die twee gebruikersgroepen vertegenwoordigen, namelijk de wedstrijdschaatser en de KNSB official. Aangezien wedstrijdschaatsers de grootste gebruikersgroep zal zijn is deze voornamelijk meegenomen tijdens het ontwerpproces.

Wedstrijdschaatser

KNSB official

Card sorting

Tijdens een card sort sessie heeft een wedstrijdrijder de kaartjes gesorteerd op een manier die voor de wedstrijdschaatster logisch is. De card sorting draagt bij aan het krijgen van een duidelijk beeld van de navigatie indeling. De verschillende vooraf opgestelde onderwerpen op de kaartjes zijn gebaseerd op de systeemeisen.

Sitemap

Onderstaande sitemap is gemaakt om de inhoud van de website overzichtelijk weer te geven.

Paper prototype

Aan de hand van voorgaande onderzoeksactiviteiten, ontwerpactiviteiten en het bestuderen van design patterns is het eerste prototype ontworpen. Hieronder wordt het paper prototype van de homepage getoond.

Annotaties met betrekking tot design patterns

1. Escape Hatch

Het logo van de website is een Escape Hatch, het zorgt er namelijk voor dat gebruikers altijd terug kunnen keren naar de homepage die ze kennen.

2. Sign-in Tools

Navigatie items gerelateerd aan het aanmelden, verwachten gebruikers rechtsboven op een website. Door deze items te plaatsen op de plek waar gebruikers het verwachten, wordt er een succesvolle ervaring gecreëerd.

3. Titled Sections

Op sommige pagina’s wordt de content gescheiden in verschillende secties. Elke sectie heeft een eigen titel, is visueel gescheiden van andere secties en is ingedeeld op de pagina.

Heldere en goed benoemde secties structureert de content in goed begrijpbare onderdelen. Dit zorgt ervoor dat de structuur inzichtelijk wordt in een oogopslag.

Overige annotaties

1. Uit het interview kwam dat gebruikers graag de website in het Nederlands/ Engels willen bekijken.

2. Het idee om het menu aan de rechter kant te tonen, kwam uit de brainstorm sessie.

3. Informatie over de website.

Low-fidelity prototype

Style guide

De vormgeving van de KNSB-website vormt de basis van de style guide.

Styleguide_KNSB.pdf

High-fidelity prototype

Het gehele high-fidelity prototype is te vinden via de volgende link:

https://lxsj9r.axshare.com/#c=2

Wachtwoord: IJSSS