dinsdag 28 maart 2017

Detailed Design

Detailed Design

Tools


Voor het maken van de mockups voor de nieuwe site voor c-cinema is gekozen om gebruik te maken van marvelapp. Hierin kan makkelijk een mockup worden gemaakt van een website. Ook zorgt dit ervoor dat de knoppen die er in staan werken waardoor het goed te testen is.

Mockup

Guidelines


Realism
In onze applicatie wordt gebruik gemaakt van realism door gebruik van afbeeldingen. Zo wordt er een vergrootglas gebruik om de zoekfunctie te laten zien. Ook zie je bij het overzicht van de films de bijbehorende posters en kijkwijzers.

Fitts’s Law
Er wordt gebruik gemaakt van grote klik velden. Bijvoorbeeld bij het kopen van tickets zit rechts onderin een button om de kaartjes te kopen. Hier moet je eerst bovenin een keuze maken en dan onderaan op de knop klikken.

Animations
We passen di onder andere toe door in het hoofdmenu het geklikte item van kleur veranderd

Consistency
We hebben op elke pagina de zelfde style, waardoor dit goed met elkaar overeen komt
Discoverability
We hebben geprobeerd onze tekst zo scanbaar mogelijk gemaakt door het gebruik maken van koppen.
Undo
Op elke web browser heb je een vorige knop boven aan het scherm. Ook kan je via ons hoofdmenu altijd weer terug komen op de home pagina.


Individuele bijdrage

Melvin
  • Schermen gemaakt
Jeroen
  • Schermen gemaakt
  • 2 guidelines
  • tool
Sander
  • Schermen gemaakt
  • guidelines
  • alles op blog gezet

Geen opmerkingen:

Een reactie plaatsen