Na experiência do usuário, o atrito é qualquer coisa que impede que os usuários cumpram suas metas. O atrito é um problema importante, porque leva a saltos, reduz conversões e frustra os usuários ao ponto de abandonar suas tarefas. Neste artigo, você descobrirá como melhorar a experiência do usuário para os usuários reduzindo o atrito.

O conceito de uma experiência sem atrito

A experiência do usuário sem atrito tornou-se o novo padrão. O objetivo das experiências sem atrito é simplificar nossas vidas. As experiências digitais mais bem-sucedidas surgiram com foco na redução do atrito na jornada do usuário.

image3

Uber sabe que quanto menos etapas envolvidas em uma tarefa, menos atrito.

Fora das GUIs, um bom exemplo é o botão Amazon dash, que permite solicitar um refil de um produto específico com um único push.

image1
Botão Amazona

Boa e má fricção

É importante dizer que existem dois tipos de atrito - "bom" e "ruim":

"Boa" fricção

Há momentos em que um pouco de atrito de UI / UX é realmente desejável. Como Sangeet Choudary disse: “A fricção no design é útil se facilita a interação em vez de [ficar] no caminho dela.” Às vezes, você pode querer desacelerar o usuário para garantir que os dados capturados estejam corretos ou para impedir que os usuários caminho incorreto. Por exemplo, para ações com consequências severas, algum atrito não é uma má ideia.

image7

O atrito pode evitar erros solicitando confirmação. Um usuário deve confirmar uma ação de exclusão digitando, de fato, excluir.

Fricção "ruim"

Este é um atrito indesejado criado por uma confusão visual (um layout ocupado que confunde ou distrai o usuário), inconsistência ("Por que o botão 'Enviar' tem aparência diferente nesta página?"), Recursos ou funções desconhecidos. O mau atrito é o inimigo do design de interação porque cria uma carga cognitiva extra na interface do usuário. Reduzir a má fricção é bom para sua interface do usuário.

Como evitar fricção ruim

Os designers de UX dominam a arte de reduzir a má fricção através de uma combinação de técnicas de design. A aplicação dos seis princípios-chave a seguir ajudará a direcionar qualquer produto ou serviço para uma experiência mais sem atritos para seus usuários.

1. Considere uma jornada completa do usuário

É importante projetar um produto com uma jornada completa para o usuário, a fim de descobrir onde o atrito é útil e onde ele é prejudicial para os objetivos do usuário e do negócio. Cada etapa da jornada pode criar ou remover o atrito e impactar o sucesso do produto geral. Quando o designer compreende as etapas envolvidas em uma jornada do usuário, ele pode remover (ou pelo menos ajustar) todas as etapas que afetam negativamente a taxa de resposta.

image4

Ter um mapa de jornada do usuário tornaria mais fácil identificar atritos em uma experiência. Crédito da imagem: Interface de usuário eficaz

2. Limite o número total de etapas necessárias para concluir a tarefa

Quanto menos etapas envolvidas em uma tarefa, menos atrito. Aqui está um exemplo famoso de comparação de sobrecarga de entrada de calendário de John Gruber:

“Meu uso típico [no iCal]:

  1. Clique duas vezes na data do evento na visualização mensal.
  2. Digite o nome do evento.
  3. Tab previous Location.
  4. Marque a caixa de seleção "todos os dias".
  5. Tabulação passado mês.
  6. Tabulação após o dia.
  7. Tab no ano passado.
  8. Digite a hora.
  9. Digite os minutos.
  10. Troque o AM / PM.

Compare e contraste com a interface de entrada de eventos do recurso de calendário em Mochila:

  1. Clique duas vezes na data do evento na visualização mensal.
  2. Digite a hora e o nome do evento. ”

Está claro que aplicativo tem menos atrito para essa tarefa.

O problema com o atrito da interface é que, em alguns casos, é inevitável. Portanto, se um grande número de etapas for absolutamente necessário para seu aplicativo, faça o melhor para garantir que cada etapa seja o mais simples possível.

3. Design Limpar Navegação

Muito pode dar errado com a navegação, tornando-se uma fonte potencial de atrito. Embora seja definitivamente impossível fornecer uma solução de tamanho único, ainda é possível melhorar as experiências de navegação aprendendo com os usuários. A técnica de teste do usuário certa (como classificação de cartão) pode ajudar você a entender como os usuários categorizam e acessam o conteúdo no seu aplicativo ou no seu site. Essas informações ajudarão você a projetar ou ajustar a navegação para as necessidades de seus usuários.

4. Siga a abordagem "Menos é mais"

O objetivo final de uma interface é tornar as coisas mais simples. É por isso que a simplicidade é uma parte importante do que os adeptos do design sem atrito pretendem alcançar. Designers tentam transmitir o essencial, removendo o desnecessário. Como Antoine de Saint-Exupery disse uma vez: “Perfeição é alcançada, não quando não há mais nada a acrescentar, mas quando não há mais nada para tirar.” Isso é absolutamente verdadeiro para interfaces de usuário. Como designer, você deve priorizar apenas os elementos que correspondem às expectativas do usuário e aparar qualquer coisa que não ajude o usuário. Um bom exemplo de produto que segue esse princípio é a home page do Google: tão simples quanto possível; Apenas uma coisa a fazer e muito espaço em branco ao redor.

image6

Compare-o à home page do Yahoo que se parece com um canivete suíço. Muitos recursos e opções podem ser intimidantes e, ocasionalmente, prejudiciais.

image8

5. Use Padrões de UI Reconhecidos

Quando interagimos com elementos familiares da interface do usuário, podemos usar o conhecimento de nossa experiência anterior. No entanto, toda vez que precisamos aprender como algo novo funciona, isso cria atrito (muito pouco conhecimento pode deteriorar a facilidade de uso). Os padrões da interface do usuário ajudam os usuários a entenderem sistemas muito complexos e lidam com êxito com tarefas difíceis. Os designers de interface do usuário / interface do usuário devem usar tantos padrões de interface de usuário quanto possível. Convenções reconhecíveis, como um ícone de lupa para pesquisa, não exigem pensamento extra para os usuários.

6. Use Chunking

O psicólogo cognitivo George A. Miller argumentou que o número de objetos que um ser humano médio pode ter na memória de trabalho é de 7 ± 2. A fim de evitar sobrecarregar um usuário com muita informação de uma só vez, os designers costumam usar a técnica de chunking. Chunking trabalha em torno das limitações naturais do cérebro humano e da retenção de memória. Dividir conteúdo complexo em seções menores melhora o ritmo da experiência. Ele permite que os usuários processem as informações, sugerindo como cada peça deve ser interpretada. Como resultado, os usuários retêm melhor o conteúdo.

Às vezes é melhor dividir uma tarefa complexa em sub-tarefas menores. Os mesmos princípios se aplicam aos formulários de entrada ao dividir uma forma longa em várias etapas menores.

image2
Chunking impede sobrecarregar o cérebro com muita informação de uma só vez. O Facebook usa um processo de chunking para exibir um progresso por meio de uma sequência de etapas lógicas e numeradas.