CMD VISUAL INTERFACE DESIGN Ontwerprationale

CMD VISUAL INTERFACE DESIGN Ontwerprationale Use case #1 Zoek een Boek Kies je genre oba Spannend Kies je genre oba Spannend Leeftijd Versie nr 0.1 Leeftijd Versie nr 0.2 Genre Versie nr 0.1 Genre Versie nr 0.2 Resultaten Versie nr 0.1 Resultaten Versie nr 0.2 Toelichting

Wat ik verbeterd heb in de leeftijd-schermen:

Toegepaste principes van Porter:

• Strong visual hierarchies work best --> Versie 0.1 was er geen

sterke visuele hierarchie. Dit heb ik aangepast in versie 0.2 door ‘Welkom’ weg te halen, door de cijfers 13 en 15 dunner te maken (want die zijn minder belangrijk) en door de pijl-knop meer naar onder te zetten.

• One primary action per screen -->

Het leeftijd-scherm heeft 1 actie van echte waarde namelijk het kiezen van de leeftijd. Dit maakt het erg duidelijk en overzichtelijk voor de gebruiker.

Huisstijl:

In versie 0.1 zag je de huisstijl al terugkomen in het logo door de kleur rood, maar nu heb ik in versie 0.2 de huisstijl nog meer terug- laten komen door de pijl-knop een rode omlijning te geven.Ook de driehoekige knoppen die in de huisstijl thuishoren neem ik mee in mijn ontwerp.Toelichting

Wat ik verbeterd heb in de genre-schermen:

Toegepaste principes van Porter:

• Strong visual hierarchies work best --> Versie 0.1 was er weinig

visuele hierarchie. Dit heb ik aangepast in versie 0.2 door de pijl-knop meer naar onder te zetten, waardoor het scherm een stuk overzichtelijker wordt.

• One primary action per screen -->

Het genre-scherm bevat 1 actie van echte waarde, namelijk het kiezen van het genre. Het feit dat er maar 1 actie is maakt het overzichtelijk voor de gebruiker.

• Progressive disclosure -->

Alleen bij het genre waar de gebruiker op geklikt heeft zie je de naam van het genre. De genre-namen van de rest heb ik weg- gelaten. (Als de gebruiker een keuze maakt komen er details).

Huisstijl:

In versie 0.1 zag je de huisstijl al terugkomen in het logo door de kleur rood, maar nu heb ik in versie 0.2 de huisstijl nog meer terug- laten komen door de icoontjes ook rood te maken in plaats van wit.Ook heb ik hier weer de pijl-knop een rode omlijning te geven.Toelichting

Wat ik verbeterd heb in de resultaten-schermen:

Toegepaste principes van Porter:

• Progressive discolsure -->

Alleen het boek waar op geklikt is geeft meer informatie over het boek.

• Strong visual hierarchy work best -->

In versie 0.1 was er weinig visuele hierarchie doordat de sterren erg groot waren terwijl deze niet zo belangrijk zijn. Deze heb ik in versie 0.2 dus kleiner gemaakt.Ook heb ik het woordje ‘waardering’ weggelaten omdat dat voor- zichzelf spreekt.De knop ‘meer info’ in versie 0.1 trok te veel aandacht opzich, terwijl dat niet de bedoeling is. Ik heb dit in versie 0.2 aangepast door de knop kleiner te maken en van kleur te veranderen.

Doelgroep:

Ik heb de kleur geel toegepast naast de kleur rood, dit maakt het scherm wat speelser, wat beter bij de doelgroep past.

CMD P1718 Blok 4 | klas Violet | Rosa Koopman | Studentnummer: 500778180

4/37 oba 12 jaar / Spannend / Populariteit Harry Potter en de vuurbeker J.K. Rowling Waardering 36 keer uitgeleend in de afgelopen 6 maanden

MEER INFO

Wat is je leeftijd?13 14 15 oba Welkom!Wat is je leeftijd?13 14 15 oba 4/37 oba 12 jaar / Spannend / Populariteit Harry Potter en de vuurbeker J.K. Rowling 36 keer uitgeleend in de afgelopen 6 maanden MEER INFO

• / 1