A ergonomia de um site

Abril 2017

O que é a ergonomia

A ergonomia é a utilização de conhecimentos científicos relativos ao homem (psicologia, fisiologia, medicina) com o objetivo de melhorar o seu ambiente de trabalho. A ergonomia pode ser compreendida através de alguns de seus componentes, a eficácia, que consiste em adotar soluções adequadas de utilização de um produto, para além do bom sentido do criador e a utilização, relativa à adequação às capacidades do usuário. Tem duas vertentes, o conforto de uso, consistindo em diminuir o cansaço físico e nervoso e a segurança, consistindo em escolher soluções adequadas para proteger o usuário.

Aplicada à web, a ergonomia de um site web pode ser definida como a sua capacidade para responder eficazmente às expectativas dos usuários e fornecer-lhes um conforto de navegação. A principal dificuldade que a ergonomia é confrontada e que deverá ultrapassar é a diversidade dos perfis de visitantes. Os critérios listados abaixo são determinantes para um website:

A expectativas do usuário: nem todos os visitantes do site procuram necessariamente a mesma informação nem tem as mesmas exigências em termos de grafismo;

Os hábitos do usuário: correspondem a comportamentos adquiridos;

A idade do usuário: caracteriza em geral a capacidade de adaptação do usuário e a sua rapidez de navegação;

Os equipamentos: trata-se de uma das dificuldades essenciais. A apresentação do site poderá variar de um equipamento para outro, em especial de acordo com o navegador e a resolução da tela;

O nível de conhecimento: nem todos os visitantes do site serão ases da informática. A ergonomia do site deve ser pensada para o usuário menos experiente.

Características humanas

Os estudos psicológicos efetuados no homem mostraram certas aptidões e limites. O objeto da ergonomia é tirar partido destes elementos psicológicos, para criar uma interface eficaz e confortável de utilizar. O ser humano, de acordo com o modelo do ‘processador humano’, percebe o ambiente através do seu sistema sensorial (5 sentidos: tato, visão, audição, olfato e paladar), memoriza e planifica ações com a ajuda do seu sistema cognitivo (cérebro) e, por último, age graças ao seu sistema a motor e graças à linguagem.

Entre os 5 sentidos, a visão é o sentido mais desenvolvido, enquanto que o gosto e o olfato são pouco desenvolvidos. Assim, na medida em que se considera que a percepção visual pode representar quase 50% da atividade do cérebro, trata-se do modo privilegiado para as interfaces dos usuários.

Cada sistema tem uma memória e um processador. As teorias da psicologia distinguem três tipos de memórias: a memória sensorial, que permite armazenar a informação sensorial (tratamento dos estímulos) durante cerca de um quarto de segundo (250 ms); a memória a curto prazo (ou memória de trabalho), capaz de armazenar um número restrito de mnemes (em inglês chunks, ou unidades/elementos de informação, isto é, motivos visuais ou sonoros como uma palavra, etc.) durante vários minutos. Georges MILLER publicou, em 1956 o estudo Magical number seven - O número mágico sete, mais ou menos dois: alguns limites na nossa capacidade de processamento de informações, mostra que o ser humano é capaz de processar simultaneamente 7 mnemes (blocos de memórias); a memória a longo prazo, capaz de armazenar um número infinito de informações de maneira permanente.

Os três tipos de memória estão fortemente ligados. Assim, um ambiente que apela os sentidos (música, vídeo, lugar agradável) facilita a aprendizagem a curto prazo. É por esta razão, principalmente, que a aprendizagem pela ação é muito eficaz. Os ambientes multimídia permitem, por exemplo, que as crianças se apropriem muito rápida da interface e que aprendam sem perceber que estão aprendendo. Além disso, a repetição é uma forma de passar a informação da memória a curto prazo para a memória a longo prazo. O processo de memorização a longo prazo faz-se com base em um princípio de associação: a recuperação de um mneme na memória a longo prazo será ainda mais fácil se estiver associado conceitualmente a outros mnemes.

A Teoria da ação (User Central System Design) de Donald A. Norman, 1986) modela as ações e reações do homem. Esta teoria é baseada em dois conceitos, ou seja, o homem concebe modelos simples para definir o seu comportamento e decompõe as suas ações de acordo com um ciclo que compreende 7 etapas:

Estabelecimento de um objetivo : trata-se de uma representação mental de um estado a atingir;

Formulação de uma intenção : trata-se da decisão de atingir o objetivo fixado;

Estabelecimento de um plano de ação: representa a sequência de ações a efetuar;

Realização do plano de ação: consiste em ativar o sistema motor;

Percepção do estado do sistema: descreve sob a forma de variáveis psicológicas a percepção da mudança pelo organismo;

Avaliação do estado atingido em relação aos objetivos inicialmente fixados:

teoria da ação



Quando o objetivo inicial é complexo, ele será decomposto em objetivos sucessivos, até que o objetivo seja realizável e alcançado. O subobjetivo é, assim, uma ação, que conduz à definição de um novo objetivo. A teoria da ação define assim duas distâncias que caracterizam o desvio entre o objetivo definido pelo usuário e sua realização: a distância de execução, representando o desvio entre o objetivo e o estado do sistema no ramo descendente e a distância de avaliação, representando o desvio entre o estado do sistema e o objetivo no ramo ascendente.

A avaliação destas duas distâncias permite, ao usuário, avaliar o esforço necessário para fazer corresponder a sua representação mental com o objetivo fixado.

Esta lista de características psicológicas está longe de ser exaustiva. A ergonomia permite tirar partido destas considerações comportamentais e dos mecanismos de aprendizagem para criar interfaces homens-máquina ergonômicos. Decorre disso, uma de itens deve, preferivelmente, comportar menos de 7 elementos; o uso das cores e sinais que unifiquem os elementos da interface ajudará o usuário a apropriar-se dele; as mensagens curtas facilitam a sua memorização; o estado da interface deve representar fielmente o estado do sistema. Isto significa, principalmente, que devem ser criadas mensagens de alerta adequadas.

Critérios de ergonomia

Os principais critérios de ergonomia de um website são os seguintes (lista não exaustiva):


CritérioSubcritérioDescrição
Sobriedade
Sobriedade
Simplicidade um site depurado reforçará a credibilidade da organização
Pouco carregado As imagens animadas devem ser evitar. A animação deve ser exclusivamente para mostrar mensagens fortes, porque atraem o olhar do usuário
Legibilidade
Legibilidade
Clareza Convém considerar o fato das informações escritas serem mais difíceis de ler em uma tela do que no papel (25% de tempo de leitura suplementar). Assim, o texto deverá ser suficientemente espaçado
Estrutura O texto deverá ser estruturado em parágrafos e títulos de diferentes níveis, para facilitar a leitura
Organização Os elementos de informações devem ser hierarquizados por importância. Os elementos mais importantes devem figurar na parte superior da página
Utilização
Utilização
Facilidade de navegação “A regra dos 3 cliques”, amplamente seguida, estipula que qualquer informação deve ficar acessível em até 3 cliques
Localização A qualquer momento, o visitante deve conseguir situar-se no site. Além disso, o logotipo deve estar presente em todas as páginas, no mesmo site, e deve aplicar-se um ambiente gráfico uniforme ao conjunto das páginas, para permitir ao usuário saber que continua no mesmo site. Um mapa do site pode constituir um excelente meio para permitir ao visitante saber onde está
Liberdade de navegação O site deve possibilitar voltar para a página inicial e principais rubricas com um simples clique, qualquer que seja a página em que ele se encontre (graças a uma barra de navegação/menu, por exemplo). Na medida do possível, o usuário deve conseguir navegar no conteúdo sem ter que voltar à página inicial. As páginas de introdução ou páginas intercalares - splash screen devem ser evitadas, pois irritarão a maior parte dos visitantes
Visibilidade do endereço O URL da página atual deve estar sempre visível e ser explícito para permitir ao usuário situar-se, para poder voltar a essa página facilmente
Tangibilidade da informação As informações presentes no site devem ser referenciadas, ou seja, elementos como a data de atualização ou o nome do autor devem estar presentes. Por outro lado, é prejudicial para um site propor uma fachada atrativa que conduz a páginas em manutenção
Homogeneidade da estrutura Os elementos de navegação devem estar no mesmo site em todas as páginas e, se possível, mantendo uma apresentação uniforme
Rapidez
Rapidez
Tempo de carregamento O tempo de carregamento de uma página deve ser o mais curto possível, porque a maioria dos usuários da internet perdem a paciência depois de 15 segundos de carregamento de uma página. Este fato depende principalmente da conexão do visitante, da dimensão da página e das suas imagens, bem como, das capacidades do servidor web
Imagens otimizadas Convém otimizar ao máximo a dimensão das imagens, escolhendo um formato adaptado e um número de cores o mais reduzido possível. É recomendável não ter mais 30 a 40 ko máximo por imagem, exceto para a necessidade de publicar de alta definição)
Não alterar as dimensões das imagens Pela mesma razão, as imagens devem figurar, de preferência, na sua dimensão real.
Interatividade
Interactivité

Links hipertextos
A interatividade caracteriza as interações possíveis entre o usuário e o website. Os links hipertextos oferecem muitas possibilidades neste domínio e oferecerem ao visitante percursos múltiplos, conforme seu desejo. É aconselhável criar vários links entre as diferentes páginas. Mas, por outro lado, um grande número de links podem tornar a leitura difícil
Segmentação da informação Para permitir ao visitante assimilar melhor a informação e, em certos casos, suscitar a sua curiosidade, é aconselhável segmentar a informação. A segmentação da informação pode traduzir-se, principalmente, por um lead (condutor0e um link hipertexto que conduz ao resto do artigo
Simplificação das trocas É melhor facilitar o intercâmbio com os visitantes, principalmente para obter as suas impressões e os seus pedidos, para implementar a evolução do site. No mínimo, o visitante deve encontrar facilmente o meio para contatar uma pessoa, por e-mail ou graças a um formulário de contato
Adaptabilidade
Adaptabilidade
A adaptabilidade é a possibilidade de personalização do site mediante a intervenção do usuário
Tamanho da letra Os textos do site devem de preferência utilizar um tipo de letra cuja dimensão não seja fixa, para poder ser alterada pelos usuários, se assim o desejarem
Adaptação
Adaptação
A adaptação representa a possibilidade de personalização automática do site, sem intervenção do usuário
Acessibilidade
Acessibilidade
Universalidade do acesso A acessibilidade é a capacidade do site de ser consultado universalmente, ou seja, por qualquer usuário, incluindo cegos e amblíopes (visão fraca). Existem várias regras simples de acessibilidade, que permitem o acesso a um grande número de usuários ao site, qualquer que seja a sua configuração de software e material ou a sua deficiência
Interoperabilidade
O respeito dos padrões, em especial as recomendações de acessibilidade do W3C, garante um bom nível de interoperabilidade, ou seja, a capacidade do site ser consultável por diferentes clientes de softwares
Transparência dos formatos Os formatos utilizados devem, de preferência, ser transparentes, ou seja, consultáveis em modo texto. Assim, é melhor usar o HTML ao Flash. Além disso, as imagens ou animação não devem sobrepor-se às informações textuais ou constituir um obstáculo para os deficientes visuais. As ilustrações gráficas devem, por esse motivo, ser utilizadas unicamente como complemento visual do texto
Legenda Uma legenda ou um texto de substituição devem ser usados para substituir as imagens (graças a tecla ALT), para permitir aos deficientes visuais compreender o sentido da imagem
Escolha das cores As cores devem ser escolhidas de forma a que a informação seja legível para pessoas que não distinguem as cores corretamente (daltônicos)
Uso adequado das folhas de estilo A informação deve estar acessível, mesmo sem folha de estilo
Contraste adaptado O nível de contraste entre a cor de fundo e o texto deve ser procurada para facilitar a leitura
Dimensão das letras passível de alteração A dimensão das letras deve ser adaptável, para se poder aumentar o tamanho dos textos se necessário. A letra utilizada não deve ser muito pequena, pois isso pode cansar a vista dos leitores ou ser ilegível

Veja também


Webmastering - Website Ergonomics
Webmastering - Website Ergonomics
Webmastering - Ergonomía de un sitio web
Webmastering - Ergonomía de un sitio web
Ergonomie d'un site web
Ergonomie d'un site web
Webmastering: ergonomia di un sito web
Webmastering: ergonomia di un sito web
Última modificação: 15 de abril de 2017 às 06:49 por ninha25.
Este documento, intitulado 'A ergonomia de um site ', está disponível sob a licença Creative Commons. Você pode copiar e/ou modificar o conteúdo desta página com base nas condições estipuladas pela licença. Não se esqueça de creditar o CCM (br.ccm.net) ao utilizar este artigo.