Orientação

A posição da tela ou do conteúdo, em pé (retrato) ou deitado (paisagem), e como isso muda o layout.

Hard

O que é

Orientação é, basicamente, se a tela está em pé ou deitada, e como o conteúdo se arruma diante dessa posição. O modo retrato, na vertical, serve bem pra leitura e rolagem, enquanto o modo paisagem, na horizontal, vai melhor com vídeo, dashboards e jogos, porque nesses casos a largura extra ajuda a organizar tudo.

No design responsivo, a orientação entra de mãos dadas com o tamanho de tela, porque o layout precisa saber se reorganizar não só quando muda o aparelho, mas também quando o mesmo aparelho gira na mão da pessoa. Um grid bem pensado e componentes flexíveis são o que sustenta essa adaptação sem quebrar nada.

Tem ainda um lado de acessibilidade que costuma passar despercebido, porque nem todo mundo gira o aparelho com facilidade. Quando você trava uma função numa única orientação, acaba excluindo parte das pessoas sem nem perceber, e por isso vale sempre deixar os dois modos viáveis.

Em uma frase

O player abre em paisagem, mas os controles precisam funcionar bem em retrato também.

A pergunta que ele responde

Como meu layout deve se comportar quando a pessoa gira o celular de pé pra deitado?

Quando usar

Faz sentido ao planejar como o layout deve se comportar quando o aparelho gira, especialmente em mobile e tablet.

Como não usar

O caminho a evitar é travar uma função numa única orientação e partir do princípio de que todo mundo consegue girar a tela sem dificuldade.

Na prática

Pense num player de vídeo que abre em paisagem pra aproveitar toda a tela. Mesmo assim, o time se preocupa em garantir que os controles continuem funcionando bem quando a pessoa decide assistir em retrato.

Não confunda com

Vale separar orientação de resolução, porque a orientação diz respeito a estar em pé ou deitado, enquanto a resolução é a contagem de pixels da tela. E também ajuda diferenciar orientação de responsividade, porque a responsividade é o sistema inteiro de adaptação, do qual a orientação é só uma das partes.

D

Em inglês

Orientation

Pronúncia

n/a

Também chamado de

retrato e paisagem, portrait e landscape

Origem

n/a

Fonte

Saiba mais

Apple Human Interface Guidelines, seção sobre layout e adaptação