Essa pesquisa teve como objetivos avaliar a navegação do portal UOL a fim de observar o comportamento dos usuários no uso dos sistemas globais, locais, contextuais e suplementares, além do estudo dos esquemas de rotulagem e organização onde todos os resultados coletados serviram como base para as recomendações e desdobramentos definidos.
1. Aline Alves
Arquitetura da Informação em Portais de Conteúdo:
Um estudo de caso da Navegação do Portal UOL
Monografia
Trabalho de Conclusão de Curso da
Pós-Graduação em Ergodesign de Interfaces:
Usabilidade e Arquitetura de Informação
Rio de Janeiro
Maio/2014
2. Aline Alves
Arquitetura da Informação em Portais de Conteúdo:
Um estudo de caso da navegação do Portal UOL
Monografia
Trabalho de Conclusão de Curso da
Pós-Graduação em Ergodesign de Interfaces:
Usabilidade e Arquitetura de Informação
Profa
. Msc. Adriana Stella Chammas
Departamento de Arte e Design - PUC-RIO
Prof. Dr. Eduardo Ariel de Souza Teixeira
Coordenador - PUC-RIO
Prof. Msc. Edson Rufino de Sousa
Departamento de Arte e Design - PUC-RIO
Profa
. Dr. Maria Manuela Rupp Quaresma
Departamento de Arte e Design - PUC-RIO
Rio de Janeiro
Maio/2014
3. Ao meu pai, meu melhor amigo, meu anjo da guarda.
À minha mãe, minha amiga e companheira, luz da minha vida.
Ao meu marido, meu amor, companheiro de todas as horas.
4. Agradecimentos
Aos meus queridos professores pela companhia no decorrer deste ano, em
especial à Luiz Agner, Eduardo Ariel, Adriana Chammas , Renata Zilse, Edson
Rufino e Manuela Quaresma, que tanto me ajudaram na construção da
profissional que sou hoje.
À minha amiga Julia Merquior pela parceria nos projetos e na vida, minha eterna
dupla!
Aos meus colegas curso que fizeram as tardes de sábado mais leves e felizes
em especial às novas amigas Hayssa Schwab e Naima Barbosa.
Aos participantes do Card Sorting e da Avaliação Cooperativa, por terem
dedicado grande parte do seu tempo à essa pesquisa. Em especial, Isadora
Abreu, Leo Caetano, Pedro Canelas, Ana Maria, Raquel Santos, Hayssa
Schwab.
À XP Investimentos e ao Bradesco pela ajuda em ceder suas salas e
equipamentos para os testes realizados no decorrer deste curso.
5. Resumo e Apresentação
Atualmente, a web tem beneficiado nosso cotidiano com a facilidade na busca de
informações, pesquisa e comunicação. Porém, em outra perspectiva, devido ao
crescimento explosivo da informação, tem exigido mais atenção do consumidor para
filtrar e discernir informações de qualidade. Outro fator importante é a pressão pelo lucro
empresarial nos grandes portais, que levou a um aumento da publicidade online e do
espaço dedicado a notícias de entretenimentos o que afeta e muito a usabilidade nesses
portais, como é o caso do UOL, objeto de estudo escolhido para esse estudo de caso. Com
base nesses conceitos e fatos que este trabalho foi direcionado, onde o Portal UOL foi
avaliado através da aplicação de técnicas centradas no usuário.
Essa pesquisa teve como objetivos avaliar a navegação do portal UOL a fim de
observar o comportamento dos usuários no uso dos sistemas globais, locais, contextuais e
suplementares, além do estudo dos esquemas de rotulagem e organização onde todos os
resultados coletados serviram como base para as recomendações e desdobramentos
definidos. Com base nas conclusões, viu-se que realmente o portal apresenta uma
quantidade extensa de conteúdo e publicidade. De acordo com o estudo realizado através
da aplicação da técnica de card sorting, pôde-se constatar que o modelo mental dos
usuários condiz com a atual classificação apresentada pelo portal UOL, onde o esquema
ambíguo, híbrido por assunto e público-alvo foi, no geral, intuitivo para os mesmos. Com
a aplicação da avaliação cooperativa, pôde-se perceber vários perfis de navegação que
reforçam a importância da consistência em todos os sistemas de navegação visando
atender todos os perfis. Contatou-se também, que a busca apresenta-se atualmente
ineficiente, alem de excesso de conteúdo nas principais páginas do Portal, como a home
page. Outro ponto importante é a presença de muito conteúdo publicitário, que causou
muitos comentários negativos por parte dos participantes e até mesmo estresse no
decorrer dos testes. Espera-se que com esse estudo, de alguma forma possa colaborar para
o crescimento e evolução do portal UOL e contribuir para o estudo de navegação em
portais de conteúdo em geral.
Palavras-chave
Arquitetura da Informação; Navegação; Portais de Conteúdo; Portais; Portal
UOL.
6. Lista de Figuras
Figura 1 - Os 5 planos da construção da experiência do usuário
segundo Garret..................................................................................................16
Figura 2 - Conceitos de navegação de Rosenfeld..............................................17
Figura 3 - Navegação local segundo Garret.......................................................18
Figura 4 - Navegação contextual segundo Garret..............................................19
Figura 5 - Esquemas de Organização de Rosenfeld & Morville (2006) ..............23
Figura 6 - Primeira Homepage do portal UOL lançada em 1996........................27
Figura 7 - Barra de navegação global do Portal UOL.........................................28
Figura 8 - Barra de navegação local do portal UOL ...........................................29
Figura 9 - Home Page atual do portal UOL com quantidade excessiva de
conteúdo oferecido. ...........................................................................................30
Figura 10 - Detalhe da navegação suplementar da Home Page do portal UOL .31
Figura 11 - Campos de busca da home Page e da página interna
“Entretenimento” apresentam padrões inconsistentes. ......................................32
Figura 12 - Sitemap do portal UOL ....................................................................34
Figura 13- Tela de agrupamento dos cartões no Optimal Sort...........................43
Figura 14 - Público-alvo definido para o Card Sorting........................................44
Figura 15 - Gráficos ilustrando a audiência do portal UOL.................................45
Figura 16 - Sitemap Entretenimento ..................................................................58
Figura 17 - Sitemap da categoria Bate-papo......................................................59
Figura 18 - Sitemap da categoria Economia ......................................................60
Figura 19 - Sitemap da categoria TV UOL .........................................................61
Figura 20 - Sitemap da categoria Carros ...........................................................62
Figura 21 - Sitemap da categoria Esporte..........................................................63
Figura 22 - Sitemap da categoria Educação ......................................................64
Figura 23 - Sitemap da categoria Jogos.............................................................65
Figura 24 - Sitemap da categoria Mulher ...........................................................66
Figura 25 - Sitemap da categoria Rádio.............................................................67
Figura 26 - Sitemap da categoria Notícias .........................................................68
Figura 27 - Sitemap final criado com base em todo o estudo realizado com a
técnica do card sorting.......................................................................................72
Figura 28 - Menu Dropdown com as categorias de “Futebol”.............................74
Figura 29 - Destaque da categoria “Esporte” na navegação contextual da home
page ..................................................................................................................74
Figura 30 - Categoria “Carros” marcada na barra de navegação global em
“Notícias” ...........................................................................................................78
Figura 31 - Itens finanças disponível em dois menus na landing page de
“Economia” ........................................................................................................79
Figura 32 - Inconsistência entre as barras de navegação global da home Page79
Figura 33 - Quantidade excessiva de links patrocinados ...................................80
Figura 34 - Barra de navegação Global com estilo diferenciado ........................84
Figura 35 - Landing Page com 2 barras de navegação local..............................85
Figura 36 - Publicidade ocupando espaço considerável da Grid........................86
7. Figura 37 - Proposta de sitemap final do portal UOL com base nos resultados
das técnicas.........................................................................................................92
Figura 38 - Sketch da home page.......................................................................93
Figura 39 – Proposta de Wireframe para a home page......................................99
Figura 40 – Proposta de menu dropdown na home page.................................100
Figura 41 – Barras de navegação nas páginas internas...................................100
Figura 42 – Barras de navegação ao scrollar a página. Ambas se unem e
acompanham a navegação no topo do browser...............................................101
8. Lista de Tabelas
Tabela 1 - Seleção de conteúdo para o Card Sorting.........................................41
Tabela 2 - Cartões aplicados no Card Sorting....................................................42
Tabela 3 - Tabela com público-alvo definido para a Avaliação Cooperativa.......46
Tabela 4 - Tabela com detalhamento da terefa 1 Tabela 4 – Tabela com
detalhamento da tarefa 1...................................................................................49
Tabela 5 - Tabela com detalhamento da tarefa 2...............................................49
Tabela 6 - Tabela com detalhamento da tarefa 3...............................................50
Tabela 7 - Tabela com detalhamento da tarefa 4...............................................50
Tabela 8 - Detalhamento das categorias criadas ...............................................54
Tabela 9 - Novas categorias criadas pelos usuários ..........................................54
Tabela 10 - Tabela gerada pelo software Optmalsort baseada no trabalho de
Donna Spencer – Classificação por cartões - parte I .........................................55
Tabela 11 - Tabela gerada pelo software Optmalsort baseada no trabalho de
Donna Spencer – Classificação por cartões - parte II ........................................56
Tabela 12 - Tabela gerada pelo software Optmalsort baseada no trabalho de
Donna Spencer – Classificação por cartões - parte III .......................................57
Tabela 13 - Indicadores de sucesso por participante da tarefa 1 .......................75
Tabela 14 - Indicadores de sucesso por participante da tarefa 2 .......................76
Tabela 15 - Indicadores de sucesso por participante da tarefa 2 .......................78
Tabela 16 - Indicadores de sucesso por participante da tarefa 4 .......................81
Tabela 17 - Heurísticas de Rosenfeld................................................................83
Tabela 18 - Classificação dos problemas no contexto da navegação global......83
Tabela 19 - Classificação dos problemas no contexto da navegação local........84
Tabela 20 - Classificação dos problemas no contexto da navegação contextual85
Tabela 21 - Classificação dos problemas no contexto da navegação suplementar
..........................................................................................................................86
Tabela 22 - Classificação dos problemas no contexto da busca do portal UOL .87
9. Sumário
1. Introdução......................................................................................................10
2. Referencial Teórico.......................................................................................12
2.1..................................................................................................................12
Interação Humano-Computador .....................................................................12
2.1.1 Ergonomia.............................................................................................13
2.1.2 Ciência Cognitiva..............................................................................13
2.1.3 Design Gráfico...................................................................................13
2.2 Arquitetura da Informação .......................................................................15
2.2.1 Sistemas de Navegação ...................................................................17
2.2.2 Sistemas de Etiquetagem ..................................................................20
2.2.3 Sistemas de Organização .................................................................22
3. Sobre o UOL e Portais de Notícias ................................................................24
3.1 Portais de notícias no Brasil e tendências do jornalismo online...............24
3.2 Sobre o UOL ............................................................................................26
3.3 Esquemas de Navegação do portal UOL.................................................27
3.3.1 Navegação Global ............................................................................27
3.3.2 Navegação Local ...............................................................................28
3.3.3 Navegação Contextual.......................................................................29
3.3.4 Navegação Suplementar....................................................................31
3.3.5 Busca.................................................................................................31
3.4 Sistemas de Etiquetagem do UOL...........................................................32
3.5 Sistemas de organização do UOL ............................................................33
4. Delineamento da Pesquisa ............................................................................35
4.1. Tema......................................................................................................35
4.2. Objetivo Geral ........................................................................................35
4.3. Objetivos Específicos .............................................................................35
4.4. Problema................................................................................................36
4.5. Justificativa.............................................................................................36
5. Métodos e Técnicas de pesquisa..................................................................38
5.1 O Recorte de estudo ...............................................................................38
5.2 Card Sorting.............................................................................................39
5.2.1 Método Utilizado ................................................................................39
5.2.2 Seleção de conteúdo .........................................................................40
10. 5.2.3 Seleção de participantes....................................................................43
5.3 Avaliação Cooperativa..............................................................................44
5.3.1 Público-alvo e definição da Amostra ..................................................45
5.3.2 Metodologia ......................................................................................46
5.3.3 Questionários.....................................................................................51
6. Análise dos Resultados das técnicas de pesquisa.........................................52
6.1 Card Sorting.............................................................................................52
6.1.2 Análises dos Rótulos e Categorias ....................................................52
6.1.3 Análises dos Agrupamentos ..............................................................58
6.2 Síntese dos Resultados............................................................................69
7.0 Avaliação Cooperativa .................................................................................73
7.1 Resultados ..............................................................................................73
7.1.1 Tarefa 1 . ..........................................................................................73
7.1.2 Tarefa 2 . ..........................................................................................75
7.1.3 Tarefa 3 ............................................................................................77
7.1.4 Tarefa 4 ............................................................................................81
7.2 Análises e Resultados............................................................................82
7.2.1 Classificação dos Problemas .............................................................83
7.2.2 Resultados dos questionários ...........................................................87
8. Conclusões...................................................................................................89
8.1 Resultados da Pesquisa..........................................................................89
8.2 Análises e Recomendações .....................................................................90
8.2.1 Esquemas de Organização e Rotulagem...........................................90
8.2.2 Sistemas de Navegação ....................................................................93
8.2.3 Busca.................................................................................................96
8.3 Sketches e Wireframes ............................................................................97
8.3.1 Sketch ...............................................................................................97
8.3.2 Wireframes........................................................................................99
8.3.2.1 Home page ...............................................................................99
8.3.2.2 Menu Dropdown......................................................................100
8.3.2.2 Menu Páginas Internas ...........................................................100
8.4 Desdobramentos futuros ........................................................................102
9 Referência bibliográfica............................................................................104
10 Apêndices ..............................................................................................106
11. 10
1.
Introdução
Com o boom da internet em 1990, após o engenheiro inglês Tim Bernes-
Lee desenvolver a World Wide Web, houve um crescimento acelerado na
disseminação da informação, cujo fato foi considerado uma das maiores criações
tecnológicas mundiais.
A internet chegou ao Brasil em 1995, quando o Internet Service Law abriu
o mercado de provedores para empresas privadas. Depois disso, a maioria dos
jornais migrou rapidamente para a internet, porem, faltando conhecimento sobre o
novo meio, o conteúdo deles eram meras metáforas de suas versões impressas
(Barbosa, 2001) apud (Herzcovitz, 2009). Posteriormente, os principais portais de
notícias, surgiram no Brasil em 1996 (Barbosa, 2002) apud (Herzcovitz, 2009) e
entre eles, destacou-se o portal UOL atualmente considerado o maior portal de
conteúdo da América latina, organizado em 42 estações temáticas com mais de
1.000 canais de notícias, informações, entretenimento e serviços, o que representa
mais de sete milhões de páginas. Com o exponencial crescimento, a pressão pelo
lucro empresarial nos portais de internet levou a um aumento da publicidade
online e o uso abusivo de banners e outras ferramentas de divulgações comerciais.
Com isso, unindo a explosão de conteúdos oferecidos ao crescimento da
publicidade em portais, ocasionou-se uma aglomeração de informações nas
seções, onde muitas vezes não é traduzido de forma eficaz e eficiente, afetando a
experiência dos consumidores desses portais. Segundo (Garret, 2011):
A experiência do usuário não é sobre o funcionamento interno de um produto ou
serviço. A experiência do usuário é sobre como ele funciona do lado de fora,
como entra em contato com ele. Quando alguém lhe pergunta como usar um
produto ou serviço, eles estão perguntando sobre a experiência do usuário. É
difícil fazer coisas simples? É fácil de descobrir? Qual é a sensação de interagir
com o produto?
A Arquitetura da informação ou AI segundo Rosenfeld & Morville (2006),
é a arte de organizar e rotular para dar forma a produtos e experiências de
12. 11
informação a fim de suportar a usabilidade. Segundo os autores, a arquitetura da
informação é estruturada em quatro aspectos: sistemas de organização, que
definem a classificação de todo o conteúdo do site; os sistemas de Navegação, que
definem a forma como os usuários podem se mover através dos conteúdos e
informações do site; os sistemas de Busca, que permitem a pesquisa em todo
conteúdo e por fim, os sistemas de rotulagem, que são as descrições de links,
títulos e categorias que sejam claras para os usuários. Todos esses quesitos, se
construídos de forma coerente, possibilitam aos usuários o encontro das
informações e objetivos alcançados.
Atualmente, o portal UOL dispõe de muito conteúdo na maioria de suas
paginas e inconsistência em seus sistemas de navegação. É com base nesses
conceitos e fatos que este trabalho será direcionado, onde o Portal UOL será
avaliado através da aplicação de técnicas centradas no usuário a fim de
compreender como ele organiza seu conteúdo e navega em seu contexto.
13. 12
2.
Referencial Teórico
2.1
Interação Humano-Computador
Entre 1970 e 1980, nasce o termo Interação Humano Computador com o intuito de
compreender como o uso dos computadores poderia melhorar a vida dos usuários Moraes
& Rosa, (2008). De acordo com (Padovani, 2002), essa área de estudo é multidisciplinar e
tem como objetivo geral entender por que as pessoas utilizam (ou não utilizam) os meios
digitais para ter acesso à informação. Segundo (Preece et al., 2002), a melhor maneira de
assegurar que o desenvolvimento de uma solução que esteja levando em conta as reais
necessidades dos usuários é envolvê-los durante a sua construção. Assim os
desenvolvedores terão um melhor entendimento do que se deseja e, com isso, um produto
mais adequado e de maior utilidade. Como envolve muitos segmentos para que haja esse
entendimento (usuário, ambiente, sistema, tarefa), conclui-se que os estudos em IHC
possuem natureza multidisciplinar. (Santos, 2000), afirma que as disciplinas que compõem
o estudo de IHC variam de acordo com a tarefa estudada e a abordagem aplicada. Autores
como (Booth, 1997 apud Memória, 2005), afirmam que disciplinas como Ergonomia,
Psicologia organizacional e cognitiva, lingüística, engenharia, sociologia compõem os
estudos em IHC. Outras disciplinas mais direcionadas a este estudo citadas por esses
autores são: ciência cognitiva, educação e design gráfico, que impactam na forma como o
usuário percebe e interpreta as informações de um portal de conteúdo, cuja composição é
repleta de textos, gráficos e demais elementos de interação. Dessa forma, para este trabalho
serão abordados de forma mais aprofundada os seguintes tópicos:
1- Ergonomia;
2- Ciência Cognitiva;
3- Design Gráfico.
14. 13
2.1.1
Ergonomia
A ergonomia é uma disciplina científica relacionada ao entendimento das
interações entre os seres humanos e outros elementos do sistema, e à aplicação de teorias,
princípios, dados e métodos à projetos a fim de otimizar o bem-estar humano e o
desempenho global do sistema Moraes & Mont’Alvão (2007). As interfaces precisam ser
projetadas para todo tipo de publico, independente de seu conhecimento tecnológico.
Portanto, os portais de conteúdo que apresentam uma diversidade grandiosa de perfis,
devem proporcionar a perfeita interação para todos os níveis de usuários que buscam
informação.
2.1.2
Ciência Cognitiva
Ao se falar de projeto centrado no usuário, deve-se considerar o homem como
elemento fundamental, devendo a tecnologia se adequar as suas características e
necessidades. A ciência Cognitiva segundo (Booth, 1997 apud Memória, 2005), é a
segunda mais importante área de abrangência do IHC, perdendo apenas para a Ergonomia.
Para o perfeito entendimento do elemento humano, essa ciência aborda os seguintes
desdobramentos: cognição, percepção, memória, aprendizado, processamento de
informações e modelos.
2.1.3
Design Gráfico
É de suma importância essa abordagem para este projeto. O design gráfico é parte
essencial para um projeto de qualidade, pois é responsável pelo equilíbrio estético do site e
por refletir os atributos da marca. No caso dos portais de conteúdo, com grande massa de
15. 14
informação, essa vem sendo uma tarefa difícil para os designers, pois precisam achar esse
equilíbrio diante de tantos elementos.
16. 15
2.2
Arquitetura da Informação
Com o constante crescimento de serviços online, torna-se cada vez mais difícil a
organização das informações e padronização dessa massa de conteúdo. Essa é a principal
tarefa da arquitetura da informação, que tem como principal objetivo segundo (Wurman,
2001) organizar a informação para torná-la clara, em um ambiente web bem organizado,
por onde o usuário é capaz de navegar de forma mais eficiente às suas necessidades de
informação. Para (Nielsen, 2000), a navegação é pensada para ajudar os usuários a
responder a três perguntas fundamentais: “onde estou?” que está relacionado à localização
do usuário com a estrutura do site; “onde estive?” ajudando-o a apreender a estrutura do
site e “aonde posso ir?” indicando os possíveis caminhos a seguir a partir de sua
localização atual. De acordo com Rosenfeld & Morville (2006), a arquitetura da
informação é estruturada em quatro aspectos:
Sistemas de Organização - Define a classificação de todo o conteúdo do site;
Sistemas de Navegação – Define a forma como os usuários podem se mover
através dos conteúdos e informações do site;
Sistemas de Busca – Permite o usuário pesquisar todo conteúdo do site.
Sistemas de rotulagem – Descrição de links, títulos e categorias que sejam claras
para os usuários.
(Garrett, 2011) desmembrou as tarefas de construção da experiência do usuário em 5
componentes elementares, onde é possível ter uma visão geral do projeto. Para isso, o autor
descreve os cinco níveis que formam as camadas dessa experiência, de modo que se possa
entender como as decisões dos projetos de sites para a web são tomadas (Figura 1).
17. 16
Figura 1 – Os 5 planos da construção da experiência do usuário segundo Garret
Plano de Superfície: Na superfície você verá uma série de páginas da Web,
composta de imagens e texto. Algumas destas imagens são coisas que você pode
clicar e outras são meras ilustrações.
Plano Esqueleto: O esqueleto é projetado para otimizar a disposição destes
elementos para o efeito máximo e eficiência.
O Plano Estrutura: É a forma como as diversas características funcionais do site se
agrupam. Tais características compõem o escopo do site. O escopo é criado de
acordo com a estratégia estabelecida para o projeto, onde são definidas as
especificações das funções necessárias.
O Plano Scope: A estrutura define a forma em que as várias características e
funções do site se encaixam. Apenas o que essas características e funções são
constitui o âmbito do local.
O Plano de Estratégia: Na estratégia serão encontradas as respostas à pergunta “o
que os usuários procuram no site?” que vai alem da visão única de estratégia de
retorno, nesse caso o usuário também é peça chave.
18. 17
2.2.1
Sistemas de Navegação
Segundo Rosenfeld & Morville (2006) os sistemas de navegação são compostos de
vários elementos básicos, ou subsistemas classificados como global, local e contextuais
que estão integrados dentro as próprias páginas web. Estes sistemas de navegação
incorporados no conteúdo do site e fornecem ambos contexto e flexibilidade, ajudando os
usuários a entender onde eles estão e onde eles podem ir (figura 23).
Figura 2 – Modelo de Navegação de Rosenfeld & Morville
Segundo o autor, um dos pontos principais da navegação e deve ser sempre
considerado é o navegador, onde os mesmos classificam como crimes que os arquitetos
nunca podem cometer como eliminar o botão voltar do navegador, por exemplo. A
maioria dos sites com grandes conteúdos incluem todos os três principais sistemas de
navegação incorporados como demonstrado na figura anterior. Para os autores, para criar
um site bem sucedido, é essencial compreender a natureza destes sistemas e como eles
funcionam juntos para fornecer o contexto e flexibilidade.
2.2.1.1
Sistemas de navegação global
Segundo Rosenfeld & Morville (2006), um sistema de navegação global destina-se
a estar presente em cada página de um portal. De acordo com (Garrett,2011) a navegação
19. 18
global é o conjunto chave dos principais pontos de acesso para os usuários. Muitas vezes,
é implementado na forma de uma barra de navegação no topo de cada página. Este sistema
de navegação em todo o site permite o acesso direto a áreas-chave, não importando onde o
usuário esteja na hierarquia do site.
2.2.1.2
Navegação local
Segundo Rosenfeld & Morville (2006) em muitos sites, o sistema de navegação
global é complementada por uma ou mais sistemas de navegação locais que permitem aos
usuários explorar a área imediata. (Garret, 2003) define a navegação global como a
composta pelos links para a página principal e principais categorias da taxonomia (Figura
2).
Figura 2- Navegação Local segundo Garret
2.2.1.3
Navegação contextual
Para Rosenfeld & Morville (2006), alguns relacionamentos não se encaixam
perfeitamente nas categorias estruturadas de global e local navegação. Isto exige a criação
de links contextuais de navegação específicos para uma página, documento ou objeto.
Desta forma, a navegação contextual suporta aprendizagem associativa. Moderação é a
regra primária para projetar esse tipo de navegação em um portal. Utilizado com
moderação, links contextuais podem complementar os sistemas de navegação existentes,
20. 19
adicionando mais flexibilidade. Usado em excesso, eles podem adicionar desordem e
confusão (Garret, 2011), (Figura 3).
Figura 3- Navegação contextual segundo Garret
2.2.1.4
Sistemas de navegação suplementar
Segundo Rosenfeld & Morville (2006), sistemas de navegação Suplementar
incluem sitemaps, índices e guias. Esses tipos se sistemas podem ser fatores críticos para
garantir a usabilidade e findability dentro de grandes sites da web. No entanto, muitas
vezes não é dado o cuidado e a alimentação que merecem. Para os autores é um item
fundamental na navegação, como um backup de emergência caso o usuário se perca na
busca da informação. Para (Garrett, 2011), esse tipo de navegação fornece atalhos para
conteúdo relacionado que pode não ser facilmente obtidas através da navegação global ou
local. Um exemplo dessa navegação é o sitemap, que fornece uma visão ampla do
conteúdo no site e facilita o acesso a partes segmentadas do conteúdo.
Para os autores, o desafio constante no projeto do sistema de navegação é equilibrar
a flexibilidade de movimento com o perigo de sobrecarregar o usuário com muitas opções.
A chave para o sucesso é simplesmente reconhecer que a navegação global, local e
contextual são fundamentais e, quando integradas de forma eficaz, podem complementar
um ao outro.
21. 20
2.2.2
Sistemas de Etiquetagem
Segundo Rosenfeld & Morville (2006), o objetivo de uma etiqueta é comunicar
informações eficientemente; isto é, para transmitir um significado, sem exigir muito
esforço cognitivo do usuário. O desafio dos arquitetos da informação é tentar projetar
etiquetas que falam a mesma língua dos usuários de um site ao mesmo tempo em que
comunicam seu conteúdo. Segundo os autores, as etiquetas devem educar os usuários sobre
os novos conceitos e ajudá-los a identificar rapidamente os pares.
Para Rosenfeld & Morville (2006), projetar rótulos eficientes é talvez o aspecto
mais difícil de arquitetura de informação. Há sempre sinônimos e homônimos que se
preocupar, e diferentes contextos influenciam a nossa compreensão do que significa um
determinado termo. Mas até mesmo convenções de rotulagem são questionáveis: você
absolutamente não pode supor que o rótulo de "página principal" será interpretado
corretamente por 100 por cento dos utilizadores do site. Os autores definem muitos
sistemas de rotulagem, mas este capítulo apresentará conceitos de rotulagem voltados
apenas para navegação, tema de estudo desse projeto.
2.2.2.1
Etiquetas no âmbito da navegação
Como os sistemas de navegação normalmente têm um pequeno número de opções, seus
rótulos exigirão maior consistência do que qualquer outro tipo de rótulo e, efetivamente
bem aplicados, causam um senso de familiaridade, Rosenfeld & Morville (2006). Segundo
os autores, não existem padrões, mas existem algumas variantes comuns para os sistemas
de navegação, como o uso de rótulos convencionais como “Página inicial” e “Noticias”,
por exemplo. Para o planejamento de qualquer rotulo de um site, quem vai usá-lo, o
conteúdo que ele irá conter, e como, quando e por que ele deve ser usado, deve-se usar a
simplicidade para obtenção de rótulos mais eficazes, Rosenfeld & Morville (2006).
22. 21
Um dos principais pontos sobre o assunto citados pelos autores é o poder da
consistência. Um sistema de rotulagem bem sucedido é projetado com uma ou mais
características que unificam seus membros. Em sistemas de etiquetagem de sucesso, uma
característica fundamental é a consistência, pois proporciona previsibilidade e sistemas
previsíveis são muito mais fáceis de aprender, Rosenfeld & Morville (2006). De acordo
com os autores, a consistência é afetada por muitas questões e é importante seguir
determinadas recomendações para que se obtenha uma padronização proporcionando
maior compreensão para os usuários.
Estilo: A aplicação coerente de fontes, tamanhos de fonte, cores, espaços em
branco, e agrupamento pode ajudar visualmente a reforçar o caráter sistemático de
um grupo de rótulos.
Sintaxe: Não é recomendado o uso misturado de rótulos muito diferenciados, deve-
se manter uniformidade na sintaxe dos rótulos (grau, número, gênero, tempo
verbal). Dentro de um sistema de rotulagem é importante escolher uma abordagem
única e manter-se consistente em todo site.
Granularidade: Dentro de um sistema de identificação, é importante evitar no
mesmo nível da navegação, rótulos com significados abrangentes como
"restaurante chinês","Restaurantes ","Fast Food Franquias" e "Burger King".
Completude: Os usuários podem ser impactados por falhas visíveis em um sistema
de rotulagem, por exemplo, se um site varejista de roupas lista "calças", "Laços" e
"sapatos", e omitir "camisas", podemos sentir que algo está errado. A abrangência,
também ajuda os usuários a fazer uma rápida varredura no site e interpretar o que o
mesmo ira proporcionar pra ele.
Audiência: Considerar sempre as línguas dos principais do público do seu site.
Deve-se manter a consistência dos rótulos no sem misturar rótulos de públicos
diferentes. Por exemplo, não usar termos técnicos com casuais. Caso o website
tenha mais de uma audiência, deve-se considerar a criação de sistemas de rótulos
diferentes para cada uma.
23. 22
2.2.3
Sistemas de Organização
Atualmente, para que haja a facilidade no entendimento e no acesso as
informações, em frente ao crescimento da web, é necessário que haja um estudo
aprofundado na organização das informações e nos conteúdos em geral. Segundo
Rosenfeld & Morville (2006) estamos nos movendo em direção em que um número grande
de pessoas publicam e organizam a sua própria informação. Dessa forma, a organização
dessas informações torna-se mais importantes e desafiadoras. A seguir será apresentado
um esquema criado com base nas classificações de Rosenfeld & Morville (2006), a fim de
resumir esses tópicos tão importantes para a arquitetura de informação de um site.
25. 24
3
Sobre o UOL e Portais de Notícias
3.1
Portais de notícias no Brasil e tendências do jornalismo online
A internet chegou ao Brasil em 1995, quando o Internet Service Law abriu o
mercado de provedores para empresas privadas. Nesse ano, o prestigioso Jornal do
Brasil lançou sua versão online, enquanto o Estado de S. Paulo, outro jornal de prestígio,
deu início a um tímido serviço online em parceria com a World News, de Washington,
(Herzcovitz, 2009). Depois disso, a maioria dos jornais migrou rapidamente para a
internet, mas faltando conhecimento sobre o novo meio, o conteúdo deles eram meras
metáforas de suas versões impressas (Barbosa, 2001 apud Herzcovitz, 2009).
Subsequentemente, os principais portais de notícias, ou super sites que forneciam
notícias, e-mails gratuitos, grupos de discussão, compras, links para outros sites e uma
variedade de outros serviços, surgiram no Brasil em 1996 (Barbosa, 2001 apud
Herzcovitz, 2009) com uma estratégia diferente daquela utilizada pelos jornais online.
Ao invés de fornecer o que alguns especialistas chamam de modelo tradicional,
melhorado por recursos multimídias e conteúdo atualizado. Portais são definidos por
(Herzcovitz, 2009) como os websites de notícias online de referência que oferecem
conteúdos editoriais semelhantes aos da imprensa, incluindo boletins de esportes e
trânsito, assim como seções e links categorizados por temas, áreas para bate-papo, e-
mails, dicas, e uma variedade de serviços e produtos. Segundo a autora, os portais
brasileiros bem-sucedidos tendem a ser afiliados a prestigiosas organizações de mídia
(dos meios impressos ou radiodifusão); grandes empresas privadas fora do setor de
mídia e/ou companhias transnacionais que possuem recursos suficientes e credibilidade
para atrair usuários. (Kim & Shoemaker, 2007 apud Herzcovitz, 2009) questionaram a
responsabilidade social dos portais quando comparados com os jornais online. Eles
argumentam que os portais de notícia “remediam” conteúdos noticiosos mais do que
26. 25
recriam, e descobriram que notícias pessoais e de entretenimento são mais populares que
outros assuntos. Em 2005, a Portugal Telecom adquiriu 21,09% das ações do Grupo
Folha, dono do UOL, o maior provedor de conteúdos brasileiro, e da Folha de S. Paulo,
um dos maiores jornais de referência do país. Portanto, as tradicionais empresas
familiares brasileiras se transformaram em corporações com múltiplos interesses. Nesse
novo contexto, os investidores tendem a se concentrar mais nas metas econômicas das
organizações e menos no jornalismo como serviço público. A pressão pelo lucro
empresarial nos portais de internet levou a um aumento da publicidade online e do
espaço dedicado a notícias de entretenimentos e boletins, seguindo sugestões feitas por
estrategistas de marketing. Esse fato explica o uso abusivo de banners encontrado no
portal UOL, comprometendo a experiência do usuário e o acesso à informação.
Como tendências para o consumo de informação online, o uso de smartphones
para atualização das noticias vem crescendo exponencialmente, o que exige uma
preparação desses sites para uma versão responsiva, onde muitos deles não estão
preparados. No caso do UOL, como oferecer tanta publicidade em dispositivos móveis?
Segundo a revista Super Interessante, que cobriu o 14º ISOJ (International Symposium
on Online Journalism), um dos maiores encontros sobre jornalismo digital do mundo,
destacou as próximas tendências desse modelo de jornalismo:
1) Design Responsivo
Segundo a revista, o design responsivo (do inglês responsive design) engloba
“sites” cujo design e informação se adaptam ao formato que o usuário está
usando, seja ele um celular, um computador. Segundo a publicação o assunto
tratado na ISOJ é uma tendência mundial na qual ainda estamos muito atrasados
no Brasil.
3) Publicidade nativa
Segundo a revista, uma área que deve continuar se expandindo é a de conteúdo
patrocinado e publicidade nativa que envolve um esforço conjunto entre os
veículos de comunicação e os anunciantes.
27. 26
Uma vez que os velhos banners já não são mais atraentes para o público, a
tendência de anúncios casados com conteúdos é grande
6) Vídeos curtos
O acesso à internet por celulares tem crescido muito e esses aparelhos são
desenhados pensando em vídeos curtos. O portal da BBC, por exemplo, tem
criado vídeos exclusivos, de 15 segundos, para veicular em redes sociais.
3.2 Sobre o UOL
Criado em 1996, o UOL (Universo Online) alega ser o principal portal de
mídia online e empresa de internet no Brasil baseado no número de visualizações
por mês, tempo passado online por mês e número de assinantes. A empresa foi a
pioneira no desenvolvimento da internet no Brasil e é o resultado de uma parceria
entre duas grandes e importantes empresas familiares brasileiras: Grupo Folha e
Editora Abril. Sua plataforma interativa oferece produtos de comunicação, VoIP,
comunidades da internet, sistema de busca e segurança, entre outros. O portal
âncora brasileiro é organizado em 42 estações temáticas com mais de 1.000 canais
de notícias, informações, entretenimento e serviços, o que representa mais de sete
milhões de páginas. Ele fornece acesso à internet local em mais de 3.000 cidades
por todo o Brasil e 14.000 cidades no exterior. A empresa tem aproximadamente
1.6 milhão de assinantes que pagam pelo conteúdo. De acordo com o IBOPE/Net
Ratings, o UOL teve uma média de 8.9 milhões de visitantes únicos no Brasil em
2006, dessa forma foi o primeiro do ranking entre os maiores portais de conteúdo
do país e contando com 66% de cobertura nesse mercado. Isso significa que de
cada 100 pessoas que acessam a internet de casa, 66 visitam o portal da empresa.
Também de acordo com o IBOPE/NetRatings, o UOL teve uma média de 1.3
bilhão de visualizações de página nos domicílios do Brasil em 2006. A média de
tempo passada online foi de uma hora e 16 minutos, segundo o IBOPE/NetRating.
A empresa tem sua própria equipe de repórteres, além de parcerias com a Folha
Online, Reuters, France Presse e BBC.
28. 27
3.3
Esquemas de Navegação do portal UOL
3.3.1
Navegação Global
Segundo Rosenfeld & Morville (2006), um sistema de navegação global
destina-se a estar presente em cada página de um portal. A navegação do portal
UOL vem mudando de acordo com os anos, mas percebe-se que desde a primeira
versão do portal em 1996 já apresentava a barra de navegação global no topo da
página. Ao longo dos anos foi mudando os formatos e apresentação visual, mas
sempre mantida no mesmo local (figura 5). Atualmente, a última versão das
páginas do portal apresenta a barra de navegação global no cabeçalho principal da
home page e no topo das páginas internas. Não há consistência no padrão
encontrado no portal, pois as mesmas são diferenciadas (figura 6).
Figura 5 - Primeira Homepage do portal UOL lançada em 1996.
29. 28
Figura 6 - Barra de navegação global do Portal UOL
3.3.2
Navegação Local
No portal UOL, existe um desdobramento do sistema de navegação global no qual
exibe um menu lateral com subitens (Figura 7), facilitando o encontro da
informação desejada, porém será verificado nesse trabalho se de fato o perfil
estudado navega por esse menu. Outro ponto que será abordado, é a navegação
local das principais páginas internas, onde o portal exibe várias opções de menus
para os usuários.
30. 29
Figura 7 - Barra de navegação local do Portal UOL
3.3.3
Navegação Contextual
Para Rosenfeld & Morville (2006), moderação é a regra primária para
projetar esse tipo de navegação em um portal. Utilizado com moderação, links
contextuais podem complementar os sistemas de navegação existentes,
adicionando mais flexibilidade. Usado em excesso, eles podem adicionar
desordem e confusão. O portal UOL apresenta uma navegação contextual muito
excessiva principalmente na home page onde ocupa vários níveis de scroll da
página. Outra questão que será abordada neste projeto é se realmente os usuários
buscam informação nesse contexto de navegação.
31. 30
Figura 8 - Home Page atual do portal UOL com quantidade excessiva de conteúdo oferecido.
32. 31
3.3.4
Navegação Suplementar
Segundo Rosenfeld & Morville (2006), esses tipos se sistemas podem ser
fatores críticos para garantir a usabilidade e findability dentro de grandes sites da
web. No portal UOL, é apresentado como sitemap atualmente sem ruídos visuais
e bem organizado, como na home page, mas não há consistência nas demais
páginas (figura 9).
Figura 9 - Detalhe da navegação suplementar da Home Page do portal UOL
3.3.5
Busca
Os campos de busca do portal apresentam-se inconsistentes em quase
todas as páginas. A página de resultados é ineficaz em muitos casos pois não há
retorno claro do que foi buscado nem uma exibição dos resultados encontrados,
alem de apresentar grande quantidade de links patrocinados.
33. 32
Figura 10 - Campos de busca da home page e da página interna “Entretenimento”
apresentam padrões inconsistentes.
3.4
Sistemas de Etiquetagem do UOL
De acordo com Rosenfeld & Morville (2006), como os sistemas de
navegação normalmente têm um pequeno número de opções, seus rótulos exigirão
maior consistência do que qualquer outro tipo de rótulo e, efetivamente bem
aplicados, causam um senso de familiaridade. O estilo das etiquetas do portal é
coerente nos tamanhos de fonte e espaços em branco, a sintaxe é mista utilizando
rótulos no singular e no plural como “Notícias” e “Esporte” cuja prática não é
recomendada. Quanto à granularidade, o portal apresenta rótulos com significados
abrangentes como “Folha de São Paulo” e “Jornais” no mesmo nível de
navegação, que podem causar confusão da interpretação. A completude das
categorias é consistente no portal, onde os rótulos tendem a ser similares e
agrupados em categorias condizentes a seus significados. Apenas a categoria
“Notícias” apresenta uma possível falha na completude, pois existe uma
classificação de “carros” como subitem desta categoria, porem, o portal já oferece
uma categoria com este rótulo.
34. 33
3.5
Sistemas de organização do UOL
Segundo os principais autores, o poder de um bom esquema de organização deriva
de sua capacidade de sugerir um simples modelo mental que os usuários possam entender
rapidamente. O esquema de organização do Portal UOL é classificado como ambíguo e
híbrido, por apresentar esquemas diferentes em sua classificação como por “Assunto”,
“Tarefa”, “Ordem Alfabética” e “Público-alvo” no mesmo nível de navegação. Para
Rosenfeld & Morville (2006) quando você começa a usar vários esquemas de organização
muitas vezes ocorre confusão porque apresentam conceitos misturados e dessa forma não
é possível formar um modelo mental. Abaixo será demonstrado o sitemap atual do portal
UOL com seus esquemas de organização até o segundo nível de navegação.
36. 35
4.
Delineamento da Pesquisa
4.1.
Tema
Arquitetura da Informação em portais de conteúdo: Um estudo de caso da
navegação do Portal UOL.
4.2.
Objetivo Geral
Avaliar a arquitetura da informação do Portal UOL no âmbito da Navegação,
Organização e Rotulagem.
4.3.
Objetivos Específicos
- Estudar a navegação do portal UOL a fim de observar o comportamento dos
usuários no uso dos sistemas globais, locais, contextuais e suplementares;
- Avaliar o esquema de rotulagem do portal, a fim de detectar o modelo mental
dos usuários;
- Avaliar o esquema de Organização do portal a fim de proporcionar melhores
soluções para aprimorar a experiência dos usuários;
- Propor recomendações de melhorias com base nos resultados da pesquisa a ser
realizada.
37. 36
4.4.
Problema
O portal UOL dispõe de muita informação de diversas categorias tornando
desafiadora a padronização de seus esquemas de navegação, organização e
rotulagem. Atualmente, a home page apresenta quantidade excessiva de
conteúdos, barras de navegação global e local inconsistentes, afetando
negativamente a experiência de seus usuários, por infringirem princípios básicos
de usabilidade.
4.5.
Justificativa
Atualmente, a web tem beneficiado nosso cotidiano com a facilidade na
busca de informações, pesquisa e comunicação. Porem, em outra perspectiva,
devido ao crescimento explosivo da informação, tem exigido mais atenção do
consumidor para filtrar e discernir informações de qualidade. Outro fator
importante é a pressão pelo lucro empresarial nos grandes portais, que levou a um
aumento da publicidade online e do espaço dedicado a notícias de
entretenimentos, (Herscovitch, 2009), o que afeta e muito a usabilidade nesses
portais, como é o caso do UOL. Dessa forma, o principal foco de um fornecedor
de conteúdo deve ser seu usuário, e priorizar o que é útil para ele. Segundo
(Garrett, 2011):
A experiência do produto deve ser focada para as pessoas que o utilizam no
mundo real. A experiência do usuário é muitas vezes esquecida, onde muitas
vezes pode fazer a diferença entre um produto bem sucedido e um fracassado.
Para qualquer tipo de produto ou serviço, são as pequenas coisas que contam.
Independentemente do tipo de site, em praticamente todos os casos, um site da
Web é um produto self-service. Não há manual de instruções para ler de antemão,
nenhum seminário de treinamento para participar, nenhum serviço ao cliente para
ajudá-lo e orientá-lo através do site. Então, é o usuário, de frente para o site
sozinho, com apenas sua inteligência e experiência pessoal para guiá-lo.
38. 37
Dessa forma, este trabalho se justifica com base no estudo de avaliação do portal
UOL, a fim de identificar os perfis de uso da navegação, com o questionamento sobre a
real necessidade de tanta exposição de conteúdo em suas principais páginas, a fim de
propor recomendações de melhorias para o Portal, que servirão para proporcionar uma
experiência mais agradável e satisfatória para seus usuários.
39. 38
5.
Métodos e Técnicas de pesquisa
Com objetivo de avaliar a arquitetura da informação do portal UOL, foram
escolhidas técnicas mais indicadas pelos autores de IHC para esta área de estudo.
A fim de analisar o modelo mental dos usuários relacionados aos sistemas de
navegação, rotulagem e organização do portal UOL, será aplicada inicialmente a
técnica de card sorting, por ser uma das mais adequadas para avaliação desse
processo de classificação. Em seguida, para análise presencial com os usuários a
fim da avaliação dos sistemas de navegação do portal UOL, será aplicada a
técnica de Avaliação Cooperativa, cuja técnica é baseada na observação dos
usuários utilizando o objeto de estudo e possibilitando um retorno imediato de
idéias para uma posterior reformulação. A seguir, apresentam-se os detalhamentos
das técnicas utilizadas e o processo de aplicação.
5.1
O Recorte de estudo
Devido o Portal apresentar grande quantidade de conteúdo, esse projeto usou
como recorte alguns pontos da navegação conforme o detalhamento abaixo.
1. Home Page
Foco em toda navegação. Navegação global, contextual e suplementar.
2. Demais categorias
Foco na navegação global e local. Como a navegação global do portal
abrange muito conteúdo como SAC e produtos, o estudo focará nas principais
páginas encontradas em destaque nas barras de navegação global e local da
40. 39
home page que serão as seguintes: Bate-papo, Notícias, Esporte,
Entretenimento, Economia, Educação, Carros, Mulher, Rádio UOL, TV UOL
e a página de resultado da busca. Apesar da busca ser um dos principais itens
de um sistema de navegação global, este trabalho contemplará apenas o estudo
da consistência e da página de resultados, pois acredita-se que este tema é
bastante complexo e amplo, merecendo um estudo aprofundado à parte.
5.2
Card Sorting
Segundo (Spencer, 2009) O card sorting é um método de design centrado no
usuário para aumentar a encontrabilidade de um sistema. O processo envolve a
classificação de uma série de cartões que façam sentido para os usuários ou
participantes. De acordo com a autora, o card sorting pode fornecer informações
sobre os modelos mentais dos usuários e é um ótimo método por ser barato e
confiável, para encontrar padrões na forma como os usuários esperam encontrar
determinado conteúdo ou funcionalidade. Ao compreender o modelo mental dos
usuários, podemos aumentar a encontrabilidade, que por sua vez torna o produto
mais fácil de usar. Para Rosenfeld & Morville (2006), o card sorting é uma das
melhores maneiras de aprender como os usuários usariam as informações.
5.2.1
Método Utilizado
Segundo (Spencer, 2009), existem dois métodos para a aplicação do card sorting,
são eles: card sorting aberto e card sorting fechado. Para este trabalho foi
utilizado o card sorting aberto, onde os participantes recebem cartões que
mostram o conteúdo do site, sem agrupamentos pré-estabelecidos. Eles são
convidados a classificar os cartões em grupos que consideram apropriados e, em
seguida, criar um nome para cada grupo, (Spencer, 2009). Atualmente, o portal
41. 40
UOL apresenta uma grande quantidade de conteúdo e um esquema misto de
navegação, como foi apresentado no capítulo Sobre o UOL esquema de
navegação. Esse tipo de navegação pode não ser intuitiva para o usuário e o
desafio deste trabalho é constatar se os usuários irão classificar esses conteúdos,
da forma como são classificados hoje pelo UOL, e como irão nomear esses
grupos.
Com o intuito de obter o máximo de usuários possíveis para uma avaliação
mais robusta dessa navegação, optou-se a utilizar a aplicação remota do card
sorting através do software OptimalSort, cujas análises são baseadas no trabalho
de Donna Spencer, além de permitir uma analise mais precisa diante da grande
quantidade de participações. Essa aplicação é online e cada participante fará
individualmente sua análise, sem a participação de um moderador, porem, o
sistema permite que o mesmo deixe seus comentários.
5.2.2 Seleção de conteúdo
Para seleção de conteúdos a serem utilizados nos testes, foi realizado um
inventário de conteúdo das principais categorias e subcategorias do portal,
pertencentes à navegação global e local da home page até o segundo nível.
Categorias Subcategorias
Bate-papo
Cidades
Idades
Sexo
Rádio UOL Artistas Estilos
TV UOL
Desenhos
Discovery Channel
Publicar Vídeo
Jogos
Click Jogos
Fórum
Jogos Online
Loja de Jogos
Multiplayer
Videogames
Educação
Biblioteca
Curso de Inglês
Cursos Online
Dicionários
Desenv. Profissional
Testes e Simulados
Vestibular
42. 41
Mulher
Beleza
Casa e Decoração
Casamento
Comportamento
Dieta e Boa Forma
Gravidez e Filhos
Horóscopo
Moda
Entretenimento
Celebridades
Cinema e Filmes
Comidas e Bebidas
Crianças
F5 Entretenimento
Guia UOL
Música
Revistas
Sexo
Sexo Gay
TV
Novelas
Viagem
Esporte
Brasileirão
Série B
Copa do Brasil
Copa 2014
Fórmula 1
Futebol
Libertadores
MMA
Economia
Cotações
Empregos e carreiras
Imposto de Renda
Notícias
Band
Carros
Ciência
Cotidiano
Educação
Folha de S.Paulo
Internacional
Jornais
Loterias
Opinião
Política
Saúde
Tabloide
Tecnologia
Tempo e Trânsito
Carros
Tabela FIPE
Lançamentos e Avaliações
Compare Carros
Marcas
Recall
Tabela 1- Seleção de conteúdo para o Card Sorting
Dessa forma, por ser um estudo de card sorting aberto, foram eliminadas
as categorias e inseridas apenas as subcategorias no software contabilizando 73
cartões, segundo tabela abaixo. Segundo (Spencer, 2009) embora não haja um
número estabelecido como padrão, é recomendado que seja usado entre 30 e 100
cartões. Para a autora, mais de 30 cartões normalmente não permite agrupamento
suficiente para estudo e mais de 100 cartões pode ser demorado e cansativo para
os participantes.
43. 42
SUBCATEGORIAS
1- Cidades
2- Idades
3- Sexo
4- Artistas 5- Estilos
6- Desenhos
7- Discovery Channel
8- Publicar Vídeo
9- Click Jogos
10- Fórum
11- Jogos Online
12- Loja de Jogos
13- Multiplayer
14- Videogames
15- Biblioteca
16- Curso de Inglês
17- Cursos Online
18- Dicionários
19- Desenv. Profissional
20- Testes e Simulados
21- Vestibular
22- Beleza
23- Casa e Decoração
24- Casamento
25- Comportamento
26- Dieta e Boa Forma
27- Gravidez e Filhos
28- Horóscopo
29- Moda
30- Celebridades
31- Cinema e Filmes
32- Comidas e Bebidas
33- Crianças
34- F5 Entretenimento
35- Guia UOL
36- Música
37- Revistas
38- Sexo
39- Sexo Gay
40- TV
41- Novelas
42- Viagem
43- Brasileirão
44- Série B
45- Copa do Brasil
46- Copa 2014
47- Fórmula 1
48- Futebol
49- Libertadores
50- MMA
51- Cotações
52- Empregos e carreiras
53- Imposto de Renda
54- Band
55- Carros
56- Ciência
57- Cotidiano
58- Educação
59- Folha de S.Paulo
60- Internacional
61- Jornais
62- Loterias
63- Opinião
64- Política
65- Saúde
66- Tabloide
67- Tecnologia
68- Tempo e Trânsito
69- Tabela FIPE
70- Lançamentos e Avaliações
71- Compare Carros
72- Marcas
73- Recall
Tabela 2- Cartões aplicados no Card Sorting
44. 43
Após a definição dos conteúdos, o ambiente do sistema OptimalSort foi
customizado com as mensagens e instruções para a atividade. Para as seções,
todos os cartões deveriam ser classificados, caso contrário, o sistema alertava essa
questão. Todos os cartões foram agrupados de forma aleatória onde o participante
tinha como tarefa arrastar um por um para um grupo específico e após o
agrupamento dos itens, nomeá-los conforme desejassem.
Figura 12 – Tela de agrupamento dos cartões no Optimal Sort
5.2.3 Seleção de participantes
O público-alvo foi definido de acordo com as métricas de audiência do
UOL divulgados no próprio Portal. Como o público é muito amplo, foi escolhida
para esse trabalho a faixa etária de 25 a 34 anos, por ser o perfil de maior
audiência, na proporção de 50% homens e 50% mulheres, com base nos dados
divulgados. Com relação ao perfil de acesso, optou-se em utilizar participantes
que fossem usuários de portais de conteúdo, mas que não fossem usuários do
portal UOL. Dessa forma, pode-se avaliar a interação sem os vícios de uso que os
usuários do portal UOL adquiriram. Abaixo, encontra-se o perfilamento detalhado
dos participantes.
45. 44
Público – Alvo
Faixa etária: Entre 25 e 34 anos
Sexo: Masculino e Feminino
Acessam portais de conteúdo (importante não ser leitor do UOL)
Proporção de homens e mulheres: 50% feminino e 50% masculino
Figura 13 – Público-alvo definido para o Card Sorting
Com esses dados, foram recrutados através do facebook e e-mail os
participantes que possuíam esse perfil, sendo captados 45 participantes. Dentre
eles, apenas 30 foram considerados válidos, pois alguns desistiram no decorrer da
atividade. Ao iniciar a atividade, cada participante era impactado com um
pequeno questionário fechado apenas para confirmar os dados da amostra
selecionada. Após a conclusão da atividade, os participantes responderam um
questionário final, no qual eram questionados sobre a atividade.
Após todo trabalho coletado, foram feitas as analises com base nos
próprios relatórios do OptimalSort, que fornece planilhas detalhadas de toda a
atividade baseadas no trabalho de Donna Spencer.
5.3
Avaliação Cooperativa
A Avaliação Cooperativa é uma técnica que aponta os pontos em uma
interface que necessitam de atenção para que propiciem uma boa experiência para
seus usuários. Através desta técnica, pode-se conferir como os usuários navegam,
o que buscam e quais suas dificuldades na interação. De acordo com (Monk et al.
,1993), o usuário juntamente com o avaliador, verbaliza de maneira informal os
problemas encontrados na interface. Segundo (Monk et al. ,1993) os testes na
interface facilitam a observação dos usuários, possibilitando ao avaliador um
retorno sobre suas idéias e uma posterior reformulação. De acordo com Miranda
46. 45
& Moraes (2003), a avaliação cooperativa é um método que pode ser considerado
como uma técnica de projeto participativo, onde os participantes e os
pesquisadores podem se comunicar a respeito da interface. Dessa forma, foi
escolhida para esse estudo a avaliação cooperativa para que pudessem ser
coletados mais insumos dos participantes.
5.3.1
Público-alvo e definição da Amostra
O público-alvo foi definido de acordo com as métricas de audiência do
UOL (Figura 14) divulgados no próprio Portal. Como o público é muito amplo,
foi escolhida para esse trabalho a faixa etária de 25 a 34 anos, por ser o perfil de
maior audiência, na proporção de 50% homens e 50% mulheres, com base nos
dados divulgados. Com relação ao perfil de acesso, optou-se em utilizar
participantes que fossem usuários de portais de conteúdo, mas que não fossem
usuários do portal UOL. Dessa forma, pode-se avaliar a interação sem os vícios de
uso que os usuários do portal UOL adquiriram. Abaixo, encontra-se o
perfilamento detalhado dos participantes.
Figura 14 – Gráficos ilustrando a audiência do portal UOL
47. 46
Tabela 3 – Tabela com público-alvo definido para a Avaliação Cooperativa.
5.3.2
Metodologia
5.3.2.1
Saudação e Orientação do Teste
Os usuários serão recebidos pelo moderador dos testes que fará a apresentação
dos mesmos e seus objetivos. Em seguida, antes de iniciar as tarefas, aplicará uma
pequena entrevista inicial a fim de coletar dados de uso de internet e de acesso em
portais de notícias, além de ambientar o participante e deixá-lo mais à vontade.
Após a entrevista inicial, o moderador pedirá para o participante assinar um termo
de consentimento, apenas para estudos particulares e sem veiculações externas, e
na seqüência, dará inicio as primeiras instruções do teste:
Explicar que o usuário não está sendo testado, mas sim o site;
Explicar que não há certo nem errado;
Gênero Idade Profissão Nome
Costuma acessar
portais de conteúdo?
P1 Masculino 30 anos
Gerente de
Projetos
Pedro Monnerat Sim
P2 Masculino 25 anos Economista Pedro Chiesa Sim
P3 Masculino 31 anos Administrador Bruno Santos Sim
P4 Masculino 28 anos
Engenheiro de
Software
Eduardo Vianna Sim
P5 Feminino 33 anos Administradora Lucinéia Cardoso Sim
P6 Feminino 31 anos Engenheira Luciana Braga Sim
P7 Feminino 27 anos Economista Patrícia Cruz Sim
P8 Feminino 34 anos
Relações
Públicas
Érika Santozza Sim
48. 47
Pedir para que o usuário se sinta à vontade de criticar e questionar quando
quiser.
Pedir para pensar em voz alta (importante) Think Aloud;
Avisar que outros pesquisadores estarão observando a avaliação em outra sala;
Avisar que nem sempre poderá responder alguma pergunta dele, mas que a
dúvida em voz alta é importante;
Pedir para ele avisar toda vez que achar que terminou uma tarefa;
Avisar que ele pode “desistir” caso não consiga completar uma tarefa e que, se
fizer isso, não precisa ficar com “vergonha”, pois o problema é do sistema testado
e não dele;
Maximizar o browser que estará na home page do Portal UOL.
Pedir para desligar o celular;
Pedir para assinar o Termo de uso de imagem;
Explicar que a gravação é somente para ajudar na análise posterior e não será
divulgado publicamente/comercialmente;
Iniciar a gravação.
5.3.2.2
Questionários e Debriefing
No início do teste, o moderador fará uma pequena entrevista inicial para
pequena entrevista inicial a fim de coletar dados demográficos e de acesso em
portais de conteúdo, além de ambientar o participante e deixá-lo mais à vontade.
Após a finalização das tarefas, o moderador irá introduzir o questionário pós-teste
e conversar informalmente com o participante sobre os testes, incluindo
observações feitas por ele durante a execução das tarefas. Além disso, o
moderador questionará ao observador se possui alguma dúvida e se gostaria de
perguntar algo ao participante. A partir desse momento será finalizada a seção de
áudio. Após todo procedimento, o moderador agradecerá a presença do usuário e
entregará um brinde de participação. O brinde oferecido foi uma caixa de
chocolates Bis para cada participante. Para finalizar a seção do teste, a equipe
técnica se reunirá e discutirá os pontos relevantes encontrados. Para a entrevista
inicial, o moderador usará as seguintes questões:
49. 48
Você costuma acessar portais de conteúdo?
Qual portal de conteúdo costuma acessar?
Qual informação você costuma buscar?
Para o questionário pós-teste, será avaliada a opinião dos participantes quanto à
realização das tarefas e sobre o portal UOL. Serão utilizadas as seguintes
questões, 3 em escala Likert e 1 aberta para o usuário pudesse falar abertamente
sobre o portal.
a) No geral, a realização das tarefas foi:
Demorada Rápida
0 1 2 3 4 5 ( ) não consegui encontrar
b) Quão organizada é a homepage do Portal UOL?
Nada organizada Muito organizada
0 1 2 3 4 5
c) Quão intuitivos são os itens dos menus?
Nada intuitivos Muito intuitivos
0 1 2 3 4 5
1) O que você melhoraria no portal UOL? (Questão aberta ao usuário)
50. 49
5.3.2.3
Cenários, Tarefas e Objetivos
As tarefas foram escolhidas de acordo com o tema principal desse projeto que
é a navegação do Portal UOL. Sendo assim, o principal objetivo é avaliar como os
participantes navegam por esse portal, diante de tantas opções de menus e
conteúdos oferecidos. As tarefas foram descritas com uma linguagem simples e
direta para propiciar a facilidade no entendimento. Elas serão apresentadas
individualmente e verbalmente para o usuário através do moderador que, após a
leitura da mesma, deixará um cartão com a descrição da tarefa para auxiliar o
participante durante o teste. A seguir, encontra-se o detalhamento das tarefas com
seus respectivos cenários e objetivos.
Tabela 4 – Tabela com detalhamento da tarefa 1
Tabela 5 – Tabela com detalhamento da tarefa 2
TAREFA 1
Cenário
Você é apaixonado (a) por futebol e busca no portal UOL informações sobre o
Brasileirão 2014.
Tarefa Encontrar no Portal UOL informações sobre o brasileirão 2014.
Objetivos
Ver se o usuário utiliza a navegação contextual da home page. Ao encontrar a
página de esportes, enxerga o menu “direto ao assunto”?
TAREFA 2
Cenário
Você está em busca de um carro novo e pretende estudar os novos lançamentos
para decidir melhor sobre sua compra.
Tarefa
Volte para a home page e busque informações sobre os novos lançamentos de
carros.
Objetivos
Como o usuário volta para home a partir dessa seção? Ver se o usuário percebe a
classificação por audiência proposta pelo UOL na navegação local da home page,
onde classifica “carros” dentro de “noticias”. O usuário percebe esse item?
51. 50
Tabela 6 – Tabela com detalhamento da tarefa 3
Tabela 7 – Tabela com detalhamento da tarefa 4
5.3.2.4
Ambiente de teste e Equipamentos
Foi usado o computador do modelo HP com câmera e com todos os principais
navegadores (Google Chrome, Firefox e IE) instalados. Para o teste, será utilizado
o Chrome v. 32.0.1700.107. Será utilizado o software MORAE para gravação de
áudio e vídeo. Como materiais de apoio, foram utilizados: checklist; script; roteiro
(para o moderador), caneta e papel para o observador. Os testes serão realizados
nas dependências da XP Corretora em uma sala fechada. Não há necessidade de
TAREFA 3
Cenário
Agora que decidiu qual modelo de carro comprar, você tem a consciência que
precisa se organizar financeiramente e decide controlar suas finanças.
Tarefa Encontre no Portal UOL informações sobre finanças pessoais.
Objetivos
Ver como o usuário encontra a opção “economia” já que não está disponível em
nenhum dos menus. Volta para a home? Utiliza a busca? Ao achar o item finanças
pessoais, percebe o item no menu local ou no menu de apoio?
TAREFA 4
Cenário
Agora que já tem noção das suas finanças, decide procurar no portal dicas sobre
beleza para presentear sua namorada com a maquiagem mais famosa do
momento.
Tarefa Encontre no Portal informações sobre beleza.
Objetivos
O usuário associa o termo beleza à mulher? O usuário navega pela barra de
navegação global da pagina através do item “mulher” lá existente?
52. 51
usar sala-espelho. No local, terá a seguinte equipe: Participante, moderador e
observador.
5.3.3
Questionários
Foram realizados dois questionários ao longo da pesquisa. Inicialmente, foi
aplicado um questionário pré-teste para obtenção de dados demográficos e traçar o
perfil dos participantes. Ao final dos testes, foi aplicado o questionário pós-teste
para obter o feedback da realização das tarefas e também sobre o portal UOL.
53. 52
6.
Análise dos Resultados das técnicas de pesquisa
6.1
Card Sorting
Com o total de 48 participantes, apenas 32 (66%) participações foram
consideradas válidas neste card sorting online. A visão geral obtida foi a classificação
dos 73 cartões em uma média de 11 grupos com o tempo médio de 22 minutos. Para uma
visão geral das categorias pré-estabelecidas pelo portal UOL e comparar com os demais
agrupamentos criados pelos usuários, será apresentado o desmembramento do sitemap
atual do portal UOL por categoria, com o objetivo de analisar no detalhe cada uma delas.
Para análise detalhada dos resultados foram utilizados, para análise exploratória, a
planilha gerada pelo software OptimalSort baseada na planilha de Donna Spencer, na
versão com classificação numérica de cartões, ou seja, quantidade de cartões
classificados em cada categoria criada. No total, foram criadas 157 categorias, das quais
muitas são similares e, através do agrupamento dessas categorias na planilha, foi possível
a redução das mesmas para um estudo mais assertivo.
6.1.2
Análises dos Rótulos e Categorias
De acordo com a combinação dos grupos similares, foram reduzidas para 62
categorias das quais muitas possuem rótulos diferentes, mas similares. Com relação aos
resultados das categorias criadas pelos usuários, percebe-se que muitos rótulos pré-
estabelecidos pelo portal UOL foram criados pelos usuários, onde se percebe a
homogeneidade do modelo mental desses usuários, apesar da individualidade do processo
cognitivo.
54. 53
As categorias “Noticias”, “Esportes”, “Entretenimento”, “Educação” e “Jogos”
(Tabela 12) foram as que obtiveram maior índice de classificação. Outro ponto
importante é que o esquema ambíguo e híbrido usado pelo Portal UOL, também foi um
padrão utilizado pelos usuários, onde criaram esquemas por assunto (Entretenimento,
Esportes, etc) e por público-alvo (Homem, Mulher) (Tabela 13). Porém, como a
quantidade de itens dessas categorias é muito volumosa, pôde-se observar que alguns
usuários fizeram subcategorias dessas principais (tabela 13), porem com menor
incidência de classificação. Abaixo, encontra-se o detalhamento das categorias criadas e
o numero de vezes que foram categorizadas pelos usuários.
Categorias do
UOL
Categorias criadas pelos usuários Categorias escolhidas
Bate-papo ---- Bate-papo
Notícias
Notícias (17)
Notícias da TV (1)
Notícias de hoje (1)
Notícias
Esporte
Esportes (20)
Esporte (1)
Homem (3)
Esportes
Entretenimento
Entretenimento (18)
Comunicação (1)
Diversão (1)
Distração (1)
Lazer e Cultura (1)
Entretenimento
Mulher
Mulher (7)
Casa e família (2)
Lar doce Lar (1)
Para mulheres (1)
Portal da Mulher (1)
Você (1)
Mulher
Educação
Educação (13)
Aprender (1)
Conhecimento (2)
Educacional (1)
Ensino (1)
Estudo (1)
Pra estudar (1)
Educação
Jogos
Jogos (14)
Jogos eletrônicos (1)
Jogos
Carros
Carros (12)
Automóveis (6),
Automotivo
Carro (1)
AutoTrader (1)
Guia para compra de automóveis (1)
Quatro rodas (1)
Veículos (2)
Carros
55. 54
Tabela 8 – Detalhamento das categorias criadas
Com relação às novas categorias criadas pelos usuários, vale ressaltar que
houve um número muito grande de novas rotulações, porem, com um número
pequeno de incidência por cartão.
Novas categorias criadas pelos usuários (30)
Esquema Híbrido por Assunto Esquema Híbrido por Público-Alvo
Adulto (1)
Atualidades (2)
Compras (1)
Cotidiano (6)
Estilo de Vida (1)
Lazer (2)
Moda e Estilo (3)
Saúde (3)
Serviços (1)
Viagens (3)
Vida (2)
Mídias (1)
Sexo (4)
Canais (2)
Cultura (2)
Carreira (5)
Comportamento (6)
Diversos (3)
Editoriais (2)
Finanças (2)
Gastronomia (1)
Internet (1)
Jornalismo (1)
Política (2)
Profissional (1)
Tecnologia (3)
Trabalho (1)
Ferramentas (2)
Infantil (6)
Homem (2)
Família (3)
Tabela 9 – Novas categorias criadas pelos usuários
TV
TV (6)
Televisão (4)
TV & Cia
TV
Rádio ---- Rádio
Economia
Economia (5)
Financeiro (1)
Finanças (5)
Economia
56. 55
Tabela 10 – Tabela gerada pelo software Optimalsort baseada no trabalho de Donna Spencer –
Classificação por cartões - parte I
57. 56
Tabela 11 – Tabela gerada pelo software Optimalsort baseada no trabalho de Donna Spencer –
Classificação por cartões - parte II
58. 57
Tabela 12 – Tabela gerada pelo software Optimalsort baseada no trabalho de Donna Spencer –
Classificação por cartões - parte III
59. 58
6.1.3
Análises dos Agrupamentos
6.1.3.1
Entretenimento
Figura
Figura 15 – Sitemap Entretenimento
Ao comparar a classificação default do portal UOL com a classificação
dos usuários, percebe-se que no geral os rótulos foram intuitivos para os mesmos
e mesmo o card sorting aberto sendo uma técnica bastante abrangente, ainda
assim os usuários conseguiram classificar os cartões de acordo com o sitemap
oferecido pelo portal. Esse fato pode-se constatar com os resultados demonstrados
na planilha de Donna Spencer (tabela 12) na qual apresenta as maiores incidências
por categoria: “Novelas” e “Artistas” (19 participantes); “Celebridades” (20
participantes); “Cinema e Filmes” (18 participantes); “Comidas e Bebidas” (14
participantes); “F5 Entretenimento” (18 participantes); “Horóscopo” (15
participantes); “Música” (17 participantes); “Publicar Vídeo” (11 participantes);
“TV” (12 participantes) e “Viagem” (15 participantes). Nota-se que o cartão
“Artistas” foi classificado nessa categoria pela maioria dos usuários (19
participantes), devido à completude e similaridade com cartões como
“Celebridades”, “Cinema e Filmes” e “Música”. Atualmente, este item encontra-
se na categoria “Rádio” o que não foi muito intuitivo para essa maioria de
60. 59
participantes. Outros itens foram apontados nesta categoria por muitos
participantes como “Casa e decoração” (10 participantes) e “Horóscopo” (15
participantes), onde ambos atualmente estão presentes na categoria “Mulher” do
portal UOL, cuja categoria também foi criada pelos usuários. Porém, apenas 5
participantes classificaram “Horóscopo” na categoria “Mulher” e apenas 6
classificaram “Casa e decoração” o que demonstra que não foram intuitivas para
esses participantes. Os itens “Crianças”, e “Sexo Gay” não foram classificados na
categoria entretenimento, pois os participantes criaram novas categorias para esses
itens, como “Infantil” e “Sexo”. Já o item “Revistas” foi classificado pela grande
maioria em “Notícias” devido à completude e similaridade com outros itens como
“Tablóide” e a própria categoria “Notícias”, onde será detalhado mais a frente. Já
a categoria “Publicar Vídeo”, atualmente classificada na categoria “TV”, foi mais
um item que não está de acordo com o modelo mental dos usuários, pois 11
participantes classificaram esse item em “Entretenimento” e, apesar de alguns
usuários criarem a categoria “TV”, nenhum classificou esse item na categoria em
questão. O item Guia UOL (foi retirado o UOL deste rótulo nos testes para que o
usuário não identificasse o objeto de estudo), foi um dos itens que teve uma
classificação bastante diluída entre várias categorias como “Viagens”, “Notícias”
e apenas 3 classificações em “Entretenimento”, por ser um item bastante
abrangente, pôde ser encaixado em qualquer uma das categorias.
6.1.3.2
Bate-Papo
Figura 16 – Sitemap da categoria Bate-papo
61. 60
A categoria “Bate-papo” não obteve nenhuma classificação dos usuários o
que não vem a ser uma surpresa, pois os itens referentes a esta são muito
genéricos e os usuários tendem a classificar os cartões em categorias que tenham
mais similaridade e completude. De fato, podemos perceber nos resultados da
planilha (tabela 12) que “Cidades” obteve uma ampla classificação em “Notícias”
(14 participantes) e “Sexo” por ser uma categoria genérica, foi classificado em
novas categorias criada pelos usuários como “Comportamento” (6 participantes) e
“Sexo” (7 participantes).
6.1.3.3
Economia
Figura 17 – Sitemap da categoria Economia
Os itens “Cotações” e “Imposto de Renda” tiveram classificações muito
similares, onde alguns usuários classificaram-nos na categoria “Economia” (5 e 7
participantes, respectivamente) e outros em “Notícias” (6 e 9 participantes,
respectivamente). Já “Empregos e Carreiras” obteve apenas uma classificação em
“Economia”, onde uma parte dos usuários (9 participantes) classificaram este item
em uma nova categoria chamada “Carreira”. Como surpresa, esse cartão foi
classificado por 10 participantes na categoria “Educação”. Sendo assim, de certa
forma, a categoria “Economia” pode ser considerada relativamente intuitiva para
os usuários, pois obteve um mapa final similar ao original, porem empatado com a
categoria notícias.
62. 61
6.1.3.4
TV UOL
Figura 18 – Sitemap da categoria TV UOL
Com relação à TV UOL, pôde-se perceber claramente que todos os novos
cartões classificados tiveram uma grande similaridade e completude com a
categoria TV. O cartão “Novelas” apesar de ter tido uma média de classificação
de 8 usuários nesta categoria, obteve maiores resultados em “Entretenimento”
com 19 classificações. O cartão “Band” obteve também 8 classificações, mas é
outro caso que teve melhores resultados com 9 participações em “Notícias”. Nota-
se que houve usuários que apesar de criarem a categoria “TV” ainda classificaram
a mesma como subnível, porem, a maior participação dos usuários foi em
“Entretenimento” com 12 participações. Outra categoria que ficou bastante
dividida foi “Discovery Channel”, que apesar de possuir um nome bastante
similar à categoria “TV” ainda teve 7 classificações em “Entretenimento”, mas
com resultados maiores em TV, com 9 participações. Para concluir, o cartão
“Desenhos” obteve maior classificação em “Entretenimento” (15 participantes).
Percebe-se de certa forma que a categoria TV, de acordo com o modelo mental
dos usuários, encontra-se embutida em “Entretenimento”, o que será detalhado
mais a frente nas conclusões.
63. 62
6.1.3.5
Carros
Figura 19 – Sitemap da categoria Carros
A categoria “Carros” foi uma das mais intuitivas para os usuários pois
possuem rótulos muitos similares que levaram os mesmos a agrupá-los em uma
única categoria. Outra categoria similar criada pelos usuários foi “Automóveis”
que também variou na sintaxe “Automóvel” porem, a grande maioria rotulou
“Carros” como principal escolha. De acordo com a planilha (tabela 32), “Tabela
FIPE” teve 10 classificações contra 8 de “Automóveis”, “Lançamentos e
Avaliações” e “Marcas” obtiveram um resultado mais amplo, mas sendo a maioria
em “Carros” com 4 e 6 participações respectivamente, contra 3 e 4
respectivamente, de “Automóveis”. Já o cartão “Comparar Carros” devido ao
nome ser similar à categoria, era de se esperar a classificação da maioria nesta
categoria (12 participantes). O item “Carros” é atualmente apresentado também na
categoria “Notícias” o que provavelmente não condiz com o modelo mental dos
usuários, já que este item, por estar classificado nesta categoria por audiência, não
possui completude com os demais itens da categoria. Dessa forma, o cartão
“Carros” foi também classificado na categoria “Carros”.
64. 63
6.1.3.6
Esporte
Figura 20 – Sitemap da categoria Esporte
Nota-se que nesse caso houve cerca de 90% de similaridade com o modelo
mental dos usuários de acordo com a comparação dos sitemaps e da planilha.
Muito da eficiência dessa categoria é devido a familiaridade dos usuários com os
temas e e a completude de ambos com a categoria esportes. De acordo com a
tabela pode-se perceber claramente os resultados: “Brasileirão”, “Copa do Brasil”,
“Copa 2014”, “Libertadores” e “MMA” (22 participantes); “Série B” (21
participantes); Fórmula 1 (24 participantes) e “Futebol” (23 participantes). A
princípio, nota-se que existem 2 cartões que pertencem a categoria “Futebol”, que
são “Copa do Brasil” e “Copa 2014”, onde são classificados no mesmo nível
hierárquico de “Futebol” por audiência. Vale ressaltar que a rotulação da categoria
“Esporte” foi classificada pela maioria dos usuários com o rótulo alterado com a
sintaxe no plural “Esportes”.
65. 64
6.1.3.7
Educação
Figura 12 – Sitemap Entretenim
Figura 21 – Sitemap da categoria Educação
A categoria “Educação” teve a classificação de cartões dos usuários muito
similar a original, onde mais uma categoria condiz com o modelo mental dos
usuários, como demonstrado nos sitemaps acima. Apenas a categoria “Ciência”
foi classificada nessa categoria devido à completude dos nomes “Ciência” e
“Educação”, mas com uma pequena incidência, pois esse cartão obteve maior
classificação em “Notícias”. De acordo com a planilha de Donna Spencer,
“Biblioteca” e “Dicionários” obtiveram 20 participações, seguidas de 21
classificações em “Cursos Online”, 13 em “Desenvolvimento Profissional”; 17 em
“Testes e Simulados” e 22 participações em “Vestibular”. Houve pouquíssimas
classificações em outros itens como “Fórum”, “Guia” e “Tecnologia”, mas por ser
uma porcentagem muito baixa, foram desconsiderados para essa análise.
66. 65
6.1.3.8
Jogos
Figura 22 – Sitemap da categoria Jogos
Por se tratar de uma categoria com muita completude e referência direta as
categorias nos rótulos, não foi surpresa a grande incidência de classificações dos
rótulos na categoria “Jogos”, como demonstrado nos sitemaps acima. De acordo
com a planilha, os cartões tiveram as seguintes classificações, demonstrando essa
alta incidência: “Click Jogos” (17 participantes); “Jogos Online” (16
participantes); “Loja de Jogos” e “Videogames” (17 participantes); “Multiplayer”
(14 participantes). Apesar de alguns participantes classificarem “Fórum” nesta
categoria, a incidência foi muito baixa (2 participantes), pelo fato de fórum ser um
cartão bem abrangente, onde muitos participantes colocaram este item em
“Outros” (4 participantes) ; “Educação”; “Internet” e “Notícias”.
67. 66
6.1.3.9
Mulher
Figura 23 – Sitemap da categoria Mulher
Em se tratando da categoria “Mulher”, quase todos os cartões tiveram alta
incidência nesta categoria, exceto “Horóscopo” e “Casa e Decoração” que apesar
de muitos usuários perceberem correlação com o grupo, foram agrupados em sua
grande maioria em “Entretenimento”. De acordo com a planilha, a maioria dos
cartões variou entre 6 e 8 participantes, como “Beleza”, “Casamento”, “Gravidez
e Filhos” e “Moda”. Um item novo encontrado no agrupamento dos usuários foi
“Crianças” que apesar de possuir 5 classificações nessa categoria, foi agrupado
pela maioria dos participantes em um novo grupo denominado “Infantil”. Outro
ponto interessante foi a classificação de “Estilos” neste grupo, pois o modelo
mental de muitos usuários correlaciona o nome “estilos” ao público feminino e
atualmente, está localizado na categoria “Rádio UOL”, mas por ser abrangente,
poderia estar classificado em quase todas as categorias criadas pelos usuários.
Outra questão que vale ser comentada é a formação de uma categoria chamada
“Comportamento” por 6 participantes, cuja categoria obteve muitas classificações,
porem com baixas incidências.
68. 67
6.1.3.10
Rádio
Figura 24 – Sitemap da categoria Rádio
Assim como em “Bate-papo”, outra categoria não criada pelos usuários foi
“Rádio”, pelo fato de seus cartões serem muito abrangentes. O maior
agrupamento de “Artistas” foi em “Entretenimento” com cerca de 19
participações, muito pelo fato da completude com outras categorias como
“Celebridades”, “Novelas” e “Músicas”. Já “Estilos” por ser muito abrangente,
obteve uma classificação muito pulverizada em diversas categorias como
“Comportamento” e “Entretenimento” (5 participações); “Mulher” (6
participações) e novas categorias criadas pelos usuários com baixa incidência de
cartões, como “Moda e Estilo”, “Gastronomia” e “Outros”.
69. 68
6.1.3.11
Notícias
Figura 25 – Sitemap da categoria Notícias
A categoria “Notícias” foi a mais ampla de todas, com 20 cartões
classificados pelos usuários. Todos eles foram bastante intuitivos para os mesmos,
pois muitos agruparam a maioria em “Notícias”, como demonstra a planilha de
Donna Spencer: “Band” (9 participantes); “Cidades” (14 participantes); “Ciência”,
“Cotidiano” e “Imposto de Renda” (9 participantes); Folha de São Paulo (17
participantes); “Internacional” (20 participantes); “Jornais” (17 participantes);
“Loterias” (11 participantes); “Política” (18 participantes); “Revistas” (12
participantes); “Tablóide” (16 participantes); “Tempo e Trânsito” (18
participantes) . Um detalhe interessante é a clara classificação de “Cotações” e
“Imposto de Renda” nesta categoria, atualmente pertencentes à “Economia”, dessa
forma percebe-se que os usuários correlacionam “Economia” à “Notícias”. O
cartão “TV” apesar de classificado nesta categoria obteve maior agrupamento em
“Entretenimento” com 12 participações. O cartão “Discovery Channel” ficou
empatado em duas categorias: “Notícias” e “Entretenimento” com 7 participações,
porém, a maioria dos usuários correlacionaram-na, em sua maioria (9
participantes), com a categoria “TV”, que condiz com o sitemap atual do portal
UOL. O cartão “Carros” não obteve nenhuma classificação nesta categoria, pois o
70. 69
modelo mental dos usuários não correlaciona “carros” com “notícias”, o que não é
surpresa. O cartão “Saúde” foi classificado por apenas cinco usuários e também
obteve empate em outras categorias como “Saúde” e “Comportamento”.
6.2
Síntese dos Resultados
No geral, com base nos resultados apresentados, pode-se perceber que o
portal UOL apresenta muitas categorias que são condizentes com o modelo
mental dos usuários. Dessa forma, será apresentada a versão parcial do sitemap
definido com base em todo o estudo aplicado. Vale afirmar que todo o resultado
apresentado é fundamentado na pesquisa aqui realizada, mas deve ser
complementado com outros testes de card sorting e outras técnicas, para obtenção
de um resultado mais assertivo.
Entretenimento: De acordo com as análises, a categoria “Entretenimento”
foi modificada em alguns aspectos como a inclusão do novo rótulo criado
pelos usuários “Infantil” no lugar de “Crianças”, a categoria por público-
alvo “Sexo Gay” desce para o segundo nível da navegação, ficando como
filho da categoria pai “Sexo”, já que a maioria dos usuários criaram
categorias para esse item. No caso do item “Sexo Gay” percebe-se também
que faz correlação direta com “Sexo”, onde os dois itens similares podem
ficar agrupados em um único item. Outro item aqui classificado é
“Horóscopo” onde atualmente o portal UOL agrupa em “Mulher” e uma
quantidade significativa de participantes (15) classificou este em
“Entretenimento”. O subitem TV, que se refere a “TV e Novelas” da
categoria de entretenimento, teve opinião dividida entre os usuários, onde
metade criou a categoria “TV” e a outra classificou em “Entretenimento”.
Hoje, o portal UOL divide essas categorias em duas, sendo uma para TV
UOL, abrangendo mais vídeos e programas, e TV, com notícias da TV e
vídeos. A recomendação com base nos resultados é agrupar as duas
páginas em apenas uma categoria com todos os assuntos relacionados à
71. 70
TV e, nesta página, subdividir em temas. Como os resultados ficaram
divididos, “TV UOL” foi mantido no primeiro nível como categoria e
como subcategoria de “Entretenimento”.
Bate-Papo: A categoria “Bate-Papo” se mantém, pois entende-se que não
houve a criação da mesma devido a abrangência dos cartões da categoria,
talvez com a aplicação da técnica de card sorting fechado, o resultado
poderia ser mais assertivo.
Economia: Com base nas analises, viu-se que os usuários correlacionam
“Economia” à “Notícias” muito claramente, pois ambos classificaram seus
subitens nas duas categorias em números parecidos. Dessa forma, será
mantida a categoria “Economia” de acordo com o modelo mental dos
usuários e seus subitens e também será incluída no segundo nível da
navegação como subitem de “Notícias”.
TV UOL: Esta categoria será mantida no primeiro nível da navegação e
como subcategoria de “Entretenimento” de acordo com o modelo mental
de classificação dos usuários, que obteve uma amostra bem dividida, onde
uma parte criou a categoria e outra classificou as subcategorias em
“Entretenimento” onde constata-se um link entre as duas.
Carros: A categoria “Carros”, por ser uma das mais intuitivas para os
usuários, será mantida com os mesmos subitens, pois constatou-se na
analise que todos seus subníveis foram classificados dentro desta
categoria.
Esporte: Pelas analises contatou-se que foi a categoria que obteve maior
similaridade com o modelo mental dos usuários. Como a rotulação da
categoria “Esporte” foi classificada pela maioria dos usuários com o rótulo
alterado para a sintaxe no plural “Esportes”, essa alteração será efetivada
no novo modelo de sitemap.
Educação: A categoria “Educação” também obteve uma a classificação de
cartões muito similar ao modelo mental dos usuários, dessa forma será
mantida nessa versão a mesma classificação original.
Jogos: Por se tratar de uma categoria com muita completude e fazer
referência direta às categorias nos rótulos, não foi surpresa a grande
72. 71
similaridade da classificação dos usuários com o modelo atual do portal
UOL e, sendo assim, será mantida a mesma versão.
Mulher: Esta categoria também obteve alta incidência de similaridade,
exceto “Horóscopo” e “Casa e Decoração” que apesar de muitos usuários
perceberem correlação com o grupo, foram agrupados na categoria
“Entretenimento” por ter apresentado maiores classificações.
Rádio: Essa categoria tem os resultados similares à categoria “Bate-
Papo”, pois entende-se que não houve a criação da mesma devido a
abrangência dos cartões da categoria. Sendo assim, será mantida a versão
original.
Noticias: Apesar da amplitude da categoria ”Notícias”, o resultado foi
bastante similar ao modelo já apresentado hoje pelo portal. Serão
realizadas apenas algumas alterações como a retirada do item “Carros”,
pois o modelo mental dos usuários não correlaciona “carros” com
“notícias” e a inclusão da categoria “Economia” pois obteve uma
classificação significativa de seus subitens nesta categoria.
Abaixo, é apresentado o sitemap final criado com base em todo o estudo
realizado com a técnica do card sorting. Vale ressaltar a importância de aliar esses
resultados com outras técnicas e desdobramentos futuros para que esta seja
efetivada de fato.
73. 72
Figura 26 – Sitemap criado com base em todo o estudo realizado com a técnica do card sorting
74. 73
7.0
Avaliação Cooperativa
7.1
Resultados
7.1.1
Tarefa 1 - Encontrar no Portal UOL informações sobre o brasileirão 2014.
O objetivo desta tarefa era verificar como os usuários navegam pela home
page do portal. Será que eles irão encontrar a informação scrollando a página?
Irão diretamente à barra de navegação global? Perceberão o menu de navegação
local “Direto ao assunto” encontrado na página de “Esporte”? Utilizam o menu de
navegação local lateral da home Page?
Todos os participantes encontraram facilmente a página sobre o
Brasileirão 2014. A maioria utilizou a barra de navegação global da home page no
item “Esporte” e nesta página, clicaram no item “Futebol” que abriu um
dropdown com várias opções de categorias relacionadas ao tema, onde todos
clicaram em “Brasileirão” (figura 34). Apenas 1 participante usou a navegação
contextual da home Page e com muita dificuldade conseguiu encontrar a categoria
“Esporte” com um destaque para “Brasileirão” (figura 35), porem nenhum dos
usuários enxergou o menu “Direto ao Assunto” na página de “Esporte”.
75. 74
Figura 27 – Menu Dropdown com as categorias de “Futebol”
Imagem 34 – Detalhe do menu “Direto ao Assunto” contendo o item “Brasileirão”
Figura 28 – Destaque da categoria “Esporte” na navegação contextual da home page
Abaixo, encontra-se a tabela com o detalhamento da participação dos
usuários com seus respectivos indicadores de sucesso, onde classifica se os
participantes realizaram a tarefa com facilidade ou com dificuldade ou se não
conseguiram realizá-la.
76. 75
Tabela 13 - Indicadores de sucesso por participante da tarefa 1
Vozes dos Usuários
“O que é legal desse menuzão com muitas opções é que ele me induz a continuar
vendo outras coisas”
“rs você rola a página pra ver se é mais fácil achar a informação e encontra esse
montoeiro de coisas”
7.1.2
Tarefa 2 - Volte para a home page e busque informações sobre os
novos lançamentos de carros.
O objetivo desta tarefa era verificar como o usuário volta para home
page a partir de uma página interna e verificar se o mesmo percebe a classificação
por audiência proposta pelo UOL na navegação local da home page, onde
classifica “Carros” dentro da categoria “Notícias”. A maioria dos participantes
conseguiu realizar a tarefa rapidamente utilizando a barra de navegação global da
home page e a barra de navegação local da landing page de “Carros” encontrando
a opção “Lançamentos e Avaliações”. Apenas um participante teve dificuldade
em buscar esse item na navegação contextual e local da home page.
Sim, com
facilidade.
Sim, com
dificuldade.
Não conseguiu
realizar.
P1
P2
P3
P4
P5
P6
P7
P8
77. 76
Dessa forma, conclui-se que não é intuitiva a classificação de “Carros”
dentro de “Notícias”, como visto com o participante que buscou esse item no
menu lateral da home page e não conseguiu achar pois buscou a categoria
“Carros” inicialmente. A totalidade de usuários voltou para a home page através
da logo do UOL encontrada na barra de navegação global da pagina interna e
nenhum percebeu o link contido no titulo principal da página, apesar de ter
passado o mouse e mudado a cor na instância hover.
Tabela 14 - Indicadores de sucesso por participante da tarefa 2
Vozes dos Usuários
“Putz essas publicidades de expandem atrapalham muito, bastante, dá uma
poluída legal”
“Pior que a gente acostuma né?”
“Como é algo específico vou logo nessa barra aqui do que procurar naquela
confusão toda ali embaixo”
“Não vou usar esse portal nunca, como pode ser um dos maiores?”
“Entrei por esse menu porque não achei nada nas primeiras noticias e fiquei com
preguiça de ir até o final” (Barra de navegação global)
Sim, com
facilidade.
Sim, com
dificuldade.
Não
conseguiu
realizar.
P1
P2
P3
P4
P5
P6
P7
P8
78. 77
“Fui descendo e vi que não estava em ordem alfabética, pois chegou em Mulher e
não vi carros, então desisti.”
“Achei que carros também estaria em destaque aqui do lado já que está em
destaque lá em cima também.” (Usuário se refere a falta de consistência nos 2
menus da home page)
7.1.3
Tarefa 3 - Encontre no Portal UOL informações sobre finanças
pessoais.
O objetivo desta tarefa era verificar se o usuário vincula o rótulo finanças
com Economia e como navega para encontrar essa categoria a partir da landing
page da tarefa anterior (carros) já que não há indicação nos menus do item
“Economia” (figura 26). Na landing page de economia o usuário busca por
“Finanças pessoais” na barra de navegação local ou na barra de navegação local
por “Assunto”? (figura 27).
Todos correlacionaram o rótulo “Finanças” com “Economia”. A maioria
dos usuários conseguiu realizar a tarefa voltando para a home page pela barra de
navegação global da página de carros e localizando a categoria “Economia” na
barra de navegação global da home Page. Nota-se que se houvesse consistência no
padrão desses menus seriam menos cliques para os usuários, não sendo necessário
sair da seção em que estavam (figura 28). Um usuário buscou Finanças pessoais
na navegação contextual da página de Economia, mas achou com dificuldade.
79. 78
Tabela 14 - Indicadores de sucesso por participante da tarefa 2
Figura 36 – Barra de navegação global não exibe o item “Economia”
nas páginas internas
Figura 29 – Categoria “Carros” marcada na barra de navegação global em “Notícias”
Sim, com
facilidade.
Sim, com
dificuldade.
Não conseguiu
realizar.
P1
P2
P3
P4
P5
P6
P7
P8