Características visuais
- two-column
- text left demo right
- instructional
- readable
Knowledge Explainers
Stable two-column layout with key points on the left and explanation/examples on the right
Um layout dividido permite que duas idéias permaneçam visíveis juntos para que o espectador possa comparar causa e efeito sem perder contexto.
Escolha para
Explicações antes e depois, sistemas de duas partes, alternativas e lições que contrastam uma regra com um exemplo.
Escolha outro estilo quando
Um longo processo linear com muitos ramos de decisão.
Uma estrutura de informação útil
Colocar os dois ancoros lado a lado → etiquetar a relação → adicionar apenas a evidência que muda a comparação → perto com a escolha.
Escolha para a informação que o espectador deve ler – não apenas para um rótulo visual. Compare se seu conteúdo precisa de passos, relações, dados, pessoas ou ritmo de história.