Estudo de usabilidade

Transcrição

1 Estudo de usabilidade Ocorrências Recomendações Sugestões de reformulação Pontos analisados: Área exclusivas Cadastro Busca Mini-Sites Vídeos Percepções do Portal Brasil Agosto 2010

2 Í N D I C E 1. sumário executivo 4 2. seções exclusivas do portal brasil Perfis e suas áreas exclusivas Perfis que utilizaram áreas de outros perfis ou outras áreas Associação de determinados conteúdos à certas áreas Jornalistas e a área exclusiva de imprensa navegação Navegação Global Menu superior de apoio Link Cadastrar Menu de rodapé Breadcrumbs Abas Página principal Menu lateral Áreas exclusivas Outras áreas Destaque principal Carrossel Seções internas Menu Superior de seção Área de destaque das seções Participantes usaram a área de destaques das seções como menu de navegação Áreas de destaque na seção Trabalhadores Links para páginas com links para páginas de conteúdo 22

3 Í N D I C E 4. busca Interface da Busca Resultados da busca Não encontrados Apresentação dos resultados Falta de descrição nos resultados Falta de indicação do conteúdo a ser encontrado na página Título não clicável Paginação Filtros de busca Número de resultados por página Busca avançada 34 5.layout e organização de conteúdo Menu de configuração Poucos participantes perceberam a área de configuração da página Áreas em branco Falta de consistência nos rótulos do site Uso de nomenclaturas familiares ao usuário cadastro Dificuldade em perceber as vantagens de se cadastrar no Portal Brasil Página de login para acesso a conteúdo restrito Informações incompletas na página de cadastro Problemas no preenchimento do cadastro Critérios para elaboração da senha do cadastro não têm fácil visualização Item Desejo interagir na Sala de Imprensa de maneira diferenciada gerou confusão 50

4 Í N D I C E indicação de como preencher o telefone da empresa na opção do cadastro relativa à Sala de Imprensa está confundindo usuários seçoes de vídeo e mini-sites Destaques na home Página de vídeos Vídeos em destaque Menu de funções de compartilhamento e/ou armazemento Página dos mini-sites percepções dos usuários em relação ao conteúdo das áreas feito no Brasil e Inovação Feito no Brasil Inovação 61 9 Resumo das ocorrências e recomendações Perfil metodologia 71

5 4 1. sumário executivo Os objetivos do estudo foram identificar os padrões de navegação dos usuários no site do Portal Brasil, sua relação com as áreas específicas (estudante, trabalhador, empreendedor e imprensa) e também a percepção dos usuários sobre alguns conteúdos apresentados pelo site. Para isso, várias tarefas foram criadas de modo a simular a navegação dos usuários do site. O teste foi realizado com 12 participantes, sendo 3 de cada perfil Estudante, Trabalhador, Imprensa e Empreendedor. Todos eram usuários intermediários ou avançados de Internet. Nenhum dos participantes conhecia o site do Portal Brasil. Este estudo nos permitiu observar pontos fortes e oportunidades de melhoria no site do Portal Brasil. De maneira geral, os principais problemas encontrados no site estão relacionados à busca, à consistência dos termos utilizados no site e ao menu principal das seções internas do site. Com relação às áreas exclusivas é importante ressaltar que o número de participantes de cada perfil foi pequeno e que os resultados não podem ser generalizados. No entanto, eles nos permitem ter uma noção dos problemas mais agudos que podem ocorrer. Todos os participantes dos perfis Estudante, Empreendedor e Trabalhador utilizaram e gostaram de ter uma seção dedicada às suas necessidades. O mesmo não pode ser observado em relação aos participantes do perfil Jornalista, pois apenas um acessou a área imprensa. A navegação apresentou alguns problemas recorrentes que merecem atenção, pois dificultaram a interação dos usuários com o site. Alguns participantes tiveram problemas para encontrar o botão cadastrar através das páginas internas do site, tendo que retornar para a página inicial para encontrá-lo.

6 5 Muitos participantes utilizaram os breadcrumbs, porém estes não estão presentes em todas as páginas do site. Isto fez com que alguns participantes ficassem confusos com relação ao caminho para voltar à página inicial do site. Poucos participantes utilizaram o destaque principal na página inicial e o carrossel, também presente nesta página, só foi clicado por um participante. Outro problema observado está relacionado aos menus de navegação das páginas internas do site, estes estão apresentando problemas de legibilidade e foram subutilizados pela maior parte dos entrevistados. A ferramenta de busca do site apresentou problemas tanto com relação aos resultados apresentados quanto com a disposição destes na página de resultados de busca. Na maioria das vezes que a ferramenta foi utilizada pelos participantes, não retornou resultados. A falta de descrição nos resultados apresentados também se mostrou um problema, pois os participantes ficavam em dúvida em qual resultado clicar para obter a informação desejada. Os filtros da ferramenta de busca foram extensivamente utilizados e os participantes gostaram muito das opções de filtro existentes. Com relação à organização do conteúdo, a maioria dos participantes gostou da forma que o conteúdo está apresentado no site. Porém, observamos que o site apresenta várias informações e links de forma inconsistente. Já com relação ao Layout, a maior parte dos entrevistados gostou da identidade visual do site, apenas um expressou não ter gostado do posicionamento da interface de busca. Todos os participantes gostaram de como o cadastro do site é apresentado e indicaram que o preenchimento dos dados necessários para se registrar é rápido e fácil, assim todos ficaram extremamente satisfeitos com o processo. Observamos que alguns pontos do cadastro precisam de atenção, como as instruções de preenchimento do campo telefone para aqueles que acessam a área da sala de imprensa. A seção Navegue por: foi bem utilizada pela maioria dos participantes e, para o teste, focamos nas áreas de vídeos e mini-sites. Tanto a seção de vídeos quanto a de mini-sites têm problemas, pois as suas respectivas páginas não estão

7 6 com títulos. Outro problema referente a estas seções é que na página principal e em algumas internas, a divulgação também não contém títulos, portanto os participantes não perceberam o conteúdo, passando direto pela informação em destaque. Também investigamos a percepção que os participantes têm sobre o tipo de conteúdo que estaria presente em seções intituladas Feito no Brasil e Inovação. Na seção Feito no Brasil, a maior parte dos participantes esperaria encontrar conteúdos relacionados à Arte e Cultura brasileiras. Já para a seção Inovação, o conteúdo esperado pela maior parte dos participantes estava relacionado à tecnologia.

8 7 2. seções exclusivas do portal brasil O Portal Brasil apresenta quatro seções especialmente direcionadas a perfis específicos de usuários: Estudante, Empreendedor, Imprensa e Trabalhador. Apesar de alguns conteúdos estarem disponíveis em mais de uma área exclusiva, de um modo geral as áreas contém conteúdo direcionado a estes quatro perfis de usuários. De maneira a investigar o acesso dos perfis às áreas exclusivas, os testes de usabilidade foram executados com participantes pertencentes a cada um dos quatro perfis. Assim, durante os testes, estudantes, empresários, jornalistas e trabalhadores foram observados enquanto buscavam informações no Portal Brasil. Apesar do pequeno número de participantes de cada perfil não permitir uma análise que possa levar a uma generalização para o segmento, alguns padrões puderam ser observados durante o teste. Primeiramente, o perfil Trabalhador foi o único que consistentemente buscou informações em sua área exclusiva. Todos os outros perfis usaram outras áreas ou recursos que o site oferecia para buscar informações nas tarefas exclusivas de sua área. A área exclusiva de imprensa só foi acessada uma vez por um jornalista durante as tarefas exclusivas do perfil, tendo sido ignorado por todos os outros participantes do perfil jornalista e dos outros perfis Perfis e suas áreas exclusivas Dos quatro perfis, o único que consistentemente buscou informações na sua área específica foi o perfil Trabalhador. Todos os outros perfis buscaram certos tipos de informação em outras áreas que não à exclusiva de seu perfil.

9 8 Apenas um jornalista acessou a área exclusiva destinada a eles (Imprensa). Outro perfil que pouco acessou sua área exclusiva foram os empresários. 2.2 Perfis que utilizaram áreas de outros perfis ou outras áreas Associação de determinados conteúdos à certas áreas Durante os testes, percebemos que alguns usuários parecem associar alguns tipos de conteúdos a certos perfis. Um exemplo claro disso foi observado na tarefa onde era solicitado a estudantes que buscassem informações sobre como tirar uma Carteira de Trabalho. Nesta tarefa, todos os estudantes sem exceção foram até a área destinada aos trabalhadores em busca do conteúdo. Um fenômeno similar aconteceu com os empresários, que,em algumas tarefas específicas do perfil, buscaram o conteúdo em áreas como Educação e Economia. Isso provavelmente aconteceu pelo fato de alguns tipos de conteúdo estarem associados a determinadas seções mais do que a outras. OBSERVAÇÃO Em algumas tarefas a nomenclatura dos links que levam aos conteúdos não foi compreendida pelos usuários. Como exemplo, podemos citar a tarefa em que empresários tinham que investir na qualificação de seus funcionários. Todos os empresários tiveram dificuldade em encontrar a resposta para esta tarefa e apenas um dos participantes clicou no item Capacitação no menu principal.

10 9 ] Figura 1 - Empresária clica no link Capacitação no menu superior. Os outros empresários clicaram em links como Educação e Seus funcionários, o que os levou a conteúdos que não estavam relacionados com o que procuravam no site. Figura 2 - Rótulos com significados semelhantes na página do empreendedor.

11 10 RECOMENDAÇÃO - Os rótulos devem ser claros e explicativos, de maneira que o usuário consiga inferir da melhor maneira possível o conteúdo que irá encontrar ao clicar em determinado link. Da mesma maneira links e rótulos redundantes devem ser removidos para não confundir o usuário. Os rótulos devem ser claros e explicativos, de maneira que o usuário consiga inferir da melhor maneira possível o conteúdo que irá encontrar ao clicar em determinado link. Da mesma maneira links e rótulos redundantes devem ser removidos para não confundir o usuário Jornalistas e a área exclusiva de imprensa OCORRÊNCIA - A situação mais grave de acesso à área exclusiva aconteceu com os jornalistas. Apenas um participante deste perfil acessou a área de Imprensa durante as tarefas exclusivas deste perfil. Na tarefa em que os jornalistas eram requisitados a buscar referências para uma pauta, a área de imprensa foi ignorada e nenhum participante acessou a área. RECOMENDAÇÃO - Recomendamos que a nomenclatura da área de imprensa siga o padrão das outras áreas exclusivas e apresente um título diretamente ao perfil que deverá acessar aquela seção. Recomendamos que esta seção fosse intitulada Jornalista ao invés do atual Imprensa. Isso manterá consistência com a nomenclatura das outras áreas: Estudante, Empreendedor e Trabalhador.

12 11 3. navegação A navegação do Portal Brasil apresentou alguns problemas recorrentes que necessitam de atenção, pois estão dificultando a interação dos usuários com o Portal. Na navegação global, apesar de o menu superior de apoio ter sido bem percebido pelos testadores, poucos participantes perceberam que o link para o cadastro aparecia em todas as páginas no menu superior de apoio. Quando tiveram que se cadastrar no site, cinco participantes retornaram à página principal para buscar o link do cadastro. Apesar dos breadcrumbs terem sido utilizados com frequência para retornar à página principal do site, o fato de eles não estarem presentes em todas as páginas do portal causou problemas. Na página principal, o destaque foi pouco utilizado e o carrossel passou despercebido pela grande maioria dos participantes. Finalmente, nas seções internas do site, o menu principal apresentou problemas de legibilidade e foi subutilizado. Como consequência, os participantes buscaram quase todas as informações na seção de destaques, mas como nem todos os links das seções são apresentados nesta área, alguns participantes ficaram desorientados.

13 Navegação Global Menu superior de apoio O menu superior de apoio foi bem percebido por muitos participantes do teste, que o utilizaram para acessar as seções Participe do Portal, o Mapa do Site e Sobre o Portal Link Cadastrar OCORRÊNCIA Mais de um terço dos participantes voltou para a página principal do Portal Brasil para localizar o link do cadastro. Apesar de não ser um problema que cause graves transtornos aos usuários, os princípios da Acessibilidade recomendam que um sistema evite ações repetitivas (Lidwell, Holden, & Butler, 2003). Como uma grande parte dos usuários usa o botão de retorno do navegador para voltar à página principal, qualquer ação neste sentido implica em utilizar diversos cliques no botão. Esta ocorrência sugere que os usuários podem ter assumido que o link que os permite acessar o cadastro de um site seja acessível apenas na página principal. Figura 3 - Link que leva o usuário à seção de cadastro. Esta postura pode ter sido reforçada pelos seguintes fatores: a nomenclatura usada no link para o cadastro ( Cadastrar ) está dúbia, pois aponta para uma ação que não deixa claro o que acontecerá quando o usuário clicar no link. Cadastrar o quê? O segundo fator de reforço pode ser o fato de o link para o cadastro estar sendo apresentado numa cor diferente da cor do menu de navegação global (Figura 3) e assim ter passado despercebido pelos usuários.

14 13 RECOMENDAÇÃO Primeiramente recomendamos que o texto usado no link seja alterado para algo que defina mais precisamente o que o usuário encontrará ao clicar nele. Sugerimos algo como Cadastre-se ou simplesmente Cadastro. Em seguida, seria interessante que o link para o cadastro ficasse mais integrado ao menu superior de apoio, isso pode auxiliar os usuários a perceberem este link como um elemento de navegação global Menu de rodapé OBSERVAÇÃO - O menu de rodapé do Portal Brasil foi utilizado por praticamente todos os participantes durante os testes do site. O uso deste menu foi mais frequente na tarefa em que os participantes tinham que fazer uma sugestão para a inclusão de um conteúdo específico no Portal. Isso sinaliza que as expectativas dos usuários sejam as de que links de comentários e sugestões estejam posicionados no rodapé da página Breadcrumbs OCORRÊNCIA Os breadcrumbs foram bastante utilizados pelos usuários para navegarem pelo portal, no entanto nem todas as páginas do site apresentam breadcrumbs. O uso de breadcrumbs pode reduzir a desorientação dos usuários (Bernard, 2003) e os auxilia a montar um modelo mental hierárquico do site (Rogers & Chaparro, 2003). Além disso, é essencial que o site mantenha consistência interna de maneira a minimizar o esforço cognitivo para utilização pelos usuários como ferramenta de navegação pelo Portal.

15 14 Figura 4 - Exemplo de página sem breadcumbs. Figura 5 - Outro exemplo de página sem breadcrumbs. RECOMENDAÇÃO Recomendamos que o recurso de breadcrumbs seja colocado em todas as páginas do site Abas OCORRÊNCIA Durante os testes, o Portal Brasil abriu diversas abas no Mozilla Firefox, tanto quando o usuário clicava em um link para outro site como também quando o participante clicava em links que o levavam para outra área do Portal Brasil. Isso deixou os participantes perdidos e confusos e, ao final dos testes, alguns participantes tinham oito abas abertas no navegador (Figura 6). Após o teste,

16 15 reproduzimos o problema no Internet Explorer 8 e observamos que, ao invés de abas, o Portal abre janelas neste navegador. Caso estivesse utilizando este navegador ao invés do Firefox, o usuário da Figura 6 estaria ao final do teste com oito janelas abertas. Figura 6 - Participante se depara com oito abas abertas ao final do teste. RECOMENDAÇÃO Recomendamos que o Portal Brasil em momento algum abra outra janela, seja qual for o browser que o usuário estiver utilizando (o recurso de abas está disponível nos principais browsers do mercado: Firefox, IE, Safari, Chrome e Opera). Além disso, recomendamos que as abas apenas sejam abertas quando o link clicado levar o usuário a outro site que não o Portal Brasil. Todos os links para páginas do Portal deverão abrir em uma mesma aba. 3.2 Página principal Todos os participantes sem exceção acharam a página principal do site clara e nítida e a informação bem organizada. Os elementos que mais chamaram a atenção dos participantes na página principal foram as cores do site (alguns participantes mencionaram que, apesar de o site ter usado o verde e amarelo, as cores não estão pesadas e o site está bem leve). Outro item que chamou bastante a atenção dos participantes foi o logo do site, uns porque este trabalha o lúdico da bandeira

17 16 nacional, outros porque ficaram surpresos ao ver no logo as siglas.gov.br, pois não esperavam que o site fosse governamental. O menu lateral esquerdo também foi citado como um item de destaque na página principal e em geral os participantes gostaram das seções direcionadas a certos perfis. Me chamou a atenção o site estar falando sobre empreendedor, trabalhador e estudante T07 - Empresária Dão bastante atenção ao estudante! Gostei T01 - Estudante Apenas um participante mencionou que o que mais havia lhe chamado a atenção na página principal foi o menu de configuração no topo da página Menu lateral Áreas exclusivas As áreas exclusivas dos perfis, com exceção da área de imprensa, foram bastante acessadas pelos participantes e podemos dizer que foram o ponto mais forte da navegação do site Outras áreas Durante o teste, as únicas outras áreas acessadas pelos participantes através do menu lateral foram as áreas de Cidadania e Economia. Uma observação interessante que pôde ser feita durante os testes foi a de que a maioria dos participantes foi buscar informações sobre documentação na área de Cidadania.

18 Destaque principal OBSERVAÇÃO - Apenas um participante mencionou que o destaque principal chamou sua atenção e apenas dois participantes clicaram nos números laterais do destaque principal para ver quais opções apareciam. Nenhum dos 12 participantes clicou em nenhuma das imagens do destaque principal. Figura 7 - Destaque na página principal Carrossel OCORRÊNCIA Apenas um participante acessou a página de concursos através do carrossel e apenas um participante percebeu, ao final do teste, o carrossel.

19 18 Figura 8 - Carrossel na página principal. RECOMENDAÇÃO É interessante que a área seja mais evidente para os usuários. Isso pode ser feito através do uso de cores diferentes de tons de cinza (como é hoje), que estão convencionalmente associados a elementos desabilitados de uma interface. Recomendamos também que, se possível, o carrossel seja animado e que se movimente mesmo sem a interação do usuário, de modo a indicar a possibilidade de movimento. É importante ressaltar que esta animação deve ser implantada com um temporizador e que, quando o usuário clicar na seta, o controle do carrossel seja transferido para ele.

20 Seções internas Menu Superior de seção OCORRÊNCIA Poucos participantes usaram os menus superiores das seções internas do Portal Brasil. Acreditamos que dois fatores contribuíram para esta ocorrência: em primeiro lugar as cores usadas no menu estão prejudicando a legibilidade dos links (Figura 9) e em segundo lugar o fato do menu ter muitos links em formato textual agrupados com pouco arejamento entre eles. Figura 9 - Participante buscando informações sobre CPF passa com o mouse por cima do link Documentação (em laranja) sem percebê-lo. Pudemos também perceber que as cores do menu mudam dependendo da seção onde o usuário se encontra (Figura 10 e Figura 11). Figura 10 - Detalhe do menu na seção do trabalhador. Figura 11 - Menu superior da seção Estudante.

21 20 RECOMENDAÇÃO Recomendamos que as cores do menu principal sejam cores que forneçam um alto contraste entre figura e fundo e que se evitem cores complementares de choque que causam desconforto visual. O contraste mínimo recomendado entre texto e fundo para páginas de sites é de 4.5:1 ( Web Content Accessibility Guidelines (WCAG) 2.0, 2008). Isto equivale a uma diferença de luminosidade entre o texto e o fundo de 85%. Recomendamos também que maior arejamento seja dado aos itens deste menu e, se possível, que um novo layout seja elaborado para tornar mais claro aos participantes que o elemento se trata de um menu Área de destaque das seções Participantes usaram a área de destaques das seções como menu de navegação OCORRÊNCIA Por não perceberem o menu superior das seções internas do Portal Brasil, oito dos doze participantes usaram a seção de destaques como menu de navegação (Figura 12). Mas, como nem todos os links estavam disponíveis na seção de destaque, os participantes ficaram confusos e perdidos.

22 21 Figura 12 - Lista de links na área de destaques da seção Trabalhador. RECOMENDAÇÃO Recomendamos que uma opção para visualizar os links restantes seja disponibilizada na área de destaques das seções. Uma solução eficiente e simples seria colocar ao final de cada lista um link [+] ver mais Áreas de destaque na seção Trabalhadores OBSERVAÇÃO - Observamos que na seção Trabalhadores do Portal existem duas áreas com títulos semelhantes: Em destaque e Destaques.

23 22 Figura 13 - Duas áreas com nomenclatura similar na seção dos Trabalhadores do Portal Brasil RECOMENDAÇÃO Recomendamos que ou as duas áreas sejam integradas ou que as nomenclaturas sejam diferenciadas para evitar que os usuários se confudam Links para páginas com links para páginas de conteúdo OCORRÊNCIA Em várias ocasiões durante o teste, os participantes clicavam em um link em busca de determinada informação (Figura 14) e eram levados a uma página do Portal com um link para outra página também do Portal com o conteúdo.

24 23 Figura 14 - Participante clica no resultado de busca que deveria levá-lo ao conteúdo desejado... Figura mas ao invés do conteúdo, é levado a uma página com outro RECOMENDAÇÃO Todos os links internos do site devem ser corrigidos de maneira a direcionar os usuários diretamente para os respectivos conteúdos.

25 24 4. busca A ferramenta de busca foi facilmente identificada por todos os participantes, que, em sua maioria, comentaram gostar do posicionamento da ferramenta. Poucos participantes perceberam a paginação existente no fim da página dos resultados, apenas um utilizou esta opção. Os filtros da busca foram bastante utilizados pelos participantes, tanto os presentes na interface da busca quanto os da interface lateral direita, poucos entrevistados não utilizaram o recurso. Porém, poucos perceberam a opção de escolher o número de resultados por página, presente na interface lateral da busca. Os maiores problemas encontrados a respeito desta ferramenta estão relacionados aos resultados, a forma com que são apresentados e o botão busca avançada na interface de busca. Na maior parte das vezes em que esta ferramenta foi utilizada, os resultados apresentados não eram adequados ou ela não retornava nenhum resultado. Outro problema recorrente durante os testes foi o uso do botão busca avançada para iniciar a busca padrão. Os participantes não percebiam que, ao clicar neste botão, eram levados a uma tela específica e acreditavam que a informação apresentada era a de resultados da busca. Com isso, não encontravam o conteúdo buscado no site.

26 Interface da Busca A interface de busca é composta pelo campo de busca, filtro, botão de ação e o botão da busca avançada. Com relação ao posicionamento desta ferramenta, a maioria dos participantes não teve problemas para encontrá-la. Figura 16 - Detalhe da interface de busca. OBSERVAÇÃO - A utilização de uma frase que indica o campo onde o usuário deve digitar o termo a ser buscado é muito boa. Isto indica ao usuário, com mais clareza, onde a ferramenta de busca se encontra e em qual dos campos ele deverá inserir o texto que deseja pesquisar Resultados da busca Os maiores problemas encontrados estão relacionados aos resultados apresentados pela busca do site. Tanto com relação ao formato em que os resultados foram apresentados quanto aos momentos em que a ferramenta não apresentou resultados Não encontrados Ocorrência - A busca do site do Portal Brasil apresentou problemas não retornando resultados adequados, mesmo quando o participante digitava corretamente o termo a ser buscado.

27 26 Figura 17 - Página de resultados não encontrados. RECOMENDAÇÃO É importante destacar que uma boa indexação das páginas e dos conteúdos para o sistema de busca de um portal é muito importante. Como é uma ferramenta utilizada com certa frequência (durante os testes, oito dos onze participantes utilizaram a ferramenta espontaneamente), é vital que os resultados sejam consistentes e não impossibilitem nem mesmo dificultem que os usuários encontrem o conteúdo buscado no site. De uma forma geral, acreditamos ser importante que os primeiros resultados da busca sejam os mais próximos possível do item buscado. O objetivo desta ferramenta é agilizar e facilitar o processo de navegação do usuário, não o contrário Apresentação dos resultados Falta de descrição nos resultados Ocorrência Nas ocasiões em que a ferramenta de busca retornou resultados adequados, muitos participantes se sentiram perdidos, pois não sabiam em qual resultado clicar. Isto aconteceu porque a apresentação dos resultados só continha um título e o link da página em questão, não apresentando nenhuma prévia informação sobre o que poderia ser encontrado na página.

28 27 Figura 18 - Detalhes da falta de descrição da página indicada e também da não identificação do tipo de conteúdo da página. RECOMENDAÇÃO Recomendamos que os resultados da busca contenham uma breve descrição do conteúdo das páginas, a fim de que o usuário consiga saber de antemão se o conteúdo é ou não de seu interesse Falta de indicação do conteúdo a ser encontrado na página Ocorrência Outro problema encontrado na página dos resultados de busca foi o fato de que não existe indicação de qual o tipo de conteúdo da página ela apresenta. A única indicação está presente no link. Na imagem abaixo, só

29 28 saberíamos que este conteúdo se trata de um vídeo ao ler o link referente ao mesmo. Alguns participantes clicaram em links que os levaram a uma imagem e ficaram bastante confusos e frustrados. Figura 19 -Detalhes da não-identificação do tipo de conteúdo da página. RECOMENDAÇÃO Recomendamos que, para tornar mais claro para o usuário o tipo de conteúdo da página, alguma indicação visual, como um ícone, seja apresentada junto à sua descrição nos resultados de busca.

30 29 Um exemplo desta funcionalidade pode ser visto na imagem abaixo. Figura 20 - Detalhes dos ícones ilustrativos do tipo de conteúdo Título não clicável Ocorrência Outro problema relacionado à apresentação dos resultados da busca foi o fato de que o título da página indicada não estava clicável, apenas através do link posicionado abaixo do título o usuário conseguia acessar a página.

31 30 O padrão comum dos participantes era passar o mouse sobre o título, chegando até a clicar em alguns momentos, porém somente depois percebiam que tinham que clicar no link para acessar o conteúdo. RECOMENDAÇÃO Recomendamos que o título da página nos resultados de busca também funcione como link para a matéria em questão, pois os usuários estão mais habituados graças a outros sistemas de busca- a clicar no título e também na descrição da página para acessar o link Paginação Ocorrência Apenas um participante percebeu e utilizou a paginação dos resultados de busca.

32 31 Figura 21 - Detalhe da paginação nos resultados da busca. RECOMENDAÇÃO Recomendamos que a indicação da quantidade de páginas no resultado da busca seja mais clara e visível. Acreditamos que a apresentação somente no final da página mascara a sua existência, pois a maioria dos participantes não rola a página até o final. Por isso, indicamos que a paginação também seja apresentada no topo da página, facilitando assim a sua visualização.

33 Filtros de busca A maior parte dos participantes utilizou os filtros da busca e não teve problemas com a ferramenta. Alguns chegaram a utilizar os filtros como meio de obter todas as informações de uma seção. Observamos também que os participantes utilizaram tanto o filtro presente na interface de busca quanto o presente nos resultados da busca localizado à direita da página. Eles também seguiram o padrão de que, a cada nova busca, independente de que página estivessem, utilizavam os filtros presentes na interface de busca. Quando só queriam filtrar um resultado já apresentado pelo site, utilizavam o filtro lateral. Figura 22 - Detalhe do filtro de busca na interface de busca superior.

34 33 Figura 23 - Detalhe do filtro na interface de busca lateral. Percebemos que o filtro de busca mais utilizado foi o Todos, porém este é o último da lista. RECOMENDAÇÃO Recomendamos que este filtro seja posicionado em primeiro lugar na lista, pois assim os usuários o encontrarão com maior facilidade Número de resultados por página Ocorrência Apenas um participante percebeu que era possível alterar o número de resultados apresentados por página nos resultados da busca.

35 34 Figura 24 - Detalhe do dropbox para escolha da quantidade de resultados apresentados por página. RECOMENDAÇÃO Recomendamos que esta opção seja mais destacada visualmente para que seja facilmente percebida pelos usuários do site Busca avançada Ocorrência Alguns participantes clicaram no botão Busca avançada (Figura 25) para iniciar a busca padrão do site e se perdiam quando a informação que encontravam não era a esperada (Figura 26).

36 35 Figura 25 - Detalhe do botão busca avançada na interface de busca. Figura 26 - Detalhe da página após o clique em busca avançada. RECOMENDAÇÃO Acreditamos que o fato de o link se apresentar como um botão confundiu os participantes. O fato de o botão apresentar o ícone de uma lupa ícone padrão para indicar a ferramenta de busca em sites- fez com que o erro se repetisse durante os testes. Recomendamos que o ícone da lupa seja posicionado junto ao botão Buscar e que o busca avançada seja apresentado como um link e não como um botão.

37 36 5. layout e organização de conteúdo A maioria dos participantes gostou da identidade visual do site. Apenas um comentou que não gostou do posicionamento da interface de busca. Os principais problemas encontrados relacionados ao layout do site ocorreram em algumas páginas onde existiam áreas em branco no meio do conteúdo. Com relação à organização do conteúdo, a maioria dos participantes gostou da estrutura do site. Porém, observamos alguns problemas relacionados à nomenclatura e aos rótulos utilizados no site Menu de configuração Poucos participantes perceberam a área de configuração da página Ocorrência - Apenas dois participantes perceberam a existência do menu que possibilita a formatação e acessibilidade do conteúdo do site tamanho do corpo, contraste da tela e pular para o conteúdo. Figura 27 - Detalhe do menu de configuração na página principal.

38 37 RECOMENDAÇÃO Recomendamos que esta área seja mais destacada para facilitar a sua visualização. É muito importante dar a opção de alterar o corpo do texto e o contraste do site para facilitar a leitura na tela do computador Áreas em branco Durante a realização dos testes, observamos que algumas áreas do site estavam sem conteúdo, como ilustrado na Figura 28 e na Figura 29. No primeiro caso, as consequências podem ser mais graves, já que a posição do espaço em branco pode levar o usuário a pensar que não existe mais conteúdo na página, por conta da barra de rolagem. Já no segundo caso, a área não atrapalha tanto a visualização das informações mas, observando a página como um todo, podemos perceber um grande agrupamento de informações em uma área e outra muito vazia, gerando um desequilíbrio dos elementos da página. Figura 28 - Detalhe da área vazia na seção Cidadania.

39 38 Figura 29 - Detalhe de área vazia na lateral da página Estudante. RECOMENDAÇÃO Recomendamos que o conteúdo na página Cidadania que está presente abaixo da área vazia ocupe este espaço ou, se a área estiver reservada para algum outro conteúdo, que ele seja inserido o mais rápido possível a fim de não confundir os usuários do site. Também indicamos que a área vazia na página dos Estudantes seja melhor aproveitada, a fim de equilibrar a quantidade de informações apresentadas na página.

40 Falta de consistência nos rótulos do site Durante a tarefa para encontrar informações sobre a Carteira de Trabalho, percebemos uma forte inconsistência entre os rótulos utilizados no site para acessar a página referente a esta informação. Existem diversos caminhos no site para encontrar a informação e isto é muito bom, pois o processo mental de cada usuário é único e, oferecendo vários caminhos, a possibilidade de que o usuário se frustre diminui consideravelmente. Porém, a indicação de cada caminho com um rótulo diferente, como é possível ver nas imagens a seguir (Figura 30, Figura 31, Figura 32, Figura 33, Figura 34 e Figura 35), gera confusão nos usuários, principalmente se o rótulo utilizado não for conhecido por eles. Figura 30 - Detalhe do rótulo na página de documentos em Cidadania.

41 40 Figura 31 - Detalhe do rótulo nos Destaques em Trabalhador. Figura 32 - Detalhe do rótulo na página de Documentos na área Trabalhador.

42 41 Figura 33 - Detalhe do rótulo na seção Veja mais em Estudante. Figura 34 - Detalhe do rótulo na página de Documentos em Estudante.

43 42 Figura 35 - Detalhe do rótulo na página de Documentos em Empreendedor. Segundo Lewis apud Nielsen (1993), consistência é um dos mais básicos princípios de usabilidade. Se os usuários sabem que o mesmo comando ou que a mesma ação resulta no mesmo fim, eles vão se sentir mais confiantes usando um sistema e se sentirão encorajados a explorar novas estratégias pois já terão parte do conhecimento necessário para utilizar novas partes do sistema. No site do Portal Brasil, a utilização de vários rótulos para definir a página da Carteira de Trabalho é apresentada de diversas formas, como: Carteira de Trabalho, CTPS, Carteira de Trabalho e Previdência Social (CTPS) e Carteira de Trabalho (CTPS). Isto é um problema, tanto pela falta de consistência quanto pelo fato de alguns destes rótulos não serem a terminologia comumente utilizada pelo público do site. RECOMENDAÇÃO Recomendamos que apenas um rótulo para cada conteúdo

44 43 seja apresentado por todo o site, de preferência um que os usuários estejam mais familiarizados, como, por exemplo, Carteira de Trabalho. Se for do interesse do governo difundir a familiarização da sigla CTPS, o rótulo pode ser apresentado como Carteira de Trabalho (CTPS). Mas é de suma importância que apenas um termo seja apresentado ao usuário. De uma maneira geral, recomendamos que esta prática seja aplicada em todo o site, evitando mais de um rótulo para designar a mesma função ou conteúdo, a fim de que os usuários se sintam mais confortáveis na utilização do portal Uso de nomenclaturas familiares ao usuário Observamos que algumas nomenclaturas utilizadas não são as mais usuais entre a maior parte do público do site. Por exemplo, em vários menus de apoio era possível encontrar as opções Previdência/Aposentadoria e Benefícios previdenciários, percebemos que, para os participantes, estas duas opções eram confusas e eles não sabiam qual escolher para acessar o conteúdo relacionado à tarefa sobre a aposentadoria por idade. Também não ficou clara a diferença de conteúdo entre estas duas áreas, tornando difícil a tarefa de diferenciar as duas seções. Figura 36 - Detalhe dos termos Aposentadoria/Previdência e Benefícios previdenciários no menu de algumas páginas internas.

45 44 RECOMENDAÇÃO Recomendamos que todas as funções e ferramentas do site utilizem uma terminologia com a qual os usuários estejam acostumados e usem no seu dia a dia (Nielsen, 1993). Isto facilita a compreensão e assimilação das informações apresentadas no site, facilitando sua navegação. Percebemos durante os testes que o termo previdência ainda não é tão claro para os usuários quanto aposentadoria, com isso, sugerimos que o site apresente estas seções apenas com o termo aposentadoria que é mais difundido e claro para o público do site.

46 45 6. cadastro Todos os participantes acharam o preenchimento do cadastro extremamente simples e rápido e ficaram bastante satisfeitos com o processo como um todo. Achei fácil de preencher, sem muita coisa difícil. Mesmo uma pessoa leiga vai conseguir preencher. T02 - Empresário Foi eficiente e rápido [o preenchimento do cadastro]. Tem outros sites que demora muito o cadastro e esse já foi direto nas perguntas. T01 Perfil Estudante No entanto, durante o teste, ocorreram problemas no preenchimento de alguns dados que precisam especial atenção: primeiramente as vantagens de se cadastrar não estão claras para os usuários e precisam ser melhor divulgadas para estimular o cadastramento. Durante o preenchimento do cadastro, as instruções de formatação de alguns campos não estão claras e precisam ser reformuladas Dificuldade em perceber as vantagens de se cadastrar no Portal Brasil Página de login para acesso a conteúdo restrito OCORRÊNCIA - Os participantes tiveram dificuldades em descobrir quais seriam os benefícios que obteriam ao se cadastrar no site. Alguns, mesmo depois de terem tido acesso a algumas informações do site restringido, não conseguiram associar esta restrição ao fato de não terem se cadastrado no site.

47 46 Figura 37- Participante chega à página de solicitação de login para acesso a conteúdo restrito. O fato dos participantes que tiveram acesso ao conteúdo bloqueado não terem associado esta ocorrência ao fato de não terem um cadastro no site, pode ter sido causado pela forma como a informação é veiculada na página que indica que o acesso ao conteúdo é restrito (Figura 37). Na página, a primeira coisa que o usuário vê é a informação Login Se você não tem uma conta aqui, acesse o formulário de registro. Esta informação não explica ao usuário o ocorrido e quais passos ele deve seguir para acessar o conteúdo que deseja. O usuário só percebe que determinada área é restrita e pode apenas ser acessada por quem possui um cadastro se observar a frase que aparece abaixo do Login: É necessário estar logado para interagir nesta área do Portal Brasil (Figura 37). Acreditamos que esta frase emprega termos de difícil entendimento como logado e interagir. RECOMENDAÇÃO Recomendamos que a informação de que o conteúdo é restrito na página de login esteja mais clara para os usuários. Ela deve informar tanto que este conteúdo é restrito como que está apenas disponível a usuários cadastrados. Esta informação deve ser a primeira a ser apresentada ao usuário e deve ter um destaque apropriado para que fique claro porque o usuário não conseguiu acesso ao conteúdo e quais passos ele deverá seguir para resolver o problema.

48 Informações incompletas na página de cadastro OCORRÊNCIA Apesar da página de cadastro apresentar uma pequena informação esclarecendo ao usuário alguns benefícios que ele obterá ao se cadastrar no site, esta informação está incompleta e não informa o que o usuário ganharia ao se cadastrar no portal (Figura 38). Figura 38 - Informações na página de cadastro do Portal Brasil. Lendo o que está aqui eu não me cadastraria porque eu não vejo o que eu ganharia com isso [...] Eu penso que eu estou dedicando o meu tempo que eu estou colocando os meus dados e eu preciso ter alguma coisa em troca [...] Eu tenho que mandar vídeo, eu tenho que mandar foto eu tenho que escrever depoimento e se eu tiver pergunta, pra saber se um dia eu vou ser respondido ainda vem um formulário padrão. E eu não estou recebendo nada em troca, eu não estou recebendo nada, eu não recebo, por exemplo, um calendário de vacinação pro meu filho, eu não recebo por exemplo informação sobre mudanças no imposto de renda. - T09 -Perfil Empresário (ver Figura 39)

49 48 Figura 39 - Participante T09 explica porque não se cadastraria no site. RECOMENDAÇÃO Recomendamos que o texto informativo na página de cadastro indique não apenas o que o usuário poderá fazer no Portal como também explicite a qual tipo de informação privilegiada o usuário terá acesso após se cadastrar. É importante que o Portal Brasil envie por , além das newsletters, alguns avisos de interesse aos usuários cadastrados como calendários de vacinação, aviso de prazos de declaração de imposto de renda, calendário para datas de restituição do mesmo, etc. 6.2 Problemas no preenchimento do cadastro Critérios para elaboração da senha do cadastro não têm fácil visualização OCORRÊNCIA Alguns participantes tiveram problemas ao preencher o cadastro (Figura 41), pois as informações que explicam como a senha deve ser construída não são claramente percebidas. Estas informações são apresentadas em um mesmo parágrafo, junto a informações mais gerais sobre o processo de cadastro (Figura 40). Como a informação geral vem antes das instruções da senha no parágrafo é possível

50 49 que os usuários varram o parágrafo com os olhos e o descartem considerando a informação redundante. ] Figura 40 - Instruções para a criação da senha estão com difícil visualização. Figura 41 - Participante preenche senha muito longa. RECOMENDAÇÃO As instruções sobre o formato de criação da senha devem estar destacadas das outras informações do cadastro e devem ser colocadas próximas ao(s) campo(s) onde a senha deverá ser criada.

51 Item Desejo interagir na Sala de Imprensa de maneira diferenciada gerou confusão OBSERVAÇÃO Dos oito participantes não-jornalistas que preencheram o cadastro, quatro tiveram dúvidas com relação à opção de interação com a Sala de Imprensa. Alguns participantes demonstraram isso comentando, outros passando o mouse sobre o item diversas vezes (Figura 42) e outros chegaram a habilitar o item para entender do que se tratava (Figura 43). Isso aqui eu não sei... Desejo interagir na Sala de Imprensa de maneira diferenciada T01 - Perfil Estudante Então, o que que é isso? Eu não sei o que que é isso! T09 - Perfil Empresário Figura 42 - Participante fica em dúvida se seleciona a opção de interagir de forma diferenciada com a sala de imprensa.

52 51 Figura 43 - Participante seleciona a opção de interagir de forma diferenciada com a sala de imprensa apenas para verificar do que se trata. RECOMENDAÇÃO Recomendamos que este item seja reescrito para deixar claro para quem a área se destina. Uma sugestão seria que o item fosse redigido da seguinte forma: Sou membro da imprensa e desejo interagir na Sala de Imprensa de maneira diferenciada indicação de como preencher o telefone da empresa na opção do cadastro relativa à Sala de Imprensa está confundindo usuários OCORRÊNCIA As instruções de preenchimento do telefone da empresa na qual o membro da imprensa trabalha está confundindo usuários. A forma como o telefone deve ser preenchido está sendo apresentada como ilustrado na Figura 44.

53 52 Figura 44 - Informações sobre a forma de digitação do telefone estão confusas. Como o formato no qual o número de telefone deve ser digitado está entre parênteses o usuário acha que deve colocar os parênteses ao digitar o número no campo especificado (Figura 45). Figura 45 - Jornalista preenche o número de telefone do cadastro de maneira equivocada por causa da informação de formatação errônea. RECOMENDAÇÃO Os parênteses devem ser retirados da indicação de formato do número de telefone.

54 53 7. seçoes de vídeo e mini-sites A seção Navegue por: foi muito utilizada pela maioria dos participantes. Durante os testes analisamos duas seções que estão contidas nesta área: os Vídeos e os Mini-Sites. Com relação à seção de vídeos no site, encontramos alguns problemas. Apenas um participante percebeu a possibilidade de acessar os vídeos pelo destaque na home e nas chamadas em outras páginas internas. Outro ponto observado foi a dificuldade de se adicionar os vídeos em destaque ao Meu Brasil. A seção mini-sites também apresentou os mesmos problemas de acesso da seção Vídeos. Apenas um participante clicou no destaque na página principal, no final do teste, por curiosidade Destaques na home Ocorrência - Apenas um participante acessou os vídeos e os mini-sites através das áreas de destaque no site na página principal e em algumas internas.

55 54 Figura 46 - Destaques nas áreas referentes às seções mini-sites e vídeos. RECOMENDAÇÃO Acreditamos que os destaques para estas seções estão difíceis de serem percebidos por não possuírem títulos indicando o nome da área em destaque. Recomendamos que sejam inseridos os títulos Vídeos e Minisites nas suas respectivas áreas de destaque, tanto na home quanto nas páginas internas que as utilizam para facilitar sua identificação.

56 Página de vídeos - A página principal da seção Vídeos não contém título. Figura 47 - Destaque para a área que deveria conter um título. RECOMENDAÇÃO Recomendamos que o título Vídeos seja inserido na página. A visualização clara do nome da página em que o usuário se encontra facilita a sua localização Vídeos em destaque Ocorrência Não é possível adicionar os vídeos que se encontram em destaque na seção Meu Brasil ou executar qualquer ação de compartilhamento e armazenamento oferecidos pelo site para estes vídeos. Ao contrário dos outros vídeos apresentados na seção, os vídeos em destaque podem ser vistos diretamente na página principal dos vídeos. Assim, as opções de compartilhamento e armazenamento disponíveis nas páginas exclusivas de cada vídeo ficam inacessíveis aos usuários nos vídeos em destaque.

57 56 Figura 48 - Detalhe dos vídeos que estão em destaque na seção. RECOMENDAÇÃO É muito importante manter a consistência das informações em um site. Por isso, recomendamos que nos vídeos em destaque todas as funções de compartilhamento e armazenamento sejam disponibilizadas ao usuário Menu de funções de compartilhamento e/ou armazemento Ocorrência Poucos participantes clicaram em Adicionar ao Meu Brasil para salvar o vídeo em sua conta. Muitos utilizaram a função enviar para um amigo e sinalizaram que colocariam o próprio para guardar o link do vídeo e assistilo depois. Outros indicaram que utilizariam os favoritos do navegador para salvar a página. Acreditamos que isto se dá tanto pelo nome Adicionar ao Meu Brasil quanto o ícone utilizado para esta função, que não indicam claramente qual ação será realizada ao clicar neste link. Outro fator que pode ter influenciado é o fato de que poucos participantes compreenderam que Meu Brasil seria a sua área exclusiva área acessada após a realização do cadastro onde o usuário poderá manter conteúdos de seu interesse.

58 57 O ícone utilizado para ilustrar este link é um cadeado que dá a idéia de segurança e não a de área exclusiva ou de que o usuário poderia salvar alguma coisa clicando ali. Por isto, acreditamos que esta opção passou despercebida pela maioria dos entrevistados. Figura 49 - Detalhe da área de armazenamento e compartilhamento do conteúdo. RECOMENDAÇÃO Recomendamos que outro ícone seja posicionado junto ao link para indicar com mais clareza a ação proposta, sugerimos que o ícone seja um + que dá a idéia de adicionar. Outro ponto é que é importante que a área Meu Brasil seja mais divulgada para os usuários do site, de modo que estes saibam quais os benefícios e funções presentes e também para acostumá-los com a terminologia utilizada no site.

59 Página dos mini-sites - A página principal da seção Mini-sites não contém título. Figura 50 - Detalhe da área que pode ser utilizada para inserção do título. RECOMENDAÇÃO Recomendamos que o título Mini-sites seja inserido na página. A visualização clara do nome da página em que o usuário se encontra facilita a sua localização.

60 59 8. percepções dos usuários em relação ao conteúdo das áreas feito no Brasil e Inovação Ao final do teste, duas questões exploravam as percepções dos participantes em relação ao tipo de conteúdo que duas áreas intituladas Feito no Brasil e Inovação ainda inexistentes no site poderiam conter. Em relação à seção Feito no Brasil, houve grande variação na percepção dos tipos de conteúdo que poderiam ser apresentados nesta área. A maioria dos participantes esperaria encontrar nesta seção conteúdos relacionados à Arte e Cultura brasileiras. Na seção Inovação observou-se uma maior convergência de opiniões com a maioria dos participantes associando o conteúdo desta seção à tecnologia Feito no Brasil OBSERVAÇÃO - As percepções dos usuários em relação aos tipos de conteúdos passíveis de ser encontrados numa seção do portal intitulada Feito no Brasil variaram consideravelmente. Apesar de a grande maioria dos participantes ter indicado esperar encontrar conteúdo relacionado à Cultura e Arte brasileiras, a variedade de alternativas oferecidas pelos participantes foi grande.

61 60 Apenas dois participantes relacionaram o conteúdo da área a empresas brasileiras bem-sucedidas no exterior (Figura 51). feito no Brasil (total de 12 testadores) Cultura e Arte Tecnologia brasileira 1 1 Artesanato Empresas brasileiras bem 2 2 Obras do governo 4 Eventos brasileiros Figura 51 Frequência com que os participantes atribuíram cada conteúdo à seção Feito no Brasil Esta generalidade nos resultados pode ser devida à abrangência do termo Feito no Brasil, que engloba quaisquer produtos ou atividades executados no país. A alta frequência de escolha de conteúdos relacionados à Cultura e Arte brasileiras para esta área pode estar relacionada à percepção de que a produção cultural e artística do país tem maior destaque no exterior do que a produção industrial. Isso explicaria também a baixa frequência de escolha do conteúdo Empresas brasileiras bem-sucedidas para a seção Feito no Brasil. A idéia de que a seção Feito no Brasil conteria informações sobre tecnologia brasileira também foi bastante popular. Isto pode sinalizar que o brasileiro já percebe o país como um desenvolvedor de tecnologia respeitado e conceituado mundialmente, mas cujas indústrias ainda não alcançaram reconhecimento global. RECOMENDAÇÃO Por causa da generalidade do título proposto para a seção, recomendamos que o mesmo seja alterado para algo que expresse mais precisamente o tipo de conteúdo que o usuário irá encontrar ao clicar no link. Outra opção é que se use junto ao título da seção um subtítulo explicativo descrevendo o conteúdo da seção.