Overzichtspagina
Als gebruiker wil ik kunnen kiezen uit een lijst met spellen - M
Last updated
Was this helpful?
Als gebruiker wil ik kunnen kiezen uit een lijst met spellen - M
Last updated
Was this helpful?
Tijdens het ontwikkelen van de Jungle Gym app heeft de app meerdere visuele iteraties meegemaakt. Zo zijn er keuzes gemaakt over kleuren, typografie, manier van spreken en nog veel meer. Op deze pagina gaan we jullie meenemen in de besluiten die genomen zijn op de overzichtspagina.
De hoofdfunctionaliteit van de Jungle Gym app zijn de spellen. Er zijn meerdere spellen en elk spel heeft een aparte pagina met informatie over dat specifieke spel. Hoe laat je al deze spellen nu op een gebruiksvriendelijk en overzichtelijke manier zien? Om deze vraag goed te kunnen beantwoorden ga je natuurlijk eerst naar de tekentafel, Figma. Hier zijn meerdere keuzes en ontwerpen gemaakt. Uiteindelijk hebben ze gekozen voor “cards”.
Binnen een card geef je de belangrijkste informatie over het spel, denk aan: titel, voor welke leeftijd het spel bedoelt is, categorie van het spel en het minimum aantal spelers. Deze informatie wil de gebruiker te allen tijde zien om een goede, snelle beslissing te kunnen maken.
De cards zagen er in eerste instantie zo uit:
Na meerdere design iteraties is het uiterlijk van de cards aangepast. De keuzes die hier gemaakt zijn, zijn weloverwogen keuzes met oog om de app niet alleen visueel mooier te maken maar vooral gebruikersvriendelijker.
Fijnere kleuren gebruikt (deze passen beter bij het concept)
De labels binnen de cards zijn overzichtelijker en hebben een onderscheidende kleur
Er zit een groene schaduw om de card heen waardoor het visueel meer rust geeft
De witruimte is aangepast waardoor alle cards over hoog zijn, ongeacht lange titel of lange label
De uiteindelijke versie van de overzichtspagina ziet er als volgt uit:
Na een aantal weken wij de vraag om naast een speloverzicht pagina ook een “home” pagina toe te voegen. In eerste instantie zal het handig zijn om deze twee pagina’s te bundelen naar één. Uiteindelijk is de keuze gemaakt om 2 verschillende pagina’s te creëren, de home pagina om de gebruikers te updaten over de nieuw toegevoegde spellen en voor snelle navigatie. Een de overzichtspagina om de gebruikers goed te helpen zoeken door middel van zoekbalk en filters.
Na onderzoek on ontwerpen is er een eerste versie van de homepagina gekomen:
We hebben hier gekozen voor horizontaal schuifbare carrousels. Hier komen bijvoorbeeld de 5 nieuwste spellen, de populairste spellen, de door de gebruiker opgeslagen spellen, etc. Bovenaan de pagina is er één spel “uitgelicht”. Wanneer een spel uitgelicht is zal deze opvallen en zullen meer gebruikers dit spel proberen. In het CMS is er een optie waar het uitgelichte spel aangegeven kan worden.
Toch was de homepagina nog niet helemaal goed. Het was voor de gebruiker nog niet helemaal duidelijk waar de “opgeslagen spellen” vandaan kwamen. Dit is opgelost door een informatie card toe te voegen waarin de informatie staat die de gebruiker nodig heeft.
Standaard is deze informatie card voor een deel uit beeld waardoor mensen toch snappen dat hij er zit maar toch niet stoort wanneer je de informatie niet nodig hebt. Wanneer je gebruiker op de informatie card klikt zal hij navigeren naar de desbetreffende pagina om spellen op te slaan.
