A ergonomia de um site

Junho 2017

O que é e a usabilidade da ergonomia

A ergonomia é a utilização de conhecimentos científicos relativos ao homem (psicologia, fisiologia e medicina) com o objetivo de melhorar o seu ambiente de trabalho. Geralmente, a ergonomia se caracteriza de acordo com dois componentes: eficácia, que consiste em adotar soluções adequadas de uso de um produto, além do bom sentido do criador, e utilização, relativa à adequação às capacidades do usuário.

Esta última tem duas vertentes: o conforto de uso, que consiste em diminuir o cansaço físico e mental e a segurança, que consiste em escolher soluções adequadas para proteger o usuário.

Aplicada à web, a ergonomia de um website pode ser definida pela sua capacidade de responder eficazmente às expectativas dos usuários e fornecer-lhes uma navegação confortável. A principal dificuldade da ergonomia é a diversidade dos perfis de visitantes. Alguns critérios listados abaixo são determinantes para um website:

Expectativas do usuário: nem todos os visitantes do site procuram a mesma informação nem têm as mesmas exigências em termos de grafismo;

Hábitos do usuário: eles correspondem a comportamentos adquiridos;

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

Equipamentos: esta é uma das dificuldades essenciais. A apresentação do site poderá variar de um hardware para outro, especialmente de acordo com o navegador e a resolução da tela;

Nível de conhecimento: nem todos os visitantes do site são peritos em informática. A ergonomia do site deve ser pensada para o usuário menos experiente.

Adaptar um produto às características psicológicas e físicas do homem

Os estudos psicológicos efetuados no homem mostraram certas aptidões assim como certos limites. O objetivo da ergonomia aplicada à web é tirar partido destes elementos psicológicos para criar uma interface eficaz e confortável. O ser humano, de acordo com o modelo do processador humano, percebe o seu ambiente através do sistema sensorial, memoriza e planifica ações com a ajuda do seu sistema cognitivo e, por último, age graças ao sistema motor e à linguagem.

Como considerar os sentidos humanos na ergonomia

Entre os cinco sentidos, a visão é o mais desenvolvido, enquanto que gosto e olfato são menos. Assim, na medida em que consideramos que a percepção visual pode representar quase 50 % da atividade do cérebro, está será a forma de transmissão mais importante nas interfaces dos usuários.

Cada sistema tem uma memória e um processador. As teorias psicológicas distinguem três tipos de memórias: memória sensorial, que armazena a informação sensorial (processamento de estímulos) durante cerca de um quarto de segundo, memória a curto prazo (ou operacional), capaz de armazenar um número limitado de mnemes, isto é, padrões visuais e sonoros, durante vários minutos, e 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 muito relacionados. Assim, um ambiente que estimula os sentidos facilita a aprendizagem a curto prazo. É por isso que aprender fazendo é muito muito eficaz. Os ambientes de multimídia, por exemplo, permitem que as crianças se adaptem muito rapidamente a uma interface e aprendam algo sem se dar conta.

Além disso, a repetição é uma forma de transferir a informação da memória a curto prazo para a memória a longo prazo. O processo de memorização a longo prazo se baseia em um princípio de associação, ou seja, armazenar um mneme na memória a longo prazo é ainda mais fácil se estiver ligado conceitualmente a outros mnemes.

A Teoria da Ação define as ações e reações do homem. Esta teoria é baseada em dois conceitos: o de que as pessoas inventam modelos simples para definir o seu comportamento e o de que as pessoas decompõem suas ações de acordo com um ciclo de sete etapas:

Estabelecer objetivo: representação mental de um estado a alcançar;
Formular intenção: decisão para atingir o objetivo fixado;
Estabelecer plano de ação: sequência de ações a serem efetuadas;
Realizar plano de ação: ativar o sistema motor;
Detectar estado do sistema: descrever a percepção da mudança pelo organismo;
Avaliação: comparação do estado alcançado com os objetivos fixados.

teoria da ação

Quando o objetivo inicial é complexo, ele será decomposto em submetas sucessivas, até que o objetivo seja realizável e alcançável. Assim sendo, a submeta é uma ação que leva à definição de uma nova meta. Segundo a Teoria da Ação, existem duas distâncias que caracterizam o intervalo entre a meta definida pelo usuário e sua realização: a distância de execução, que representa o intervalo entre a meta e o estado do sistema no ramo descendente e a distância de avaliação, que mostra o intervalo entre o estado do sistema e a meta no ramo ascendente.

A avaliação destas duas distâncias permite ao usuário estimar 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 completa. A ergonomia permite tirar partido destas considerações comportamentais e dos mecanismos de aprendizagem para criar interfaces ergonômicas entre homem e máquina. Deste modo, devemos procurar uma lista que contenha menos de sete elementos para ajudar o usuário a adaptar-se a ela e mensagens curtas que facilitem a memorização dos mesmos. No mais, o estado da interface deve representar fielmente o estado do sistema. Isto significa, principalmente, que devem ser criadas mensagens de alerta.

Quais são os critérios de ergonomia para um website

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


CritériosSubcritériosDescrição
Sobriedade
Sobriedade
Simplicidade Um site bem organizado reforçará a credibilidade
Sem sobrecarregar As imagens animadas não são recomendadas. Elas devem ser reservadas para as mensagens mais importantes, já que chamam a atenção do usuário
Legibilidade
Legibilidade
Clareza Devemos levar em conta que a informação escrita é mais difícil de ler em uma tela do que no papel (25 % mais de tempo). Assim sendo, o texto deve 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 As diversas partes da informação devem ser organizadas de acordo com o nível de importância. Os elementos mais importantes devem ficar na parte superior da página
Funcionalidade
Utilização
Facilidade de navegação A 'regra dos três cliques', amplamente seguida, estipula que qualquer informação deve poder ser acessada em até três cliques
Localização O visitante deve conseguir situar-se no site a qualquer momento. Além disso, o logotipo deve estar presente em todas as páginas, no mesmo lugar, e é preciso aplicar um mesmo estatuto gráfico que dirija todo o conjunto, para que o usuário saiba que ainda se encontra no mesmo site. Um mapa do site permite ao visitante saber onde está
Liberdade de navegação O site deve possibilitar o usuário a voltar para a página inicial e principais títulos com um simples clique, seja em que página estiver (graças à barra de navegação ou menu, por exemplo). Na medida do possível, o usuário deve poder navegar em todo o conteúdo sem ter que voltar à página inicial. As páginas de introdução ou janelas de apresentação (splash screen) devem ser evitadas, pois irritam a maioria dos visitantes
Visibilidade do endereço O URL da página deve estar sempre visível e claro para que o usuário saiba onde está e possa voltar para a dita página
Materialização da informação As informações presentes em um website devem ser qualificadas, ou seja, alguns dados como a data da última atualização e o nome do autor devem estar presentes. Por outro lado, não é recomendado propor uma página inicial chamativa que leve à páginas em manutenção
Homogeneidade estrutural Dentro do possível, os elementos utilizados para a navegação devem estar situados no mesmo lugar em todas as páginas e devem ter a mesma apresentação de uma página para outra
Velocidade
Rapidez
Tempo de carregamento O tempo necessário de carregamento de uma página deve ser o mais curto possível, porque a maioria dos internautas perdem a paciência após 15 segundos. Este fator depende muito da conexão do usuário, do tamanho da página e das suas imagens, assim como das capacidades do servidor web
Imagens otimizadas Convém otimizar ao máximo o tamanho das imagens, escolhendo um formato adaptado e o menor número de cores. É recomendável ter, no máximo, 30 a 40 KB por imagem, exceto para publicações em alta definição
Imagens sem mudança de tamanho Pela mesma razão, as imagens devem figurar na sua dimensão real.
Interatividade
Interactivité
Links hipertextos A interatividade caracteriza as interações possíveis entre os usuários e o website. Os links hipertextos oferecem muitas possibilidades neste campo e oferecerem ao visitante rotas variadas, de acordo com sua vontade. É aconselhável criar vários links entre as diferentes páginas. Porém, links demais podem dificultar a leitura
Segmentação da informação Para permitir ao visitante assimilar melhor a informação e, em certos casos, suscitar a sua curiosidade, é uma boa ideia segmentar a informação. Eventualmente, a segmentação da informação pode ser realizada através da identificação bibliográfica, do copyright da contribuição e um link hipertexto que conduza 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 sugestões, com o objetivo de adaptar o site as suas necessidades. O visitante deve encontrar facilmente um meio de entrar em contato com uma pessoa, seja por e-mail ou preenchendo um formulário
Adaptabilidade
Adaptabilidade
A adaptabilidade é a possibilidade de personalizar um site por meio da intervenção dos usuários
Troca do tamanho da fonte Os textos do site devem utilizar um tipo de letra cujo tamanho não seja fixo, para poder ser alterado pelos usuários, caso precisem
Adaptatividade
Adaptação
A adaptatividade descreve a capacidade de personalização automática do site, sem intervenção do usuário
Acessibilidade
Acessibilidade
Acesso para todos A acessibilidade significa poder acessar um site universalmente, ou seja, que o site pode ser acessado por qualquer usuário, incluindo cegos e amblíopes (visão fraca). Existem 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 ou hardware ou de suas deficiências
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 do formato Os formatos utilizados devem ser transparentes, ou seja, consultáveis em modo de texto. Por isso, é melhor usar o HTML do que o Flash. Além disso, as imagens e animações não devem sobrepor-se às informações textuais ou constituir um obstáculo para os deficientes visuais. Por esse motivo, as ilustrações gráficas devem ser utilizadas apenas como complemento visual dos textos
Legenda Uma legenda ou um texto de substituição devem ser usados para substituir as imagens (graças a tecla ALT), para que os deficientes visuais compreendam o significado de uma 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 adequado O nível de contraste entre as imagens de fundo e o texto deve ser adaptado para facilitar a leitura
Tamanho da fonte alterável O tamanho das letras deve poder ser adaptado, para que os usuários possam aumentar o tamanho dos textos, se necessário. A letra utilizada não deve ser muito pequena para não cansar a vista dos leitores e para que o texto não fique 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: 16 de maio de 2017 às 12:00 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.