Não é mais suficiente simplesmente garantir que seu conteúdo da Web se encaixa em uma tela pequena. O Google reforçou esse precedente atualizando seu algoritmo enfatizar a importância de projetos responsivos cuidadosamente planejados e bem executados em telefones móveis.
E isso faz sentido: seus espectadores não precisam de todas as funcionalidades de um computador em um dispositivo móvel. Na verdade, eles podem querer remover algum conteúdo e funcionalidade quando estiverem em uma tela menor. Afinal, ninguém quer classificar as páginas de conteúdo apenas para encontrar o número de telefone da sua empresa. Esse é o bloco de construção que falta em muitas fundações de web design de empresas: verdadeira adaptabilidade.
Simplesmente colocar o seu site em uma versão que cabe em um dispositivo móvel não é suficiente. Você precisa dar uma olhada na experiência completa do usuário e como ela deve ser alterada para se adaptar aos diferentes ambientes em que ela está sendo visualizada.
57% dos usuários de dispositivos móveis não recomendará empresas com projetos ruins de sites para dispositivos móveis e 48% dizem que empresas com sites para dispositivos móveis que não funcionam adequadamente têm a aparência de não se importar.
Existem várias áreas problemáticas que a maioria das empresas enfrenta com seus sites responsivos:
Os processos de design anteriores determinaram que o cliente aprova imagens estáticas e capturas de tela antes da fase de desenvolvimento. Hoje, o design é mais focado no rearranjo de elementos para diferentes dimensões de dispositivos e muito menos focado no posicionamento de imagens estáticas.
A exibição de dados em uma tela pequena muitas vezes dificulta a visualização ou a leitura de conteúdo, especialmente tabelas de informações. o W3C na verdade incentiva as marcas a escolher um método diferente de tabelas e guias para apresentar dados; interfaces de usuário complicadas simplesmente contêm informações demais para serem manipuladas pelos dispositivos móveis.
Acima de tudo, o problema com o design responsivo é simplesmente uma questão das perspectivas dos clientes versus as perspectivas das empresas. Infelizmente, a maioria das empresas tende a se perguntar o que elas querem dizer a seus clientes, e não como seus clientes querem ver e interagir com essas informações.
Por exemplo, embora os fluxos de trabalho de registro geralmente sejam o aspecto mais importante do design da Web, eles geralmente são de baixa prioridade. Isso porque as empresas pensam mais sobre a funcionalidade que desejam que os clientes vejam do que o ponto de entrada lógico e o fluxo de trabalho principal que os clientes estão procurando.
Simplificando, o design responsivo não é a solução definitiva para dar aos usuários o que eles precisam de um site; ainda deixa muito a desejar.
Quando se trata de web design, as principais marcas de conversação precisam se resumir ao conceito de websites responsivos versus adaptativos.
A abordagem responsiva leva o site atual e o ajusta a tamanhos de tela variados, enquanto a abordagem adaptativa realmente altera o conteúdo e como ele funciona com base no tamanho da tela.
O design da Web responsivo presume que seu conteúdo e funcionalidade devem ser os mesmos em todos os dispositivos, mas isso não é necessariamente verdade
Eu geralmente defendo mais um método adaptável de design da Web, em vez de simplesmente empilhar conteúdo, por uma razão importante: o design da Web responsivo pressupõe que seu conteúdo e funcionalidade devem ser os mesmos em todos os dispositivos, mas isso não é necessariamente verdade. A chave é combinar a natureza do conteúdo com o caso de uso e o contexto em que os usuários visualizam seu website.
Por exemplo, digamos que você esteja criando um site responsivo para uma marca nas indústrias de bens de consumo ou bens de consumo. As promoções e páginas de ofertas para esses tipos de sites geralmente recebem o maior tráfego on-line. As pessoas raramente analisam os detalhes do produto, mas quando o fazem, uma ótima maneira de destacar esses detalhes é mostrar como eles se comparam a outros itens. Com isso em mente, você deve colocar a visualização de produtos e o conteúdo educacional nas páginas de produtos para ajudar os clientes a entender como usar e interagir com seu produto.
Para o setor de bens de consumo embalados, você deseja conhecer seus clientes e determinar se eles são pré, pós-loja ou pós-loja. Você precisará criar uma experiência diferente, dependendo de onde o cliente está no caminho a ser comprado.
Aqui está um pequeno resumo de cada caminho:
Saber onde os clientes estão no caminho para a compra permite que você crie o site de uma maneira que atenda a essas necessidades e muito mais.
O design adaptável permite que o cliente tenha uma experiência personalizada ... com base no dispositivo que ele está usando
Acima de tudo, você deve se colocar no lugar de seus clientes. Por exemplo, eu compro no Trader Joe's toda semana. Seria bom se eu pudesse planejar minhas refeições com antecedência do meu laptop e conectar esse plano à minha experiência de compra. Em outras palavras, eu poderia dizer ao site o que gostaria de fazer no café da manhã, almoço ou jantar. O site me contaria todos os produtos que eu precisaria para fazer essas refeições e criaria uma lista mapeada para que eu soubesse quais corredores pegar quando chegasse à loja. Tudo o que tenho que fazer é pegar meu telefone.
O design adaptativo permite que o cliente tenha uma experiência personalizada, como essa, com base no dispositivo que ele está usando.
Otimize a experiência do cliente, adaptando o design e as informações ao dispositivo. Por exemplo, se seu cliente estiver procurando você em um smartphone, torne o número de seu telefone proeminente e interativo para que ele ou ela possa ligar facilmente. O consumidor está em um laptop? Talvez seja mais importante apresentar as informações do produto antecipadamente. Descubra o que seu cliente precisa com base no dispositivo que está sendo usado e entregue essa experiência.
Você precisa olhar para o seu site a partir das perspectivas dos usuários - não importa em qual dispositivo eles estão passando. Se seus clientes compram seus telefones para pesquisar sua empresa, é melhor você estar pronto para ajudá-los a encontrar o que precisam com o melhor design e funcionalidade possível. Se você não fizer isso de forma simples e perfeita, eles apenas levarão seus negócios para outro lugar.
Imagem em destaque, imagem UX para dispositivos móveis via Shutterstock.