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

Origem: Wikilivros, livros abertos por um mundo aberto.

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[editar | editar código-fonte]

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[editar | editar código-fonte]

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[editar | editar código-fonte]

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[editar | editar código-fonte]

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?