Instellingen 55

De laatste wireframe die ik bespreek is het instellingenscherm. In dit scherm zal de mantelzorger of begeleider van de dementerende wijzigingen kunnen aanbrengen die betrekking hebben op de toepassing. Ik ben eerst begonnen met de wijze waarop de instellingen worden weergegeven. Hierbij heb ik in eerste instantie het scherm verdeeld in een lijst met categorieën aan de linkerkant waarbij ruimte overblijft voor de

instellingen aan de rechterkant. Dit is dezelfde manier die Apple gebruikt in het instellingenscherm van de iPad zoals te zien in onderstaande afbeelding.

Tijdens het schetsen kwam ik tot de conclusie dat het werken met categorieën voor deze toepassing niet echt nodig is omdat er

gewoonweg te weinig instellingen zijn. Op dit punt had ik pas twee instellingen die verwerkt moesten worden op dit scherm. Hierom heb ik besloten eerst het basisscherm uit te werken wat later uitgewerkt kon worden met meer items. Dit

basisscherm, wat te zien is in Figuur 22, bestaat uit een knop om terug te keren naar het overzichtsscherm. Ik

Figuur 21 - iPad instellingen Figuur 20 - Schets instellingen

56 heb deze knop aan de linkerkant geplaatst omdat de meeste mensen in de westerse wereld de associatie hebben dat terug gaan aan de linkerkant zit zoals reeds beschreven bij de stap voor stap wireframe.

In het midden bovenaan staat een tekstlabel met de naam van de pagina zodat het duidelijk is voor de gebruiker dat deze zich op de instellingenpagina bevind. Onderaan de naam heb ik een voorbeeldinstelling geplaatst. In dit geval de gradatie van dementie, samen met een keuzescherm waarin gekozen kan worden voor de juiste optie. Achter de geselecteerde optie komt een vinkje te staan om aan te geven dat deze actief is. Ik heb gekozen voor deze manier van weergeven omdat de gebruiker op deze manier in een keer ziet wat de mogelijke opties zijn en welke optie actief is.

Op het instellingenscherm heb ik er bewust voor gekozen geen gebruik te maken van een knop om de wijzigingen op te slaan. Gebruik moeten maken van deze knop zorgt weer voor een extra handeling die uitgevoerd moet worden om instellingen te

wijzigingen. Door de loginconstructie van het instellingenscherm is het al uitgesloten dat iemand per ongeluk dit scherm benaderd en onbedoelde wijzigingen maakt.

Na het analyseren van de resultaten uit de concepttesten ben ik tot een aantal

verbeterpunten gekomen zoals te lezen in hoofdstuk 18.4 - Testrapport opstellen. Het knelpunt “Eén testpersoon had moeite met het oplezen van de tekst” heeft geleidt tot twee verbeterpunten zoals te lezen in Fragment 6. Naar aanleiding van deze punten heb ik besloten het wireframe voor de instellingen aan te passen voor de nieuwe instellingen.

Doordat maar één testpersoon van de 6 moeite had met het lezen van de tekst kan de tekstgrootte het beste variabel zijn in de uiteindelijke applicatie. In het instellingenscherm kan de begeleider of mantelzorger van de gebruiker de

tekstgrootte wijzigen. Daarnaast zou de tekst ook kunnen worden opgelezen, ook dit zou een optie moeten zijn in het instellingenscherm.

Fragment 6 – Verbeterpunten uit testplan m.b.t. oplezen tekst

Naast deze twee punten heb ik besloten om een optie toe te voegen die het mogelijk maakt het wachtwoord te kunnen wijzigen. Hierdoor kan het wachtwoord

gepersonaliseerd worden in iets dat de begeleider of mantelzorger gemakkelijk kan onthouden.

Omdat ik in de opzet van het instellingenscherm alleen een ontwerp heb gemaakt van de instelling ‘gradatie van dementie’ is met de nieuwe instellingen de noodzaak ontstaan voor een nieuw ontwerp.

57 Het nieuwe ontwerp, te zien in Figuur 23, biedt plaats aan de nieuwe instellingen.

In het nieuwe ontwerp zijn twee verschillende elementen toegevoegd om plaats te bieden voor de nieuwe instellingen. De eerste instelling, het in- of uitschakelen van het laten oplezen van de tekst heb ik laten afwijken van de eerder ontworpen

voorbeeldinstelling. Omdat er alleen gewisseld hoeft te worden tussen ‘aan’ en ‘uit’. De instelling ‘Tekstgrootte’ komt overeen met de eerder ontworpen voorbeeldinstelling. Echter heb ik de tekstgrootte van iedere keuze overeen laten komen met het

tekstformaat na het inschakelen van die keuze. Op deze manier ziet de gebruiker gelijk hoe groot de tekst zal zijn en hoeft deze niet eerst de instellingen uit te proberen.

Ik heb er voor gekozen om het wachtwoord te wijzigen in een los venster. Deze wordt weergegeven als pop-up bovenop het instellingenscherm zodat alle aandacht van de gebruiker naar het wijzigen van het wachtwoord gaat. Om het venster voor het wijzigen van het wachtwoord te openen heb ik een knop toegevoegd onderaan het

instellingenscherm. De knop is even breed als de overige opties zodat één geheel ontstaat. Tussen de verschillende instellingen is een witruimte aangebracht. Op deze manier worden de losse elementen die horen bij één optie visueel gegroepeerd. Deze techniek heb ik toegepast zodat er een duidelijk onderscheid kan worden gemaakt tussen de verschillende opties.

Na het maken van de wijzigingen aan het wireframe heb ik de bijbehorende mockup verbeterd conform deze nieuwe wireframe zoals te lezen in hoofdstuk 16.7 - Instellingen.

58