4 desafios na criação de um design de site amigável

Para criar um site acessível, você precisa projetar e desenvolvê-lo de forma que todos os usuários tenham acesso igual às informações, funcionalidades e recursos do site. Mas seu tempo é limitado. Quando você terminar esta frase, alguém visitará e abandonará seu site. A menos que você dê a seus visitantes um motivo para ficar, eles se foram.

A alta taxa de rejeição é um indicador da falta de interesse dos visitantes. Pode ser absolutamente bom para um usuário verificar uma página, especialmente se for um comunicado à imprensa ou outro conteúdo direcionado a eventos. Mas seu objetivo deve ser construir um relacionamento com seus visitantes.

O sucesso no design do site é medido pela eficácia com que ele se comunica e orienta seus visitantes. E dado o quão difícil é atrair usuários na era pós-publicidade, é mais difícil incorporar um bom design de site sem parecer muito de vendas. É aqui que entra o design amigável do site.

Pense no seu site como um campo de testes – você realmente precisa improvisar a aparência da navegação, e isso requer a resolução de certos problemas de design. Antes de nos aprofundarmos neles, é importante discutir por que exatamente a facilidade de uso é tão importante.

A maioria dos sites tem uma taxa de rejeição de 85% - o que significa que uma boa parte de seus esforços de geração de leads vai pelo ralo. Se o tráfego veio de anúncios do Google, isso é um bom desperdício do orçamento do PPC. É por isso que sempre recomendamos otimizar cuidadosamente suas páginas de destino antes de lançar suas campanhas de PPC.

Geralmente, essa é a experiência exclusiva de uma agência de design de sites, que concilia cuidadosamente os objetivos do negócio com a facilidade de uso. É um ato de alta fiação que requer muitas tentativas e erros para acertar, mas pode ser feito.

Aqui estão 4 desafios de interface do usuário que devem ser resolvidos ao criar um site amigável.

1. Incorporando elementos da GUI

Você já viu esses novos botões radicais, links, botões e barras de rolagem usados ​​em tantos sites hoje? Enquanto eles parecem impressionantes e feitos profissionalmente, você já se perguntou se isso dificulta a vida do usuário?

Se a resposta a esta pergunta for sim, você acabou de perder uma boa parte dos usuários.

O design do site, não importa o quão chique e impressionante, deve manter a usabilidade na frente e no centro. Se o elemento GUI prejudicar a usabilidade geral, é melhor removê-lo completamente. No design do site, você deve priorizar a acessibilidade, usabilidade e estética: nessa ordem. Botões e rolagem horizontal só devem ser usados ​​se você puder garantir que não vai confundir seus usuários.

Aqui está uma boa regra para lembrar no design do site: se você está incorporando um novo elemento de design apenas para o progresso, então é melhor evitá-lo.

2. Evite menus de navegação se você não precisar deles

Muitos designers de interface do usuário pegam novas ideias de design e simplesmente as explodem fora de proporção. Um bom exemplo disso seriam menus de hambúrguer e rolagem infinita. Ambas as tendências ganharam força e estão sendo usadas com abandono imprudente por milhares de sites; se a arquitetura da informação precisa desses menus é uma questão inteiramente separada.

A rolagem infinita só parece boa se a arquitetura da informação exigir. Um bom exemplo seria Twitter, Facebook, Google Images e vários sites de comércio eletrônico; nesse caso, a rolagem infinita é uma solução boa o suficiente. Mas faça a si mesmo esta pergunta: como seus usuários encontrarão e marcarão o conteúdo de que realmente gostam?

Como eles se moveriam para frente e para trás a partir do conteúdo de sua escolha? Como eles vão navegar pela enorme quantidade de informações que você está jogando para eles?

Isso também traz menus de hambúrguer: um menu de navegação mágico que torna a navegação um passeio no parque para os visitantes – ou assim parece. Seu nome vem de seu design: ou seja, consiste em três linhas horizontais que lembram um hambúrguer. E muito parecido com sua contraparte real, o menu de hambúrguer é projetado para economizar espaço.

Mas é um ícone que confunde completamente os usuários. Para começar, as pessoas realmente clicam nos menus de hambúrguer? E mesmo que o façam, se os itens do menu são tão importantes, eles não deveriam ocupar um lugar mais proeminente na tela?

Um menu só é importante se puder alcançar duas coisas:

• Eles dizem ao usuário onde eles estão
• Eles mostram onde mais você pode ir

Menus de hambúrguer, se não forem bem feitos, podem ser terríveis em ambos, porque o menu não está na tela e não é visível o suficiente.

No entanto, a boa notícia é que os menus de hambúrguer se tornaram onipresentes – eles estão em quase todos os lugares, de aplicativos a sites e videogames. Eles até encontraram o caminho para imprimir. É um ícone que ficou gravado na mente dos usuários online e se tornou sinônimo de navegação. As pessoas estão familiarizadas com ele e podem confiar nele para navegação, é muito semelhante a como os usuários sabem que o ícone inicial é onde você acessa o menu principal ou o ícone da lixeira é onde você exclui arquivos.

Em espaços digitais onde é difícil encontrar espaço visual, como sites e aplicativos móveis, o menu de hambúrguer pode economizar espaço. Afinal, você nunca deve sobrecarregar seus visitantes com muitas opções. Isso ocorre porque quando os usuários são apresentados a muitas opções, eles tendem a não fazer nenhuma.

3. Criando um site responsivo

A maior parte do tráfego online agora vem de dispositivos móveis. Os sites para desktop são essenciais, é claro, mas também devem ser carregados prontamente para usuários móveis. A última coisa que você quer é afastar seu público por causa de uma experiência móvel terrível. Hoje em dia, o desenvolvimento de sites para dispositivos móveis tornou-se tão fácil que é imperdoável não incorporá-lo ao seu design.

Existem plugins do WordPress e designers de interface do usuário acessíveis para ajudar a tornar seu site mais responsivo.

Abaixo estão três elementos-chave de um site responsivo:

Grade fluida: porcentagens fixas permitem que usuários com diferentes resoluções de tela e dispositivos vejam a mesma tela como todo mundo.

Imagens e texto adaptáveis: Imagens e tamanhos de fonte não podem ser mantidos iguais para todos os dispositivos, portanto, você precisa ajustar o código para que ele seja carregado totalmente otimizado para cada dispositivo diferente. Isso requer ajustes cuidadosos no código do site, por exemplo, no arquivo CSS.

Consultas de mídia: Se você implementou códigos com sucesso para os dois cenários acima, é hora de montá-los. Uma consulta de mídia informa o que exibir especificamente em computadores e dispositivos móveis.

4. Velocidade de carregamento rápido

A maioria dos usuários tem uma atenção muito baixa e você está competindo por cada segundo que passa. O usuário online de hoje simplesmente não tem paciência para esperar mais de 2 segundos para carregar sua página.

Quer aumentar a velocidade do site? Existem muitas maneiras criativas de fazer isso sem gastar mais dinheiro em hospedagem:

Site compactado: Imagens e vídeos agradam a todos, mas muita mídia pode realmente distrair a experiência geral e deixar seu site lento. Além de fazer um uso cuidadoso das imagens, comprima seus sites usando soluções como RIOT, Smush.it, etc.

Imagens divididas: não é uma boa ideia espremer todas as informações em uma única página. É mais benéfico fornecer ao seu site várias páginas curtas para carregamento mais rápido, além de também oferecer mais vantagens de SEO.

Codificação limpa: os mecanismos de pesquisa usam rastreadores para entender do que se trata sua página. Se você os confundir com codificação complexa, isso apenas os forçará a levar seu tempo ou, pior, a ignorar seu site completamente. Portanto, sempre priorize a codificação limpa.

Como você aborda a navegação em seu site? Deixe-nos saber nos comentários abaixo.

Biografia do autor -

Faye Eldridge é fundadora e diretora do grupo The Fyami Marketing Limited. A Fyami é uma curiosa consultoria de web design e marketing em Londres, que fornece geração de demanda, nutrição de leads, digital, mídia social e suporte e soluções gerais de marketing.' Nossa missão é obter mais negócios nesta era digital liderada pela tecnologia. Faye acredita em influência positiva, transparência, diversidade, ser curioso, ser tenaz e compartilhar conhecimento. Ela tem um mestrado e está atualmente participando de pesquisa de negócios de doutorado relacionada à colaboração CMO e CTO.