Het hi-fi, of high fidelity, prototype is bedoeld om het functioneel ontwerp samen te voegen met het visuele ontwerp. Een ontwerp gaat in deze fase echt leven en er realistisch uitzien. Met een hi-fi prototype kun je naast het functioneel ontwerp, ook goed het visueel ontwerp testen. Denk hierbij aan; heb ik de juiste kleuren gebruikt?, weet een gebruiker wat de kleuren betekenen?, en is er genoeg contrast tussen elementen?
Alle UX-verantwoordingen zijn te lezen bij het Lo-Fi prototype. Hier ga ik in op hoe de schermen verschillende ten opzichte van de lo-fi versie en het gebruik van stijlen en kleuren.
Let op: de schermen van het prototype hebben hieronder een rand om het scherm. Dit is om witte op witte achtergronden te voorkomen. Om het prototype zonder rand te bekijken en de interactie te ervaren raad ik aan om de link in Final prototype te openen.
Het login scherm is het eerste scherm wat een gebruiker ziet. Ik heb ervoor gekozen om in het stuk waar de USP’s uitgelicht worden alvast de logo’s van Slack en Gripp mee te nemen. Dit toont de veelzijdigheid van het concept aan en laat zien welke koppelingen er mogelijk zijn.
Ook heb ik de Apple Store en Google Play Store logo’s geplaatst. Dit laat zien dat er uiteindelijk een (mobiele) app voor het concept word ontwikkelt. Dit komt ook terug in mijn toekomstvisie.
De login knop heeft zo lang er geen informatie in de invoervelden staat, een disabled state. Deze wordt abled wanneer een gebruiker semantisch correcte informatie invult. Voor een extra stap gebruiksvriendelijkheid heeft een gebruiker de mogelijkheid om de ingevulde gegevens te onthouden.
Voor de oplevering van de design rationale voor de groenlicht presentatie wilde ik heel graag mijn eerste hi-fi scherm kunnen tonen. Het leek mij passend om hier het dashboard voor te gebruiken. Uitleg van functionaliteiten en features op dit scherm zijn te lezen bij het lo-fi prototype.
Er missen in dit eerste hi-fi scherm nog wel veel details qua consistente huisstijl, logo en de call to action om de app te downloaden is nog niet uitgewerkt. Daarom vind ik dat dit eigenlijk een mid-fi scherm is.
Dashboard v2
Sinds de groenlicht presentatie heeft mijn dashboard een grote verandering qua stijl doorgemaakt. De stijlen uit het design system zijn volledig doorgevoerd.
Ten opzichte van de lo-fi versie en de eerste hi-fi versie heb ik de sectie “vandaag werkzaam” aangepast naar “mijn team”. Dit is passender voor op het dashboard. Ook heb ik de actieve status van een teamlid terug laten komen zodat een gebruiker snel kan zien wie van zijn teamleden beschikbaar is voor overleg.