Testes de Usabilidade no Wikia

Polêmico. Assim considero o Wikia. Resolvi "navegar" por aí e saber o que o pessoal anda falando sobre o Wikia na internet e percebi que depois de seu lançamento muitos profissionais de search marketing, amadores, gerentes, empresários, diretores, entre outros, escreveram sobre o nosso novo amigo. A seguir alguns deles

"Hoje, as respostas obtidas estão longe do que é encontrado em buscadores como Google, Yahoo, MSN Search e outros. Por isso, a Wikia funciona mais como uma rede social, com perfil, lista de atividades recentes e informações pessoais e profissionais. E como rede social, há o charme de ser envolvida pela busca, mas também passa longe de líderes como MySpace, Facebook e Orkut.
O Wikia não tem identidade, o que é fatal num mercado com centenas de competidores." - Futuro.vc

"Toda vez que eu faço uma análise de um sistema de busca, eu me lembro de como o Google é bom e funciona", escreveu Stan Schroeder, do Mashable. - PC World

Basta buscar no Google ou em qualquer outro mecanismo de busca, por notícias relacionadas ao Wikia, que será possível encontrar vários resultados. Porém, pouca gente perguntou a opinião do usuário final, o que não me surpreende.

Testes de Usabilidade no Wikia

Fiz um teste informal, e pedi para um usuário entrar e usar o mecanismo de busca digitando uma palavra-chave de algo que deseja encontrar. A seguir algumas considerações sobre o teste:

• Mesmo fluente em inglês o usuário mostrou o desejo de poder obter resultados em português;


• Nos resultados combinados "People Matching", onde é possível ver usuários relacionados aos resultados, este não entendeu o que era;


• Depois de entender para que servia o "People Matching [palavra-chave]" o usuário tentou criar uma conta, para colaborar nos resultados combinados e clicou no botão "sign up", onde não conseguiu criar uma conta. A página destino apresentou um resultado em branco;

Botão para criação de conta

Local de Cadastro: tela em branco

• O usuário relatou que se não fosse um teste, não entraria mais. A tela em branco soa amadora, dá a impressão de uma falha e além disso o sistema não permite o usuário voltar e não informa do erro;


• Quando o usuário questionado sobre a proposta do Wikia procurou informações sobre o mesmo em "About us", porém não entendeu o sentido colaborativo da ferramenta;


• Quando pedi para o usuário para editar um resultado, o mesmo decidiu colaborar para a busca pela palavra-chave "Baudolino" que refere-se à obra medieval de Umberto Eco, então, relatou dificuldades em entender o Editor Wikia, pois não conseguiu colocar atributos relacionados como: imagens, links, entre outros.

Otimizando Resultados

Eu também fiz alguns testes, sobre inclusão de resultados no Wikia. Editei um resultado para a pesquisa pelo meu nome "erick formaggio", e quando procuro o mesmo aparece numa caixa cinza como um "Mini Article" porém este blog ele ainda não indexou. :(

Resultado na Busca por "erick formaggio"

Pude perceber também, que em outros computadores se eu buscar por um resultado editado por mim ele não aparece se eu não estiver logado. O que me leva a crer que a busca pode ser otimizada de forma individual.

Então porque continuar usando o Wikia?

No "about us" existe um trecho da "explicação" sobre quem eles são que diz o seguinte:

"We are aware that the quality of the search results is low..."

Traduzindo: "Estamos conscientes de que a qualidade dos resultados de pesquisa é baixa". Então que incentivo eu tenho para voltar e usar a ferramenta? Não é melhor usar o Google?

Menus e links de Navegação

Hoje vou falar de navegabilidade através de links e menus. Os links (âncoras) direcionam o usuário até determinada página. Um conjunto de links forma um menu, onde se localizam os links mais importantes para determinadas páginas de um website.

Mentalmente o usuário criou um conceito intuitivo, de navegação via menu, por isso é tão importante que o mesmo seja bem projetado.

Link deve parecer um link

Quando o usuário procura por alguma coisa no site, clica em determinado link que acredita ter relação com o que espera encontrar. Chegar até a informação é o que lhe interessa.

Links com rótulos mal elaborados e que não parecem links podem confundir o usuário. Caso o rótulo não seja objetivo, correspondendo à informação encontrada na página de destino, pode levar ao usuário a frustração, quando entrar e não achar a informação que deseja. O rótulo do link deve ser claro e objetivo, palavra-chave é uma boa, já que informa em uma ou duas palavras o que existe na página destino.

Outro aspecto muito importante é que, o link deve parecer um link de verdade. Para isso basta usar aquelas convenções comuns, como: cor azul, sublinhado, entre outras já conhecidas. Mais uma vez vou usar o jornal americano NewYork Times, como exemplo: o nobre jornal usa links sublinhados em suas matérias.

Menus complicados

Usuários podem ter dificuldades sérias com alguns menus. Pessoas com dificuldades motoras e necessidades especiais, podem não conseguir usar um site, com menus de subitens (menus em cascata) e mesmo para usuários comuns, fica complicado navegar em três níveis de menu.

O Spider pode não conseguir navegar pelo menu

Alguns websites tem seus menus feitos em flash, javascript ou mapa de imagens. O spider ou encontra muita dificuldade para navegar pelos links do menu ou simplesmente não consegue. No caso do flash, por exemplo, o spider pode até indexar as palavras-chave do menu, mas não vai entendê-las como links. Isso afeta diretamente a indexação do site, pois, vamos pensar da seguinte forma: como o spider indexa as páginas do seu site? Navegando pelos seus links internos!

O spider, encontra dificuldades para identificar o rótulo de links expressos por imagens. Recomenda-se então a utilização do atributo "alt" de texto alternativo com o nome do que seria o link e que este tenha relação com a página de destino.

SEO e Usabilidade no New York Times 2

Depois do último post, fui ao site do jornal americano do qual vos falo, e: naveguei, olhei, testei, ops! Errei! Sim, o site se move... a interface de busca muda, sua estrutura e localização também.

A interface de busca do New York Times

Na página inicial é possível ver uma interface de busca, na minha opinião um pouco confusa, a não ser em livrarias virtuais, onde você escolhe por autor ou título nos demais sites recomendo uma simples caixa de pesquisa com um botão, mais nada. Não faça o usuário pensar!

Um colega de um grupo de discussão sobre usabilidade disse o seguinte:

"Achei o NYT muito preto no branco para o fluxo de informação de um jornal. Gosto de cores(...)"

Realmente, mas acredito que a idéia foi preservar a capacidade cognitiva do usuário, de forma que fosse passada uma idéia de sobriedade, até pelo grande volume de informações, nesse caso a prioridade foi por informação textual, inclusive é possível perceber que não são utilizadas mais do que quatro cores.

Checklist SEO

Fiquei contente ao ver que além de bastante conteúdo, eles utilizam tags relevantes e texto alternativo nas imagens. Então vamos ao checklist SEO:

• Formatação para títulos (h1, h2) - OK
• Texto alternativo nas imagens - OK
• Link no meio de conteúdo - OK
• Títulos (title) - OK
• URL´s - Meia boca
• Texto em negrito (strong) - não

Resultado = satisfatório

Tanto é que, na busca por "jornais americanos" no Google, nosso amigo New York Times aparece em quarto lugar, além de ganhar uma "etiquetinha": Ver resultados para: new york times"

Resultados de: Jornais Americanos

Um outro aspecto a ser considerado é o do endereço, pois quando entrei na primeira vez digitei www.nyt.com, no entanto, vi que o endereço oficial é www.nytimes.com. Na busca por "NYT" no Google adivinha quem aparece?

O Nosso amigo New York Times!

Não me surpreendi quando busquei por www.newyorktimes.com e fui direcionado ao site do New York Times novamente e o mais legal é que os redirecionamentos são todos feitos via servidor. A sacada foi a seguinte: eles imaginaram que muitos usuários poderiam digitar tais endereços com o objetivo de entrar no site do jornal, já que, algumas pessoas ainda têm o hábito de imaginar uma url que esteja diretamente relacionada com o que procura e digitá-la na barra de endereços do seu navegador antes de procurar em algum mecanismo de pesquisa.

SEO e Usabilidade

O New York Times é um bom exemplo de website que cumpre em partes o que se precisa para o sucesso de um site, além do mais o site por si só já vende muito, já existe uma imagem consolidada o que facilita ainda mais as coisas e não exige um site 100% otimizado.

A questão da interface de busca prejudica um pouco, pois confunde o usuário já que é um dos motivos da mudança estrutural do site.

SEO e Usabilidade no New York Times

Otimização de sites, Usabilidade, SEO, New York Times, Webwriting

Estava visitando alguns sites essa semana para usar de exemplo em uma apresentação de slides, onde um dos pontos principais era o princípio de webwriting, que na minha opinião está diretamente relacionado a Otimização de Sites e Usabilidade. Primeiro pelo fato do webwriting propor um conteúdo objetivo, com palavras significantes para determinado contexto sem blablablá e firulas comuns em determinados tipos de texto. Segundo, pelo fato de que isso impacta diretamente na usabilidade já que permite uma exploração rápida do conteúdo sem que se tenha a necessidade de ficar por horas na frente da tela.

Informação e muito conteúdo útil

É assim que acontece no New York Times, um dos jornais mais influentes não só nos Estados Unidos da América, mas no mundo todo. Achei muito interessante a forma como são disponibilizadas as informações, principalmente os resumos rápidos com importantes palavras-chave antes da matéria inteira.

Site Otimizado

Vasculhei o código e percebi algumas coisas bem curiosas, como por exemplo:

• Falta identação no código
• Muita lista "ul"
• Eles usam até o "h5"!!!
• Datas nas URL´s

Coisas interessantes para a otimização não acham?

Usabilidade

Não fiz nenhuma análise formal de usabilidade, mas "informalmente olhei" e não achei nada grave, inclusive gostei bastante de algumas coisas que encontrei, como o menu no canto superior esquerdo e a ausência de animações.

Não gostei muito da interface de busca... lembro que no livro do Steve Krug vi alguma coisa sobre o campo de busca do New York Times, mas não lembro o quê, exatamente. Vou procurar no livro e postar aqui.

Aplicando avaliação heurística na Wikipédia

No curso que fiz esse fim de semana praticamos alguns exercícios, para simular testes e resolver alguns problemas em determinados websites. Algo que ficou bem claro pra mim é que um problema em determinada aplicação WEB não é necessariamente um erro. Um erro parte do princípio de que determinada ação fracassou ou mesmo não aconteceu, como por exemplo: ao clicar em determinado link, a página de destino não abre, isso é um erro. No caso da localização de determinado objeto estar em algum lugar não comum ao usuário, isso é um problema.

Para esses exercícios, aproveitei algumas recentes resalvas à Wikipédia que fiz neste blog e usei essa ferramenta como "cobaia" para estes ensaios.

A Wikipédia é uma ótima ferramenta

Sim, com certeza, só que tem problemas como qualquer outro site. Minha intenção não é "malhar" a Wikipédia, mas propor melhorias para que esta fique cada vez mais fácil de ser usada, até porque, eu mesmo sou um usuário assíduo da nossa enciclopédia eletrônica.

Heurísticas de Nielsen

Apesar de achá-lo acadêmico demais, gosto muito de seus livros, pesquisas e ferramentas. Mas se eu tivesse que me comparar ao Nielsen ou Krug, certamente diria que faço um pouco mais o estilo Steve Krug. Contudo, as ferramentas do Nielsen como a análise heurística que propõe são muito eficientes antes de gerar um relatório ou mesmo antes de uma análise cognitiva.

Análise Heurística aplicada à Wikipédia

Com base nas heurísticas de Nielsen [NIE94] fiz um experimento buscando encontrar os problemas da sua "interface de busca", onde encontrei dois problemas da ordem "4" na lista das dez heurísticas, problemas esses diretamente ligados às convenções web, relacionados ao que Nielsen chama de "Consistência de Padrões", sendo que, um considerado grave e outro simples:

1. A interface de busca não se apresenta onde comumente localiza-se em outros websites, pois fica no lado esquerdo ao centro. Problema grave, pois alguns usuários podem desistir de procurar alguma informação devido à falta de encontrabilidade desta interface;
2. Em uma pesquisa eficaz (onde o termo pesquisado existe) a página de resposta não dá uma descrição da página encontrada, como os mais diversos mecanismos de busca fazem:

Google.com - Descrição objetivando a boa compreensão

Soluções de Usabilidade

A solução para esses problemas é simples: primeiro, colocar a interface de busca no local correto; e segundo, oferecer descrições relevantes na página do resultado de busca interna.

Por: Erick Formaggio
Colaboração: Juliana Elias

Curso de usabilidade na UFRGS

Desde quinta-feira (13/12/2007) estou fazendo um curso de extensão em usabilidade na Universidade Federal do Rio Grande do Sul, dado pelos professores doutores: Carla Freitas e Marcelo Pimenta. O curso aborda de forma prática heurísticas de usabilidade, acessibilidade, testes, problemas e soluções, além de contar com a experiência dos professores citados, renomados na área. Estou gostando muito, pois é interessante ter a oportunidade de fazer um network com outros profissionais da área.

Análise Heurística

Entre debates, explicações e exercícios, fizemos algumas aplicações práticas do que aprendemos usando algumas das ferramentas, empregadas no curso. Dentre elas as "Dez Heurísticas de Nielsen" [NIE 94] que compõem:

1. Visibilidade do status do sistema;
2. Compatibilidade entre o sistema e o mundo real;
3. Liberdade e controle do usuário;
4. Consistência e padrões;
5. Prevenção contra erros;
6. Reconhecimento em lugar de lembrança;
7. Flexibilidade e eficiência de uso;
8. Projeto minimalista e estético;
9. Auxiliar os usuários a reconhecer, diagnosticar e recuperar-se de erros; e
   
10. Ajuda e documentação.

Critérios Ergonômicos definidos por Bastien e Scapin

Também falamos muito de Bastien e Scarpin, que definiram critérios [BAS 93] relacionados a testes ergonômicos, que podem ser usados também para análises heurísticas de websites. Em uma lista de 18 critérios definidos, um dos mais importantes na minha opinião é o da "Legibilidade" que segundo Bastien e Scarpin:

"Refere-se às características léxicas que as informações apresentam sobre a tela de forma a facilitar a compreensão destas informações. Deve-se levar em consideração, ainda, o brilho, contraste, cor, tamanho de fonte, espaçamento, etc."

Ou seja, determinado conteúdo textual deve ser legível, o tamanho da fonte, a cor, o contraste em relação ao fundo devem ser satisfatórios para o usuário.

Percurso Cognitivo

Falamos muito também do percurso cognitivo, cujo objetivo principal é percorrer os caminhos que levam até determinada "meta" e definir os possíveis erros e problemas neste processo. Neste tipo de teste deve-se definir: se as ações estão evidentes ao usuário, se este perceberá a ação correta (se os itens estarão visíveis), se existe "feedback" adequado, entre outras coisas. O percurso cognitivo pode ser usado juntamente com a análise heurística, tanto um, como o outro, são ferramentas eficientes, para elaboração de relatórios de usabilidade.

Relação Usabilidade e Otimização de Sites

Total. Hoje o negócio é dar resultados. Ou o cliente tem um ROI (Return of Investment - retorno de investimento) digno de um orçamento ou determinado projeto se torna um centro de custo. Sendo assim, não é mais uma vantagem o cara estar em primeiro lugar no Google se o site dele não está apto a vender. E muitos não estão...

A otimização de sites hoje é mais do que uma simples reengenharia voltada às máquinas de busca, mas sim algo que soluciona realmente os problemas do usuário. Imagine só: em alguns testes com usuários, naqueles onde é pedido ao usuário realizar determinada tarefa sem indicação de algum site, este corre para algum mecanismo de busca para encontrar o que precisa. É ilusão pensar que um site que se posiciona bem nos mecanismos de busca consegue resultados sem que seja totalmente eficiente. É sério, muito sério isso, pois tem gente (e não é pouca) que acredita nisso e diz por aí que a otimização de sites faz junção de técnicas que levam seu site para a primeira página do Google.

A Otimização do site tem que preservar a vontade que o usuário tem que encontrar e conseguir usar o que procura. Técnicas isoladas não vão trazer resultado algum ao usuário, só frustração.

Acessibilidade

Porque alguns mecanismos de busca prezam tanto pelo atributo "alt" da tag "img"? Por que o W3C preza tanto por uma padronização? Para que qualquer pessoa possa usar determinado site. Não sou o dono da verdade, mas fica a pergunta: o que nós profissionais de WEB faremos para ajudar?

Assista o vídeo e pense: http://acessodigital.net/video.html

Conclusão

Curso show, galera animada e professores legais que realmente entendem do que falam. Cada vez fico mais convencido de uma teoria minha: "não adianta chegar, é preciso usar".

Mais artigos sobre Usabilidade:

Testes de usabilidade no wikia
Menus e links de Navegação
SEO e Usabilidade no New York Times 2
SEO e Usabilidade no New York Times
Aplicando avaliação heurística na Wikipédia
Usabilidade x Wikipédia

Usabilidade X Wikipédia

Problemas de usabilidade no Wikipédia

Eu gosto muito da Wikipédia, mas a ferramenta tem problemas sérios de usabilidade, na minha opinião. Não só porque tive dificuldade em encontrar algumas ferramentas que proporcionam o seu uso, mas também por ignorar algumas convenções. Não vou citar todos os erros que eu encontrei, mas o mais "visível aos olhos" de quem trabalha com usabilidade.

Falando como usuário: sempre quando quero encontrar algo na Wikipédia vou ao Google. É sério, sabendo que na busca por determinada palavra-chave posso ter a Wikipédia como resposta, "pergunto ao Google". Além da caixa de busca da ferramenta ficar no centro à esquerda da página, eu não gosto da página de resultados de busca da Wikipédia. A seguir mostro um resultado de uma pesquisa por algo que não existe na enciclopédia eletrônica:

Resultado de busca: muita informação, para alguém que espera ajuda

Falando como especialista: o primeiro fator mais agravante é o fato da caixa de busca, que deveria auxiliar o usuário, estar em um lugar onde os usuários vão procurar só depois de olhar para a área onde ela deveria estar, que é no canto superior direito ou esquerdo. Essa já é uma convenção e sempre os usuários vão procurar lá primeiro.

A pesquisa de Nielsen e Loranger e a Interface de Busca

O pior é que, com o fundo branco da página fica quase impossível encontrar a caixa de busca, para poder realizar uma pesquisa por determinado verbete. Percebam a definição de Jakob Nielsen e Hoa Loranger para a "interface de busca" no livro, "Usabilidade na Web - Projetando Websites com qualidade":

"A interface da busca - uma caixa de texto em que os usuários podem inserir suas consultas, combinada com um único botão rotulado Pesquisar - normalmente deve estar no canto superior esquerdo ou, preferivelmente, no canto superior direito da página, uma vez que é aí que os usuários a procuram."

Sendo assim, recomendo avaliar todos os problemas de usabilidade do website Wikipédia e considerar a possibilidade de resolver isso, posicionando a "interface de busca" no canto superior direito ou esquerdo. Acredito que uma fonte tão importante de referência pode e deve resolver tais problemas.