24 | WIDE | 85 > CRIAÇÃO

cria

ção

Alô, Alô,

FERRAmEntAs pARA mElhORAR A usAbIlIDADE DE sEu sItE

Vídeo, grAVAção de Voz, moVimento do mouse, monitorAmento… VáriAs são As possibilidAdes e ferrAmentAs que, se bem utilizAdAs, podem fAzer A diferençA pArA o desenVolVimento do seu site. ConfirA nestA reportAgem As dez prinCipAis, dentre elAs As fAmosAs CliCkTale e Morae, grAndes AliAdAs dos projetos bem-suCedidos.

Por Tiago Bosco

testAndo!

85 > CRIAÇÃO | WIDE | 25

Alô, Alô, o conceito de “teste”, recorrente no trabalho dos designers e dos desen-volvedores web, muitas vezes não é visto com a importância que ele realmente merece. os profissionais

podem alegar que não executam testes devido à correria do dia a dia, aos prazos cada vez mais apertados etc. tal justificativa não pode ser desprezada. É um fato real no cenário em que vive-mos. no entanto, o mundo contemporâneo também tem as suas vantagens. uma delas, por exemplo, é a propagação de novos softwares que contribuem para o desenvolvimento e o aperfei-çoamento de um site.

para eduardo loureiro, especialista em design de interação pela puC-minas e cofundador da Voël (www.voel.in), existe uma diferença fundamental entre as várias ferramentas para estu-dos de usabilidade que surgiram nos últimos anos. “os softwares desktop têm como objetivo estabelecer parâmetros e formalizar e tornar mais precisos os testes presenciais. são ferramentas que ajudam muito na análise por terem recursos como gravação de vídeo e de tela e contabilização de tempo, erros e acertos de tare-fas etc. já as ferramentas online, de maneira direta ou indireta permitem que os testes de usabilidade sejam remotos. todos esses novos recursos têm duas vantagens principais: a redução de custos e a exploração de resultados inviáveis em testes pre-senciais”, explica.

mas, afinal, existe algum software que seja simples de usar e ao mesmo tempo eficaz para quem pretende lançar um site e deseja realizar testes de usabilidade com o protótipo? juliana gaiba, consultora de usabilidade e de design de interação e user experience lead da Huge (www.hugeinc.com), acredita que a escolha da ferramenta dependerá muito do estágio de desenvol-vimento do site. “A experiência em conhecer os diversos méto-dos disponíveis e o entendimento de como aplicá-los são muito importantes para garantir resultados confiáveis e satisfatórios. Além dessas variáveis, temos outras questões, como prazos e custos alocados para esses estudos no orçamento de um projeto. Vale lembrar que diversas ferramentas permitem a aplicação de testes em fases que precedem a definição da interface e a con-fecção do protótipo interativo. são excelentes ferramentas para aplicação de estudos de card sorting, em que é possível avaliar como os usuários organizam o conteúdo do seu site, serviço muito válido para construir uma arquitetura de informação mais intuitiva. também existem ferramentas que permitem testar e validar a arquitetura de informação proposta, avaliando como usuários localizam informações a partir de uma árvore de con-teúdo”, esclarece juliana, opinião compartilhada por frederick van Amstel, cofundador do instituto faber-ludens de design de interação (www.faberludens.com.br). para ele, o uso de softwares especiais em testes de usabilidade depende dos objetivos do

testAndo!

“tODOs EssEs nOvOs RECuRsOs têm DuAs vAntAgEns pRInCIpAIs: A REDuÇÃO DE CustOs E A ExplORAÇÃO DE REsultADOs InvIávEIs Em tEstEs pREsEnCIAIs” Eduardo Loureiro

teste. “se o objetivo é promover aprendizado sobre o comporta-mento do usuário para a equipe de design, não há a necessidade nem mesmo de gravar as sessões. basta transmitir a tela do usuá-rio para uma sala separada e deixar o pessoal discutindo. porém, se o objetivo é fazer uma avaliação comparativa utilizando crité-rios objetivos, os softwares de registro de tela e inputs facilitam muito a análise estatística depois do teste”, diz.

Antes da escolha das ferramentas, devem-se definir quais serão os principais objetivos dos testes, público-alvo, dados que precisarão ser coletados e quais serão as técnicas utilizadas. É o que diz Horácio soares, consultor e pesquisador da Acesso digital (www.acessodigi-

tal.net) e especialista em design, acessibilidade e usabilidade. “nem todos os testes de usabilidade possuem ferramentas

específicas, mas, na maioria dos casos, existe algum software que poderá, de alguma forma, auxiliar na coleta dos dados e na posterior análise. um exemplo são os softwares que capturam os movimentos do usuário com mouse e teclado, que podem ser utilizados tanto nos testes tradicionais de usabilidade como nas técnicas de compreensão, que são indicadas para avaliar a usabi-lidade em conteúdos complexos, ou os testes do primeiro clique, que validam se os links da home page estão com bom funciona-mento. na maioria dos casos existe mais de um software disponí-vel e, como quase todos possuem uma versão free ou trial, é reco-mendado que sejam testados ao menos dois desses softwares. o avaliador deverá escolher aquele que melhor se adapte às suas necessidades e gostos”, orienta.

É importante ressaltar que, além dos dados qualitativos sobre a experiência do usuário, também deve-se levar em considera-ção a análise quantitativa. “É essencial, além de fácil e grátis, moni-torar os dados de acesso do seu site por meio de uma ferramenta de web analytics, como o google Analytics. outra forma eficiente de testar interfaces é fazendo testes A/b com ferramentas como o google Website optmizer. É possível comparar a performance de diferentes versões da mesma tela e decidir pela que apresentou maiores índices de sucesso quando exposta aos usuários do site”, diz juliana gaiba.

CriaÇÃo

26 | WIDE | 85 > CRIAÇÃO

Para os testes de usabilidade, Juliana Gaiba esclarece alGumas questões que vão imPactar diretamente na escolha do método e da ferramenta. confira.

Estágio dE dEsEnvoLvimEnto: Em que fase do

projeto você está? vale a pena fazer um protótipo

em HtmL ou no papel? você ainda não sabe como

estruturar seu conteúdo? Essas questões são

fundamentais para escolher qual método empregar.

Custo: Quanto você pode comprometer do seu

orçamento nesse tipo de pesquisa? uma dica: mais

vale investir em pequenos testes (com amostras

menores, por exemplo) ao longo do desenvolvimento

do que comprometer todo o orçamento em apenas

um teste. vale lembrar que testar sempre é muito mais

eficiente: permite que a evolução da sua interface

seja constante, aprimorada a cada etapa. teste,

implemente e teste de novo. É um ciclo e independe

de ferramentas para que ocorra com sucesso.

Prazo: Quanto tempo você pode dispor para

executar esses testes? Quantas pessoas da equipe

podem ser alocadas para isso? Existem empresas

que costumam investir em testes de usabilidade

que demoram para gerar resultados concretos por

dependerem da entrega de um relatório formal

com resultados consolidados. isso pode reduzir sua

agilidade para implementar as modificações. Lembre-

se: você está inserido em um ambiente dinâmico

e seus concorrentes podem estar investindo em

diferenciais que podem deixar o seu site para trás.

Ficar parado é sempre a pior estratégia.

FrontEiras gEográFiCas ou LimitaçõEs dE

dEsLoCamEnto: os seus usuários estão dispersos

geograficamente? Existe alguma outra limitação

para levá-los ao laboratório de usabilidade ou para

deslocar sua equipe até esses usuários? Essa questão

é importante para avaliar se o mais adequado é

utilizar uma ferramenta que permita aplicar os testes

de forma remota.

CliCkTalewww.clicktale.com

permite rastrear o movimento do mouse e os cliques. o Clicktale é especialmente útil por gravar vídeos de sessões únicas dos usuários, permitindo ao desenvolvedor assistir à forma como um usuário específico navegou pelo site, destacando o cursor do mouse. também é possível gerar relatórios que agregam dados de várias sessões, em formato de mapa de calor. o mapa de calor mostra quais são as áreas “quentes” e “frias” do seu site: as regiões em vermelho e laranja mostram onde os usuários ficam mais tempo com o mouse; já as áreas em azul ou cinza são as que apresentam menor tempo de permanência.

Além disso, o Clicktale também permite avaliar o preenchi-mento de formulários, mostrando o tempo de preenchimento dos campos, quais campos levam ao maior índice de abandono do formulário e quais apresentam maior índice de erros. tal funcionalidade é especialmente crítica quando uma das etapas do fluxo de conversão do seu site é composta por um formulá-rio, permitindo otimizar o funil de conversão.

estágio de desenvolvimento:É muito poderoso para a fase de manutenção, pois permite acompanhar a performance “ao vivo”, quando o site já está implementado e “no ar”, e identificar pontos de melhora.Custo: disponível em três planos, iniciando em u$ 99 até u$ 990 mensais. Prós: • Permite observar a navegação de forma remota; • A possibilidade de analisar dados em forma de mapa de calor;•A ferramenta de analytics para formulários é especialmente importante para sites de conversão.Contras:• Por não existir moderação presencial, o desenvolvedor não recebe o feedback dos participantes sobre suas motivações/dúvidas enquanto executam as tarefas;• Exige algum conhecimento técnico para implementação de código nas páginas;• O custo ainda é salgado para algumas empresas.

Chalkmarkwww.optimalworkshop.com/chalkmark

o Chalkmark permite o compartilhamento de uma imagem da sua interface com os usuários. o teste funciona assim: os usuá-rios são expostos a essa interface e devem indicar onde clica-riam para resolver uma tarefa. por exemplo, você está proje-tando um site de e-commerce e quer saber se o botão “Comprar” da página de produto está bem localizado. nesse teste, os par-ticipantes recebem uma tarefa na qual devem indicar onde

PrinCiPais FErramEntas (soFtwarEs)ConFira, a sEguir, dEz imPortantEs FErramEntas

rEsPonsávEis Por auxiLiar, dE manEira EFiCaz, o dE-

sEnvoLvimEnto E o aPErFEiçoamEnto dE um sitE.

85 > CRIAÇÃO | WIDE | 27

clicariam para adicionar o produto ao carrinho de compras. É como se fosse um “card sorting reverso”, em que a navegação é avaliada para garantir que os usuários saibam por onde nave-gar para finalizar uma tarefa.

recomenda-se acessar o site oficial do serviço, que possibilita ver a ferramenta em ação e usá-la por um período trial — pode-se criar uma pesquisa demo com dez participantes e três tarefas.

TreeJaCkwww.optimalworkshop.com/treejack

o treejack, que é da mesma empresa do Chalkmark, é mais específico ainda e tem como objetivo testar a arquitetura de informação enquanto em estágio de site map. É uma ferramenta interessante para se validar o entendimento sobre a organiza-ção do conteúdo do futuro site.

Crazyeggwww.crazyegg.com

o Crazyegg foi uma das primeiras ferramentas online de usabi-lidade. ele gera um mapa de calor sobre o site, que mostra onde os usuários estão clicando. É uma ferramenta interessante, que pode proporcionar insights sobre os pontos de maior interesse dos usuários. no entanto, talvez seja preciso ter certo cuidado, pois os cliques podem não corresponder ao real desejo dos usu-ários. dessa forma, é uma ferramenta complementar e deve ser usada em paralelo com outras formas de registro do comporta-mento dos usuários.

Com o tempo, foram surgindo outras ferramentas similares ao Crazy egg, como o Click density (www.clickdensity.com) e o mouse flow (www.mouseflow.com), que fazem basicamente a mesma coisa.

Five SeCond TeSTwww.fivesecondtest.com

o five second test tem uma lógica própria, na qual os partici-pantes têm que responder às perguntas estipuladas pelo pes-quisador em cinco segundos, enquanto olham o site ou o seu protótipo. É uma variação da metodologia tradicional, que pode se mostrar interessante com tarefas específicas para captação da percepção macro das pessoas.

loop11www.loop11.com

o loop11 é onde o desenvolvedor cadastra as tarefas para que os participantes façam o teste sozinho em seus próprios compu-tadores. os resultados das tarefas são coletados pelas ferramen-tas e exibidos em um relatório. É um modelo de teste de usabili-dade não moderado, pois não tem a presença do pesquisador.

youeyewww.youeye.com

o Youeye tem a mesma lógica do loop11, porém permite a grava-ção de movimentos do mouse, cliques em forma de vídeo e de áudio. Com isso, é possível coletar mais dados além do resultado da tarefa em si, o que tornam os resultados muito mais ricos.

plain Framewww.plainframe.com

o plain frame também é similar ao Youeye, mas permite ape-nas a gravação de cliques e movimentos do mouse enquanto os participantes realizam as tarefas.

moraewww.techsmith.com/morae

A grande vantagem do morae é poder realizar anotações em outro computador que ficarão sincronizadas com o vídeo após o teste. isso agiliza muito a análise posterior porque permite encontrar os trechos de vídeo rapidamente.

os arquivos sincronizam rosto, voz e movimentos do mouse, bem como captura os tempos de execução. o relatório resultante é rico em informações e é valioso para convencer o cliente sobre mudanças requeridas. A qualidade da ferramenta é proporcional ao seu alto custo, superior a mil dólares.

uSerTeSTingwww.usertesting.com

Ao usar essa ferramenta você pode contar com um painel de participantes. o recrutamento e a bonificação dos testa-dores é inteiramente feita pela usertesting, tornando o pro-cesso rápido e ágil, porém esse aspecto da ferramenta não é tão útil para quem quer testar com usuários fora dos euA ou do Canadá, onde há a maior concentração dos participantes. no entanto, é possível testar usando uma amostra própria quando se quer filtros mais específicos (a usertesting faz uma segmentação com foco mais demográfico dos participantes) ou participantes de outros países, porém com a facilidade de contar com o painel existente.

Cada sessão resulta em um arquivo de vídeo, assim é possí-vel avaliar a interação dos participantes. para conduzir o teste, o analista deve definir os filtros para a amostra (sexo, idade, renda e experiência com computador). Além dessa definição, o analista deve determinar quais são as tarefas que o participante deverá executar durante a navegação.

fontes: Amyris fernandez, eduardo loureiro, frederick van Amstel, Horácio

soares e juliana gaiba.

“nEm tODOs Os tEstEs DE usAbIlIDADE pOssuEm FERRAmEntAs EspECíFICAs, mAs, nA mAIORIA DOs CAsOs, ExIstE Algum sOFtWARE quE pODERá, DE AlgumA FORmA, AuxIlIAR nA COlEtA DOs DADOs E nA pOstERIOR AnálIsE” Horácio soares