Mobile design

Desenhar interface e experiência pra celular e tablet, equilibrando usabilidade e desempenho.

Hard

O que é

Mobile design é a prática de projetar interface e experiência pra smartphone e tablet. Diferente do desktop, ele precisa lidar com tela pequena, resolução variada e entrada por toque, simplificando a tarefa pra um uso em movimento, em que atenção e tempo são curtos.

Alguns princípios guiam o trabalho, como priorizar o conteúdo, reduzir poluição, garantir alvo de toque grande e respeitar a zona do polegar, que é onde a mão alcança naturalmente. A navegação também muda, porque os menus complexos do desktop dão lugar a tab bar, hambúrguer e gesto.

Desempenho e acessibilidade entram como parte do design, e não como detalhe técnico de última hora, porque tela que demora a carregar afasta, enquanto suporte a leitor de tela e escala de texto amplia quem consegue usar.

Em uma frase

Esse fluxo precisa de mobile design pra valer, com alvo grande e o essencial na zona do polegar.

A pergunta que ele responde

Como eu desenho de verdade pra celular em vez de só encolher a tela de desktop?

Quando usar

Use sempre que o produto vai ser usado em celular, que hoje é a maioria dos casos.

Como não usar

O cuidado é não apenas reduzir o desktop e achar que já está mobile. Tela menor pede decisão de prioridade, e não só de escala.

Na prática

Pense num time que, em vez de só encolher a tela de desktop, redesenha o fluxo pra uma mão só, com alvo grande e o essencial dentro do alcance do polegar.

Não confunda com

Vale separar mobile design de responsividade. A responsividade adapta o mesmo layout a vários tamanhos, encaixando o conteúdo na tela, enquanto o mobile design vai mais fundo e repensa a experiência pra realidade do celular. Adaptar não é a mesma coisa que repensar.

D

Em inglês

Mobile Design

Pronúncia

mô-bau di-záin

Também chamado de

design mobile, design pra celular

Origem

n/a

Fonte

Saiba mais

Apple, Human Interface Guidelines, seção de plataformas e padrões de mobile