Webmastering - Ergonomia de um site webJunho 2014

Noção de ergonomia

A ergonomia é a utilização de conhecimentos científicos relativos ao homem (psicologia,fisiologia, medicina) com o objectivo de melhorar o seu ambiente de trabalho. A ergonomiacaracteriza-se geralmente de acordo com duas componente:

A eficácia, que consiste em adoptar soluções adequadas de utilização de um produto,para além do bom sentido do criador;A utilização, relativa à adequação às capacidades do utilizador. Tem duas vertentes:

conforto de utilização, consistindo em reduzir ao máximo o cansaço físico enervoso.segurança, consistindo em escolher soluções adequadas para proteger o utilizador;

Aplicada à web, a ergonomia de um síte web pode ser definida como a sua capacidade pararesponder eficazmente às expectativas dos utilizadores e fornecer-lhes um conforto denavegação.

A principal dificuldade que a ergonomia tenta ultrapassar é a diversidade dos perfis devisitantes. Os critérios seguintes são geralmente determinantes para um website:

expectativas do utilizador : nem todos os visitantes do site procuram necessariamente amesma informação ou não têm necessariamente as mesmas exigências em termos degrafismo.hábitos do utilizador : correspondem a comportamentos adquiridos.idade do utilizador : caracteriza em geral a capacidade de adaptação do utilizador e a suarapidez de navegação.equipamentos : trata-se de uma das dificuldades essenciais. Com efeito, a apresentaçãodo site poderá variar de um equipamento para outro, em especial de acordo com onavegador e a resolução do ecrã.nível de conhecimentos : nem todos os visitantes do site serão ases da informática. Aergonomia do site deve ser pensada para o utilizador menos experiente.

Características humanas

Os estudos psicológicos efectuados sobre o Homem mostraram certas aptidões, assim comodiversos limites. O objecto da ergonomia é tirar partido destes elementos psicológicos, para criarum interface eficaz e confortável de utilizar.

O ser humano, de acordo com o modelo do “processador humano”, percebe o ambiente atravésdo seu sistema sensorial (5 sentidos: tacto, visão, audição, olfacto e paladar), memoriza eplanifica acções com a ajuda do seu sistema cognitivo (cérebro) e, por último, age graças aoseu sistema a motor e graças à linguagem.

Entre os 5 sentidos, a visão é o sentido mais desenvolvido, enquanto que se considera que ogosto e o olfacto são pouco desenvolvidos. Assim, na medida em que se considera que apercepção visual pode representar quase 50% da actividade do cérebro, trata-se do modoprivilegiado para os interfaces dos utilizadores.

A cada um dos sistemas corresponde uma memória e um processador. As teorias da psicologiadistinguem três tipos de memórias:

A memória sensorial, permitindo armazenar a informação sensorial (tratamento dosestí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úmerorestrito de mnemes (em inglês “chunks”, ou “unidades de informação”, isto é, motivosvisuais ou sonoros como uma palavra, etc.) durante vários minutos. Estudos publicadospor Georges MILLER em 1956 (Magical number seven), mostraram que o ser humano écapaz de processar simultaneamente 7 mnemes (mais ou menos dois).A memória a longo prazo, capaz de armazenar um número infinito de informações demaneira permanente.

Os três tipos de memória estão fortemente ligados. Assim, um ambiente que apela fortementeaos sentidos (música, vídeo, lugar agradável) facilita a aprendizagem a curto prazo. É por estarazão, nomeadamente, que a aprendizagem pela acção é muito eficaz. Os ambientesmultimédia permitem, por exemplo, a apropriação muito rápida do interface pelas crianças, eaprender “sem se aperceber”.

Além disso, a repetição é uma forma de passar a informação da memória a curto prazo para amemória a longo prazo. O processo de memorização a longo prazo faz-se com base numprincípio de associação: a recuperação de um mnème na memória a longo prazo será aindamais fácil se estiver associado conceptualmente a outros mnemes.

“A teoria da acção” (User Central System Design, Donald A. NORMAN, 1986) modela as acçõese reacções do homem. Esta teoria assenta em dois conceitos :

O homem concebe modelos simples para definir o seu comportamento;O homem decompõe as suas acções de acordo com um ciclo que compreende 7 etapas :

Estabelecimento de um objectivo : trata-se de uma representação mental de umestado a atingir;Formulação de uma intenção : trata-se da decisão de atingir o objectivo fixado;Estabelecimento de um plano de acção : representa a sequência de acções aefectuar;Realização do plano de acção : consiste em activar o sistema motor;Percepção do estado do sistema, descrevendo 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 objectivos inicialmente fixados.

Quando o objectivo inicial é complexo, é decomposto em objectivos sucessivos, atéque oobjectivo seja realizável. O sub-objectivo traduz-se então numa acção, conduzindo à definiçãode um novo objectivo. A teoria da acção define assim duas distâncias que caracterizam o desvioentre o objectivo definido pelo utilizador e sua realização:

A distância de execução, representando o desvio entre o objectivo e o estado do sistemano ramo descendente;A distância de avaliação, representando o desvio entre o estado do sistema e o objectivono ramo ascendente.

A avaliação destas duas distâncias permite ao utilizador avaliar o esforço necessário para fazercorresponder a sua representação mental com o objectivo fixado.

Esta lista de características psicológicas está longe de ser exaustiva. A ergonomia permite tirarpartido destas considerações comportamentais e dos mecanismos de aprendizagem para criarinterfaces homens-máquina ergonómicos. Decorre nomeAssim, segundo os elementosapresentados acima :

uma lista de items deve, preferivelmente, comportar menos de 7 elementos;o uso de cores e de sinaléctica que unifiquem os elementos de interface ajuda o utilizadora apropriar-se dele;mensagens curtas facilitam a sua memorização;o estado do interface deve representar fielmente o estado do sistema. Isto significa,nomeadamente, 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ério Subcritério Descrição

Sobriedade Simplicidade um site muito depurado reforçará a credibilidade daorganização.

Pouco carregado As imagens animadas são de evitar. A animação deve serprivilegiada para mostrar mensagens fortes, porqueatraem o olhar do usuário da internet.

Legibilidade Clareza Convém ter em conta o facto de as informações escritasserem mais difíceis de ler num ecrã que em papel (25%de tempo de leitura suplementar). Assim, o texto deveráser suficientemente espaçado.

Estruturação O texto deverá ser estruturado em parágrafos e títulos dediferentes níveis, para facilitar a leitura

Organização Os elementos de informações devem ser hierarquizadospor nível de importância. Os elementos mais importantesdevem figurar na parte superior da página.

Utilização Facilidade denavegação

“A regra dos 3 cliques”, amplamente seguida, estipula quequalquer informação deve ficar acessível com menos de 3cliques

Localização A qualquer momento, o visitante deve conseguir situar-seno site. Além disso, o logotipo deve estar presente emtodas as páginas, no mesmo sítio, e deve aplicar-se umambiente gráfico uniforme ao conjunto das páginas, parapermitir ao utente saber que continua no mesmo site. Ummapa do site pode constituir um excelente meio parapermitir ao visitante saber onde está.

Liberdade denavegação

O site deve dar a possibilidade ao utilizador de voltar àpágina inicial e às principais rubricas com um simplesclique, qualquer que seja a página em que se encontre(graças a uma barra de navegação, por exemplo). Namedida do possível, o utilizador deverá poder navegar noconteúdo sem ter de voltar à página inicial. As páginas deintrodução ou páginas intercalares (splash screen) são deevitar, pois enervarão a maior parte dos visitantes.

Visibilidade doendereço

O URL da página corrente deve estar sempre visível e sersuficientemente explícito para permitir ao utilizador situar-se, de forma a poder voltar a essa página facilmente.

Tangibilidade dainformação

As informações presentes no site devem serreferenciadas, ou seja, elementos como a data deactualização ou o nome do autor devem estar presentes.Por outro lado, é nefasto para um síte propor uma fachadaatractiva que conduz a páginas em manutenção.

Homogeneidadeda estrutura

Os elementos de navegação devem estar no mesmo sítioem todas as páginas e, se possível, mantendo umaapresentação uniforme.

Rapidez Tempo decarregamento

O tempo de carregamento de uma página deve ser o maiscurto possível, porque a maioria dos usuários da internetperdem a paciência ao fim de 15 segundos decarregamento de uma página. Este factor dependenomeadamente da conexão do visitante, da dimensão dapágina e das suas imagens, bem como das capacidadesdo servidor web.

Imagensoptimizadas

Convém optimizar ao máximo a dimensão das imagens,escolhendo um formato adaptado e um número de cores omais reduzido possível. É recomendável não ter mais 30 a40 ko máximo por imagem, excepto se assim o desejar(por exemplo, no caso de uma imagem de alta resolução).

Não alterar asdimensões dasimagens

Pela mesma razão, as imagens devem figurar, depreferência, na sua dimensão real.

InteractividadeLigaçõeshipertextuais

A interactividade caracteriza as interacções possíveisentre o utilizador e o website. As ligações hipertextuaisoferecem vastas possibilidades neste domínio eoferecerem ao visitante percursos múltiplos, consoante osseus desejos. É aconselhável criar bastantes ligaçõesentre as diferentes páginas. Pelo contrário, demasiadasligações podem tornar a leitura difícil.

Segmentação dainformaçã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 dainformação pode traduzir-se, nomeadamente, por um leade uma ligação hipertextual que conduz ao resto do artigo.

Simplificação dastrocas

É desejável facilitar o intercâmbio com os visitantes,nomeadamente para recolher as suas impressões e osseus pedidos, para fazer evoluir o síte. No mínimo, ovisitante deve poder encontrar facilmente o meio paracontactar uma pessoa, por correio electrónico ou graças aum formulário de contacto.

Adaptabilidade A adaptabilidade é a possibilidade de personalização dosite mediante a intervenção do utilizador.

Tamanho da letra Os textos do síte devem de preferência utilizar um tipo deletra cuja dimensão não seja fixa, para poder ser alteradapelos utilizadores, se assim o desejarem.

Adaptação A adaptação representa a possibilidade depersonalização automática do site, sem intervenção doutente.

Acessibilidade Universalidadedo acesso

A acessibilidade é a capacidade que o site deve ter de serconsultado universalmente, ou seja, por todo o tipo deutilizador, incluindo cegos e amblíopes. Existem váriasregras de acessibilidade simples, que permitem o acessode um grande número de utilizadores ao site, qualquerque seja a sua configuração de software e material ou asua deficiência.

Interoperabilidade

O respeito dos padrões, em especial as recomendaçõesde acessibilidade do W3C, permite garantir um bom nívelde interoperabilidade, ou seja a capacidade de o site serconsultável por diferentes clientes de software.

Transparênciados formatos

Os formatos utilizados devem, de preferência, sertransparentes, ou seja, consultáveis em modo texto.Assim, preferiremos o HTML ao Flash. Além disso, asimagens ou animação não devem sobrepor-se àsinformações textuais ou constituir um obstáculo para osdeficientes visuais. As ilustrações gráficas devem, porisso, ser utilizadas unicamente como complemento visualdo texto.

Legenda Uma legenda ou um texto de substituição devem serusados para substituir as imagens (graças ao atributo alt),para permitir aos deficientes visuais compreender osentido da imagem.

Escolha dascores

As cores devem ser escolhidas de forma a que ainformação seja legível para pessoas que não distinguemas cores correctamente (daltónicos).

Uso adequadodas folhas deestilo

A informação deve estar acessível, mesmo sem folha deestilo.

Contrasteadaptado

O nível de contraste entre a cor de fundo e o texto deveser suficiente para permitir a leitura aos amblíopes.

Dimensão dasletras passível dealteração

A dimensão das letras deve ser adaptável, para se poderaumentar o tamanho dos textos se necessário. A letrautilizada não devem ser demasiado pequena, pois issopode cansar a vista dos leitores ou ser ilegível.

Webmastering - Website Ergonomics Webmastering - Ergonomía de un sitio web Webmastering- Ergonomie einer Webseite Ergonomie d'un site web Webmastering - Ergonomia di un sito web

Este documento, intitulado « Webmastering - Ergonomia de um site web »a partir de Kioskea (pt.kioskea.net) estádisponibilizado sob a licença Creative Commons. Você pode copiar, modificar cópias desta página, nas condiçõesestipuladas pela licença, como esta nota aparece claramente.