Vanaf release 25 van GradeWork is er een nieuwe huisstijl doorgevoerd die zichtbaar is door de hele applicatie. Deze nieuwe stijl is geïmplementeerd in ons inlogscherm, in de menu balk en op een paar andere plekken. Doel van deze wijziging is om een aantal verbeteringen in de gebruikerservaring door te voeren en tegelijkertijd GradeWork meer in lijn te brengen met de zuster applicatie OnStage en de algehele Paragin huisstijl.
Hieronder volgt een uitleg van hoe alles werkt in de nieuwe huisstijl.
Laat ons weten wat je vindt!
Wij hopen dat je blij bent met onze nieuwe stijlen we staan open jullie feedback hierop. We hebben daarom een nieuw feedback formulier opgenomen in de applicatie die vanuit elk scherm op te roepen is. Wij kijken uit naar alle feedback die we van gebruikers zullen krijgen!
Inlogscherm
Het inlogscherm van GradeWork biedt de mogelijkheid om in te loggen via SURF (voor de meeste gebruikers) of met een gebruikersnaam en wachtwoord.
Inloggen via SURF doe je door op de knop te drukken en dan jouw school te kiezen.
Als je via gebruikersnaam/wachtwoord in wilt loggen klikt deze op de inloggen met account knop er onder en komen de velden hiervoor naar voren.
Als je problemen hebt met inloggen hebben we een directe link naar de FAQ. De eerste vraag van die pagina is bedoeld om je verder te helpen met inlogproblemen.
De bovenbalk
De bovenbalk ziet er visueel heel anders uit, maar qua functionaliteiten is weinig veranderd. Zie hieronder een voorbeeld hoe de bovenbalk er uit kan zien.
Een ander voordeel is dat deze bovenbalk minder ruimte gebruikt, waardoor schermen meer verticale ruimte overhouden dan voorheen. Vooral gebruikers op breedbeeld moeten een verbetering merken.
Hieronder een overzicht van hoe de nieuwe bovenbalk werkt.
Het logo en de kleuren van GradeWork zijn nu altijd zichtbaar in de applicatie.
Hiermee zorgen we er voor dat de merk identiteit altijd zichtbaar is voor elke gebruiker.
Ook zorgt deze kleurstelling en het nieuwe menu voor een nieuwe en modernere uitstraling zonder dat we elk scherm moeten aanpassen.
Zoeken naar studenten gebeurt nog steeds hetzelfde.
De zoeken balk boven in beeld is nog altijd zichtbaar wanneer je rechten hebt om te zoeken.
Deze wordt nu niet meer in het midden getoond, maar staat direct links van gekozen rol.
Wisselen van rol gebeurt nog steeds rechtsboven in beeld.
Omdat gebruikers altijd moeten kunnen zien met welke rol ze ingelogd zijn hebben we deze informatie nog steeds rechtsboven in beeld zichtbaar. We tonen daar een icoon, rol naam en de organisatie waarvoor deze rol is.
Door hierop te klikken open je een menu waarin je alle beschikbare rollen ziet om doorheen te wisselen.
De lijst met rollen wordt hier gesorteerd op soort rol, waarbij de reeds geselecteerde rol grijs gemarkeerd staat. Dit moet het vinden van de goede rol makkelijker maken.
Focus modus om GradeWork in volledig scherm te openen.
Om gebruikers met kleine schermen te helpen hebben we focus modus toegevoegd aan GradeWork. Je maakt hiervan gebruik door op de knop hiervoor te klikken die altijd rechtsboven in beeld is te vinden.
Knop om focus modus aan te zetten
Knop om focus modus uit te zetten
Focus modus zorgt er voor dat je de applicatie in volledig scherm opent en geen afleiding meer hebt van andere elementen van je browser of besturingssysteem. Dit zorgt voor meer ruimte om zaken in het scherm te zien, en voor meer focus in je werk.
Om focus modus te sluiten, klik je op de knop hiervoor die rechtsboven in beeld komt na het openen van focus modus, of door middel van de Escape knop op je toetsenbord.
Terug gaan naar eerdere pagina is nu onderdeel van de bovenbalk geworden.
In lijn met interacties in onze andere applicaties is er nu geen uitgebreid 'kruimelpad' meer zichtbaar met alle schermen die je hiervoor had geopend. In plaats daarvan kan je nu terug gaan door middel van het pijltje boven in beeld die naast de naam van het scherm staat.
Deze knop is ook gekoppeld aan de "Back" functie van de browser. Dus je kan nu altijd terug gaan via zowel de nieuwe knop als de terug-knop van de browser. In de browser kun je ook zelf zien welke schermen je eerder hebt geopend en daarbij een eerder scherm kiezen om direct terug te gaan.
Een aantal acties zijn naar het menu verplaatst
Voorheen kon je de help pagina openen, van taal wisselen, de privacy informatie bekijken en uitloggen via een knop rechtsboven in beeld. Deze is nu naar het menu verplaatst. Hieronder een overzicht van hoe het nieuwe menu werkt.
Het hoofdmenu
In het menu zijn de grootste veranderingen gedaan ten opzichte van voorheen. Een aantal nieuwe interacties zijn toegevoegd en enkele knoppen zijn van de bovenbalk naar linksonder in het menu geplaatst. Hieronder een overzicht van hoe het nieuwe menu werkt.
Het menu staat nu altijd links in beeld, en kan open en dicht geklapt worden.
Voorheen was het menu alleen zichtbaar na drukken op een knop. Door deze nu altijd links in het beeld te hebben zorgt dit betere zichtbaarheid van de opties en versnelt het navigeren naar nieuwe schermen ten opzichte van voorheen.
Bij de eerste keer inloggen zal het menu opengeklapt getoond worden. Dichtklappen van het menu kan door op de "Sluit hoofdmenu" knop te klikken. Dan zie je alleen nog een lijst van iconen voor elke optie in het menu. Een voorbeeld van een open en gesloten menu zie je hierboven.
Om het dichtgeklapte menu goed te ondersteunen hebben alle menu opties ook een icoon gekregen voor herkenbaarheid.
De scherm opties zijn, voor gebruikers met meerdere schermen, gegroepeerd om navigatie te versimpelen. De kern groepen zijn:
- Dashboard voor je hoofscherm per rol
- Rollen voor het beheren van de rollen en wie aan deze rollen gekoppeld zijn
- Toets voor alle toetsgroepen en het configureren hiervan
- Configuratie voor alle algemene configuratie opties als je hier toegang toe hebt
Help en feedback functies
De Help functie van GradeWork is verplaatst naar de nieuwe menubalk en is te vinden onder de navigatie knoppen voor alle schermen. Deze knop linkt standaard naar onze nieuwe FAQ pagina op onze support website, maar sommige scholen hebben een eigen FAQ die hier achter is te vinden.
We hebben daarnaast ook een feedback knop toegevoegd die linkt naar een feedback formulier waar wij hopen direct feedback te krijgen van de gebruikers van onze applicatie. Deze feedback zal ons helpen de applicatie nog verder te verbeteren in de toekomst.
Opties zijn verplaatst naar linksonder in het menu.
Als de gebruiker op zijn of haar naam (of op de pasfoto als die beschikbaar is) linksonder in beeld klikt, opent nu het menu met de taal opties, instellingen, wachtwoord wijzigen, privacy informatie, en uitloggen knop.
Deze acties stonden eerder rechtsboven in beeld. Ook is het versienummer van de applicatie hier zichtbaar gemaakt. Deze interactie is in lijn met de huidige huisstijl voor onze applicaties.
Op deze plek is het nu ook mogelijk om het kleur thema van de applicatie aan te passen. Op dit moment hebben we een Licht thema die de normale kleurstelling is, en een Hoog contrast thema die de kleuren vervangt met een zwarte achtergrond voor de balken en het menu.
Andere aanpassingen in de vormgeving
Naast de bovengenoemde aanpassingen hebben we, om de nieuwe huisstijl beter en meer consistent te ondersteunen, nog een aantal andere zaken doorgevoerd in de standaard interacties van de applicatie.
Hieronder een overzicht wat we hebben gedaan:
- Iconen in dashboards aangepast naar de nieuwe iconen voor rollen en schermen
- Popup meldingen (waarschuwingen en errors) en de bevestiging hiervan omgezet naar de nieuwe stijl
- Alle andere popups zijn gelijk gebleven, maar de bevestiging of annuleren/sluit knoppen zitten in nieuwe stijl
We hopen dat jullie veel plezier hebben met deze frisse nieuwe look voor GradeWork en kijken uit naar alle feedback die we krijgen!