---
description: https://www.emerce.nl/achtergrond/anatomie-landingspagina
---

# Structuur schermen

### Waarom maak ik een structuur voor de schermen?

Door het opbreken van mijn schermen kan ik structuur creëren. Hiermee heb ik een houvast  voor de schermen. Het blijft hierdoor consistent en herkenbaar voor de consument. De schermen moeten niet te vol raken en alleen het nodige laten zien dat op het moment bij hoort.

### Standaard schermen

![](https://2699312490-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LYzr9PNNNYycIVnPtbx%2F-Lfzi8OIfudRQy58cvlq%2F-LfziE21b9E1HEdIqjzQ%2FAnatomie%20animatie%2C%20afbeelding%20en%20video.jpg?alt=media\&token=0417687a-7552-4817-9b12-a0f33f9855a4)

Bijna al mijn schermen zijn op deze manier opgedeeld. Het heeft een navigatie, body en een footer. In de navigatie kan je je proces volgen en het proces annuleren door naar startscherm te gaan.&#x20;

In de body veranderd het meest. Het ligt eraan waar je bent in het proces. Je zal een video, afbeelding of animatie kunnen zien. Er zal ook niet altijd een beschrijving, link knop of bijschrift bij staan.&#x20;

In de footer zijn de knop keuzes: Verder of ja en nee. Erboven staat een vraag om verder te kunnen gaan. Aan het eind van het proces staat er een afsluiter om terug te gaan naar het startscherm.&#x20;

### Overzichtsscherm

![](https://2699312490-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LYzr9PNNNYycIVnPtbx%2F-LfVFtpQo2bRbvOXcXOG%2F-LfVIRtxNx_U08a_gjje%2FAnatomie%20overzicht.jpg?alt=media\&token=9400028d-4a05-475d-82a3-11080164cba6)

Het overzichtsscherm lijkt een beetje op de standaardschermen. Alleen hier zijn de verschillen: de producten en waarschuwing.&#x20;

De producten zijn vormgegeven in hun eigen box met:

* Productnaam
* Prijs
* Artikelnummer
* Kleur
* Maat

De waarschuwing staat er om duidelijk te maken dat alle producten gevonden moeten worden.&#x20;
