Bestanden uploaden

Voor de eerste versie heb ik de meeste tijd besteed om te bepalen hoe hoe ik het voor Roger zo makkelijk mogelijk kan maken om een bestand in de webpagina te laden. Bij het testen van dit prototype zou ik dan ook de nadruk leggen op het opzoeken en inladen van een bestand.

Hier zie je het eerste prototype waarmee ik heb getest hoe Roger bestanden in zou proberen te laden.

Het selectievenster

In eerste instantie had ik aan de input geen beperkingen opgelegd. Het prototype bestond uit een pagina met een grote knop waarna het standaard venster om bestanden in te laden verschijnt. Dit venster is voor mij onmogelijk aan te passen en is volledig afhankelijk van het besturingssysteem van de gebruiker. Bij het testen bleek het voor Roger, omdat hij bekend is met het standaardvenster, niet veel problemen op te leveren om een bestand op te zoeken en te selecteren.

Na de eerste test heb ik uitgezocht of ik de input beperkingen kon opleggen om zo min mogelijk ruimte voor fouten te laten bestaan. Zodoende ontdekte ik dat je aan het input element extensies mee kan geven. Wanneer het selectievenster dan opent, zijn voor de gebruiker alleen excel bestanden en mappen zichtbaar en is het onmogelijk een bestand van een verkeerd formaat in te laden. Daarvoor had ik dat in de browser afgehandeld. Wanneer een verkeerd bestand werd ingeladen, werd daar een melding van gegeven en moest de gebruiker het opnieuw proberen.

Laatst geopend

Om het toch wat makkelijker te maken voor Roger heb ik in de volgende iteratie toegevoegd dat het laatst opende bestand wordt opgeslagen in de localstorage van de browser. Zo hoeft Roger niet elke keer een zelfde bestand te zoeken in het kleine dialoogvenster.

Wanneer er geen bestand is opgeslagen, verdwijnt de knop, zodat de interface zo schoon mogelijk blijft en er zo min mogelijk knoppen voor Roger zichtbaar zijn die niet relevant zijn. Hoe minder er namelijk in de interface te vinden is, hoe minder Roger hoeft te zoeken naar wat hij nodig heeft.