Já há algum tempo, qualquer pessoa preocupada com a otimização de mecanismos de pesquisa garantiu que uma versão para celular de seu website estivesse disponível, porque, do contrário, corria o risco de enfurecer o algoritmo do Google. No entanto, ao contrário de tantas outras tendências no mundo do SEO, a pesquisa mostra que o uso da Web para dispositivos móveis não está diminuindo, embora muitos dos chamados sites amigáveis para dispositivos móveis sejam difíceis de usar. As visualizações para dispositivos móveis não apenas estão crescendo, como estão explodindo. Pesquisa de Statista estima que a quantidade de tráfego na Web em 2019 será de cerca de 24,3 Exabyte, acima dos 4,2 Exabyte de 2015.
Apenas para ter certeza de que você entende a gravidade disso, um Exabyte é igual a 1 bilhão de Gigabytes.
Apesar das evidências de que os visitantes estão usando seus dispositivos móveis para navegar na Web, nem todos projetam com o usuário móvel em mente. De acordo com o Grupo Nielsen-Norman:
… Há mais usuários de smartphones em todo o mundo do que usuários de desktops e laptops [mas] a usabilidade de sites e aplicativos móveis ainda está bem atrás da usabilidade de sites de desktop.
É claro que nem todo mundo quer um site para celular que seja bom o suficiente para o Google. Eles querem que seus visitantes tenham uma experiência positiva quando acessarem o site, ou um que tenham criado para um cliente. Então eles ajustam seus designs de acordo.
A maioria das pessoas associa a Web para dispositivos móveis ao design responsivo da web, porque essa tem sido a palavra de ordem usada em blogs e apresentações diferentes há algum tempo. No entanto, o web design responsivo não é a única estratégia, e nem sempre é a melhor abordagem. A melhor opção é baseada em como você deseja que seus visitantes interajam com o conteúdo do seu site.
Usando consultas de mídia para alterar a exibição do site com base no tamanho da tela, essa é uma abordagem fluida para o design de vários dispositivos. Você cria uma vez e confia no CSS para dimensionar a exibição com base na tela.
Essa abordagem depende de páginas estáticas projetadas para diferentes pontos de interrupção. Quando o tamanho da tela é detectado, o layout apropriado é exibido. Aqui, você precisa projetar diferentes layouts para acomodar vários tamanhos de tela. Geralmente, seis layouts são construídos para as larguras mais comuns: 320, 480, 760, 960, 1200, 1600.
É quando você cria um aplicativo para iOS, Android ou Windows projetado para exibir seu conteúdo da web para usuários móveis.
Você seria duramente pressionado para encontrar um site nos dias de hoje que não oferece algum tipo de interação do usuário. Pode ser um site de negócios que coleta informações de possíveis clientes, um site de comércio eletrônico criado para fazer compras ou um site que permite que os visitantes façam o check-in em um evento ou local. Em qualquer caso, o usuário terá que fornecer informações, fazer seleções e pressionar botões, e você terá que entender que as coisas em um dispositivo móvel são diferentes.
Para começar, concentre-se em recursos importantes. Isso pode exigir alguma reorganização de sua parte, ou você pode ter que cortar alguns dos elementos que você queria incluir. Isso não apenas ajudará a reduzir a desordem, mas também permitirá botões maiores e outros elementos com os quais dedos maiores podem ter dificuldade em se envolver. Quando for possível, reduza a necessidade de os usuários inserirem texto. Eles podem ter um teclado na tela para usar, mas todos nós sabemos que há uma alta taxa de erro ao usá-los, e recursos como autocorreção ou previsão de texto podem se tornar bastante frustrantes. Além disso, entenda que há uma boa chance de um visitante em dispositivos móveis ser interrompido ou perder a conexão. Quanto menos eles tiverem que refazer o tempo, menos frustração eles sentirão.
Para fins de SEO, muitos designers foram treinados ao longo dos anos para incorporar menus de navegação complexos em seus trabalhos, de modo que os spiders dos mecanismos de busca possam indexar tudo. Ter tudo acessível a partir do menu de navegação também garante que seus visitantes possam encontrar o que estão procurando. Mas para o visitante móvel, esses menus complicados tornam a navegação mais difícil, e um sitemap criado corretamente envia os rastreadores do mecanismo de pesquisa para onde você precisa.
Em vez de listas longas de itens de menu, mantenha as opções para não mais que seis, para que os visitantes móveis não tenham que tentar rolar para baixo para ver tudo enquanto tentam manter um menu aberto. Além disso, elimine os submenus. Esse pequeno sinal + de que você espera que os usuários cliquem para expandir as opções é realmente difícil de tocar, a menos que eles estejam usando uma caneta stylus. Da Apple Noções básicas de design da interface do usuário afirma que o dedo médio requer 44 pixels da esquerda para a direita e para cima e para baixo. Design com esse espaço em mente.
A tendência do site de uma única página é algo a considerar aqui também. Concebida com os visitantes móveis em mente, esta técnica permite ao visitante percorrer o seu site e encontrar tudo o que precisa numa página extensa. Esse tipo de design esquece tudo sobre a dobra, já que os usuários de dispositivos móveis ficam à vontade para vasculhar o conteúdo e encontrar o que precisam.
Ao pensar em seus visitantes móveis, você é solicitado a deixar de fora um pouco. Mas o que você nunca deve sacrificar é a razão pela qual você tem um site em primeiro lugar. Certifique-se de que seu branding permaneça consistente, se você precisar que seu logotipo permaneça proeminente, use a quantidade certa de imóveis para exibi-lo. Se o seu site tiver muito conteúdo, verifique se os usuários de dispositivos móveis têm acesso a tudo isso. Ocultar conteúdos de monitores de celular essencialmente pune os visitantes por não estarem em tela cheia.
Como web designers, estamos acostumados às tendências do nosso setor. Todos os anos há listas que nos apresentam os últimos modismos e metodologias que devemos estar atentos. Projetar para o usuário móvel não é um desses. É a realidade de onde nossa indústria está indo e eles continuam adicionando mais tamanhos de tela para nós trabalharmos, então realmente não há um tamanho único para todas as abordagens que você pode tomar.
Você, sua organização, seus clientes e quaisquer outras partes interessadas precisam determinar o que é importante e estruturar seus sites em torno desses elementos. Mas pense no que é importante para os visitantes porque é isso que conta. A experiência do usuário nunca deve ser sobre o que achamos melhor ou o que queremos ver. Não podemos forçar as pessoas a terem uma ótima experiência quando visitam nossas páginas. Em vez disso, temos que dar a eles o que eles querem, de uma maneira que seja fácil para eles acessarem.
Portanto, antes de procurar por listas de verificação ou guias que nos digam qual é a boa experiência do usuário, reserve um tempo para pensar sobre o que temos a dizer e o que nossos visitantes querem ouvir.
Imagem em destaque, imagem da Web para dispositivos móveis via Shutterstock.