Os testes de design o ajudarão a criar produtos excelentes que funcionam para as pessoas.

O teste de usuário é conhecido por muitos nomes: teste de produto, teste de design, teste de usabilidade, validação de design, etc. É sobre o processo criticamente importante de testar seus designs com usuários reais em cenários reais. Depois de entender profundamente as preocupações do usuário e os problemas de usabilidade, você se tornará melhor em corrigi-los.

Nova data()

O teste do usuário - que faz parte de uma filosofia de design centrado no usuário - é um dos aspectos mais importantes do trabalho de um designer. Não se trata apenas de visuais impressionantes (a superfície). Trata-se de resolver um problema de forma eficaz; algo que só pode ser realizado por meio de testes repetidos e com muitas iterações no design. É uma excelente forma de obter informações valiosas sobre o que funciona e o que não funciona .

Quero ter certeza de que o design funciona bem e que todas as suposições e hipóteses são validadas - o teste com os usuários se tornou uma das etapas mais importantes do meu processo de design.

O teste do usuário é como observar alguém por cima do ombro enquanto ele interage com seu aplicativo ou site, exceto que você pode fazer perguntas ao longo do caminho e empurrá-lo na direção que deseja explorar. Não é tão caro ou difícil de fazer. Infelizmente, poucas equipes de design / produto fazem isso.

Examinaremos os motivos dos testes de usabilidade e as seis etapas básicas e essenciais para conduzir um teste com sucesso.

Por que testar?

Existe um velho ditado na comunidade de experiência do usuário: “Você não é o usuário”.

Nunca esquecerei minha primeira experiência de teste de usuário. Por dois meses, trabalhei muito no ajuste fino de um protótipo para um aplicativo da web. Eu queria torná-lo perfeito e estava ingenuamente, descaradamente certo de que iria funcionar. Eu não poderia estar mais errado. Como tantos outros designers, fiquei apaixonado por minha própria criação.

A primeira pessoa que testei ficou confusa após a segunda etapa - e com um golpe, minhas ilusões foram destruídas. Eu estava devastado.

Naquele dia, passei por cinco sessões de teste. No final de tudo, fui forçado a aceitar o fato de que talvez não fosse um designer tão bom quanto pensava.

No dia seguinte, substituí meu protótipo polido por wireframes interativos rápidos que representavam um conceito de design novo e aprimorado com base nos insights que ganhei no teste de usuário do dia anterior. Os resultados foram impressionantes - até um usuário novato foi capaz de usar um aplicativo bastante complexo.

Essa primeira experiência de teste teve um grande impacto em mim como designer, agora testo cada design. Sempre valeu a pena e sempre me surpreendo com as coisas que cometi de errado.

É decididamente melhor cometer erros em um protótipo rápido do que no produto acabado. Infelizmente, muitas empresas investem grandes quantias de dinheiro em hipóteses e aplicações não testadas.

Decisões erradas de design tornam-se muito aparentes em um produto acabado - erros desnecessários que precisam ser consertados a um custo enorme. O custo final de implantação de aplicativos não testados é enorme.

Os seis elementos básicos do teste do usuário

Para passar pelo processo de teste de usuário adequado, você precisa fazer o seguinte:

• Crie um protótipo
• Elabore um plano de teste
• Recrutar pessoas (usuários-alvo)
• Encontre um local adequado
• Moderar o teste
• Documente o resultado do teste

Criando um Protótipo

Um protótipo é um modelo inicial de um produto - geralmente com funcionalidade limitada - construído para testar um conceito de design; algo a ser replicado ou aprendido. Existem várias maneiras de criar protótipos e muitas ferramentas, incluindo software offline e aplicativos online.

Diferentes fidelidades e abordagens são apropriadas para diferentes situações.

Esta é a maneira mais básica - desenhe alguns esboços em um pedaço de papel, tire fotos deles e depois junte-os usando uma ferramenta como Adobe Experience Design . Você pode fazer isso para aplicativos de desktop e móveis.

Alternativamente, você pode criar wireframes interativos - amarrando wireframes juntos em uma ferramenta de prototipagem online como InVision .

Eu crio múltiplas variações e construo vários protótipos completamente diferentes para o mesmo projeto. Eu decido qual é o melhor depois de colocá-los juntos. Na maioria das vezes, assim que começo a trabalhar com eles, descubro soluções que não pensei quando criei o primeiro protótipo.

Minha ferramenta de prototipagem inicial era Axure RP . É muito complexo e leva cerca de seis meses para dominar. No entanto, você pode aprender o básico em alguns dias e criar protótipos interativos simples.

Também tentei algumas soluções, como InVision ou UXpin . Eles são baseados na web, inovadores e muito mais baratos. Eles não são tão carregados de recursos e flexíveis como o Axure, mas são muito mais simples de usar. Você também pode compartilhar seu protótipo facilmente com clientes e membros da equipe.

Recentemente, Maravilha tem sido minha ferramenta de escolha. É um ótimo aplicativo móvel e da web, é incrivelmente fácil de criar e compartilhar protótipos e também tem um plug-in Sketch útil.

Existe uma grande variedade de ferramentas de prototipagem por aí. Este é um ótimo site de comparação: http://www.prototypr.io/prototyping-tools .

Juntando um Plano de Teste

É importante traçar um plano para o teste; caso contrário, você vai acabar perdendo muito tempo. Em um nível básico, o plano deve delinear:

• o que está sendo testado (recursos, funcionalidades, tarefas)
• Como vai ser medido (o sucesso ou taxa de falha do teste em áreas específicas)

Digamos que eu esteja testando um aplicativo móvel para um planejador de rotas de transporte público. Eu projetei três recursos principais do aplicativo: planejamento de viagem, pedido de passagens e reserva de assento.

Tenho em mente um grupo de usuários-alvo que geralmente viajam para todos os lugares de ônibus. Durante a sessão de teste, vou entrar em detalhes e tentar descobrir com meus usuários se certos recursos e funcionalidades são amigáveis, ou seja, 'aparentes' (óbvio para o usuário) e fáceis de usar.

Escrevendo o plano de teste, analiso o protótipo e anoto algumas perguntas. Por exemplo:

• Os usuários são capazes de planejar sua jornada de forma eficaz e rápida?
• Eles podem pedir ingressos facilmente?
• Eles podem reservar um assento?

Digamos que quinze pessoas concordaram em participar do teste. Antes do início da sessão, crio uma planilha com cinco colunas:

• Coluna 1: Os nomes dos participantes,
• Colunas 2-4: três recursos do aplicativo a serem testados,
• Coluna 5: se um participante está tendo dificuldades para usar um determinado recurso, eu anoto e anoto o motivo da confusão.

Trabalhando com essa planilha, posso avaliar o sucesso do meu protótipo. Se quinze pessoas testarem três recursos, isso resultará em 45 (15x3) tarefas. Se as pessoas realizam 38 tarefas, tenho uma taxa de sucesso de 85%.

os seguintes fatores contribuíram para a influência do design gráfico, exceto

Recrutando Pessoas, também conhecido como “Usuários”

Se você está trabalhando em um projeto com clientes existentes, o recrutamento deve ser fácil. Fale com a equipe de vendas ou com as partes interessadas e consiga alguns contatos com o cliente.

Para um pequeno projeto pessoal ou um projeto interno da empresa, tente entrar em contato com seus amigos no Facebook que se enquadram no público-alvo. Você também pode pedir uma indicação para seus contatos. Outros membros da equipe podem fazer o mesmo. É importante encontrar participantes imparciais que não vão querer apenas ser 'legais com você', ou seja, como tudo o que veem. Você precisa de um feedback imparcial - bom ou ruim - para realmente extrair valor do teste.

Se você estiver trabalhando com um cliente externo em um projeto maior, recomendo usar serviços como usertesting.com , validately.com , clicktale.com , ou verificarapp.com .

Às vezes, pode ser difícil explicar o que você procura ao recrutar usuários em potencial. Participar de testes de usuários não é familiar para a maioria das pessoas. Minha solicitação geralmente é assim:

“Ei, Walt! Eu sei que você está muito ocupado, mas espero que você possa me dar meia hora e me ajudar com um projeto em que estou trabalhando. É um aplicativo de planejamento de viagens de transporte público. Sei que você costuma viajar de ônibus e gostaria de ver como você o usaria. ”

É melhor ter um mínimo de 3-5 testes (remotos ou presenciais). Isso deve fornecer material suficiente para a primeira iteração. Se puder, você pode oferecer aos participantes café / chá e um lanche, um cartão-presente ou um código de desconto da empresa em troca de sua participação.

É uma boa ideia agendar os testes com um intervalo de 30-45 minutos entre eles. Você pode descobrir que abordou seu projeto de um ângulo ruim e pode consertar os maiores problemas no local, antes que o próximo testador chegue. Os testes são intensos e você também precisará de uma pausa para coletar suas descobertas, fazer anotações e relaxar antes da próxima rodada.

Encontrar um local de teste adequado

Eu recomendo testar pessoalmente porque você pode ler a linguagem corporal e sinais sutis como tensão e suspiros, ou pegar coisas como pessoas fazendo caretas porque estão lutando. Esta é uma oportunidade para intervir e perguntar se eles estão confusos sobre algo.

Além disso, as pessoas tendem a ser mais focadas em ambientes pessoais. Se você estiver fazendo testes remotos pelo Skype ou Hangout, eles podem se distrair e algumas coisas podem escapar por você.

Encontrar um ponto de encontro compatível com o mínimo de distração ou oportunidade de interrupção é crucial. Você precisa encontrar um ambiente onde as pessoas possam se concentrar no teste.

Eu prefiro não trazer participantes aos escritórios do meu cliente - é concebível que o ambiente corporativo possa fazer com que eles se sintam confinados e como se estivessem sob observação. Visitar as pessoas em suas casas também não é uma situação ideal. Um animal de estimação, uma criança ou um membro da família pode distrair os usuários do teste.

Na minha opinião, um café é o ambiente perfeito. Há música tocando, o cheiro é ótimo e o café mantém todos alertas. Longe de compromissos pessoais e distrações, os sujeitos do teste tendem a relaxar - também, muitas vezes os ajuda com o processo de teste a se sentirem como se estivessem em um cenário do mundo real.

Você pode até fazer testes lá fora! Às vezes, você pode querer colocar seus usuários em potencial em um ambiente real e contextualmente preciso - como andar de ônibus juntos enquanto observam seu protótipo de planejamento de viagem de ônibus.

Executando o Teste

A qualidade do teste é fortemente influenciada pela sua capacidade de executar bem o teste e se comunicar com eficácia (chamado de “moderação do teste”). É aqui também que entra a preparação e o seu plano de teste. Se você nunca testou nada antes, recomendo algumas experiências sem pressão com seus parceiros ou familiares.

Pratique perguntando o tipo de pergunta que vai fazer, e você será capaz de executar seu teste com mais eficácia.

Seria um erro testar tudo em um ambiente aconchegante e aconchegante com tempo ilimitado para realizar tarefas. Dê contexto a seus usuários e lembre-os de imaginar que estão usando seu aplicativo em uma situação da vida real - enquanto se exercitam, se deslocam ou fazem compras, por exemplo.

Também é importante agradecer aos participantes por dedicar seu tempo para ajudá-lo. Lembre-os de que você está realizando essas sessões de feedback do usuário porque está ansioso para otimizar a usabilidade de seu site / aplicativo / plataforma para a melhor experiência do usuário.

Certifique-se de dizer a eles que não são eles que estão sendo testados. É o design.

Se você estiver fazendo um teste remoto, grave-o com um software de gravação de tela. Se for pessoalmente, use uma câmera de vídeo ou um gravador de áudio. Você ficará surpreso com o quanto você perdeu!

Ao gravar as sessões, você descobrirá que está mais relaxado porque não precisa fazer anotações. Você será mais capaz de se concentrar em estabelecer um bom relacionamento e em tornar o teste confortável para seus participantes. Você pode documentar tudo mais tarde a partir das gravações.

Certifique-se de dizer aos participantes do teste que as gravações são confidenciais, apenas para fins internos e que é você quem as assistirá / ouvirá.

Os usuários de MacOS podem usar QuickTime para captura de tela. eu uso Screenflick ($ 29). Ele pode gravar a tela e a webcam ao mesmo tempo, cortar a gravação e exportar os resultados muito bem. Existem também alguns aplicativos disponíveis para iOS.

Para obter uma visão real das necessidades, comportamentos, objetivos e frustrações de seus usuários, faça perguntas abertas que não os levem. aqui estão alguns exemplos:

• Percebi um pouco de hesitação aí, o que te impediu?
• O que você acha que este botão fará?
• O que é mais atraente sobre este produto?
• Qual é a parte mais difícil de usar este produto?
• Houve algo surpreendente ou inesperado sobre este produto?
• O que pode ser feito para melhorar este produto?
• O que pode estar faltando? O que mais você gostaria de ver?
• O que você gosta / não gosta na maneira como funciona?
• Como você acha que este produto vai te ajudar?
• Você usaria este produto hoje?
• Por que você acha que alguém usaria este produto?

Documentando os resultados do seu teste

Destile e resuma suas descobertas em um breve relatório de uma página da planilha de documentação de teste que mencionei anteriormente. Isso ajudará você a se concentrar nos problemas que causaram mais problemas às pessoas. As áreas que precisam de melhorias ficarão aparentes muito rapidamente. Normalmente, meus artefatos de teste consistem em:

• A planilha com notas
• Uma gravação de áudio
• Uma gravação de tela
• Uma gravação do participante do teste de uma webcam

Quando seu teste é documentado corretamente, você pode estudá-lo mais e guiá-lo em sua próxima iteração. Você também pode usar os resultados do teste com as partes interessadas para fazer backup de suas próximas decisões de design.

Abrace os testes e divirta-se. Será divertido!

Em conclusão, lembre-se de duas coisas:

1. A regra prática: se levar mais de noventa minutos para construir um protótipo, você está tentando fazer muito.
2. Quando a taxa de sucesso do teste ultrapassar 90%, pare o teste. O aplicativo / site / plataforma agora deve ser muito utilizável e “útil”. Hora do MVP!

No início deste artigo, eu disse que os resultados do meu primeiro teste me devastaram. Isso abalou minha confiança em minhas próprias habilidades. Percebi então que tentativa e erro é uma parte natural do processo. Não é verdade que um profissional não comete erros. UMA profissional aprende com eles rapidamente, encurta o loop de iteração e aperfeiçoa o design no processo.

Para designers: Aproveite o processo de teste - ele melhora seus projetos! Teste suas ideias com usuários reais em cenários reais o mais rápido possível. Os insights que você obtém ao observar como os usuários reais usam seu produto não têm preço. Cada iteração é um passo importante à frente.

javascript converter data para utc

Para clientes: Não faça os designers concluírem projetos sem testar. Aproveite ao máximo as oportunidades para avaliar seus produtos antes que a primeira linha de código seja escrita. Pode demorar uma semana a mais e custar um pouco mais, mas você economizará no final e ganhará cem vezes com isso!

• • •

Leituras adicionais no Blog de design do ApeeScape:

• eCommerce UX - Uma Visão Geral das Melhores Práticas (com Infográfico)
• A importância do design centrado no ser humano no design de produtos
• Os melhores portfólios de UX Designer - Estudos de caso e exemplos inspiradores
• Princípios heurísticos para interfaces móveis
• Design Antecipatório: Como Criar Experiências Mágicas do Usuário