Por que desenhamos de forma diferente para o mobile (e não é só pelo tamanho do ecrã)

Reduzir um design de desktop até caber num ecrã de telemóvel não é adaptá-lo — é a mesma peça, mal pensada para um contexto completamente diferente. O telemóvel não muda apenas o tamanho do ecrã: muda a distância de leitura, o gesto de interação e até quanta atenção está disponível nesse momento.

A distância de leitura muda quase tudo

Um ecrã de desktop é visto de 50–70 cm de distância; um telemóvel, de 25–35 cm. Isso significa que um texto que se lê perfeitamente a um tamanho moderado no desktop precisa de ser proporcionalmente maior no mobile — não porque o ecrã é mais pequeno, mas porque o olho tem menos margem antes de um traço fino deixar de se resolver com nitidez a essa distância.

O polegar substitui o cursor, e isso muda a margem de erro

Um cursor de rato aponta com precisão de um único pixel; um polegar num ecrã táctil cobre uma área muito maior e menos precisa. Os elementos interativos no mobile precisam de mais espaço entre si e de uma área de toque maior do que o design visual sugeriria — daí que quase tudo no mobile pareça "mais espaçado" do que o seu equivalente de desktop.

A luz ambiente não é a mesma

Um telemóvel usa-se igualmente numa divisão com pouca luz e à plena luz do sol na rua — o intervalo de condições de luz é muito maior do que o de um monitor de desktop, quase sempre num ambiente interior estável. Isso obriga a um contraste mais generoso por defeito: o que se vê bem no ecrã do teu computador pode ser invisível sob o sol.

O tempo de atenção disponível é diferente, não apenas mais curto

Não é só que as pessoas tenham "menos paciência" no mobile — é que o telemóvel é usado com frequência em momentos fragmentados: à espera do elevador, numa fila, entre tarefas. Um design que exige vários segundos de atenção contínua para ser compreendido falha nesse contexto, mesmo que esse mesmo design funcionasse perfeitamente num desktop onde a atenção é mais sustida.