Há alguns anos, temos visto o termo “ responsivo” presente no vocabulário de quem trabalha com interfaces, no início era o novo queridinho de todos que queriam demonstrar que estavam atualizados com as tecnologias e teve gente (ou ainda tem) vendendo ele como diferencial. De uma forma ou de outra, há inúmeros motivos para você ter o seu site sempre pronto para as diversas variações de tela.

Por definição, o termo responsivo envolve apenas a parte de adaptação de conteúdo às diversas telas, mas pensar mobile vai muito além de trocar um menu inline por 3 tracinhos no canto superior direito.

1. Leve em consideração o contexto que o seu site será usado.

Em qual contexto alguém acessaria o seu site pelo celular? Ok, ele pode estar deitado no sofá de casa, com um wifi de 300MB, mas existe a grande possibilidade dele estar no meio da rua com um 3G meia boca precisando urgentemente do endereço da sua empresa. Pense nisso.

2. Texto responsivo

Muitos designers costumam acrescentar blocos de conteúdo quando saem da versão mobile pra desktop. Ao invés de esconder/mostrar blocos de conteúdo nas versões diferentes, experimente criar conteúdos distintos. Um texto que diga algo em um único parágrafo pro mobile e outro com um pouco mais de informação nas versões maiores. Junte isso com a dica anterior e a experiência do seu site poderá ser completamente diferente.

3. Deixe o usuário a vontade

O cara já se deu ao trabalho de entrar no seu site, então ele merece um mínimo de respeito, certo? Ao invés de bombardea-lo com ofertas, promoções e chances imperdíveis, forneça o mínimo de liberdade para que ele decida o que fazer no site. Considerando que o espaço visual disponível em um celular é bem menor, iniciar a navegação com um NÃO PERCA AGORA ESSA GRANDE CHANCE pode não ser tão interessante.
O ideal é facilitar o acesso às principais tarefas que o seu site oferece. Só cuidado de usar isso com cautela. Dar opções demais pode prejudicar e fazer com que ele não saiba o que fazer. Um exercício de empatia vai te ajudar a entender quais opções devem ser priorizadas.

4. Cuidado com os excessos.

Sabe aquele formulário com 24 campos que tem na página trabalhe conosco? Já parou pra pensar como seria isso no celular? Caso não seja possível criar uma experiência agradável ao usuário, considere omitir algumas opções muito complexas. Para que manter a opção de “download do manual em PDF”? Talvez seja impossível esse manual ser visualizado numa tela minúscula.

Agora corre lá e da uma olhada se seu ponto de vista mudou naquele novo projeto. 😉