Mijn Gymles / Favorieten
(S) Als gebruiker wil ik nieuw toegevoegde spellen makkelijk kunnen vinden.
In eerste instantie zijn we gaan kijken hoe we dit het beste konden implementeren. De opdracht gever wilde verschillende manieren waarop de gebruiker het spel aan een lijst kon toevoegen. Zo heb je een offline lijst, maar ook een favorieten lijst. Achteraf kwamen deze twee lijsten best wel met elkaar overeen, doordat je de favorieten lijst ook wil kunnen zien als geen of slecht internet tot je beschikking hebt.
Toen we net begonnen waren met het maken van de applicatie waren we eerst gaan kijken naar hoe we een bepaald spel konden opslaan in de cache. Deze kregen dan een offline tag mee en op deze manier konden we ze laten zien op de speloverzichtspagina. Nu we een stuk verder in het project zijn wilde de opdracht gever een pagina hebben waar de gebruikers hun favorieten spellen konden opslaan.
Uiteindelijk hebben we ervoor gekozen om het samen te voegen en Mijn Gymles bedacht. Hierin kunnen gebruikers hun spellen opslaan en deze zullen dan ook direct offline beschikbaar zijn.
Het opzetten van Mijn Gymles
Design review - Koop Reynders
Als team wilden we graag een design review op de offline en favorieten functionaliteit van onze applicatie. Voordat we deze meeting zijn ingegaan hadden we met ze alle besproken dat het een goed idee was om deze twee functionaliteiten aan elkaar toe te voegen. Hierbij ook de vraag: "Zal het duidelijk zijn voor de gebruiker als we offline en favorieten bij elkaar voegen?". Met deze vraag zijn we naar de design review toegestapt.
Ons uiteindelijke idee is dus dat wanneer de gebruiker een spel opslaat deze automatisch ook in de cache word gezet. Op deze manier kan je alle opgeslagen spellen op een pagina laten zien voor de gebruiker en dan zijn deze offline, maar ook online beschikbaar. Ook halen we hier de moeilijke term weg van het offline opslaan en maken we het leerproces in de applicatie makkelijker.
Tijdens deze design review hebben we een aantal punten opgeschreven waardoor we dit zo goed mogelijk kunnen overbrengen naar de gebruiker.
De knop waarmee het spel kan worden opgeslagen hoger in de detailpagina laten terug komen.
Bij de knop kun je wellicht een icoon of tooltip toevoegen om de gebruiker extra details te geven waar die mee bezig is.
Het samen voegen van de offline en favorieten knop is een goed idee en het neemt ook technisch deel uit de naam, waardoor de gebruiker het sneller begrijpt.
Voeg een onboarding toe op de
homepagina waardoor de gebruiker een trigger krijgt om naar MijnGymles te gaan.De keuze van
MijnGymlesin plaats van favorieten is goed verzonnen.Geef de gebruiker een goede uitleg hoe
MijnGymleswerkt. Dit kan gedaan worden als de gebruiker is ingelogd, maar ook als die nog niet is ingelogd.
Onboarding UX design
In eerste instantie zullen gebruikers op de homepagina komen zonder dat ze ingelogd zijn. Hier zullen de gebruikers onder "opgeslagen spellen" een onboarding bericht zien waarop ze kunnen klikken. Dit onboarding bericht zal altijd het eerste bericht onder "opgeslagen spellen" zijn.
Deze klikbare kaart navigeert dan automatisch naar de MijnGymles pagina toe. Op deze pagina bevind zich in eerste instantie een zero state waar wordt uitgelegd wat de Mijn Gymles pagina inhoud. Deze state zal altijd terug komen, ook wanneer de gebruiker is ingelogd en Mijn Gymles is leeg. Op deze manier kunnen we de gebruiker informatie geven over de pagina en wat er precies gaat gebeuren.
Wanneer de gebruiker, gebruik wilt maken van de Mijn Gymles pagina moet er worden ingelogd. Dit geven we ook aan in de zero state. Wanneer de gebruiker op de inloggen knop drukt zal hij geredirect worden naar een pagina waar ingelogd kan worden.
Wanneer je bent ingelogd op de Mijn Gymles pagina krijg je de mogelijkheid om naar de "Jungle Gym CMS" te navigeren. Ook heeft de gebruiker de mogelijkheid om weer uit te loggen. Zoals je ziet op de afbeelding hieronder blijft de zero state altijd staan wanneer er geen spellen zijn toegevoegd aan de Mijn Gymles pagina. Wanneer de gebruiker spellen opslaat zullen deze in een lijst komen te staan op de Mijn Gymles pagina en zal het uitleg bericht verdwijnen.
Wanneer de gebruiker offline is en niet heeft ingelogd kan er geen gebruik worden gemaakt van de MijnGymles functionaliteit. Als de gebruiker is ingelogd en daarna geen internet meer heeft kan hij de MijnGymles pagina bezoeken en hier zullen dan de opgeslagen spellen staan als deze van tevoren zijn opgeslagen. Als de gebruiker is ingelogd en navigeert dan naar Speloverzicht of Home zal hier een onboarding bericht staan waarin wordt vermeld dat de gebruiker zijn opgeslagen spellen in de Mijn Gymles pagina kan vinden. Op deze manier leer je de gebruiker hoe de applicatie gebruikt moet worden.
Opslaan in Mijn Gymles
Als een van onze functionaliteiten is het mogelijk om een spel op te slaan. Deze is dan beschikbaar in de Mijn Gymles pagina. Deze functionaliteit is overigens alleen beschikbaar als je bent ingelogd en dus een daadwerkelijke gebruiker bent. Wanneer je als een gebruiker bent ingelogd komt er een knop te staan met de tekst: "Opslaan in mijn gymles". Hiermee kan je een spel opslaan, zodat je hem later terug kan vinden in jouw Mijn Gymles pagina. Ook veranderd deze knop naar de verwijder state wanneer er op opslaan is gedrukt. Op deze manier kan je hem dus ook weer verwijderen uit de Mijn Gymles pagina.
Als de gebruiker het spel heeft opgeslagen krijgt dit spel een tag waarin staat: "Opgeslagen in Mijn Gymles". Op deze manier kunnen we de gebruiker kleine hints geven waar ze de opgeslagen kunnen vinden. Deze tags zijn ook zichtbaar op de spel kaarten in de overzichtspagina. Al deze functionaliteiten werken dus niet wanneer je niet bent ingelogd.
Uiteindelijk komen de spellen te staan in de Mijn Gymles pagina. Deze lijst ziet er precies hetzelfde uit als op de speloverzichtspagina. Hiermee geven we de gebruiker een gelijke interface waardoor het vertrouwt voelt en fijn om te gebruiken.
Last updated
Was this helpful?