Reduzindo o atrito da interface do usuário

Tantek elik escreveu recentemente um ótimo artigo sobre carga cognitiva na interface do usuário, comparando mensagens instantâneas e e-mail:

Para enviar uma mensagem instantânea (IM) a alguém, o senhor simplesmente:

  1. mudar para seu cliente de IM
  2. clique duas vezes no nome do usuário
  3. digite sua mensagem
  4. pressione return

Para enviar um e-mail para alguém, o senhor precisa:

  1. mudar para seu cliente de e-mail
  2. escolha “New/Compose Message” na interface
  3. digite o nome do destinatário (o preenchimento automático na maioria dos programas de e-mail geralmente ajuda a reduzir esse processo para 3-4 pressionamentos de tecla)
  4. digite tab ou return para ir para o próximo campo (normalmente outro campo para ou cc)
  5. digite tab ou retorne novamente para ir para o campo de assunto
  6. pense em um assunto (ou, de preferência, ignore-o)
  7. digite um assunto (ou, de preferência, ignore-o)
  8. digite tab ou return novamente para ir para o campo do corpo da mensagem
  9. digite sua mensagem
  10. clique em enviar

Idealmente, supondo que não haja assunto (o que é atípico) e que o senhor digite apenas três letras para preencher automaticamente o nome do destinatário, são dez etapas, mais de três vezes a sobrecarga da interface de mensagens instantâneas.

Jan Miksovsky cobre um terreno semelhante ao enumerar os obstáculos na entrada de um site:

  1. Descubra o que o serviço faz e se ele atende às suas necessidades.
  2. Encontre o ponto de entrada para se inscrever.
  3. Escolha um ID de usuário.
  4. Se o ID do usuário não for um endereço de e-mail, digite o endereço de e-mail dele.
  5. Escolha uma senha.
  6. Digite a senha novamente para confirmá-la.
  7. Escolha a senha mais algumas vezes para atender aos requisitos de segurança arbitrários.
  8. Anote a senha em algum lugar antes que o senhor se esqueça da nova variação de sua senha usual que finalmente passou pelos requisitos arbitrários de segurança.
  9. Insira os dados pessoais usados para configurar o serviço de acordo com suas necessidades.
    Cumprir com (ou recusar cuidadosamente) solicitações de dados demográficos para fins de marketing. Isso pode incluir a recusa de solicitações de inclusão em boletins informativos por e-mail.
  10. Concordar com os termos de uso e outros acordos legais.
  11. Ativar a conta. O usuário pode precisar mudar para um aplicativo completamente diferente – seu cliente de e-mail – e procurar uma mensagem do serviço.
  12. Download de software. Se o serviço envolver software cliente ou plug-ins de navegador, o usuário terá que superar mais uma dúzia de obstáculos: a caixa de diálogo de salvamento do navegador, a caixa de diálogo de progresso, a caixa de diálogo “Tem certeza de que deseja executar isso?”, uma caixa de diálogo de segurança do tipo “elevar para administrador” e, provavelmente, uma caixa de diálogo de firewall, sem mencionar a sequência excessivamente longa de perguntas de configuração do próprio software.

John Gruber oferece outro exemplo comparando a sobrecarga de entrada de calendário:

Meu uso típico [in iCal]:

  1. Clique duas vezes na data do evento na visualização do mês.
  2. Digite o nome do evento.
  3. Aba passada Location (Local).
  4. Passe o mouse sobre a caixa de seleção “all-day”.
  5. Tabulação após o mês.
  6. Tabulação do dia anterior.
  7. Tabulação do ano passado.
  8. Digite a hora.
  9. Digite os minutos.
  10. Troque o AM/PM.

Compare e contraste com a UI de entrada de eventos para o recurso de calendário no Mochila:

  1. Clique duas vezes na data do evento na visualização do mês.
  2. Digite a hora e o nome do evento.

Quer o senhor chame isso de carga cognitiva, uma sequência de obstáculos, sobrecarga de interface ou simplesmente um excesso, tudo isso resulta na mesma coisa: atrito na interface para o usuário. Areia nas engrenagens da mente do usuário. Mais uma coisa desnecessária que eles têm de pensar antes de usar seu aplicativo.

Quantas etapas são necessárias para fazer algo no seu o senhor tem um aplicativo? O senhor já contou? Já pensou em maneiras de reduzir ou eliminar essas etapas para seus usuários? Se não, o senhor deveria pensar. Inicie seu aplicativo e comece a contar à medida que o senhor clica e digita nos cenários de usuário mais comuns. Acho que o senhor ficará desagradavelmente surpreso.

Algum atrito na interface é inevitável. Mas é possível reduzir o atrito da interface a um mínimo absoluto. Uma das melhores interfaces de usuário de inscrição “sem atrito” que já vi está em reddit. Se o usuário clicar em qualquer elemento que exija login, será apresentado a uma sobreposição <div> que permite que ele se inscreva em uma única etapa e também conclua a ação em que clicou originalmente, de uma só vez:

Login no Reddit

A redução do atrito da interface explica em grande parte a popularidade de serviços como o twitter e tumbr. Qual é a quantidade mínima de esforço que um usuário pode despender para produzir algo? A resposta pode ser uma importante vantagem competitiva.

Aquela caixa de entrada única na página inicial do Google começa a se parecer cada vez mais com o uma experiência de usuário ideal. Pode não ser realista reduzir a interface de usuário do seu aplicativo a uma única caixa de texto, mas o senhor deve esforçar-se continuamente para reduzir o atrito da interface do usuário.