É quase incompreensível em 2015 criar um site que não seja responsivo. A técnica se desenvolveu ao ponto de a maioria dos designers não mais dizer "web design responsivo", dizemos, "web design", e significa exatamente a mesma coisa.

Naturalmente, as opiniões divergem sobre como implementar técnicas responsivas; muitos sites que afirmam serem responsivos não são; a maioria dos sites que pretendem ser responsivos são apenas superficialmente; há até mesmo alguns devotos de largura fixa agarrados a toda razão. Mas, de um modo geral, uma abordagem responsiva é a opção padrão para todos os sites.

Para entender onde o design responsivo está indo, precisamos apenas olhar de onde veio…

Necessidade é a mãe da invenção

A ascensão do web design responsivo caminha lado a lado com a expansão da web móvel. Mesmo se desenvolvendo um m. No site, o crescimento exponencial de dispositivos móveis e a variedade de tamanhos de tela que acompanha o produto tornam o design responsivo a opção mais clara.

Web design responsivo é a única maneira de a Web permanecer viável

As estatísticas estão invariavelmente desatualizadas, mas a maioria dos comentaristas concorda que a Web para dispositivos móveis está se aproximando rapidamente de 50% de todo o tráfego da web. O web design responsivo foi adotado a partir de uma necessidade econômica: poderíamos criar centenas, senão milhares de variações em um único site, e servir o mais apropriado para qualquer dispositivo que o acessasse; mas o custo de desenvolver um site se tornaria proibitivo. O web design responsivo é a única maneira de a Web permanecer viável.

É fácil ver o design responsivo como uma solução definitiva para a Web. No entanto, à medida que a tecnologia continua a se desenvolver, a maneira como abordamos o design responsivo mudará inevitavelmente.

Design responsivo para wearables

A menos que você tenha passado o último ano em uma cápsula selada (tentando provar sua adequação para a missão Mars One), você saberá que a Apple lançou um dispositivo vestível: o Apple Watch.

O Apple Watch não é o primeiro wearable, nem é o primeiro relógio inteligente, mas é o divisor de águas porque o público verá o Apple Watch como "o melhor" wearable - o iPod não foi o primeiro MP3 player, o iPhone é não é o melhor smartphone, mas ambos dominam seus mercados - graças em grande parte ao tamanho do orçamento de marketing da Apple.

A coisa mais notável sobre o Apple Watch é que ele não tem um navegador da web. É justo apostar que esse não é o caso, porque a Apple não quis incluir um navegador, mas sim porque eles não conseguiram fazer funcionar.

Mesmo com a disseminação do design responsivo, os 272 px por 340 px do Apple Watch são insuficientes para exibir nada além de algumas linhas de texto. Um arquiteto poderia projetar um edifício de 15 polegadas de altura, mas ninguém jamais o usaria, porque o corpo humano tem um tamanho fixo. A Apple não é a única empresa que enfrenta o problema. Os wearables para Android são exatamente do mesmo tamanho, com pixels a mais, e são igualmente mal equipados para exibir a Web.

a Web não funciona em uma tela do tamanho de um selo postal

Não podemos aumentar os dispositivos porque eles se tornam impraticáveis, e não podemos diminuí-los por causa de nossos dedos imprecisos e grossos. O fato difícil é que a Web não funciona em uma tela do tamanho de um selo postal.

Porções da Web funcionam em wearables. Os aplicativos nativos se conectam à Web (ou ao seu telefone, que se conecta à Web) para recuperar dados. O simplesmente não pode exibir páginas da web completas.

Compre um wearable agora e você pode ler os tweets de um CEO da empresa, mas o que um investidor realmente quer ler é o relatório anual completo. Compre um wearable agora e você pode verificar os horários de partida do voo, mas o que um viajante realmente quer fazer é reservar um voo. A Web está inextricavelmente ligada às nossas vidas, algumas linhas em uma tela minúscula não atendem à demanda do consumidor.

Mais cedo ou mais tarde (provavelmente já aconteceu a portas fechadas) alguém maçã ou Motorola ou Intel Aceitará que, para dominar o mercado de vestíveis, eles devem entregar a Web completa em toda a sua glória.

O futuro do design responsivo

Como a indústria de tecnologia continua a desenvolver novos dispositivos, com novas capacidades e limitações, os desafios que enfrentamos como web designers inevitavelmente mudarão.

Como Jeffrey Zeldman escreveu alguns dias atrás:

Nós já passamos por isso antes. É a história do web design. É a história da web.

Uma das principais áreas de foco em qualquer projeto responsivo é a navegação, e um dos principais desenvolvimentos que provavelmente veremos em vestíveis é uma mudança no método de entrada: sensores em uma pulseira podem detectar o aperto dos tendões no pulso, rastreamento o movimento de 5 dígitos, ou no mínimo detectando o aperto de um punho como um substituto para clicar ou tocar em ações.

O desenvolvimento principal será um meio de apresentar conteúdo de formato longo em um wearable. E, na verdade, já existe: a opção mais viável para entregar grandes quantidades de dados em um dispositivo wearable é o áudio.

A entrada de áudio já é viável nas formas de Siri , Cortana e Ok google . Mais importante, a saída de áudio existe na forma de leitores de tela. Com o ciclo de vida relativamente curto dos dispositivos e o ciclo de vida cada vez mais longo dos sites, os projetos que você construir hoje precisarão funcionar com a navegação por áudio. A resposta simples é tornar seus sites acessíveis.

Freqüentemente, quando os produtos são inovadores, esperamos que leve algum tempo para que os padrões evoluam, mas no caso dos leitores de tela padrões já existem. O que é atraente para as empresas de tecnologia que desejam fornecer uma Web vestível, é que uma grande proporção dos sites existentes já atende a esse padrão.

O futuro do web design responsivo, ou talvez simplesmente o design da web, é aquele em que os designs não são apenas agnósticos quanto à tela, mas independentes da tela. Em termos práticos, significa abandonar o mobile-first e adotar uma abordagem de audio-first. Se seus sites forem otimizados para leitores de tela, eles funcionarão de maneira eficaz na próxima geração de navegadores da Web.

Imagem em destaque usa imagem do dispositivo via Shutterstock.