Lay-outgids

Lay-outgids

Lay-outs definiëren het gedeelde paginakader dat gebruikt wordt op een of meerdere pagina's.

Als componenten de zichtbare secties binnen een pagina zijn, zijn lay-outs het structurele systeem eromheen. Ze helpen teams om paginafamilies consistent te houden zonder het kader van de pagina elke keer opnieuw te hoeven bouwen.

Wanneer een lay-out gebruiken

Gebruik een lay-out wanneer meerdere pagina's dezelfde structurele ervaring moeten delen, zoals:

  • een standaard site‑lay-out
  • een kader voor landingspagina's
  • een familie van campagnedpagina's
  • een documentatie‑ of kennislay-out
  • een paginatype met gedeelde zijgebieden, navigatie of ondersteuningsgebieden

Als de structuur consistent moet blijven over meerdere pagina's, behoort het meestal in een lay-out.

Wanneer geen lay-out gebruiken

Gebruik geen lay-out voor:

  • eenmalige paginaberichten
  • een enkele sectie die binnen de paginainhoud thuishoort
  • kleine visuele verschillen die geen nieuw paginakader rechtvaardigen

Die horen meestal thuis bij Componenten of direct binnen de pagina‑samenstellingsworkflow.

Aanbevolen workflow

  1. Definieer de paginafamilie
  2. Bepaal wat gedeeld moet blijven
  3. Bouw of kies de lay-out
  4. Wijs deze toe aan de juiste pagina's
  5. Beoordeel de impact voordat je een live lay-out wijzigt

Wat maakt een goede lay-out

Sterke lay-outs:

  • blijven structureel in plaats van berichtspecifiek
  • ondersteunen een herhaalbare paginafamilie
  • houden gedeeld kader op één plek
  • vermijden het opnemen van eenmalige campagne- of paginateksten

Hoe duidelijker de lay-out is, hoe gemakkelijker het is voor pagina's om consistent te blijven.

Veelvoorkomende toepassingen

  • hoofdlay-out van de bedrijfswebsite
  • lay-out voor landingspagina's
  • documentatielay-out
  • bronnen‑/resource‑lay-out

Veelgemaakte fouten

  • te veel lay-outs creëren met zeer kleine verschillen
  • eenmalige campagne-inhoud in een gedeelde lay-out plaatsen
  • lay-outs gebruiken om sectie‑niveau problemen op te lossen
  • een gedeelde lay-out bewerken zonder alle getroffen pagina's te controleren

Richtlijnen voor teams

  • houd het aantal actieve lay-outs doelbewust
  • ontwerp lay-outs rond paginafamilies, niet rond één pagina
  • beoordeel downstream‑impact voordat je structurele wijzigingen doorvoert
  • gebruik componenten voor inhoudssecties, niet om structurele taken te overbelasten

Gerelateerd