# Design de Mídias Participativas/Procedimento de Coleta de Dados

O sistema de avaliação dos sites será construído com base em sistema de avaliação heurística de usabilidade. O modelo apresentado a seguir foi elaborado por Cláudia Dias, seguindo as heurísticas e critérios ergonômicos de Nielsen, Bastien & Scapin, entre outros.

## Heurísticas para avaliação de usabilidade de portais corporativos

Guia elaborado em 10 de Maio de 2001 Este documento foi elaborado por Cláudia Dias, MSc em Ciência da Informação (Universidade de Brasília), e extraído de sua dissertação de Mestrado - Referência: DIAS, Cláudia. Métodos de avaliação de usabilidade no contexto de portais corporativos: um estudo de caso no Senado Federal. Brasília: Universidade de Brasília, 2001. 229p.
Este documento encontra-se no endereço: http://www.geocities.com/claudiaad/heuristicas_web.html.

### Introdução

As heurísticas definidas neste documento basearam-se na experiência prática de vários pesquisadores em testes com usuários. Foram consideradas, em especial, as heurísticas de usabilidade para web de Nielsen (1994), os critérios ergonômicos de Bastien & Scapin (1993), as recomendações de Bevan (1998), Instone (1997) e Nielsen (1994-1999), as "regras de ouro" para o projeto de interfaces de Shneiderman (1998) e o guia de estilos para serviços de informação via web de Parizotto (1997).

### Heurísticas para avaliação de usabilidade de portais corporativos

* Heurística 1 - Visibilidade e reconhecimento do estado ou contexto atual, e condução do usuário
* Esta heurística refere-se aos meios disponíveis para informar, orientar e conduzir o usuário durante a interação com o portal corporativo.
* Em virtude da forma hipertextual, não-linear de interação e da quantidade de páginas disponíveis na Internet, um dos maiores problemas identificados em testes com usuários é sua desorientação. Para minimizar os efeitos dessa desorientação, o portal deve sempre manter o usuário informado quanto à página em que ele se encontra, como chegou até essa página e quais são suas opções de saída, isto é, onde ele se encontra numa seqüência de interações ou na execução de uma tarefa.
* Uma boa condução facilita o aprendizado e a utilização do portal, possibilitando um melhor desempenho e a diminuição do número de erros. Se os usuários puderem reconhecer onde estão simplesmente olhando para a página em que se encontram, sem a necessidade de relembrarem o caminho percorrido a partir da página principal, a probabilidade de se perderem ou ficarem desorientados será menor.
* Recomendações:
* A página principal do portal deve ser capaz de responder às seguintes perguntas: “Onde estou?” e “O que este portal faz?”.
* Apresentar em destaque o nome da página principal em todas as páginas componentes do portal, preferencialmente no canto superior esquerdo. Pode-se usar o termo Home ou o logotipo da empresa/departamento/projeto, por exemplo.
* A navegação entre as páginas do portal deve responder às três perguntas: “Onde estou?”, “Onde estive?” e “Para onde posso ir?”.
* Apresentar a estrutura ou mapa de navegação do portal, ressaltando a página atual onde o usuário se encontra. Por exemplo, o indicativo “Você está aqui!”, como nos mapas turísticos.
* Apresentar, em todas as páginas, os níveis anteriores da estrutura de navegação (em forma de links) até chegar à página atual (em formato textual, sem link).
* Na página principal, incluir um diretório com as principais áreas cobertas pelo portal, resumo das novidades e caixa do serviço de busca. É recomendável que a caixa do serviço de busca também apareça em todas as outras páginas do portal.
* Em links :
* utilizar textos que sejam auto-explicativos, com informações suficientes sobre o conteúdo do endereço apontado.
* não usar expressões como “Clique aqui”.
* marcar o texto (nome da empresa, título da página, assunto etc.) e não o endereço URL.
* apontar exatamente para o conteúdo descrito no link.
* usar títulos de links, fornecendo informações, tais como nome e detalhes relevantes do endereço apontado, e ainda se é necessário o usuário se registrar para poder visualizar seu conteúdo.
* identificar de forma diferente links para endereços externos ao portal.
* em listas de links, é recomendável fazer comentários sobre os endereços apontados.
* Usar o atributo ALT , da HyperText Markup Language (HTML), com o significado das imagens para que o texto apareça enquanto estiver sendo feito o download da figura ou quando o usuário optar por suprimir figuras na configuração do seu navegador web.
* Em mapas de imagem, colocar ALT em todas as posições clicáveis.
* Heurística 2 - Projeto estético e minimalista
* Esta heurística refere-se às características que possam dificultar ou facilitar a leitura e a compreensão do conteúdo disponível no portal. Dentre essas características, destacam-se a legibilidade, a estética e a densidade informacional.
* Um portal legível e esteticamente agradável facilita a leitura da informação nele apresentada, melhorando inclusive o desempenho do usuário na realização da tarefa proposta e influenciando seu nível de satisfação durante a interação com o portal. Além disso, quanto menos o usuário for distraído por informação desnecessária, maior a probabilidade desse usuário desempenhar suas tarefas de forma eficiente, e menor a probabilidade de erros. O portal não deve conter informações irrelevantes ou raramente necessárias, pois cada unidade extra de informação compete com as unidades relevantes de informação, diminuindo a visibilidade relativa das informações importantes.
* Na maioria das tarefas, o desempenho dos usuários piora quando a densidade de informação é muito alta ou muito baixa, acarretando a ocorrência mais freqüente de erros. É recomendável estabelecer níveis de detalhamento, apresentando, em primeiro plano, os aspectos mais importantes e gerais, deixando os detalhes para outras páginas suplementares que poderão ser acessadas pelos usuários interessados em mais informações sobre o assunto.
* Recomendações:
* Ocupar de 50 a 80% da página com conteúdo (preferencialmente, 80%).
* Ocupar no máximo 20% da página com informações sobre a navegação.
* Evitar frames, pois diminuem o espaço disponível para apresentação de conteúdo.
* Usar hipertexto para dividir as informações em várias páginas ou níveis de detalhamento.
* Usar pequenos parágrafos, subtítulos e listas.
* Agrupar os diferentes tipos de informações disponíveis na página, apresentando as mais importantes em primeiro lugar.
* Usar espaço em branco para separar conteúdos ou assuntos diferentes.
* Fornecer apenas informação útil aos usuários.
* Remover os elementos não relacionados às tarefas realizadas pelos usuários.
* Testar o projeto da página retirando um elemento de cada vez. Após o teste, retirar os elementos considerados desnecessários.
* Não usar propaganda. Se for necessária, utilizar parte do espaço anteriormente destinado à navegação, e não do espaço destinado ao conteúdo.
* Evitar menus pull-down com opções para as outras páginas do portal, pois suas opções não ficam visíveis aos usuários.
* Evitar imagens. Se forem necessárias, optar por múltiplas ocorrências da mesma imagem.
* Evitar imagem ou texto animados, pois distraem o usuário e parecem propaganda. Se forem necessários, devem ser processados apenas algumas vezes.
* Não usar imagens tridimensionais.
* Evitar desenhos ou texturas no fundo da página. O fundo não deve chamar mais atenção do que a informação.
* Usar um conjunto limitado de cores.
* Evitar cores berrantes, caracteres brilhando ou piscando.
* Para realçar textos, usar cores ao invés de sublinhado ou elementos piscando. O usuário pode confundir o termo sublinhado com um link.
* Contrastar letras com o fundo (melhor utilizar fundo claro, de cor neutra ou branca, com texto escuro).
* Usar no máximo dois tipos de fontes.
* Usar tamanho de fonte legível.
* Testar vários tamanhos de fonte para ser o padrão. Os tamanhos 10, 12 e 14 são os mais comuns.
* Não utilizar tamanho de fonte absoluto. É recomendável usar % do valor definido como padrão.
* Não usar caixa alta em excesso.
* Usar os níveis de cabeçalho H1, H2, H3.
* Heurística 3 - Controle do usuário
* Esta heurística relaciona-se ao controle que o usuário sempre deve ter sobre o processamento de suas ações pelo portal.
* Os usuários de qualquer sistema interativo esperam deter controle sobre o sistema, fazendo com que este responda a suas solicitações e expectativas. Ações inesperadas do sistema, infindáveis seqüências de entrada de dados, incapacidade ou dificuldade em obter a informação necessária e incapacidade em produzir os resultados desejados contribuem para o aumento da ansiedade e da insatisfação do usuário.
* As ações do portal devem ser reversíveis, isto é, o usuário deve ser capaz de desfazer pelo menos a última ação realizada. Essa capacidade diminui a ansiedade, pois o usuário sabe, de antemão, que os erros cometidos podem ser corrigidos, encorajando-o a explorar opções desconhecidas do portal.
* Recomendações:
* Possibilitar o retorno à página anterior.
* Possibilitar aos usuários interromper ou cancelar o processamento ou transação atual.
* Não desviar para outra página, a não ser que o usuário digite Enter ou clique com o mouse.
* Não abrir janelas adicionais.
* Apresentar em todas as páginas os níveis anteriores da estrutura de navegação (em forma de links) até chegar à página atual (em formato textual, sem link). Dessa forma, o usuário poderá retornar mais facilmente às páginas anteriores.
* Apresentar em destaque o nome da página principal em todas as páginas componentes do portal, preferencialmente no canto superior esquerdo. Pode-se usar o termo Home ou o logotipo da empresa/departamento/projeto, por exemplo.
* Fornecer serviço de busca em todas as páginas do portal.
* Restringir a pesquisa dos serviços de busca apenas ao conteúdo do portal.
* Não usar plug-ins auto-instaláveis.
* Em páginas de entrada de dados, posicionar o cursor no próximo campo a ser preenchido, porém dando a opção de troca para outro campo.
* Não apagar ou substituir campo de entrada de dados até que o usuário digite Enter ou clique com o mouse.
* Possibilitar entrada de dados a partir do mouse ou teclado e saída de dados em impressora selecionada pelo usuário.
* Heurística 4 - Flexibilidade e eficiência de uso
* Esta heurística diz respeito à capacidade do portal em se adaptar ao contexto e às necessidades e preferências do usuário, tornando seu uso mais eficiente.
* Em função da diversidade de tipos de usuários de um portal, é necessário que sua interface seja flexível o bastante para realizar a mesma tarefa de diferentes maneiras, de acordo com o contexto e com as características de cada tipo de usuário. Deve-se fornecer ao usuário procedimentos e opções diferentes para atingir o mesmo objetivo, da forma que mais lhe convier.
* Além da flexibilidade, outros procedimentos podem ser adotados para tornar o uso do portal mais eficiente, tais como a eliminação de páginas ou passos desnecessários em uma seqüência para a realização de uma tarefa e o uso de valores padronizados, sem a necessidade de digitação por parte do usuário.
* Recomendações:
* Não usar páginas sem conteúdo útil, como por exemplo páginas apenas com mensagens do tipo "Seja bem-vindo ao portal tal".
* Na identificação de links, utilizar termos que exprimam o conteúdo das páginas correspondentes. Não utilizar números ou cores para isso.
* Oferecer serviço de busca para pesquisa das páginas do portal, incluindo a possibilidade de verificação ortográfica dos termos digitados em sua caixa de entrada de dados.
* Nos resultados de pesquisa do serviço de busca, apresentar os melhores em primeiro lugar, sendo desnecessário o uso de porcentagens ou graus de acerto.
* Se não forem encontrados documentos com o termo digitado na caixa de entrada de dados do serviço de busca, oferecer lista com sugestões de palavras mais próximas.
* Usar metatags para facilitar a pesquisa dos serviços de busca.
* Projetar a caixa de entrada de dados do serviço de busca para caber duas, três ou mais palavras.
* Ressaltar as palavras encontradas nos documentos da lista de resultados do serviço de busca.
* Evitar rolagem horizontal da tela.
* Projetar as páginas de acordo com a resolução dos monitores de vídeo disponíveis aos usuários.
* Usar % ao invés de tamanhos fixos, para a adaptação das páginas a qualquer tipo de monitor de vídeo.
* Usar % no tamanho de fonte.
* Projetar a página considerando o tempo de download nos computadores disponíveis aos usuários:
* menos de um segundo entre páginas.
* menos de dez segundos para download de arquivos.
* Se o download de arquivos for demorar mais do que dez segundos, informar o tamanho do arquivo ao usuário.
* Evitar elementos gráficos, pois comprometem o tempo de download das páginas. Se forem necessários, utilizar múltiplas ocorrências do mesmo elemento.
* Nos links apontados, colocar / no final do URL, se for um diretório.
* Na apresentação de textos, começar sempre pelo mais importante, expondo uma idéia por parágrafo. *Informações adicionais devem ser incluídas em outras páginas acessíveis a partir de links apresentados na página inicial do texto.
* Projetar a página de forma que as informações ou elementos importantes estejam visíveis, sem a necessidade de rolagem vertical ou horizontal da tela.
* Para textos extensos, oferecer a opção de impressão ou download de arquivo. A leitura de textos muito extensos na tela do computador torna-se cansativa para o usuário.
* Minimizar a quantidade de cliques necessários para o usuário conseguir o conteúdo final ou informação útil. É recomendável não ultrapassar quatro cliques.
* Heurística 5 - Prevenção de erros
* Esta heurística relaciona-se a todos os mecanismos que permitem evitar ou reduzir a ocorrência de erros, assim como corrigir os erros que porventura ocorram.
* As interrupções provocadas por erros de processamento têm conseqüências negativas sobre a atividade do usuário com o portal, prolongando e perturbando a realização de suas tarefas. Quanto menor a probabilidade de erros, menos interrupções ocorrem e melhor o desempenho do usuário.
* Para possibilitar a correção de erros, é importante que as mensagens de erro sejam pertinentes, legíveis, redigidas em linguagem natural (sem códigos), exatas quanto à natureza do erro cometido, e sugiram possíveis ações para sua correção. Dessa forma, as mensagens de erro favorecem o aprendizado do sistema, ao indicar ao usuário a razão do erro e suas possíveis correções. Entretanto, melhor do que boas mensagens de erro é, em primeiro lugar, prevenir a ocorrência de erros.
* Recomendações:
* Não usar páginas com a expressão “em construção”. O portal deve apresentar apenas o que já está pronto para ser acessado pelo usuário.
* Não liberar portal parcialmente pronto.
* Remover dados/páginas desatualizados, como por exemplo, páginas convidando os usuários para participarem de eventos que já ocorreram.
* Nos serviços de busca, não usar operadores booleanos nas pesquisas simples. É recomendável oferecer a possibilidade de operadores booleanos apenas em pesquisas avançadas, para serem usadas pelos usuários mais experientes.
* Se não forem encontrados documentos com o termo digitado na caixa de entrada de dados do serviço de busca, oferecer lista com sugestões de palavras mais próximas.
* Oferecer páginas de ajuda para os usuários inexperientes.
* Não usar URLs muito extensas ou sem significado.
* Evitar hífens ou outros caracteres especiais no endereço das páginas. É preferível justapor duas ou mais palavras, ou abreviá-las.
* Usar apenas letras minúsculas no endereço das páginas.
* Evitar usar “O” e “0” no endereço das páginas.
* Escolher bem os títulos das páginas, de forma que caracterizem bem seu conteúdo. É aconselhável escolher títulos com duas a seis palavras.
* Não repetir o mesmo título em duas páginas diferentes.
* Não utilizar mapas de imagem que exijam muita precisão ao clicar.
* Fornecer mensagens de erro orientadas a tarefas, com sugestões ou instruções simples e construtivas para a correção do erro.
* Utilizar mensagens de erro sucintas, precisas, com termos específicos e vocabulário neutro, não repreensivo.
* Evitar páginas órfãs, sem qualquer indicação de opções de navegação possíveis.
* Evitar frames, pois podem causar erros na impressão do conteúdo da página ou na marcação da página como um endereço favorito (bookmark).
* Heurística 6 - Consistência
* Consistência refere-se à homogeneidade e coerência na escolha de opções durante o projeto da interface do portal (denominação, localização, formato, cor, linguagem). Contextos ou situações similares devem ter tratamento e/ou apresentação similares.
* Um projeto consistente facilita o reconhecimento, o aprendizado, a localização e, por fim, a utilização de um portal por seus usuários. A padronização de formatos, localizações e sintaxe torna o portal mais previsível, diminuindo a incidência de erros e as dificuldades de aprendizado e compreensão.
* É conveniente padronizar tanto quanto possível os elementos do portal quanto a seu formato, cor, localização e denominação, para que o usuário identifique mais facilmente situações e elementos similares e realize suas tarefas com maior rapidez. A falta de homogeneidade pode comprometer tanto o desempenho quanto a satisfação do usuário com o portal.
* Recomendações:
* Usar sempre a mesma terminologia e a mesma localização de elementos comuns nas páginas de conteúdo, nas páginas de ajuda ao usuário e nas mensagens de erro.
* Incluir a caixa de entrada de dados do serviço de busca logo no início de cada página, preferencialmente no canto superior direito.
* O comportamento do cursor deve ser consistente em todos os campos de entrada de dados, isto é, o cursor deve saltar automaticamente de um campo a outro ou aguardar Enter ou Tab do usuário.
* Verificar se os títulos ou cabeçalhos das páginas correspondem exatamente aos termos utilizados nos links que apontam para essas páginas.
* Evitar instruções HTML não padronizadas.
* Usar um estilo padrão para o projeto das páginas (leiaute, cores, fontes, formatos de campos e mensagens).
* Selecionar as cores e o leiaute das páginas dentro de um contexto geral e de forma consistente em todas as páginas.
* Evitar sair do padrão web de cores para links : azul para link não visitado e púrpura para link já visitado.
* Destacar palavras ou trechos importantes, com o cuidado de não sublinhar em azul trechos ou palavras que não sejam links. É recomendável não sublinhar nada que não possa ser clicado.
* Heurística 7 - Compatibilidade com o contexto
* Esta heurística refere-se à correlação direta entre o portal e seu contexto de aplicação. As características do portal devem ser compatíveis com as características dos usuários e das tarefas que estes pretendem realizar com o portal.
* O desempenho dos usuários de qualquer sistema interativo melhora quando os procedimentos necessários ao cumprimento da tarefa são compatíveis com as características psicológicas, culturais e técnicas dos usuários; e quando os procedimentos e as tarefas são organizados de acordo com as expectativas e costumes dos usuários.
* O portal deve "falar" a língua do usuário, com palavras, frases e conceitos familiares, ao invés de termos técnicos relacionados ao portal ou à tecnologia web. As convenções do mundo real devem ser seguidas, apresentando informações em uma ordem lógica e natural.
* Recomendações:
* Planejar a estrutura do portal de acordo com o contexto das tarefas realizadas pelos usuários e não com a estrutura organizacional ou com as novidades tecnológicas. A estrutura deve ser determinada pelas tarefas que os usuários pretendem realizar por meio do portal.
* Evitar estrutura linear (ordem numérica ou alfabética). As informações devem ser apresentadas seguindo uma ordem lógica relacionada à tarefa a realizar.
* Verificar erros de grafia, tomando como base a gramática do idioma utilizado e o glossário de termos técnicos de uso corrente na instituição.
* Não usar linguagem de marketing. O enfoque do portal corporativo deve ser o conteúdo e não a propaganda.
* Não usar elementos gráficos metafóricos, a não ser que sejam de uso corrente na instituição.
* Não usar novos termos quando os termos padronizados forem bem conhecidos pelos usuários.
* Utilizar palavras da linguagem natural e/ou técnica corporativa que sejam familiares aos usuários.
* Usar formato de data e unidades de medida de acordo com o padrão normalmente utilizado na instituição ou país.

## Adaptação aos parâmetros de análise do Design de Mídias Participativas

A partir da pesquisa bibliográfica realizada, foi possível enumerar diversos parâmetros que precisam ser levados em consideração durante o processo de criação ou análise de uma ferramenta de inteligência coletiva. São eles:
* É voltada para comunicação horizontal?
* Rede articulada ou desarticulada?
* Inteligência Coletiva consciente, inconsciente ou plena?
* Possui um ambiente de usuário, que apresente claramente seu status na rede e disponibilize ferramenta de participação?
* Possui um ambiente de comunidade, que conjugue a participação de todos e ofereça instrumentos de interação?
* Possui estratégias de Animação da comunidade, capazes de incentivar a participação em quantidade e qualidade?
* Possui ferramentas de busca e navegação eficientes na pesquisa por informações, grupos ou pessoas?
* Possui um ambiente de administração capaz de observar a atividade dos usuários e comunidades?
* Disponibiliza instrumentos que favoreçam o desenvolvimento do laço social pelo aprendizado e pela troca de saber?
* É capaz de agenciar a comunicação de forma a escutar, integrar e restituir a diversidade, ao invés de reproduzir a difusão midiática tradicional?
* É voltado para ajudar na autonomia de cada pessoa envolvida?
* Possui uma engenharia de exploração e valorização de todas as competências e potencialidades acumuladas nesta comunidade?