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

https://marvelapp.com/26475ga

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