SlideShare uma empresa Scribd logo
1 de 9
Baixar para ler offline
08-02-2014

Ergonomia nos écrans

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 ergonomia
caracteriza-se geralmente de acoro com duas
componente.

DCA Modulo 4
Pedro Ramalho

COMPONENTES DA ERGONOMIA

ERGONOMIA APLICADA À WEB

• Eficácia
•

consiste em adoptar soluções adequadas de utilização de um
produto, para além do bom sentido do criador

• 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 e nervoso.

A ergonomia de um síte web pode ser definida
como a sua capacidade para responder
eficazmente às expectativas dos utilizadores e
fornecer-lhes um conforto de navegação e
visualização.

• segurança, consistindo em escolher soluções adequadas para
proteger o utilizador;

1
08-02-2014

ERGONOMIA APLICADA À WEB

ERGONOMIA APLICADA À WEB
• Critérios determinantes para um website:

A principal dificuldade que a ergonomia web
enfrenta e a diversidade de perfis de utilizadores.

• Expectativas
• Hábitos do utilizador
• Idade do utilizador
• Equipamentos
• Nível de conhecimentos

ERGONOMIA APLICADA À WEB

ERGONOMIA APLICADA À WEB

• Expectativas do utilizador :

• Idade do utilizador :

nem todos os visitantes do site procuram
necessariamente a mesma informação ou não têm
necessariamente as mesmas exigências em termos de
grafismo.

• Hábitos do utilizador :

correspondem a comportamentos adquiridos.

caracteriza em geral a capacidade de adaptação do
utilizador e a sua rapidez de navegação.

• Equipamentos :

trata-se de uma das dificuldades essenciais. Com
efeito, a apresentação do site poderá variar de um
equipamento para outro, em especial de acordo com o
navegador e a resolução do ecrã.

2
08-02-2014

ERGONOMIA APLICADA À WEB

ERGONOMIA APLICADA À WEB

• Nível de conhecimentos :

• Características humanas

nem todos os visitantes do site serão ases da
informática. A ergonomia do site deve ser pensada
para o utilizador menos experiente.

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

ERGONOMIA APLICADA À WEB

ERGONOMIA APLICADA À WEB

• Características humanas

• Características humanas

O ser humano, de acordo com o modelo do “processador
humano”, percebe o ambiente através:
• do seu sistema sensorial (5 sentidos: tacto, visão, audição,
olfacto e paladar)

•
•

do seu sistema cognitivo (cérebro) memorizando e planificando
as suas acções
do seu sistema a motor que permite agir e falar.

Entre os 5 sentidos, a visão é o sentido mais desenvolvido,
enquanto que se considera que o gosto e o olfacto são
pouco desenvolvidos.
Considera-se que a percepção visual pode representar
quase 50% da actividade do cérebro, trata-se do modo
privilegiado para os interfaces dos utilizadores.

3
08-02-2014

ERGONOMIA APLICADA À WEB

ERGONOMIA APLICADA À WEB

• Características humanas

• Características humanas

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

•
•

•

A memória sensorial, permitindo 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 de informação”, isto é, motivos visuais
ou sonoros como uma palavra, etc.) durante vários 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 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 fortemente aos sentidos (música,
vídeo, lugar agradável) facilita a aprendizagem a curto
prazo. É por esta razão, nomeadamente, que a
aprendizagem pela acção é muito eficaz. Os ambientes
multimédia permitem, por exemplo, a apropriação muito
rápida do interface pelas crianças, e aprender “sem se
aperceber”

ERGONOMIA APLICADA À WEB

ERGONOMIA APLICADA À WEB

• Características humanas

• Características humanas – Etapas do ciclo de ações

“A teoria da Ação” (User Central System Design, Donald A.
NORMAN, 1986) modela as ações e 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 ações de acordo com um ciclo que
compreende 6 etapas :

• Estabelecimento de um objectivo : 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 objectivo
fixado;

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

4
08-02-2014

ERGONOMIA APLICADA À WEB

ERGONOMIA APLICADA À WEB

• Características humanas – Etapas do ciclo de ações

• Características humanas

•

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.

ERGONOMIA APLICADA À WEB
• Características humanas

Em síntese, segundo os elementos apresentados 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 utilizador a 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 .

A ergonomia permite tirar partido destas considerações
comportamentais e dos mecanismos de aprendizagem
para criar interfaces homens-máquina ergonómicos.

ERGONOMIA APLICADA À WEB
• Critérios de ergonomia
•
•
•
•
•
•
•
•

Sobriedade

Legibilidade
Utilização
Rapidez

Interatividade

Adaptabilidade
Adaptação

Acessibilidade

5
08-02-2014

ERGONOMIA APLICADA À WEB

ERGONOMIA APLICADA À WEB

Criterios de ergonomia - Sobriedade

Criterios de ergonomia - Legibilidade
Subcritério

Subcritério

Simplicidade
Pouco carregado

Clareza

As imagens animadas são de evitar. A animação
deve ser privilegiada para mostrar mensagens
fortes, porque atraem o olhar do usuário da
internet.

Estruturação

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 nível de importância. Os elementos mais importantes
devem figurar na parte superior da página.

um site muito depurado reforçará a
credibilidade da organização.

ERGONOMIA APLICADA À WEB
Criterios de ergonomia - Utilização
Subcritério

Descrição

Descrição

Descrição

Facilidade de
navegação

“A regra dos 3 cliques”, amplamente seguida, estipula
que qualquer informação deve ficar acessível com
menos de 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 sítio, e deve aplicar-se um
ambiente gráfico uniforme ao conjunto das páginas,
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á.

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

ERGONOMIA APLICADA À WEB
Criterios de ergonomia - Utilização
Subcritério
Liberdade de
navegação

Visibilidade do
endereço

Descrição

O site deve dar a possibilidade ao utilizador de voltar
à página inicial e às principais rubricas com um simples
clique, qualquer que seja a página em que se encontre
(graças a uma barra de navegação, por exemplo). Na
medida do possível, o utilizador deverá poder navegar
no conteúdo sem ter de voltar à página inicial. As
páginas de introdução ou páginas intercalares (splash
screen) são de evitar, pois enervarão a maior parte dos
visitantes.
O URL da página corrente deve estar sempre visível e
ser suficientemente explícito para permitir ao utilizador
situar-se, de forma a poder voltar a essa página
facilmente.

6
08-02-2014

ERGONOMIA APLICADA À WEB

ERGONOMIA APLICADA À WEB

Criterios de ergonomia - Utilização

Criterios de ergonomia - Rapidez

Subcritério

Tangibilidade da
informação

Homogeneidade da
estrutura

Descrição

As informações presentes no site devem ser
referenciadas, ou seja, elementos como a data de
actualização ou o nome do autor devem estar presentes.
Por outro lado, é nefasto para um síte propor uma
fachada atractiva que conduz a páginas em
manutenção.
Os elementos de navegação devem estar no mesmo sítio
em todas as páginas e, se possível, mantendo uma
apresentação uniforme.

ERGONOMIA APLICADA À WEB
Criterios de ergonomia - Utilização
Subcritério

Imagens optimizadas

Descrição

Convém optimizar 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, excepto se assim o
desejar (por exemplo, no caso de uma imagem de alta
resolução).

Não alterar as
Pela mesma razão, as imagens devem figurar, de
dimensões das imagens preferência, na sua dimensão real.

Subcritério

Descrição

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 ao fim de 15 segundos de
carregamento de uma página. Este factor depende
nomeadamente da conexão do visitante, da dimensão
da página e das suas imagens, bem como das
capacidades do servidor web.

ERGONOMIA APLICADA À WEB
Criterios de ergonomia - Interactividade
Subcritério

Ligações hipertextuais

Segmentação da
informação

Descrição

A interactividade caracteriza as interacções possíveis
entre o utilizador e o website. As ligações hipertextuais
oferecem vastas possibilidades neste domínio e
oferecerem ao visitante percursos múltiplos, consoante
os seus desejos. É aconselhável criar bastantes ligações
entre as diferentes páginas. Pelo contrário, demasiadas
ligações podem tornar a leitura difícil.

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, nomeadamente, por
um lead e uma ligação hipertextual que conduz ao resto
do artigo.

7
08-02-2014

ERGONOMIA APLICADA À WEB
Criterios de ergonomia - Interactividade

Subcritério

Descrição

Simplificação das
trocas

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

ERGONOMIA APLICADA À WEB
Criterios de ergonomia - Acessibilidade
Subcritério

Descrição

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 amblíopes. Existem várias
regras de acessibilidade simples, que permitem o acesso
de um grande número de utilizadores 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, permite garantir um bom nível de
interoperabilidade, ou seja a capacidade de o site ser
consultável por diferentes clientes de software.

ERGONOMIA APLICADA À WEB
Criterios de ergonomia - Adaptabilidade
Subcritério

Descrição

Tamanho da letra

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

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

A adaptação representa a possibilidade de
personalização automática do site, sem intervenção do
utente.

ERGONOMIA APLICADA À WEB
Criterios de ergonomia - Acessibilidade
Subcritério

Transparência dos
formatos

Legenda

Descrição

Os formatos utilizados devem, de preferência, ser
transparentes, ou seja, consultáveis em modo texto. Assim,
preferiremos 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 isso, ser utilizadas
unicamente como complemento visual do texto.

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

8
08-02-2014

ERGONOMIA APLICADA À WEB
Criterios de ergonomia - Acessibilidade
Subcritério

Escolha das cores

Descrição

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

Uso adequado das folhas A informação deve estar acessível, mesmo sem folha de
de estilo
estilo.

ERGONOMIA APLICADA À WEB
Criterios de ergonomia - Acessibilidade
Subcritério

Descrição

Contraste adaptado

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

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 devem ser demasiado pequena, pois isso
pode cansar a vista dos leitores ou ser ilegível.

Duvidas

9

Mais conteúdo relacionado

Mais procurados

Vantagens E Desvantagens Do Computador
Vantagens E Desvantagens Do ComputadorVantagens E Desvantagens Do Computador
Vantagens E Desvantagens Do Computador
djscon
 
Aula 04 design gráfico na publicidade tipologia
Aula 04   design gráfico na publicidade tipologiaAula 04   design gráfico na publicidade tipologia
Aula 04 design gráfico na publicidade tipologia
Elizeu Nascimento Silva
 
Inteligência Artificial
Inteligência ArtificialInteligência Artificial
Inteligência Artificial
NEO Empresarial
 
Aula 01 tics - tecnologia da informacao e comunicacao final
Aula 01   tics - tecnologia da informacao e comunicacao finalAula 01   tics - tecnologia da informacao e comunicacao final
Aula 01 tics - tecnologia da informacao e comunicacao final
Gilberto Campos
 

Mais procurados (20)

Fichamento de Texto
Fichamento de TextoFichamento de Texto
Fichamento de Texto
 
Vantagens E Desvantagens Do Computador
Vantagens E Desvantagens Do ComputadorVantagens E Desvantagens Do Computador
Vantagens E Desvantagens Do Computador
 
Semiótica - Aula 2
Semiótica - Aula 2Semiótica - Aula 2
Semiótica - Aula 2
 
Inteligência Artificial
Inteligência ArtificialInteligência Artificial
Inteligência Artificial
 
Arquitetura de informação para Interface Digital
Arquitetura de informação para Interface DigitalArquitetura de informação para Interface Digital
Arquitetura de informação para Interface Digital
 
Reflexão - STC-5
Reflexão - STC-5Reflexão - STC-5
Reflexão - STC-5
 
Aula 04 design gráfico na publicidade tipologia
Aula 04   design gráfico na publicidade tipologiaAula 04   design gráfico na publicidade tipologia
Aula 04 design gráfico na publicidade tipologia
 
Cibercultura
CiberculturaCibercultura
Cibercultura
 
Inteligência Artificial
Inteligência ArtificialInteligência Artificial
Inteligência Artificial
 
TIC
TICTIC
TIC
 
Reflecção clc 5 (dr 1,2,3,4)
Reflecção clc 5 (dr 1,2,3,4)Reflecção clc 5 (dr 1,2,3,4)
Reflecção clc 5 (dr 1,2,3,4)
 
Semiótica - Aula 1
Semiótica - Aula 1Semiótica - Aula 1
Semiótica - Aula 1
 
Mercado de trabalho
Mercado de trabalhoMercado de trabalho
Mercado de trabalho
 
Tipografia e Grid para Sinalização
Tipografia e Grid para SinalizaçãoTipografia e Grid para Sinalização
Tipografia e Grid para Sinalização
 
Diagramação 01.3
Diagramação 01.3Diagramação 01.3
Diagramação 01.3
 
Tipografia - versão 2.0
Tipografia - versão 2.0Tipografia - versão 2.0
Tipografia - versão 2.0
 
Carreira profissional
Carreira profissionalCarreira profissional
Carreira profissional
 
Aula empreendedorismo
Aula empreendedorismoAula empreendedorismo
Aula empreendedorismo
 
Aula 01 tics - tecnologia da informacao e comunicacao final
Aula 01   tics - tecnologia da informacao e comunicacao finalAula 01   tics - tecnologia da informacao e comunicacao final
Aula 01 tics - tecnologia da informacao e comunicacao final
 
Cibercultura
CiberculturaCibercultura
Cibercultura
 

Destaque

Trabalho pós ergonomia aplicação da ferramenta ocra em análise ergonômica do ...
Trabalho pós ergonomia aplicação da ferramenta ocra em análise ergonômica do ...Trabalho pós ergonomia aplicação da ferramenta ocra em análise ergonômica do ...
Trabalho pós ergonomia aplicação da ferramenta ocra em análise ergonômica do ...
Ana Thais Souza
 
Segurança no trabalho
Segurança no trabalhoSegurança no trabalho
Segurança no trabalho
Paula Lopes
 
Planificação efa 3775 ergonomia do posto de trabalho
Planificação efa  3775 ergonomia do posto de trabalhoPlanificação efa  3775 ergonomia do posto de trabalho
Planificação efa 3775 ergonomia do posto de trabalho
Francisco Goncalves
 
OrganizaçãO Do Posto De Trabalho
OrganizaçãO Do Posto De TrabalhoOrganizaçãO Do Posto De Trabalho
OrganizaçãO Do Posto De Trabalho
guest8e2d2a
 

Destaque (20)

Ergonomia
ErgonomiaErgonomia
Ergonomia
 
Ecrans de visualização
Ecrans de visualizaçãoEcrans de visualização
Ecrans de visualização
 
Ergonomia
ErgonomiaErgonomia
Ergonomia
 
Trabalho pós ergonomia aplicação da ferramenta ocra em análise ergonômica do ...
Trabalho pós ergonomia aplicação da ferramenta ocra em análise ergonômica do ...Trabalho pós ergonomia aplicação da ferramenta ocra em análise ergonômica do ...
Trabalho pós ergonomia aplicação da ferramenta ocra em análise ergonômica do ...
 
Segurança no trabalho
Segurança no trabalhoSegurança no trabalho
Segurança no trabalho
 
Planificação efa 3775 ergonomia do posto de trabalho
Planificação efa  3775 ergonomia do posto de trabalhoPlanificação efa  3775 ergonomia do posto de trabalho
Planificação efa 3775 ergonomia do posto de trabalho
 
Antropometria
AntropometriaAntropometria
Antropometria
 
Trabalho de Ergonomia voltado a Engenharia - Posto de trabalho
Trabalho de Ergonomia voltado a Engenharia - Posto de trabalhoTrabalho de Ergonomia voltado a Engenharia - Posto de trabalho
Trabalho de Ergonomia voltado a Engenharia - Posto de trabalho
 
Manual de ergonomia
Manual de ergonomiaManual de ergonomia
Manual de ergonomia
 
Ergonomia - Conceitos
Ergonomia - ConceitosErgonomia - Conceitos
Ergonomia - Conceitos
 
Aula ergonomia
Aula ergonomiaAula ergonomia
Aula ergonomia
 
O que é design centrado no usuário
O que é design centrado no usuárioO que é design centrado no usuário
O que é design centrado no usuário
 
OrganizaçãO Do Posto De Trabalho
OrganizaçãO Do Posto De TrabalhoOrganizaçãO Do Posto De Trabalho
OrganizaçãO Do Posto De Trabalho
 
28483727 trabalho-sentado
28483727 trabalho-sentado28483727 trabalho-sentado
28483727 trabalho-sentado
 
Antropometria
AntropometriaAntropometria
Antropometria
 
Aula ergonomia
Aula ergonomiaAula ergonomia
Aula ergonomia
 
ANTROPOMETRIA
ANTROPOMETRIAANTROPOMETRIA
ANTROPOMETRIA
 
Aula 1 - apresentação HSST
Aula 1 - apresentação HSSTAula 1 - apresentação HSST
Aula 1 - apresentação HSST
 
Aspectos ergonômicos nr 12
Aspectos ergonômicos nr 12Aspectos ergonômicos nr 12
Aspectos ergonômicos nr 12
 
Aula 2 - evolução histórica da hsst
Aula 2 - evolução histórica da hsstAula 2 - evolução histórica da hsst
Aula 2 - evolução histórica da hsst
 

Semelhante a Ergonomia ecran

Usabilidade aula-02. Metas e princípios
Usabilidade aula-02. Metas e princípiosUsabilidade aula-02. Metas e princípios
Usabilidade aula-02. Metas e princípios
Alan Vasconcelos
 
Usabilidade1
Usabilidade1Usabilidade1
Usabilidade1
Tina Paz
 
Seminario Lep Ibge Slideshare
Seminario Lep Ibge SlideshareSeminario Lep Ibge Slideshare
Seminario Lep Ibge Slideshare
guest5ccda
 
IHC - Questionario
IHC - QuestionarioIHC - Questionario
IHC - Questionario
Jonatas Melo
 
Mundo Oi - Analise Heurística
Mundo Oi - Analise HeurísticaMundo Oi - Analise Heurística
Mundo Oi - Analise Heurística
Sabine Araujo
 
ErgoDesign e Arquitetura da Informação - Parte A
ErgoDesign e Arquitetura da  Informação - Parte AErgoDesign e Arquitetura da  Informação - Parte A
ErgoDesign e Arquitetura da Informação - Parte A
Fabiano Damiati
 

Semelhante a Ergonomia ecran (20)

Ergonomia & Usabilidade
Ergonomia & UsabilidadeErgonomia & Usabilidade
Ergonomia & Usabilidade
 
Heurística, Principios e Usabilidade na web
Heurística, Principios e Usabilidade na webHeurística, Principios e Usabilidade na web
Heurística, Principios e Usabilidade na web
 
Usabilidade heurística
Usabilidade heurísticaUsabilidade heurística
Usabilidade heurística
 
USABILIDADE DA WEB MÓVEL
USABILIDADE DA WEB MÓVELUSABILIDADE DA WEB MÓVEL
USABILIDADE DA WEB MÓVEL
 
Usabilidade aula-02. Metas e princípios
Usabilidade aula-02. Metas e princípiosUsabilidade aula-02. Metas e princípios
Usabilidade aula-02. Metas e princípios
 
Aula Design Web Arquitetura de Informação
Aula Design Web Arquitetura de InformaçãoAula Design Web Arquitetura de Informação
Aula Design Web Arquitetura de Informação
 
Usabilidade Simples
Usabilidade SimplesUsabilidade Simples
Usabilidade Simples
 
9 regras usabilidade
9 regras usabilidade9 regras usabilidade
9 regras usabilidade
 
29/09/2011 - 9h às 12h30 - oficina - arquitetura da informação em sistemas 2...
29/09/2011 -  9h às 12h30 - oficina - arquitetura da informação em sistemas 2...29/09/2011 -  9h às 12h30 - oficina - arquitetura da informação em sistemas 2...
29/09/2011 - 9h às 12h30 - oficina - arquitetura da informação em sistemas 2...
 
O que é user experience
O que é user experienceO que é user experience
O que é user experience
 
Usabilidade1
Usabilidade1Usabilidade1
Usabilidade1
 
Ergonomia e Usabiliadde
Ergonomia e UsabiliaddeErgonomia e Usabiliadde
Ergonomia e Usabiliadde
 
Seminario Lep Ibge Slideshare
Seminario Lep Ibge SlideshareSeminario Lep Ibge Slideshare
Seminario Lep Ibge Slideshare
 
Usabilidade: Palestra no auditório do IBGE
Usabilidade: Palestra no auditório do IBGEUsabilidade: Palestra no auditório do IBGE
Usabilidade: Palestra no auditório do IBGE
 
Palestra "Usabilidade: conceito, aplicações e testes" de Renato Rosa
Palestra "Usabilidade: conceito, aplicações e testes" de Renato RosaPalestra "Usabilidade: conceito, aplicações e testes" de Renato Rosa
Palestra "Usabilidade: conceito, aplicações e testes" de Renato Rosa
 
Aula 02 - Design - Primeira Parte INTERFACE E EXPERIENCIA DE USUARIO
Aula 02 - Design - Primeira Parte INTERFACE E EXPERIENCIA DE USUARIOAula 02 - Design - Primeira Parte INTERFACE E EXPERIENCIA DE USUARIO
Aula 02 - Design - Primeira Parte INTERFACE E EXPERIENCIA DE USUARIO
 
Ergodesing e arquitetura de Informação
Ergodesing e arquitetura de InformaçãoErgodesing e arquitetura de Informação
Ergodesing e arquitetura de Informação
 
IHC - Questionario
IHC - QuestionarioIHC - Questionario
IHC - Questionario
 
Mundo Oi - Analise Heurística
Mundo Oi - Analise HeurísticaMundo Oi - Analise Heurística
Mundo Oi - Analise Heurística
 
ErgoDesign e Arquitetura da Informação - Parte A
ErgoDesign e Arquitetura da  Informação - Parte AErgoDesign e Arquitetura da  Informação - Parte A
ErgoDesign e Arquitetura da Informação - Parte A
 

Ergonomia ecran

  • 1. 08-02-2014 Ergonomia nos écrans 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 ergonomia caracteriza-se geralmente de acoro com duas componente. DCA Modulo 4 Pedro Ramalho COMPONENTES DA ERGONOMIA ERGONOMIA APLICADA À WEB • Eficácia • consiste em adoptar soluções adequadas de utilização de um produto, para além do bom sentido do criador • 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 e nervoso. A ergonomia de um síte web pode ser definida como a sua capacidade para responder eficazmente às expectativas dos utilizadores e fornecer-lhes um conforto de navegação e visualização. • segurança, consistindo em escolher soluções adequadas para proteger o utilizador; 1
  • 2. 08-02-2014 ERGONOMIA APLICADA À WEB ERGONOMIA APLICADA À WEB • Critérios determinantes para um website: A principal dificuldade que a ergonomia web enfrenta e a diversidade de perfis de utilizadores. • Expectativas • Hábitos do utilizador • Idade do utilizador • Equipamentos • Nível de conhecimentos ERGONOMIA APLICADA À WEB ERGONOMIA APLICADA À WEB • Expectativas do utilizador : • Idade do utilizador : nem todos os visitantes do site procuram necessariamente a mesma informação ou não têm necessariamente as mesmas exigências em termos de grafismo. • Hábitos do utilizador : correspondem a comportamentos adquiridos. caracteriza em geral a capacidade de adaptação do utilizador e a sua rapidez de navegação. • Equipamentos : trata-se de uma das dificuldades essenciais. Com efeito, a apresentação do site poderá variar de um equipamento para outro, em especial de acordo com o navegador e a resolução do ecrã. 2
  • 3. 08-02-2014 ERGONOMIA APLICADA À WEB ERGONOMIA APLICADA À WEB • Nível de conhecimentos : • Características humanas nem todos os visitantes do site serão ases da informática. A ergonomia do site deve ser pensada para o utilizador menos experiente. Os estudos psicológicos efectuados sobre o Homem mostraram certas aptidões, assim como diversos limites. O objecto da ergonomia é tirar partido destes elementos psicológicos, para criar um interface eficaz e confortável de utilizar. ERGONOMIA APLICADA À WEB ERGONOMIA APLICADA À WEB • Características humanas • Características humanas O ser humano, de acordo com o modelo do “processador humano”, percebe o ambiente através: • do seu sistema sensorial (5 sentidos: tacto, visão, audição, olfacto e paladar) • • do seu sistema cognitivo (cérebro) memorizando e planificando as suas acções do seu sistema a motor que permite agir e falar. Entre os 5 sentidos, a visão é o sentido mais desenvolvido, enquanto que se considera que o gosto e o olfacto são pouco desenvolvidos. Considera-se que a percepção visual pode representar quase 50% da actividade do cérebro, trata-se do modo privilegiado para os interfaces dos utilizadores. 3
  • 4. 08-02-2014 ERGONOMIA APLICADA À WEB ERGONOMIA APLICADA À WEB • Características humanas • Características humanas A cada um dos sistemas corresponde uma memória e um processador. As teorias da psicologia distinguem três tipos de memórias: • • • A memória sensorial, permitindo 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 de informação”, isto é, motivos visuais ou sonoros como uma palavra, etc.) durante vários 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 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 fortemente aos sentidos (música, vídeo, lugar agradável) facilita a aprendizagem a curto prazo. É por esta razão, nomeadamente, que a aprendizagem pela acção é muito eficaz. Os ambientes multimédia permitem, por exemplo, a apropriação muito rápida do interface pelas crianças, e aprender “sem se aperceber” ERGONOMIA APLICADA À WEB ERGONOMIA APLICADA À WEB • Características humanas • Características humanas – Etapas do ciclo de ações “A teoria da Ação” (User Central System Design, Donald A. NORMAN, 1986) modela as ações e 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 ações de acordo com um ciclo que compreende 6 etapas : • Estabelecimento de um objectivo : 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 objectivo fixado; • Estabelecimento de um plano de acção : representa a sequência de acções a efectuar; 4
  • 5. 08-02-2014 ERGONOMIA APLICADA À WEB ERGONOMIA APLICADA À WEB • Características humanas – Etapas do ciclo de ações • Características humanas • 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. ERGONOMIA APLICADA À WEB • Características humanas Em síntese, segundo os elementos apresentados 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 utilizador a 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 . A ergonomia permite tirar partido destas considerações comportamentais e dos mecanismos de aprendizagem para criar interfaces homens-máquina ergonómicos. ERGONOMIA APLICADA À WEB • Critérios de ergonomia • • • • • • • • Sobriedade Legibilidade Utilização Rapidez Interatividade Adaptabilidade Adaptação Acessibilidade 5
  • 6. 08-02-2014 ERGONOMIA APLICADA À WEB ERGONOMIA APLICADA À WEB Criterios de ergonomia - Sobriedade Criterios de ergonomia - Legibilidade Subcritério Subcritério Simplicidade Pouco carregado Clareza As imagens animadas são de evitar. A animação deve ser privilegiada para mostrar mensagens fortes, porque atraem o olhar do usuário da internet. Estruturação 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 nível de importância. Os elementos mais importantes devem figurar na parte superior da página. um site muito depurado reforçará a credibilidade da organização. ERGONOMIA APLICADA À WEB Criterios de ergonomia - Utilização Subcritério Descrição Descrição Descrição Facilidade de navegação “A regra dos 3 cliques”, amplamente seguida, estipula que qualquer informação deve ficar acessível com menos de 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 sítio, e deve aplicar-se um ambiente gráfico uniforme ao conjunto das páginas, 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á. Convém ter em conta o facto de as informações escritas serem mais difíceis de ler num ecrã que em papel (25% de tempo de leitura suplementar). Assim, o texto deverá ser suficientemente espaçado. ERGONOMIA APLICADA À WEB Criterios de ergonomia - Utilização Subcritério Liberdade de navegação Visibilidade do endereço Descrição O site deve dar a possibilidade ao utilizador de voltar à página inicial e às principais rubricas com um simples clique, qualquer que seja a página em que se encontre (graças a uma barra de navegação, por exemplo). Na medida do possível, o utilizador deverá poder navegar no conteúdo sem ter de voltar à página inicial. As páginas de introdução ou páginas intercalares (splash screen) são de evitar, pois enervarão a maior parte dos visitantes. O URL da página corrente deve estar sempre visível e ser suficientemente explícito para permitir ao utilizador situar-se, de forma a poder voltar a essa página facilmente. 6
  • 7. 08-02-2014 ERGONOMIA APLICADA À WEB ERGONOMIA APLICADA À WEB Criterios de ergonomia - Utilização Criterios de ergonomia - Rapidez Subcritério Tangibilidade da informação Homogeneidade da estrutura Descrição As informações presentes no site devem ser referenciadas, ou seja, elementos como a data de actualização ou o nome do autor devem estar presentes. Por outro lado, é nefasto para um síte propor uma fachada atractiva que conduz a páginas em manutenção. Os elementos de navegação devem estar no mesmo sítio em todas as páginas e, se possível, mantendo uma apresentação uniforme. ERGONOMIA APLICADA À WEB Criterios de ergonomia - Utilização Subcritério Imagens optimizadas Descrição Convém optimizar 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, excepto se assim o desejar (por exemplo, no caso de uma imagem de alta resolução). Não alterar as Pela mesma razão, as imagens devem figurar, de dimensões das imagens preferência, na sua dimensão real. Subcritério Descrição 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 ao fim de 15 segundos de carregamento de uma página. Este factor depende nomeadamente da conexão do visitante, da dimensão da página e das suas imagens, bem como das capacidades do servidor web. ERGONOMIA APLICADA À WEB Criterios de ergonomia - Interactividade Subcritério Ligações hipertextuais Segmentação da informação Descrição A interactividade caracteriza as interacções possíveis entre o utilizador e o website. As ligações hipertextuais oferecem vastas possibilidades neste domínio e oferecerem ao visitante percursos múltiplos, consoante os seus desejos. É aconselhável criar bastantes ligações entre as diferentes páginas. Pelo contrário, demasiadas ligações podem tornar a leitura difícil. 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, nomeadamente, por um lead e uma ligação hipertextual que conduz ao resto do artigo. 7
  • 8. 08-02-2014 ERGONOMIA APLICADA À WEB Criterios de ergonomia - Interactividade Subcritério Descrição Simplificação das trocas É desejável facilitar o intercâmbio com os visitantes, nomeadamente para recolher as suas impressões e os seus pedidos, para fazer evoluir o síte. No mínimo, o visitante deve poder encontrar facilmente o meio para contactar uma pessoa, por correio electrónico ou graças a um formulário de contacto. ERGONOMIA APLICADA À WEB Criterios de ergonomia - Acessibilidade Subcritério Descrição 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 amblíopes. Existem várias regras de acessibilidade simples, que permitem o acesso de um grande número de utilizadores 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, permite garantir um bom nível de interoperabilidade, ou seja a capacidade de o site ser consultável por diferentes clientes de software. ERGONOMIA APLICADA À WEB Criterios de ergonomia - Adaptabilidade Subcritério Descrição Tamanho da letra Os textos do síte devem de preferência utilizar um tipo de letra cuja dimensão não seja fixa, para poder ser alterada pelos utilizadores, se assim o desejarem. A adaptabilidade é a possibilidade de personalização do site mediante a intervenção do utilizador. A adaptação representa a possibilidade de personalização automática do site, sem intervenção do utente. ERGONOMIA APLICADA À WEB Criterios de ergonomia - Acessibilidade Subcritério Transparência dos formatos Legenda Descrição Os formatos utilizados devem, de preferência, ser transparentes, ou seja, consultáveis em modo texto. Assim, preferiremos 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 isso, ser utilizadas unicamente como complemento visual do texto. Uma legenda ou um texto de substituição devem ser usados para substituir as imagens (graças ao atributo alt), para permitir aos deficientes visuais compreender o sentido da imagem. 8
  • 9. 08-02-2014 ERGONOMIA APLICADA À WEB Criterios de ergonomia - Acessibilidade Subcritério Escolha das cores Descrição As cores devem ser escolhidas de forma a que a informação seja legível para pessoas que não distinguem as cores correctamente (daltónicos). Uso adequado das folhas A informação deve estar acessível, mesmo sem folha de de estilo estilo. ERGONOMIA APLICADA À WEB Criterios de ergonomia - Acessibilidade Subcritério Descrição Contraste adaptado O nível de contraste entre a cor de fundo e o texto deve ser suficiente para permitir a leitura aos amblíopes. 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 devem ser demasiado pequena, pois isso pode cansar a vista dos leitores ou ser ilegível. Duvidas 9