Tratamento da miopia do usuário

Tento não falar muito sobre o trilogia aqui, porque há um outro blog para esse assunto. Mas algumas das lições que aprendi no último ano ao trabalhar neles realmente colocam em relevo algumas das minhas entradas anteriores no blog sobre usabilidade e comportamento do usuário.

Uma entrada em particular à qual eu sempre volto é Ensinando os usuários a ler. Isso foi específico para caixas de diálogo, que não apenas interrompem os procedimentos com idioticemas são sua própria e deliciosa marca de veneno para a interface do usuário. Felizmente, o senhor não vê muito diálogos em aplicativos da Web, mas esse tipo de loucura de diálogo modal está, infelizmente, se tornando mais popular no atual mundo AJAX-y da Web 2.5. Aqueles que não conseguem aprender com a história são condenados a repeti-la, eu acho.

Com mais cinco anos de experiência em desenvolvimento, não acredito mais que a faixa clássica de Larson seja específica para caixas de diálogo.

O que os cães ouvem

O fato é que os usuários não lerão nada que o senhor colocar na tela.

O que estamos fazendo com a trilogia não é exatamente uma cirurgia de foguete. Em sua essência, administramos sites de Q&A. E a operação mais básica de qualquer site de perguntas e respostas é fazer uma pergunta. Algo que qualquer criança de dois anos de idade sabe fazer.

Quando lançamos o superuser.com, esse era o nosso terceiroquarto site de Q&A. Este é para usuários avançados e é o mais amplo até o momento em termos de tópicos: a maioria dos assuntos relacionados a software ou hardware de computador (que não sejam jogos ou compras) é permitida.

Estamos nisso há mais de um ano, sem fazer nada além de aperfeiçoar e melhorar incansavelmente nosso mecanismo de Q&A com base no feedback da comunidade. Não somos particularmente bons, mas nos esforçamos muito, muito mesmo para não sermos ruins. Eu pensei com certeza, certamente devemos ter algo tão simples como o formulário de perguntas já está disponível.

Como eu era tolo.

Vamos dar uma olhada em uma pergunta recente de superusuário. Estou apresentando-a aqui como ela teria sido vista pelo usuário que fez a pergunta, enquanto ele a digitava no formulário de perguntas.

su-ask-resized.png

Imediatamente, há um problema. A formatação da pergunta está completamente errada! É uma grande confusão de texto.

Nossas regras de formatação não são complicadas. O senhor pode fazer muita coisa com um monte de parágrafos simples. Usamos Markdownque oferece convenções básicas de formatação que imitam as convenções ASCII. Além disso, oferecemos um visualização em tempo real de como sua pergunta ficará depois de enviada, diretamente abaixo da área de entrada da pergunta. Mas nada disso parece ter funcionado para esse solicitante em particular, que, aparentemente, estava totalmente satisfeito com a formatação obviamente quebrada, embora alguns retornos de carro tivessem feito maravilhas e ficado imediatamente visíveis na visualização ao vivo.

Sim, sim, é inevitável que a pergunta seja formatada por meio dos esforços coletivos de nossas legiões de editores da comunidade, mas esse não é o ponto. É melhor que o solicitante original tenha a pergunta formatada corretamente para começar, e é nosso trabalho como designers de UI tornar esse resultado o mais estatisticamente provável possível.

Para isso, colocamos uma série de ferramentas úteis na página de perguntas para ajudar os usuários a obter a formatação correta. Como designers de interface do usuário, vemos a página de perguntas da seguinte forma:

su-ask-what-we-want-the-user-to-see.png

Fornecemos uma barra de ferramentas com um rosa neon acima do corpo da pergunta e, à direita do corpo da pergunta, fornecemos uma referência rápida de formatação útil com um link para a referência de formatação completa (que abre em uma guia/nova janela por padrão).

Mas nada disso importa, porque o é assim que o usuário vê a página de perguntas:

su-ask-what-the-user-sees.png

Ou melhor, aqui está tudo o que o usuário não tem Veja.

Quando eu disse que os usuários não leem nada que o senhor coloca na tela, eu estava mentindo. Os usuários leem. Mas os os usuários só lerão o mínimo absoluto quantidade de texto na tela necessária para concluir sua tarefa. Não sei bem explicar, mas esse tipo de miopia do usuário é epidêmico. O problema é o mesmo, em todos os lugares.

Como tratamos a miopia do usuário? Como podemos alcançar esses usuários? A página de perguntas já está perigosamente perto de estar repleta de dicas úteis, mas aparentemente esses botões, links e textos úteis são praticamente invisíveis para um grande segmento da população de usuários. Claro, o senhor poderia argumentar que Super usuário tende a atrair usuários menos sofisticados, mas vejo exatamente o mesmo problema com programadores no Stack Overflow. Como novos usuários, uma porcentagem significativa deles não consegue descobrir como formatar o código, apesar de haver não apenas um botão na barra de ferramentas que faz isso para o usuário, mas também um texto de ajuda à direita que descreve explicitamente como fazer isso manualmente. (Basta recuar 4 espaços. Alerta de spoiler!)

Cada vez mais, acho que precisamos colocar a ajuda de formatação – somente para novos usuários – no diretamente na linha de visão do senhor. Ou seja, preencha previamente a área de entrada da pergunta com algum exemplo de formatação que seja típico de uma pergunta comum. Nada complicado. Mas, pelo menos, isso estaria em um – e aparentemente o único um – lugar onde os usuários míopes estão dispostos a olhar. Bem na frente de seus rostos.

Na próxima vez que estiver projetando uma interface de usuário, considere a miopia do usuário. O senhor pode se surpreender com o grau de miopia dos usuários. Pense muito bem sobre como colocar as coisas diretamente na frente deles, onde eles não são apenas visíveis, mas inevitáveis. Caso contrário, eles poderiam não ser vistos.