# Menos rolagem

Fonte: /pt-br/ux/foundations/fewest-scroll.md

- Resumo: Uma resposta cabe em uma tela, e as coisas ficam lado a lado antes de empilhar.
- Status: Adotada, em 2026-10-02
- Princípios: Menos rolagem
- Superfícies: Tela, Email, Formulário, Documento
- Do inglês de 2026-10-02

## O que significa

Uma página responde a uma pergunta, e a resposta aparece sem rolar. A largura vem antes da altura: o conteúdo fica ao lado de outro conteúdo até a linha encher, e só então começa uma nova linha ou seção.

## O teste

Abra o artefato em tamanho de notebook e confira se a resposta aparece sem rolar. Depois olhe cada linha, grupo e seção e pergunte se ela caberia ao lado de outra. Cada uma que caberia é uma falha. As linhas são contadas em 1180 x 757 como define a página [medição](/pt-br/ux/foundations/how-we-measure.md), e uma fila ou registro geral passa quando cabem 15 linhas inteiras, o limite da auditoria do revisor (comparação, linha 615).

## Alavancas por superfície

| Superfície | O que conta como rolagem aqui |
|---|---|
| Tela | Um novo grupo ou seção no detalhe, ou uma linha de card que poderia ter ido para a direita do título. Os campos ficam lado a lado, até seis por linha e três colunas por grupo. Listas, cards e grades de dashboard mostram no máximo seis campos além do título. |
| Email | Tudo o que vem antes do pedido. O pedido vai na primeira linha. |
| Formulário | Um campo sozinho em uma linha quando o lugar dele é ao lado do vizinho. |
| Documento | Parágrafos antes da resposta. A resposta vem primeiro. |

## Referências

A segunda regra do revisor diz: "As few scroll as possible (meaning, don't create more rows, and sections, but minimize them)", isto é, o mínimo de rolagem, sem criar linhas e seções a mais. Duas observações sobre um sistema de pedidos aplicam a regra a cards. Um card tinha "a NEW ROW (new SECTION) making that card taller, simply to put this text", quando havia espaço à direita do título. Outro empilhava três linhas à esquerda "and nothing on the right (this increases scroll, by making the card bigger".

O Microsoft Writing Style Guide pede que o texto comece pelo mais importante e seja breve. A página Writing small da Intuit pede texto curto, o que o cliente precisa primeiro e revelação progressiva.

### Fontes

- [Microsoft Writing Style Guide, top 10 tips](https://learn.microsoft.com/en-us/style-guide/top-10-tips-style-voice)
- [Intuit Content Design, Writing small](https://contentdesign.intuit.com/foundations/writing-small/)