Quando falamos de web design em 2017, estamos falando de web design responsivo . Em pouco mais de seis anos, o termo 'responsivo' tornou-se um padrão de mercado generalizado.
Web design responsivo é o processo de criação de um site ou de um aplicativo da web, para que seu conteúdo seja ajustado adequadamente de acordo com o dispositivo no qual ele é visualizado. Há alguns anos vi uma excelente palestra de conferência de Ethan Marcotte - que cunhou o termo 'web design responsivo' - no qual ele comparou sites responsivos à árvore Pando de Utah; um único organismo com uma estrutura de raiz conectada, que emerge do solo em diferentes lugares, diferentes contextos, em diferentes tamanhos, mas todos com a mesma base genética.
É sem dúvida a adoção de design responsivo que permitiu o crescimento da web móvel; sem isso, o custo de desenvolver um site para dispositivos móveis em paralelo com uma versão para desktop teria implicado que muitas empresas adotassem o segundo.
os relacionamentos projetados para dispositivos móveis são freqüentemente transpostos para viewports muito maiores
Mas o design responsivo não é isento de problemas. Por definição, os designs responsivos "respondem" ao tamanho da viewport, não ao conteúdo. Variações baseadas em contêiner em consultas de mídia CSS têm sido discutidas como uma solução, mas até agora são apenas um post-it no quadro branco de alguém.
Design é amplamente sobre relacionamentos entre elementos, e esses relacionamentos são restritos em uma tela pequena. Além disso, como nossa marcação é estruturada semanticamente, as relações projetadas para dispositivos móveis são frequentemente transpostas para visores muito maiores.
Uma das decisões de interface do usuário mais comumente criticadas do ano passado foi o crescente número de menus de hambúrguer usados no desktop. No entanto, pouca atenção foi dada aos layouts móveis - faixas horizontais de conteúdo divididas em uma grade de 12 colunas - sendo ampliadas para a área de trabalho.
A questão de se o web design responsivo está matando a criatividade é provavelmente injusto; Assume que a diversidade e a inovação são a força vital de um processo de design. Também atribui a culpa a um conceito, se há culpa a ser atribuída, certamente está na implementação. Na verdade, o design geralmente floresce sob as mais rígidas restrições - conheço um designer que acrescenta suas próprias restrições aos briefings do cliente, porque acha que seu trabalho é mais forte quando é desafiado.
se há culpa a repartir, certamente está com a implementação
O design responsivo funciona incrivelmente bem com a marca, mas é menos do que ideal para o layout. Pode ser que a melhor maneira de implementar o design responsivo seja criar designs distintos para diferentes classes de viewport e confiar em técnicas responsivas apenas para telas semelhantes. Podemos não saber as dimensões exatas de cada tela, mas sabemos que um telefone tem que caber no bolso, sabemos que um notebook não pode ser mais estreito que o teclado.
O design responsivo pode ser simplesmente uma ideia mais avançada do que percebemos e, depois que ferramentas como variáveis CSS e consultas de contêiner forem implementadas, o design na Web se tornará diversificado novamente.
Imagem em destaque, Imagem de Pando por Tony Frates via Flickr