De tempos em tempos, uma indústria experimenta mudanças fundamentais que a alteram radicalmente. Junto com isso, vem uma explosão de oportunidade: oportunidade para os indivíduos se destacarem, para novos produtos surgirem e para empresas entrincheiradas serem substituídas. Agora é um momento na comunidade da web.
Por enquanto me lembro, o foco principal no desenvolvimento da Web foi garantir que os sites apresentem o mesmo em todos os navegadores. Fizemos um grande esforço para garantir que o site de um cliente fosse exatamente o mesmo em tudo, desde versões antigas do Internet Explorer até o Firefox mais recente, tudo de uma vez.
Nos últimos anos, temos observado um interesse crescente no que é conhecido como aprimoramento progressivo, que é a técnica de oferecer recursos e estilos avançados para navegadores modernos, mas não para navegadores sem suporte mais antigos.
Essa abordagem nunca pareceu se resolver em todos os aspectos. A maioria das agências ainda se esforça para tornar seus sites universais. E o aprimoramento progressivo era frequentemente considerado uma desculpa para ignorar problemas incômodos. Como se constata, as pessoas da web são bastante engenhosas e criaram ferramentas que superam inúmeros problemas do navegador.
Alguns desses desenvolvimentos levaram à noção de “web design responsivo”. Se você não estiver familiarizado com o termo, não deixe de conferir introdução definitiva a ele em A List Apart .
Para resumir rapidamente, a essência é que você personaliza a renderização de uma página para se adequar ao dispositivo do usuário. Por um tempo, isso era fácil de fazer: se o usuário estivesse em um dispositivo móvel, ele seria redirecionado para um mini-site separado. Mas com smartphones e especialmente tablets, a linha ficou embaçada.
O design responsivo rapidamente se tornou reconhecido como uma maneira incrivelmente inteligente de construir sites. Até onde você chega é com você. Mas uma coisa é certa: está mudando radicalmente a indústria e está afetando inúmeras práticas e ferramentas que usamos há anos. Vamos considerar o impacto dessa nova abordagem em algumas das ferramentas básicas nas quais confiamos e no design da web em geral.
Quase todo mundo que trabalha na web tem, em algum momento, se deparado com alguém que acredita que o adolescente de seu amigo poderia lidar com seu projeto. Essa perspectiva sempre foi irritante, mas há alguma luz no fim do túnel. Com design responsivo, as coisas ficaram muito mais complicadas. Existe agora uma tremenda oportunidade para os profissionais da Web se destacarem do rebanho.
Existem milhares de web designers e desenvolvedores em todo o mundo, e todos nós estamos conectados pelo meio mágico em que trabalhamos. Isso é ótimo e problemático. Dado o número de pessoas disponíveis para o trabalho, o destaque pode ser difícil.
Há realmente uma oportunidade fabulosa aqui. Se você for agressivo o suficiente, pode se destacar trabalhando rapidamente para compreender rapidamente o design e o desenvolvimento responsivo. Mergulhe e aprenda, atualize seu site pessoal e fale sobre seus resultados. Eu garanto que se você criar um novo portfólio que demonstre esse conjunto de habilidades, as pessoas estarão interessadas em trabalhar com você. Mas a janela para isso é bem curta, dependendo da rapidez com que outros projetistas embarcam.
Os orçamentos representam um obstáculo significativo com essa abordagem. Com design responsivo, precisamos criar até quatro variações para cada layout, para segmentar smartphones, tablets, netbooks e desktops. Considere um site básico com apenas duas páginas: uma home page e uma página interna. Esses dois layouts se tornam oito variações quando você os implementa para quatro tamanhos de dispositivos.
Isso significa que devemos cobrar quatro vezes mais pelo trabalho? Isso dificilmente parece provável. Obviamente, os custos serão incrementais, mas o tempo necessário para preparar os layouts e codificá-los para funcionar corretamente aumentará definitivamente.
A educação do cliente terá um papel enorme. Precisamos ajudar nossos clientes a entender que, embora os iPads e os iPhones sejam legais, esses dispositivos estão aumentando o custo do desenvolvimento da qualidade. Conseguir que os clientes entendam nossos custos já é bastante difícil.
Se você quiser se destacar na comunidade, crie uma ferramenta que aborde problemas orçamentários. Muitos já o fizeram, com ferramentas como 320 e até e a Menos estrutura . Ambas reduzem o tempo necessário para criar produtos e ajudam os desenvolvedores a reduzir o tempo dos orçamentos. 320 e acima, em particular, é um exemplo perfeito de como capitalizar essa oportunidade.
Com o campo aberto agora, a introdução de ferramentas no mercado que simplifiquem o processo de desenvolvimento em suporte ao design responsivo será muito mais fácil. Poderíamos até criar ferramentas que replicam as existentes, mas que são orientadas em torno do design responsivo.
Uma das muitas áreas que podem ficar de cabeça para baixo é o mercado de plug-ins que funcionam com estruturas populares como o jQuery. O mercado está cheio de lindos plug-ins que fazem uma grande variedade de coisas no navegador: apresentações de slides, galerias de fotos, formulários, pop-ups, a lista continua.
A oportunidade aqui é louca. Pegue um plug-in comum, como a ferramenta slideshow slick Nivo Slider . Esta ferramenta incrível está nos cintos de ferramentas de muitos desenvolvedores. O mercado está maduro para alguém criar uma ferramenta semelhante que se auto-ajusta para funcionar sem problemas em dispositivos usando uma abordagem responsiva.
O mesmo vale para quase todos os plug-ins. Se você estiver procurando por um projeto que virtualmente garanta o sucesso, escolha um hot plug-in e crie uma versão responsiva que se adapte para funcionar adequadamente em diferentes dispositivos.
Embora este artigo seja mais sobre o processo de desenvolvimento, consideremos o teste do navegador. Esta é uma parte básica da construção de sites. Qualquer um que trabalhe muito na criação de um site provavelmente testará coisas em vários navegadores enquanto eles estiverem. E em algum momento, a maioria dos sites passa por um teste detalhado em vários navegadores.
Mas como lidamos com isso através de design responsivo? A equipe deve possuir todos os dispositivos mais populares? Claro, existem emuladores, mas a maioria é dolorosa de instalar e trabalhar. E nada supera os testes com a coisa real.
Configurar software em computadores para fazer capturas de tela em uma variedade de navegadores e plataformas é meio difícil. Mas a configuração de sistemas para capturar automaticamente capturas de tela do número cada vez maior de dispositivos é realmente difícil. As soluções que existem são caras e ainda não encontrei um bom serviço para isso.
Essa é uma daquelas situações em que a complexidade é uma vantagem. Se alguém conseguir tirar a pele desse gato, seria difícil para os outros seguirem. Existem muitas soluções para tirar screenshots automatizadas em vários navegadores, mas a primeira pessoa a oferecer capturas de tela para dispositivos terá algo único para vender. E a comunidade responderá de maneira grandiosa.
O mercado de temas prontos para usar é enorme, mas o design responsivo é uma chave de macaco aqui também. Provedores de modelos provavelmente não irão adaptar seus designs para acomodar esses novos requisitos. Em vez disso, eles provavelmente adicionarão recursos responsivos a versões futuras. E aí está a oportunidade.
Modelos antigos não foram inúteis; eles estão perdendo apenas um componente importante. Isso nivela o campo de jogo por um tempo. Se você está pensando em iniciar seu próprio negócio temático, este é um ótimo momento para fazê-lo. As empresas estabelecidas terão de suportar seus modelos legados e, embora desfrutem de algumas vantagens, a barreira à entrada no mercado ficou um pouco mais baixa.
A comunidade passou a confiar em serviços de software para coisas como wireframing e testes de usabilidade. Mas como essas ferramentas lidam com vários dispositivos? Muitas ferramentas lidam, digamos, com testes de usabilidade, e algumas novas até tratam de testes móveis (como YouEye Mobile ), mas resolvem apenas parte do problema.
No nicho de wireframing, existe uma maneira comum de lidar com vários layouts de página, mas ainda não encontrei uma solução que lide com um único layout de página para vários dispositivos. A necessidade é tão simples, mas muitos sistemas simplesmente se quebram. Devemos criar um novo wireframe para cada dispositivo? A resposta não está clara.
O mercado está maduro para ferramentas que apóiam as abordagens atuais das pessoas para trabalhar on-line, enquanto adotam o design responsivo. Você pode ser capaz de atrair clientes para longe dos concorrentes, oferecendo recursos que abrangem essas técnicas modernas.
A mudança pode ser enervante, até esmagadora. Não importa o quanto você aprenda, você sempre se sente como se estivesse atrasado. Mas todo mundo está no mesmo barco. Em tempos de grandes mudanças, você pode maximizar a oportunidade mergulhando e montando a primeira onda.
Você vê alguma outra oportunidade para capitalizar o movimento em direção ao design responsivo?