Aproveite seu design hoje com esta técnica de teste de legibilidade enxuta.

O que é legibilidade

Legibilidade é a facilidade com que um usuário pode não apenas ler o texto, mas também entendê-lo. Na minha experiência como designer de UX, eu a vi como a parte mais negligenciada da experiência do usuário. Muitas vezes participei de testes de usabilidade, verificando se é fácil encontrar algumas informações em um aplicativo ou clicar em alguns elementos do site, mas quase nunca nos que se concentram em verificar se a escolha da tipografia ajuda a atrapalhar os usuários no consumo do conteúdo. É uma pena, então, a fim de evangelizar a melhoria da experiência do usuário na leitura, reuni este artigo simples de instruções após a leitura, que você poderá executar hoje no seu primeiro teste de legibilidade.

Neste tutorial, vou me concentrar em ensinar como testar a legibilidade do seu design com os usuários principalmente para casos de uso digital (por exemplo, quando você cria um aplicativo ou site). No entanto, se você criar um design para impressão – este artigo também será útil para você. Se você precisar de dicas específicas para organizar um teste de legibilidade do design de impressão – deixe um comentário abaixo.

Quem se beneficia dos testes de legibilidade

Esse método é muito útil para equipes que criam produtos cujos usuários interagem principalmente com eles, não clicando ou tocando na interface, mas lendo o texto. Para citar alguns exemplos, estes podem ser:

• blogs
• páginas de destino
• sites de mídia digital (jornais, revistas e outros)
• sites de atendimento ao cliente, como perguntas frequentes
• páginas de revisão do cliente
• páginas de produtos com descrições sobre um produto, como:
• como algo funciona: (como usar um produto, por exemplo, um medicamento na indústria farmacêutica; quem é um produto para os negócios de cosméticos; como montar uma peça de mobiliário; especificação de produto em eletrônica; como alterar a assinatura em serviços de telecomunicações e assinatura) )

Como você pode ver, o uso de testes de legibilidade é bastante vasto e a maioria dos produtos, sites e aplicativos digitais possui alguns desses tipos em seu conteúdo.

Qual é o principal motivo para executar esses testes

Desde a invenção da escrita, as pessoas tentam criar essas regras de ouro que o tornam mais legível. Ao longo dos séculos, os roteiristas e, posteriormente, os impressores e, finalmente, os web designers fizeram esforços para estabelecer a proporção áurea do tamanho do texto em relação à altura da linha e comprimento da coluna. O designer de tipos fez um grande esforço para otimizar o kerning até a altura x e o contador para criar as fontes mais legíveis.

No entanto, com o número contemporâneo de tamanhos e proporções de dispositivos, não existe regra universal de proporções tipográficas que produza legibilidade perfeita.

Na minha prática, o que se mostra mais prático (e mais rápido) é testar a legibilidade da fonte específica que acompanha a marca da marca específica para a qual você cria e aparece nas proporções de tela fornecidas.

O que influencia a legibilidade do texto

Além da escolha da fonte, existem vários fatores que podem melhorar ou diminuir a legibilidade. Entre estes estão principalmente:

• espessura da fonte
• tamanho da fonte
• líder (algo que também é chamado de altura da linha)
• espessura da linha
• justificação
• cor do texto
• uso de caso (letras maiúsculas ou minúsculas)

Obviamente, além dos elementos mencionados, o próprio conteúdo também influencia a legibilidade. Infelizmente, como designer, não sou especialista nisso e, neste artigo, não estou mergulhando nessa área de propósito. A pesquisa disso tem sido objeto de investigação científica desde cerca de 1880 e é mais um campo de especialização de profissionais de idiomas do que de designers.

Prepare seu design para teste

Voltando ao design, quando você estiver prestes a testar a legibilidade do seu design, provavelmente terá algumas idéias ou versões sobre como o texto deve ser exibido. Para executar um teste, prepare o mesmo tipo de texto no mesmo layout, mas nas versões que diferem uma da outra com apenas uma variável.

Exemplo:

Você está projetando uma página de destino para um campo de inicialização de codificação. Você gostaria de ver se a descrição do campo de inicialização na primeira dobra é legível para os usuários. Você gostaria de testar se é melhor usar a fonte Roboto em peso normal ou médio ou alterar completamente a aparência e a aparência e, em vez de Roboto, usar a fonte Montserrat em peso leve ou médio.

Em seguida, prepare para o teste quatro versões do layout – uma com a descrição do bootcamp no Roboto Regular, uma no Roboto Medium, uma no Montserrat Light e uma no Montserrat Medium. Mantenha tudo no design exatamente igual, exceto a fonte, para que outros fatores não influenciem na maneira como as pessoas perceberão o seu design.

Definir métricas de sucesso

O que prova que o texto é legível é o fato de as pessoas entenderem sua mensagem. Defina qual é a mensagem no texto que os usuários precisam entender para avaliar o texto como legível – elas podem ser palavras-chave específicas que criam a mensagem principal dos parágrafos que você exibe no texto para os usuários.

Exemplo:

O parágrafo introdutório na primeira dobra da página de destino do bootcamp é: “Seus estudos não fornecem conhecimentos práticos suficientes? Seu trabalho atual não lhe dá satisfação e você gostaria de dar os primeiros passos no mundo da TI? Inscreva-se no Native Mobile Bootcamp – bootcamp de programação de seis semanas na University of X completamente de graça. Você aprenderá a codificar aplicativos móveis nativos no iOS e Android com especialistas de 500 empresas da Forbes que são nossos ex-alunos ”

As principais mensagens que as pessoas devem entender do texto são:

– que o bootcamp é sobre desenvolvimento de aplicativos nativos para iOS e Android

– que o nome do bootcamp seja Native Mobile Bootcamp

– que dura seis semanas

– que é de graça

Portanto, as palavras-chave que você pode selecionar são:

– programação / desenvolvimento de aplicativos

– iOS

– Android

– nativo

– seis semanas

– livre

– Bootcamp móvel nativo

O método

O método que vem à mão é uma versão modificada do teste de 5 segundos . Esse é um método simples de usabilidade que permite recuperar as primeiras impressões que os usuários obtiveram durante uma interação de 5 segundos com um design de peça. Geralmente, 5 segundos são curtos demais para ler um parágrafo curto; portanto, recomendo estendê-lo para 10 segundos.

Isso significa que, quando você faz o teste com um usuário, exibe o design por 10 segundos e, em seguida, faz as perguntas destinadas a verificar o quanto ele pode se lembrar.

Como introdução, é bom fornecer ao usuário algumas instruções gerais sobre o que acontecerá sem usar as palavras que aparecem no texto como “Hoje estou testando o design de um fragmento de um site em que estou trabalhando. Eu pediria que você desse uma olhada nesse design e, posteriormente, farei algumas perguntas ”.

Exemplo:

Depois de mostrar a um usuário a primeira dobra da página de destino do bootcamp na versão A (Roboto Regular – seu ponto de partida de design) por 10s, você pode fazer as seguintes perguntas:

1. O que você pode aprender durante o curso?

2. Qual é o nome do curso

3. Quanto tempo leva?

4. Você precisa pagar alguma coisa pelo curso?

Você pode modificar essas perguntas e elas são boas desde que não dêem uma dica explícita (você pode aprender a codificar aplicativos Android móveis durante o campo de inicialização?). Eu também evitaria perguntas fechadas, tanto quanto possível, para dar aos usuários a chance de formular as respostas com suas próprias palavras, em vez de apenas dizer sim ou não. No entanto, com certas palavras-chave como “grátis” em nosso exemplo, é difícil criar uma pergunta sem dicas que também deixam espaço para respostas mais elaboradas. Nesse caso, a situação é preta e branca – você pede para pagar o curso e obtém a resposta “não” – então é importante para você e seu projeto. Você recebe a resposta “não, é de graça” – é ainda melhor. Você obtém a resposta “Eu não sei / não diz nada sobre o preço” – então não há pontos para você e o design é reformulado.

Interpretação

O número de palavras-chave que você selecionou cria a pontuação completa que um testador pode obter no teste conforme o número de palavras-chave. No entanto, os testadores podem usar palavras sinônimas em suas respostas. Por exemplo, em vez de responder “O curso é de graça”, eles podem dizer “Não há cobrança pelo campo de inicialização”. Então, para frases sinônimas, você também atribui um ponto.

Exemplo:

Você mostrou o design para 10s ao primeiro usuário e fez as perguntas. As respostas que você obteve são:

1. “Você pode aprender a codificar aplicativos” (2 pontos em 5 – nada mencionado sobre iOS, Android e nativo)

2. “Native Mobile Bootcamp: (1 ponto – o testador lembrou o nome completo corretamente)

3. Semanas (1 ponto)

4. Eu não sei (0 pontos)

A pontuação total é de 4 em 8, o que não é esplêndido.

Qual o proximo?

O objetivo inicial do teste no exemplo era verificar qual dos 4 conceitos de formatação de texto é o melhor. Em um teste, você pode testar duas versões uma após a outra que diferem em um fator, por exemplo, espessura da fonte. Para obter resultados mais precisos, altere a ordem em que você mostra as versões para os testadores – a segunda leitura será mais fácil, porque os usuários sabem quais são as perguntas que não responderam e já leem o texto.

É claro que você também pode testar esses designs em grupos completamente diferentes de usuários. No entanto, o aspecto das diferenças individuais dos usuários ou o contexto do teste também desempenham um papel (por exemplo, no primeiro teste, todos no testador estavam antes). almoço e eles não se importaram com o teste e, no segundo grupo, estavam mais concentrados porque já comiam e não tinham pressa). Tente minimizar esses fatores, por exemplo, fazendo o possível para manter as condições do teste o mais semelhante possível (o mesmo local, hora do dia e outras).

Exemplo:

Você deseja verificar principalmente se Roboto é melhor que Gotham ou o contrário. A próxima versão que você mostra aos usuários pode ser o mesmo texto em Gotham neste caso. Ou no Roboto Medium, se seu objetivo é ver se a fonte um pouco mais pesada se torna mais legível.

Número de participantes

Para torná-lo mais enxuto, durante o trabalho diário, recomendo não exagerar no recrutamento formal de grandes grupos de participantes, pois isso pode efetivamente impedi-lo de executar qualquer teste. O número de participantes mais comumente usado nos testes de usabilidade é 5 e também se encaixa perfeitamente nesse caso.

Quem recrutar

Nos testes de legibilidade, você deseja descobrir se o design do texto facilita a leitura pelas pessoas. Acontece que a leitura é uma habilidade comumente difundida na sociedade moderna; portanto, recrutar participantes para esse tipo de texto não é um grande problema. A demografia não é algo determinante nesses testes, por isso é muito fácil recrutar participantes que atendem aos critérios para esse teste específico. Prefiro não pedir ajuda ao seu avô de 97 anos ou criança de 5 anos, pois a leitura pode ser um pouco problemática para pessoas de certa idade, mas desde que seus participantes já tenham aprendido a ler e não tenham deficiências visuais, eles são adequados. Eu também evitaria recrutar pessoas que trabalham com você no mesmo projeto, porque elas já sabem do que se trata.

Dicas finais

Ocorre que as fontes ou os conceitos de formatação de texto não levam a resultados perfeitos no teste de legibilidade. Então é bom experimentar outros fatores que a influenciam, sendo a chave a altura da linha e o comprimento da coluna.

Obviamente, para grandes projetos, você também pode testar a legibilidade com ferramentas mais formais. Esse método é uma técnica rápida para obter feedback do usuário sem muito esforço, tempo e dinheiro, que, na minha perspectiva, são os motivos mais populares para não executar nenhum tipo de teste de usabilidade, especialmente em grandes organizações (onde o gerenciamento de toda a configuração pode ser bastante problemático devido a sua escala) e em startups e agências (onde recursos limitados podem ser um verdadeiro bloqueador).

Esse método é perfeitamente adequado para ser incorporado a processos ágeis e também a sprints de design.

Bata no coração se quiser e deixe um comentário se quiser obter mais dicas ou compartilhar seus pensamentos.

Leve esse método para o seu escritório e aproveite-o diariamente!