AULA 07 - Teste de usabilidade

[Música] fala pessoal como estão pelo que eu estou vendo já temos bastante coisa em nosso Case inclusive nossas telinhas e está quase na hora de mostrar nosso produto para o mundão afora mas antes de realizar esse passo vamos precisar mostrar para algumas pessoas bem específicas e para realizar esse passo vamos utilizar uma ferramenta ial Dex design chamada teste de usabilidade no teste de usabilidade vamos testar uma funcionalidade do nosso protótipo geralmente a funcionalidade na qual estamos trabalhando e no nosso caso você já deve ter feito um fluxo ou caminho feliz e é neste fluxo que

vamos focar existe algumas regras para realizar um teste de usabilidade e a primeira é ter um objetivo teste sem objetivo não é teste a segunda é ter um roteiro o roteiro nos ajuda a manter o foco no que estamos testando e também ajuda a não se Perder por Aí no processo e a terceira é a documentação todos os artefatos em design pode ser utilizado por outros designers ou profissionais do time então é muito importante anotar tudo tudo tudo tudo que foi feito o teste de usabilidade é feito com usuário real vamos entender melhor esse processo

primeiro um objetivo o que vamos testar Vamos definir um script aqui vamos passar uma missão para usuário que vai testar é nessa parte que devemos criar um roteiro exemplo preciso que você encontre um produto chamado bolsa térmica entre na página dele e adicione o carrinho terceiro Vamos definir Quem são os usuários que vão participar do processo quarto vamos falar com usuário sobre Como foi o processo quto vamos documentar tudo o que vemos e o que o usuário responde na conversa final do processo vem comigo aqui para mostrar como que eu fiz o meu teste de

usabilidade continuando agora com o nosso Case da jornada w deback vamos atualizar o nosso Case aqui que é a nossa apresentação ou seja com todos os passos que a gente passou até agora para chegar no resultado que a gente quer obter Então primeiramente vamos adicionar aqui dentro do nossos slides aqui no Google slides protótipo né então O protótipo que a gente fez já ele vai falar sobre o por que a gente fez esse protótipo né Falando protótipo é um tipo de estudio exon pode existir uma interação com o produto antes mesmo do seu lançamento Qual

as vantagens dele né e o uso do protótipo garante que os fluxos e objetivos do usuários estão sendo contemplados durante o processo de wx design coloquei uma fotinha aqui do meu protótipo e lembrando às vezes fica ruim para ver aqui ainda mais um protótipo que é uma coisa tão bacana né que a pessoa pode clicar e pode ver então primeira coisa que eu vou fazer é colocar o meu protótipo aqui aqui na minha página inicial e vou clicar em share Prototype aqui em cima Então vou copiar o link dele qual que é uma pessoa com

link pode ver vou copiar o link e já vou colocar aqui ó link do protótipo no f aqui acho que na hora que eu mudar de cor colocar Pode ser que ele mude de cor por causa texto assumiu aqui o textinho Mas rapidinho aqui já troca aqui lembrando que tudo isso aqui também como mexer para criar o seu Case aqui dentro do Google slides tem o tutorial lá no nosso grupo lá então f bem facinho para você aprender também o basicão aqui pra gente conseguir fazer as coisas aqui e ficar bem bonitinho aqui bem completinho

Beleza então já Ten o link protótipo do figma aqui e Colei o meu protótipo também aqui nessa que que a gente vai falar agora a gente vai falar sobre testes agora eu tenho o protótipo legal tá funcionando e tudo mais posso mandar pro pessoal da empresa testar e tudo mais mas Lembrando que muitas vezes o nosso usuário final não é o dono da empresa não é o time que trabalha com a gente então não são essas pessoas então o que que eu preciso testar agora com pessoas de verdade que vão testar e que vão validar

se isso aqui funciona mesmo então vamos falar sobre testes então então beleza nos testes aqui que eu tenho vamos vamos dar uma dissecada neles eu já vou colocar aqui dentro do meu case a importância dos Testes também Lembrando que todas as ferramentas que a gente usou Antes de mostrar um artefato o que que eu fiz é muito importante explicar pras pessoas o que que é que eu queria obter utilizando essa ferramenta lembre-se sempre objetivo e resultado senão não é o x design Beleza vou colocar aqui na apresentação de slides para mostrar como tá ficando a

minha ó agora com boa parte do projeto criado eu vou realizar um teste de usabilidade para testar o meu fluxo esse teste deve ser realizado com usuários reais deve contar com um roteiro onde vou validar se o fluxo em questão está claro então Primeira coisa eu vou criar alguns requisitos para participar dependendo do produto que a gente vai trabalhar esses requisitos vão ser diferentes vamos dizer que eu tô fazendo um um site para vender roupas esse site para vender roupas é interessante a gente chamar pessoas que já Como fizeram compra online ou até mesmo se

eu quero mostrar que tá muito intuitivo quem nunca fez compra online mas que são interessadas em fazer compras de roupas online não adianta chamar pessoas que não estão diretamente ligadas com o modelo de negócio porque isso daí pode dar muito mais confusão então primeira coisa meus requisitos para pessoa paraas pessoas que eu vou chamar para testar pessoas que já realizaram agendam de visitas técnicas em outros serviços então alguém que já Precisou de um serviço desse que já teve um eletrodoméstico que ou teve algum problema parecido e que precisou já chamar em algum lugar Beleza o

objetivo testar se os usuários consegu agendar uma visita técnica lembra todos os meus o meu objetivo tá sendo baseado nesse fluxo que a gente já criou aqui lembra que dentro do Golden pef a gente foi lá e selecionou um dos fluxos que a gente tem dentro da nossa aplicação e agora eu vou testar esse fluxo perante tendo um protótipo de alta fidelidade beleza pessoal segue também as dicas para a convocação de pessoas para o processo primeiro chame pessoas que já passaram por uma experiência parecida ou que já consumiram produto e serviços parecidos com o que

é o seu desafio você pode consultar proto personas benchmark e outros estudos anteriores para elencar os requisitos do usuário de teste segundo não chame outros designers geralmente eles podde envar um pouco a pesquisa terceiro T de encontrar pessoas fora do seu círculo social e parental eles podem ficar com vergonha não responder uma pergunta adequadamente por questões Morais questões de convívio agora eu vou mostrar para vocês como eu fiz o meu roteiro e como conduzir meus testes de usabilidade primeira coisa que eu vou fazer eu vou fazer um script o que que acontece num teste de

usabilidade O que que a gente faz geralmente a gente vai lá e passa uma missão para uma pessoa real que se alinhe com aquela necessidade que o projeto se propõe e vou passar uma missão para ela então ela vai ter que fazer alguma coisa dentro do meu protótipo então para fazer o test de usabilidade tem que ter um protótipo beleza então beleza A primeira coisa que eu vou fazer é criar um script de coisas que eu vou falar durante que a pessoa estiver utilizando o protótipo senão ela para ficar um pouco perdida imagina só que

eu chego agora aqui com o meu protótipo e falo assim testa isso para mim a pessoa ela não sabe o que é para ela testar ela não sabe o que ela tem que fazer às vezes vai pega de surpresa Então tem que ter um script tem que ter essa missão que eu vou passar para ela beleza então vamos ver como que a gente cria isso primeiro eu vou fazer umas boas rindas é muito rude a gente chegar pra pessoa e vai falar assim vai testando aí então vou fazer umas boas vinas vou perguntar o nome

dela vou perguntar o se ela já teve problemas parecidos com com El domésticos como que ela realmente eu geralmente arrumo essas situações eu vou aproveitar o máximo essa essa entrevista Então boas-vindas vamos começar a colocar a pessoa emergir ela no problema que a gente tá também então nisso pode vir muita coisa valiosa principalmente Às vezes a pessoa pode dar um toque alguma coisa assim que a gente nem imaginava então a gente pode aproveitar esse tempo reserve um tempo bom para fazer isso daí é uma coisa que pode ter que ser feita sem pressa beleza segundo

que foi essa questão do perguntar sobre a pessoa que é o quebra gelo as pessoas elas precisam estar confortáveis quando a gente fala teste pras pessoas elas lembram do tempo da escola elas lembram da Faculdade El elas lembram de um monte de coisas assim e geralmente elas ficam um pouco nervosas então explica para ela que não tem certo e não de errado que tá tudo bem É do jeito que ela quiser e depois explica sobre o que vamos testar e por é muito importante você explicar um pouco do projeto da pessoa não precisa fazer a

apresentação do Case completo mas explicado como no meu caso aqui olha a eletr mídia eletromania ela é uma empresa que ela refrigeradores e ela ajuda as pessoas a consertar isso e ela tá tentando fazer um jeito que seja mais fácil PR gente dar uma visita técnica e é isso que a gente vai testar com você ótimo sem problema então a gente já consegue fazer desse jeito bom solicitar agora é o que eu vou pedir para fazer Então esse é meu scpt minha colinha né então Vou solicitar para que o usuário acesse o protótipo e tente

realizar de visita técnica existem testes moderados e existe testes não moderados o que que é um teste moderado de usabilidade quando a pessoa entrar aqui dentro do meu protótipo Quando ela começar a Navegar dentro do protótipo num teste moderado eu vou estar conversando com ela amplamente ela vai perguntar onde é para clicar e eu posso falar onde que ela tem que clicar num teste não moderado que geralmente é o que traz mais resultados eu não falo nada eu falo Qual é o objetivo e deixo ela fazer todo o fluxo e só vou fazer perguntas no

final Então é só às vezes o usuário tá fazendo aqui o teste ele pergunta para você ah mas o é é para clicar aqui você falou olha não posso responder só Tem que completar o fluxo e a gente conversa mais no final Então vamos dizer passei isso aqui a pessoa viu aqui ela viu selecionar uma data ela clicou ela entendeu ela veio ela começa a escanear a página ela consegue ver os botões tal e tudo mais e vai Seguindo aqui no fluxo que a gente tem e nisso a gente vai observando a pessoa então vamos

lá uma das coisas também é bem interessante você sempre observar as pessoas peça para esse teste ser feito com webc se ele não foi feito presencial dá uma olhada na pessoa ver se ela tá com dúvida vê na expressão corporal dela vê das coisas que ela pergunta para você Tudo Deve Ser anotado porque tudo é muito importante para melhorar o fluxo beleza vamos lá eu selecionei também quatro perguntas pra gente colocar depois que isso acabar a primeira pergunta vai ser para você qual foi a etapa mais complicada de realizar o processo lembre-se de fazer perguntas

abertas perguntas que a pessoa Responde sim e não geralmente elas não ajudam muito nesse processo elas podem ajudar em outros tipos de processo de wx design mas aqui eu preciso que a pessoa fale sobre os pensamentos delas e até mesmo fale pra pessoa enquanto ela tá fazendo fluxo para ela ir falando se possível o que ela tá pensar Ah eu vou clicar aqui por causa disso não preciso ajudar ela mas deixa ela falando e vá anotando tudo isso então a a para você qual foi a etapa mais complicada de realizar o processo é uma pergunta

muito melhor que uma pergunta você achou difícil porque asa resposta pode ser sim ou não aqui a pessoa pode falar olha a na seleção de data ali eu não entendi uma coisa então É bem interessante isso aqui segunda pergunta você alteraria alguma informação do processo se que eu tô perguntando até mesmo pra pessoa pode ser que ela não entenda a pergunta que está fazendo e é bom perguntar Você entendeu a pergunta ah você teria alguma informação do processo tem algum nome algum jargão alguma coisa que ficou aí que você não gostou que você fe fez

você se perdeu um pouco e segunda você sentiu alguma que alguma coisa estava faltando bem interessante aberta de novo pessoa pode falar não aqui mas se ela sentiu ela vai se sentir mais convidada a falar sobre o as percepções dela e a outro uma pergunta você acredita que sua visita técnica foi agendada isso é muito importante a última pergunta é sempre importante que ela seja uma pergunta perguntando se a pessoa acredita que ela concluiu aquele fluxo aquele etapa que tá tudo certo essa é uma pergunta que às vezes a pessoa pode até se sentir um

pouco insegura com ela mas ela é de extrema importância sempre coloquem essa pergunta beleza e depois um agradecimento então vou fazer agradecimento com a pessoa que fez isso aqui bom resultados lembram que tudo eu tenho que Anotar os resultados então o número de participantes que eu fiz quatro achar um número bom pode ser que você faça com dois com três com um mas passa isso e Anote os resultados Bom agora eu vou anotar minhas principais percepções Lembra que eu falei que eu estava sempre anotando tudo eu não preciso anotar tudo colocar tudo mas se eu

identifiquei algum padrão alguma coisa é interessante colocar no resultad meus resultados estão bem simples aqui e geralmente você pode capturar Bem Mais resultados sobre isso mas é bem interessante anotar todos eles e não colocar muita informação só Mas é interessante sempre se você sentiu alguma coisa estranha alguma coisa fora do comum anote ele que vai ser de grande valor como nesses casos aqui quando a gente chega na fase de testes é muito comum que outros wx designers outras pessoas do time utilizem as pesquisas que a gente tá fazendo então é uma um artefato de grande

valor toda vez que fala com o usuário que faz uma pesquisa colocar os resultados para que a equipe inteira consiga usar o trabalho que já foi realizado anteriormente Então vamos lá resultados todos os participantes conseguiram realizar o processo de agendamento da visita até o final ótimo se não tivesse conseguido quem não conseguiu e por não conseguiu Qual foi a dificuldade que ele teve algum dos participantes gostariam de receber uma confirmação via e-mail WhatsApp para se sentir mais seguros após confirmar a agendamento e foi essa questão aqui que eu coloquei até no final você acred sua

visita técnica foi agendada tem gente que falou Olha eu não eu vi na tela apareceu para mim e tal mas eu gostaria de uma outra confirmação então pode ser uma coisa que eu posso colocar dentro do meu fluxo também então melhoraria a vida dos usuários acabei descobrindo que era uma coisa que eu nem pensava descobri o teste e três participantes tiveram dificuldades em selecionar as datas devido ao espaço de toque muito pequeno no calendário olha que engraçado aqui dentro do meu calendário Deixa eu só voltar aqui aqui S dá para botar ISO vamos ver onde

tá o calendário seleção de data tava muito curtinho um espacinho entre outro e algumas das pessoas tiveram problemas de selecionar Olha que interessante Porque para mim na minha mão funcionava na mão do stakholder pode funcionar e na mão do cliente pode não funcionar porque a gente tem mãos de tamanhos diferentes e nessa questão aqui que que eu já vou fazer antes mesmo de eu mostrar o meu trabalho final antes mesmo de eu programar eu já vou consertar isso então os testes e os habilidades eles ajudam muito essa questão então a gente achou uma pessoa que

tinha um problema de selecionar aqui ele achou muito pequeno então enter posso colocar o calendário maior posso colocar um seletor de data posso pensar o que eu vou fazer depois e retestar novamente mas aqui agora já está funcionando OK então eu já corrigir esse problema aqui dentro do meu case também e agora chega uma parte que é bem bem bem bem importante que é a parte de aprendizados o que que são os aprendizados eles são o encerramento do Case depois que eu fiz os testes que eu corrigi tudo e que eu passei por todas as

etapas que a gente passou a parte mais bacana que tem é o encerramento do projeto então o que que eu vou ter aqui na minha parte de de aprendizados eu vou falar no estudo realizado para aprendi muito sobre processo de we design mesmo sendo projeto simples consegui compreender as fases do diamond e como as ferramentas ajudam no processo de criação de um produto de sucesso coloque sempre tudo que você utilizou e o que que você aprendeu essa etapa final é o que mostra que quando você entrou não somente nessa jornada mas em qualquer case de

wx designer que você for participar você era um e agora você é outro você é uma pessoa que sabe um pouco mais aprendi também com como o x design pode estar ligado diretamente com mundo real levando em considerações situações onde o virtual apenas faz uma ponte entre pessoas negócios e soluções ótimo fale sobre modelo de mercado que você trabalhou o que que você aprendeu no Case que você está trabalhando ou do Case do seu desafio no meu que ela da eletromania ele tá bem bacana porque eu aprendi sobre como funciona agendamentos técnicos como que funciona

calendários E como que eu posso deixar a vida das pessoas muito mais fáceis isso pode funcionar para um dentista isso pode funcionar para um uma uma terapeuta isso pode funcionar para um doutor isso pode funcionar para um psicólogo então É bem interessante porque eu trabalhei com agendas eu trabalhei com esse tipo de coisa então eu já tenho o Noal de um mercado de de um nicho de mercado e essa é uma das partes mais interessantes que tem dentro do nosso casel que é sempre colocar os aprendizados Então se a gente dar uma olhada aqui agora

eu tenho um Case completinho mostrando desde como eu pesquisei de todas as áreas que eu andei aqui dentro como que foram minhas pesquisas os resultados que eu obtive e explicando de forma linear como meu projeto se tornou aqui no final o que que é o a solução e o que eu aprendi Beleza o teste usabilidade garante que o fluxo escolhido vai funcionar também ajuda a identificar oportunidades e problemas estruturais no projeto esses problemas podem ser corrigido antes do projeto final e para a fase de desenvolvimento e o processo fica muito mais alinhado ao modelo de

negócio ou seja agrada a todo mundo que tá participando do projeto essa etapa do teste é uma etapa quase que final mas o trabalho não termina por aí sempre há coisas que podemos melhorar e facilitar para os usuários e nossos projetos o dia a dia do ex design vai se desdobrar mais ou menos dessa forma para o nosso desafio preciso que você adicione ao seu Case o resultado dos seus testes de usabilidade da mesma forma que eu fiz com meu projeto de exemplo lembre-se todas as etapas devem estar alinhadas com a proposta do desafio que

tá lá no grupo da jornada não se esqueçam de ver o desafio no grupo da jornada não é igual o meu tem que ser igual do grupo da jornada tudo bem para finalizar seu Case adicione também seus aprendizados por exemplo o que que você aprendeu sobre a empresa sobre o produto os usuários e o processo de exx design esta parte de aprendizado é muito mas muito importante mesmo pois é a prova da evolução como ex designer dentro da área nós da equipe debac já estamos ansiosos para avaliar o cas de vocês parabéns por ter chegado

até o final dessa jornada a gente sabe o quanto foi de dicil esse percurso e parabéns parabéns de verdade mesmo Bons estudos e vemos vocês ao vivo na revisão dos exercícios [Música]