Como reduzir o atrito no Web Design

Em termos de experiência do usuário, atrito é qualquer coisa que impeça seus usuários de atingirem seus objetivos. O atrito apresenta um grande problema para usuários e designers porque reduz as conversões, aumenta a taxa de rejeição e faz com que os usuários abandonem suas tarefas. Em outras palavras, ele faz exatamente o oposto de qualquer bom site.

O atrito na experiência do usuário afetará cada interação do usuário, de modo que mesmo as interfaces mais bem projetadas são difíceis de usar. Por outro lado, uma experiência de site sem atrito cria interações do usuário que são perfeitas e se desenrolam naturalmente.

Reduzir o atrito do seu site pode levar a mais interações de qualidade sem complicações. Limpar seu site aumentará suas conversões e incentivará seus usuários a permanecerem em seu site por mais tempo, aumentando a probabilidade de eles realizarem uma ação. Aqui está como fazê-lo.

Identificando o atrito em seu site

O atrito pode vir de muitas formas. Algumas pessoas definem atrito como qualquer coisa que um usuário deve superar para usar seu site (exemplos incluem tempos de carregamento lentos ou navegação ruim). Outros usam o termo atrito para descrever qualquer coisa desnecessária ou excessiva sobre uma interface. Outros ainda equiparam o atrito à “carga cognitiva” ou qualquer coisa que exija que o usuário pense, mas não deveria.

Embora todas sejam essencialmente versões da mesma coisa, geralmente podemos identificar sintomas de atrito como:

• Distração visual
• Uma interface visualmente confusa
• Inconsistências
• Ações e decisões desnecessárias
• Funções que são confusas ou menos intuitivas

Também é importante entender que, em alguns casos, o atrito pode realmente ser uma coisa boa. Isso se aplica quando os componentes de design de fricção retardam um usuário para algum propósito. Por exemplo, você pode incorporar elementos complicados para capturar dados ou evitar que um usuário cometa um erro com consequências graves (como um usuário excluir sua caixa de entrada ou conta permanentemente).

Em outros casos, o atrito pode servir a um propósito educacional. Os jogos são um bom exemplo. Nos jogos, usamos o atrito para incutir o aprendizado. Com o atrito, passamos de iniciante a especialista enquanto ainda nos divertimos. É a versão virtual de andar de bicicleta – por tentativa e erro, aprendemos algo novo. Ninguém gostaria de um jogo sem atrito, porque não seria divertido.

Para a maioria dos sites, no entanto, você deseja tornar sua experiência o mais simples possível. Use estas estratégias testadas e comprovadas para criar experiências de usuário sem peso:

1. Comece com uma abordagem macro

Para criar uma experiência de usuário sem atrito, comece com uma jornada completa do usuário em mente. Isso ajudará você a determinar onde o atrito pode ser útil para o seu processo de desenvolvimento e quando será complicado para seus usuários.

Cada etapa na jornada de um usuário apresenta uma oportunidade de impactar o sucesso de seu produto geral. Decida quando o atrito é necessário para coletar dados ou evitar erros e remova todos os outros obstáculos que possam afetar negativamente sua taxa de resposta.

2. Minimize as etapas necessárias para realizar uma ação

Há uma boa chance de você reduzir o atrito cortando algumas etapas no processo de um usuário. Um exemplo famoso é o processo complexo de usar uma função iCal:

• Clique duas vezes na data na visualização do mês.
• Digite o nome do seu evento.
• Pule a localização.
• Pule a caixa de seleção “todo o dia”.
• Pule o mês passado.
• Pule o dia anterior.
• Pule o ano passado.
• Digite a hora do evento.
• Digite o minuto do início do evento.
• Digite AM ou PM.

Se você acha que isso é estressante de se ver, você não está sozinho. Agora, compare isso com a jornada do usuário no recurso de calendário do Backpack:

1. Clique duas vezes na data do evento em sua visualização mensal.
2. Digite o nome do evento e a hora de início.

Compare esses dois aplicativos juntos e é fácil ver qual tem menos atrito. Em alguns casos, você pode ter um processo que requer muitas etapas. Se este for o caso, certifique-se de que cada etapa seja o mais fácil possível. Você pode fazer isso usando caixas de seleção em vez de exigir digitação ou consolidando etapas sempre que possível.

3. Saiba que “Menos é Mais”

O objetivo final de uma interface é tornar as coisas o mais simples possível. Isso forma a base das melhores práticas de web design. Ao remover o desnecessário, podemos transmitir o essencial.

Tome o cuidado de priorizar os elementos que atendem às expectativas do usuário e se livre de tudo o que não é estritamente necessário. Um excelente exemplo disso em ação é a página inicial do Google. Há apenas uma coisa que você pode fazer, e há muito espaço em branco ao redor dela.

Não fique sobrecarregado com recursos – você corre o risco de tornar as coisas complicadas e prejudiciais ao usuário (o que acaba sendo ruim para o seu produto).

4. Use Boas Práticas de Navegação

Um dos inimigos das experiências sem peso é a má navegação.

Infelizmente, muita coisa pode dar errado ao projetar a navegação, por isso também é uma causa comum de atrito. Não existe uma abordagem “tamanho único” para uma navegação clara, mas há uma fonte onde você pode aprender o que funciona para o seu site: seus usuários.

O teste do usuário ajudará você a entender como as pessoas acessam o conteúdo em seu site ou aplicativo e a categorizá-lo. Use essas informações para orientar e ajustar suas práticas de navegação para que elas atendam às necessidades de seus usuários.

5. Chunking é seu amigo

Qualquer estudante de psicologia lembrará que George A. Miller postulou que a mente humana média poderia conter 7 objetos na memória de trabalho, mais ou menos 2.

É daí que vem a prática de segmentação – ela evita a sobrecarga cognitiva. Organizar as informações em pedaços funciona em torno das limitações do cérebro humano e aumenta a retenção de memória.

Podemos aplicar esse conceito ao web design dividindo tarefas complexas em uma série de tarefas menores e mais simples. Aplique essa técnica a formulários de entrada e outras tarefas complicadas para reduzir sua taxa de rejeição e melhorar a atenção do usuário.

6. Não reinvente a roda

Pode ser tentador fazer algo novo ou inovador em seu site. Como pessoas criativas, é natural que os web designers criem algo único. No entanto, os usuários preferem interagir com elementos familiares da interface do usuário porque podem usar seus conhecimentos de experiências anteriores.

Toda vez que forçamos os usuários a aprender como algo novo funciona, criamos mais atrito para eles. Padrões de IU previsíveis ajudam os usuários a entender os sistemas e concluir as tarefas. Use padrões de UI e UX pré-estabelecidos o máximo possível. Por exemplo, um ícone de lupa para pesquisa é facilmente reconhecível para os usuários e não requer reflexão extra.

7. Mantenha-se fiel à sua marca

Por fim, coloque-se no lugar do usuário por um minuto. Um visitante saberia o que você está fazendo dentro de 4-6 segundos depois de visitar seu site? Se não, você está criando atrito desde o início.

Sua página de destino ou página inicial do aplicativo deve abordar prontamente uma solução, resolver um problema para os usuários ou ajudar os usuários a atingir suas metas. Esse conceito se aplica ao layout, tipografia, gráficos e muito mais.

Conclusão

Seu site ou aplicativo deve ser o mais simples possível. Ao remover etapas desnecessárias e elementos de design confusos, você pode ajudar seus usuários a atingir suas metas mais rapidamente e reduzir a taxa de rejeição do seu site.

O atrito em um site varia do prático ao estético. Por exemplo, tempos de carregamento lentos ou navegação abaixo da média podem fazer com que os usuários abandonem seu site, enquanto a falta de espaço em branco ou mesmo a fonte errada pode criar uma carga cognitiva aumentada. É por isso que é importante considerar toda a jornada do usuário ao projetar um produto.

Seguindo as etapas descritas acima, você pode identificar o atrito em seu site e tomar medidas para reduzi-lo. Ao fazer isso, você aumentará suas conversões e terá mais sucesso na solução dos problemas dos usuários.