Webmastering - Ergonomia de um site web

Junho 2014

Noo de ergonomia
A ergonomia a utilizao de conhecimentos cientficos relativos ao homem (psicologia,
fisiologia, medicina) com o objectivo de melhorar o seu ambiente de trabalho. A ergonomia
caracteriza-se geralmente de acordo com duas componente:
A eficcia, que consiste em adoptar solues adequadas de utilizao de um produto,
para alm do bom sentido do criador;
A utilizao, relativa adequao s capacidades do utilizador. Tem duas vertentes:
conforto de utilizao, consistindo em reduzir ao mximo o cansao fsico e
nervoso.
segurana, consistindo em escolher solues adequadas para proteger o utilizador;

Aplicada web, a ergonomia de um ste web pode ser definida como a sua capacidade para
responder eficazmente s expectativas dos utilizadores e fornecer-lhes um conforto de
navegao.
A principal dificuldade que a ergonomia tenta ultrapassar a diversidade dos perfis de
visitantes. Os critrios seguintes so geralmente determinantes para um website:
expectativas do utilizador : nem todos os visitantes do site procuram necessariamente a
mesma informao ou no tm necessariamente as mesmas exigncias em termos de
grafismo.
hbitos do utilizador : correspondem a comportamentos adquiridos.
idade do utilizador : caracteriza em geral a capacidade de adaptao do utilizador e a sua
rapidez de navegao.
equipamentos : trata-se de uma das dificuldades essenciais. Com efeito, a apresentao
do site poder variar de um equipamento para outro, em especial de acordo com o
navegador e a resoluo do ecr.
nvel de conhecimentos : nem todos os visitantes do site sero ases da informtica. A
ergonomia do site deve ser pensada para o utilizador menos experiente.

Caractersticas humanas

Os estudos psicolgicos efectuados sobre o Homem mostraram certas aptides, assim como
diversos limites. O objecto da ergonomia tirar partido destes elementos psicolgicos, para criar
um interface eficaz e confortvel de utilizar.
O ser humano, de acordo com o modelo do processador humano, percebe o ambiente atravs
do seu sistema sensorial (5 sentidos: tacto, viso, audio, olfacto e paladar), memoriza e
planifica aces com a ajuda do seu sistema cognitivo (crebro) e, por ltimo, age graas ao
seu sistema a motor e graas linguagem.
Entre os 5 sentidos, a viso o sentido mais desenvolvido, enquanto que se considera que o
gosto e o olfacto so pouco desenvolvidos. Assim, na medida em que se considera que a
percepo visual pode representar quase 50% da actividade do crebro, trata-se do modo
privilegiado para os interfaces dos utilizadores.
A cada um dos sistemas corresponde uma memria e um processador. As teorias da psicologia
distinguem trs tipos de memrias:
A memria sensorial, permitindo armazenar a informao sensorial (tratamento dos
estmulos) durante cerca de um quarto de segundo (250 ms),
A memria a curto prazo (ou memria de trabalho), capaz de armazenar um nmero
restrito de mnemes (em ingls chunks, ou unidades de informao, isto , motivos
visuais ou sonoros como uma palavra, etc.) durante vrios minutos. Estudos publicados
por Georges MILLER em 1956 (Magical number seven), mostraram que o ser humano
capaz de processar simultaneamente 7 mnemes (mais ou menos dois).
A memria a longo prazo, capaz de armazenar um nmero infinito de informaes de
maneira permanente.
Os trs tipos de memria esto fortemente ligados. Assim, um ambiente que apela fortemente
aos sentidos (msica, vdeo, lugar agradvel) facilita a aprendizagem a curto prazo. por esta
razo, nomeadamente, que a aprendizagem pela aco muito eficaz. Os ambientes
multimdia permitem, por exemplo, a apropriao muito rpida do interface pelas crianas, e
aprender sem se aperceber.
Alm disso, a repetio uma forma de passar a informao da memria a curto prazo para a
memria a longo prazo. O processo de memorizao a longo prazo faz-se com base num
princpio de associao: a recuperao de um mnme na memria a longo prazo ser ainda
mais fcil se estiver associado conceptualmente a outros mnemes.
A teoria da aco (User Central System Design, Donald A. NORMAN, 1986) modela as aces
e reaces do homem. Esta teoria assenta em dois conceitos :
O homem concebe modelos simples para definir o seu comportamento;
O homem decompe as suas aces de acordo com um ciclo que compreende 7 etapas :
Estabelecimento de um objectivo : trata-se de uma representao mental de um
estado a atingir;
Formulao de uma inteno : trata-se da deciso de atingir o objectivo fixado;
Estabelecimento de um plano de aco : representa a sequncia de aces a
efectuar;
Realizao do plano de aco : consiste em activar o sistema motor;
Percepo do estado do sistema, descrevendo sob a forma de variveis

psicolgicas a percepo da mudana pelo organismo;

Avaliao do estado atingido em relao aos objectivos inicialmente fixados.

Quando o objectivo inicial complexo, decomposto em objectivos sucessivos, atque o

objectivo seja realizvel. O sub-objectivo traduz-se ento numa aco, conduzindo definio
de um novo objectivo. A teoria da aco define assim duas distncias que caracterizam o desvio
entre o objectivo definido pelo utilizador e sua realizao:
A distncia de execuo, representando o desvio entre o objectivo e o estado do sistema
no ramo descendente;
A distncia de avaliao, representando o desvio entre o estado do sistema e o objectivo
no ramo ascendente.
A avaliao destas duas distncias permite ao utilizador avaliar o esforo necessrio para fazer
corresponder a sua representao mental com o objectivo fixado.
Esta lista de caractersticas psicolgicas est longe de ser exaustiva. A ergonomia permite tirar
partido destas consideraes comportamentais e dos mecanismos de aprendizagem para criar
interfaces homens-mquina ergonmicos. Decorre nomeAssim, segundo os elementos
apresentados acima :
uma lista de items deve, preferivelmente, comportar menos de 7 elementos;
o uso de cores e de sinalctica que unifiquem os elementos de interface ajuda o utilizador
a apropriar-se dele;
mensagens curtas facilitam a sua memorizao;
o estado do interface deve representar fielmente o estado do sistema. Isto significa,
nomeadamente, que devem ser criadas mensagens de alerta adequadas .

Critrios de ergonomia

Os principais critrios de ergonomia de um website so os seguintes (lista no exaustiva) :

Critrio
Sobriedade

Legibilidade

Utilizao

Subcritrio

Descrio

Simplicidade

um site muito depurado reforar a credibilidade da

organizao.

Pouco carregado

As imagens animadas so de evitar. A animao deve ser

privilegiada para mostrar mensagens fortes, porque
atraem o olhar do usurio da internet.

Clareza

Convm ter em conta o facto de as informaes escritas

serem mais difceis de ler num ecr que em papel (25%
de tempo de leitura suplementar). Assim, o texto dever
ser suficientemente espaado.

Estruturao

O texto dever ser estruturado em pargrafos e ttulos de

diferentes nveis, para facilitar a leitura

Organizao

Os elementos de informaes devem ser hierarquizados

por nvel de importncia. Os elementos mais importantes
devem figurar na parte superior da pgina.

Facilidade de
navegao

A regra dos 3 cliques, amplamente seguida, estipula que

qualquer informao deve ficar acessvel com menos de 3
cliques

Localizao

A qualquer momento, o visitante deve conseguir situar-se

no site. Alm disso, o logotipo deve estar presente em
todas as pginas, no mesmo stio, e deve aplicar-se um
ambiente grfico uniforme ao conjunto das pginas, para
permitir ao utente saber que continua no mesmo site. Um
mapa do site pode constituir um excelente meio para
permitir ao visitante saber onde est.

Liberdade de
navegao

Visibilidade do
endereo

O site deve dar a possibilidade ao utilizador de voltar

pgina inicial e s principais rubricas com um simples
clique, qualquer que seja a pgina em que se encontre
(graas a uma barra de navegao, por exemplo). Na
medida do possvel, o utilizador dever poder navegar no
contedo sem ter de voltar pgina inicial. As pginas de
introduo ou pginas intercalares (splash screen) so de
evitar, pois enervaro a maior parte dos visitantes.
O URL da pgina corrente deve estar sempre visvel e ser
suficientemente explcito para permitir ao utilizador situarse, de forma a poder voltar a essa pgina facilmente.

Rapidez

Tangibilidade da
informao

As informaes presentes no site devem ser

referenciadas, ou seja, elementos como a data de
actualizao ou o nome do autor devem estar presentes.
Por outro lado, nefasto para um ste propor uma fachada
atractiva que conduz a pginas em manuteno.

Homogeneidade
da estrutura

Os elementos de navegao devem estar no mesmo stio

em todas as pginas e, se possvel, mantendo uma
apresentao uniforme.

Tempo de
carregamento

O tempo de carregamento de uma pgina deve ser o mais

curto possvel, porque a maioria dos usurios da internet
perdem a pacincia ao fim de 15 segundos de
carregamento de uma pgina. Este factor depende
nomeadamente da conexo do visitante, da dimenso da
pgina e das suas imagens, bem como das capacidades
do servidor web.

Imagens
optimizadas

Convm optimizar ao mximo a dimenso das imagens,

escolhendo um formato adaptado e um nmero de cores o
mais reduzido possvel. recomendvel no ter mais 30 a
40 ko mximo por imagem, excepto se assim o desejar
(por exemplo, no caso de uma imagem de alta resoluo).

No alterar as
dimenses das
imagens

Pela mesma razo, as imagens devem figurar, de

preferncia, na sua dimenso real.

Interactividade
Ligaes
hipertextuais

Segmentao da
informao

A interactividade caracteriza as interaces possveis

entre o utilizador e o website. As ligaes hipertextuais
oferecem vastas possibilidades neste domnio e
oferecerem ao visitante percursos mltiplos, consoante os
seus desejos. aconselhvel criar bastantes ligaes
entre as diferentes pginas. Pelo contrrio, demasiadas
ligaes podem tornar a leitura difcil.
Para permitir ao visitante assimilar melhor a informao e,
em certos casos, suscitar a sua curiosidade,
aconselhvel segmentar a informao. A segmentao da
informao pode traduzir-se, nomeadamente, por um lead
e uma ligao hipertextual que conduz ao resto do artigo.

Simplificao das desejvel facilitar o intercmbio com os visitantes,

trocas
nomeadamente para recolher as suas impresses e os
seus pedidos, para fazer evoluir o ste. No mnimo, o
visitante deve poder encontrar facilmente o meio para
contactar uma pessoa, por correio electrnico ou graas a
um formulrio de contacto.

Adaptabilidade

A adaptabilidade a possibilidade de personalizao do

site mediante a interveno do utilizador.
Tamanho da letra Os textos do ste devem de preferncia utilizar um tipo de
letra cuja dimenso no seja fixa, para poder ser alterada
pelos utilizadores, se assim o desejarem.

Adaptao

A adaptao representa a possibilidade de

personalizao automtica do site, sem interveno do
utente.

Acessibilidade Universalidade
do acesso

A acessibilidade a capacidade que o site deve ter de ser

consultado universalmente, ou seja, por todo o tipo de
utilizador, incluindo cegos e amblopes. Existem vrias
regras de acessibilidade simples, que permitem o acesso
de um grande nmero de utilizadores ao site, qualquer
que seja a sua configurao de software e material ou a
sua deficincia.

Interoperabilidade
O respeito dos padres, em especial as recomendaes
de acessibilidade do W3C, permite garantir um bom nvel
de interoperabilidade, ou seja a capacidade de o site ser
consultvel por diferentes clientes de software.
Transparncia
dos formatos

Os formatos utilizados devem, de preferncia, ser

transparentes, ou seja, consultveis em modo texto.
Assim, preferiremos o HTML ao Flash. Alm disso, as
imagens ou animao no devem sobrepor-se s
informaes textuais ou constituir um obstculo para os
deficientes visuais. As ilustraes grficas devem, por
isso, ser utilizadas unicamente como complemento visual
do texto.

Legenda

Uma legenda ou um texto de substituio devem ser

usados para substituir as imagens (graas ao atributo alt),
para permitir aos deficientes visuais compreender o
sentido da imagem.

Escolha das
cores

As cores devem ser escolhidas de forma a que a

informao seja legvel para pessoas que no distinguem
as cores correctamente (daltnicos).

Uso adequado
das folhas de
estilo

A informao deve estar acessvel, mesmo sem folha de

estilo.

Contraste
adaptado

O nvel de contraste entre a cor de fundo e o texto deve

ser suficiente para permitir a leitura aos amblopes.

Dimenso das
letras passvel de
alterao

A dimenso das letras deve ser adaptvel, para se poder

aumentar o tamanho dos textos se necessrio. A letra
utilizada no devem ser demasiado pequena, pois isso
pode cansar a vista dos leitores ou ser ilegvel.

Webmastering - Website Ergonomics Webmastering - Ergonoma 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 licena Creative Commons. Voc pode copiar, modificar cpias desta pgina, nas condies
estipuladas pela licena, como esta nota aparece claramente.