Uma visão Geral sobre Webdesign e Interfaces
Novas Tecnologias
Aplicadas às artes Visuais
Tema da Aula:
Webdesign e Interfaces
Universidade
UCSal – Disciplina
do Estado
Novas
da Bahia
Tecnologias
– UNEB/ / Profª
ProfªJosemeire
JosemeireMachado
MachadoDias
Dias :: 2007
Uma visão Geral sobre Webdesign e Interfaces
Novas atividades, novas funções
A Internet comercial provocou o surgimento de
novas atividades e funções:
 Webdesigner
 Webdeveloper
 Webmaster
 Webwriter = redação de matérias e textos
para sites
 Websurfer = Manutenção de Páginas
Fonte: Guia de Empregos: http://www.ijobs.com.br/
http://www.widesoft.com.br/users/virtual/profis.htm
Universidade
UCSal – Disciplina
do Estado
Novas
da Bahia
Tecnologias
– UNEB/ / Profª
ProfªJosemeire
JosemeireMachado
MachadoDias
Dias :: 2007
Uma visão Geral sobre Webdesign e Interfaces
Webdesign – O sentido da Palavra
Mecanismos
de Interação
Representação
Visual
Webdeveloper
Webdesign
Universidade
UCSal – Disciplina
do Estado
Novas
da Bahia
Tecnologias
– UNEB/ / Profª
ProfªJosemeire
JosemeireMachado
MachadoDias
Dias :: 2007
Uma visão Geral sobre Webdesign e Interfaces
Fases (épocas) do Web design
 Sites “Cartão de Visita”;
 Sites institucionais com informações sobre a
empresa e um certo número de páginas;
 Sites com o oferecimento de alguns serviços;
 Sites complexos compostos por diversas
tecnologias
 Sites participativos = Chamado Web2.0
Universidade
UCSal – Disciplina
do Estado
Novas
da Bahia
Tecnologias
– UNEB/ / Profª
ProfªJosemeire
JosemeireMachado
MachadoDias
Dias :: 2007
Uma visão Geral sobre Webdesign e Interfaces
Fases (épocas) do Web design
 Sites participativos = Chamado Web2.0
Mashup é um website ou uma
aplicação web que usa conteúdo
de mais de uma fonte para criar
um novo serviço completo.
O termo mashup deriva da
prática do hip-hop de mixar
trechos de música e vem sendo
empregado por diversos sites na
internet, com o objetivo de
combinar informações de várias
fontes num único endereço
Fonte: PLANTÃO INFO / 09/2007 /
TI

Fonte: Revista INFO. Setembro de 2007
Universidade
UCSal – Disciplina
do Estado
Novas
da Bahia
Tecnologias
– UNEB/ / Profª
ProfªJosemeire
JosemeireMachado
MachadoDias
Dias :: 2007
Uma visão Geral sobre Webdesign e Interfaces
Webdesign x Design Impresso
 Design Impresso – todos vêem a mesma coisa;
 Design Web - depende:
 Da Resolução de tela do usuário;
 Da capacidade da placa de vídeo do usuário;
 Do Navegador utilizado
 Netscape, Opera, Explorer, Mozilla
 Da versão do Navegador
 Do sistema operacional
 Da existência de plug-ins, etc.
Universidade
UCSal – Disciplina
do Estado
Novas
da Bahia
Tecnologias
– UNEB/ / Profª
ProfªJosemeire
JosemeireMachado
MachadoDias
Dias :: 2007
Uma visão Geral sobre Webdesign e Interfaces
Webdesign x Design Impresso
 Da Resolução de tela do usuário;

Fonte: Revista INFO. Setembro de 2007
Universidade
UCSal – Disciplina
do Estado
Novas
da Bahia
Tecnologias
– UNEB/ / Profª
ProfªJosemeire
JosemeireMachado
MachadoDias
Dias :: 2007
Uma visão Geral sobre Webdesign e Interfaces
Webdesign x Design Impresso
 Da Resolução de tela do usuário;
Tamanho da Tela do monitor e resolução
Medida
Resolução
14”
800x600
15”
800x600
17”
1024x768
19”
1280x1024
21”
1600x1200
Influencia na decisão de projetos a serem apresentados na tela. Qual
resolução utilizar?
Universidade
UCSal – Disciplina
do Estado
Novas
da Bahia
Tecnologias
– UNEB/ / Profª
ProfªJosemeire
JosemeireMachado
MachadoDias
Dias :: 2007
Uma visão Geral sobre Webdesign e Interfaces
Quem vê o seu projeto
 A utilização de navegadores no Mundo
Atualização do gráfico 05/2007
 78% Internet Explorer
 15,4% usam o FireFox
 Qual a relação deste gráfico com
o desenvolvimento de projetos
para Web?
Fonte: http://info.abril.com.br/
Universidade
UCSal – Disciplina
do Estado
Novas
da Bahia
Tecnologias
– UNEB/ / Profª
ProfªJosemeire
JosemeireMachado
MachadoDias
Dias :: 2007
Uma visão Geral sobre Webdesign e Interfaces
Quem vê o seu projeto
 Brasil é o 36° em Banda Larga
 Apenas 1,9% da população estão
usando a banda larga.
 Qual a relação deste gráfico com
o desenvolvimento de projetos
para os meios digitais?
Universidade
UCSal – Disciplina
do Estado
Novas
da Bahia
Tecnologias
– UNEB/ / Profª
ProfªJosemeire
JosemeireMachado
MachadoDias
Dias :: 2007
Uma visão Geral sobre Webdesign e Interfaces
Ferramentas para o Webdesign
 A linguagem HTML - Ainda é fundamental
 Linguagem de Marcação proveniente da SGML
 O básico para o webdesign
 Edição HTML
 Frontpage – agora é Microsoft® Expression Web
 Dreamweaver - Adobe
 Edição de Imagens
 Photoshop - Adobe
 FireWorks - Adobe
 Animação
 Flash - Adobe
Universidade
UCSal – Disciplina
do Estado
Novas
da Bahia
Tecnologias
– UNEB/ / Profª
ProfªJosemeire
JosemeireMachado
MachadoDias
Dias :: 2007
Uma visão Geral sobre Webdesign e Interfaces
Formatos de Arquivos
São muitos os formatos de arquivos utilizados na Internet,
principalmente com surgimento de novas linguagens de
programação. Podemos destacar os seguintes:
 Imagens
 GIF – Graphics Interchange Format
 JPG – Joint Photographic Expert Group
 Páginas
 HTML, htm, asp, php, cfm
Curiosidade 1
Qual a diferença de .html para .htm?
Arquivo.html é igual a arquivo.Html?
Universidade
UCSal – Disciplina
do Estado
Novas
da Bahia
Tecnologias
– UNEB/ / Profª
ProfªJosemeire
JosemeireMachado
MachadoDias
Dias :: 2007
Uma visão Geral sobre Webdesign e Interfaces
Tamanho das Imagens para Web
Para alguns a rede pode ter se tornado um pouco mais rápida
graças a Banda Larga, mas para a maioria, que ainda utiliza
modens comuns para se conectar, a rede continua lenta!
 Pensar no tamanho das imagens
 Melhor formato para cada tipo de imagem
 Melhor compressão
 Photoshop permite a otimização de imagens para Web
CURIOSIDADE 2
Considerando que as duas imagens acima possuem a mesma dimensão e
quantidade de cores. Qual delas terá o maior tamanho?
Universidade
UCSal – Disciplina
do Estado
Novas
da Bahia
Tecnologias
– UNEB/ / Profª
ProfªJosemeire
JosemeireMachado
MachadoDias
Dias :: 2007
Uma visão Geral sobre Webdesign e Interfaces
Escolha de Fontes para o Webdesign
Se perguntarmos a um Webdesigner qual a fonte ideal para um
projeto, certamente receberemos como resposta “Fontes sem serifa”,
mas poucos saberão explicar o porque...
E
 Limitações dos equipamentos da época
geravam falta de legibilidade nas fontes
serifadas, o que fez da fontes sem serifa um
padrão de utilização.
Serifa
Devemos utilizar as fontes mais comuns de serem encontradas, como
Tahoma, Verdana e Arial.
O que acontece se o usuário não tiver em seu computador a fonte
especificada no projeto?
Universidade
UCSal – Disciplina
do Estado
Novas
da Bahia
Tecnologias
– UNEB/ / Profª
ProfªJosemeire
JosemeireMachado
MachadoDias
Dias :: 2007
Uma visão Geral sobre Webdesign e Interfaces
Sistema de Cores do Webdesign
O modelo de cores RGB é baseado no princípio de que diversos
efeitos cromáticos são obtidos pela projeção da luz branca através
dos filtros vermelho, verde e azul.
Red
Green
Blue
A cada uma das três cores é atribuído um valor de 0 a 255 que
combinados formam todas as outras cores.
A codificação Hexadecimal
Universidade
UCSal – Disciplina
do Estado
Novas
da Bahia
Tecnologias
– UNEB/ / Profª
ProfªJosemeire
JosemeireMachado
MachadoDias
Dias :: 2007
Uma visão Geral sobre Webdesign e Interfaces
Metodologia para Webdesign
Além do conhecimento técnico necessário para o desenvolvimento de
projetos para web é necessário também uma metodologia de
desenvolvimento que direcione ao sucesso do projeto.
 Fase 1 - Visão geral
 Fase 2 – Planejamento
 Fase 3 - Definição de uma Identidade Visual
 Fase 4 - Coleta de material
 Fase 5 – Desenvolvimento
 Fase 6 - Testes
 Fase 7 – Correções
 Fase 8 – Publicação
 Fase 9 - Divulgação do Site
 Fase 10 - Manutenção
Universidade
UCSal – Disciplina
do Estado
Novas
da Bahia
Tecnologias
– UNEB/ / Profª
ProfªJosemeire
JosemeireMachado
MachadoDias
Dias :: 2007
Uma visão Geral sobre Webdesign e Interfaces
Tipos de projetos para Web
 Portais Horizontais e Verticais;
 Comércio eletrônico;
 Sistemas Bancários;
 Sistemas Acadêmicos;
 Sistemas de Busca;
 Sistemas de localização;
Trabalho em Equipe = muitas áreas envolvidas
 O desenvolvimento de projetos web
que ofereça serviços é quase impossível
ser realizado de forma individual
Universidade
UCSal – Disciplina
do Estado
Novas
da Bahia
Tecnologias
– UNEB/ / Profª
ProfªJosemeire
JosemeireMachado
MachadoDias
Dias :: 2007
Uma visão Geral sobre Webdesign e Interfaces
Preocupações
 Desenvolvimento de Projetos que possuam
usabilidade além de funcionalidade
 Frase conhecida:
Designer e Programador não são
usuários!
 Necessidade de Critérios de Avaliação dos projetos
desenvolvidos para uma maior aceitação
no mercado.
Universidade
UCSal – Disciplina
do Estado
Novas
da Bahia
Tecnologias
– UNEB/ / Profª
ProfªJosemeire
JosemeireMachado
MachadoDias
Dias :: 2007
Uma visão Geral sobre Webdesign e Interfaces
Webdesign voltado para o usuário
Processo de Avaliação
Universidade
UCSal – Disciplina
do Estado
Novas
da Bahia
Tecnologias
– UNEB/ / Profª
ProfªJosemeire
JosemeireMachado
MachadoDias
Dias :: 2007
Uma visão Geral sobre Webdesign e Interfaces
O ser humano
Hardware
Software
Universidade
UCSal – Disciplina
do Estado
Novas
da Bahia
Tecnologias
– UNEB/ / Profª
ProfªJosemeire
JosemeireMachado
MachadoDias
Dias :: 2007
Uma visão Geral sobre Webdesign e Interfaces
OBJETIVOS DA AVALIAÇÃO
 Conhecer o que os usuários desejam
 Avaliar a Funcionalidade do projeto
 O sistema permite ao usuário executar a tarefa desejada?
 Avaliar a Usabilidade
 É fácil aprender a usar o sistema?
 Identificar os problemas enfrentados pelo usuário
 Situações inesperadas ou que
confundem os usuários
 Se nos voltarmos para o desenvolvimento de produtos, os itens
acima são válidos?
Universidade
UCSal – Disciplina
do Estado
Novas
da Bahia
Tecnologias
– UNEB/ / Profª
ProfªJosemeire
JosemeireMachado
MachadoDias
Dias :: 2007
Uma visão Geral sobre Webdesign e Interfaces
 Os itens são válidos? Vejam algumas tecnologias
“novas”...
Projeta um teclado virtual em uma superfície plana através de
tecnologia laser. Captura em tempo real a digitação pela intersecção
dos dedos com os raios.
Teclado virtual – tecnologia laser €139.99
Universidade
UCSal – Disciplina
do Estado
Novas
da Bahia
Tecnologias
– UNEB/ / Profª
ProfªJosemeire
JosemeireMachado
MachadoDias
Dias :: 2007
Uma visão Geral sobre Webdesign e Interfaces
Universidade
UCSal – Disciplina
do Estado
Novas
da Bahia
Tecnologias
– UNEB/ / Profª
ProfªJosemeire
JosemeireMachado
MachadoDias
Dias :: 2007
Uma visão Geral sobre Webdesign e Interfaces
...tecnologias “novas”...
Papel Eletrônico
O Jornal belga De Tijd entregou 200
unidades do e-readers para seus
assinantes testarem
Fonte: Revista Veja
Universidade
UCSal – Disciplina
do Estado
Novas
da Bahia
Tecnologias
– UNEB/ / Profª
ProfªJosemeire
JosemeireMachado
MachadoDias
Dias :: 2007
Uma visão Geral sobre Webdesign e Interfaces
...tecnologias “novas”...
IPad
Fonte: Revista Veja
Universidade
UCSal – Disciplina
do Estado
Novas
da Bahia
Tecnologias
– UNEB/ / Profª
ProfªJosemeire
JosemeireMachado
MachadoDias
Dias :: 2007
Uma visão Geral sobre Webdesign e Interfaces
...tecnologias “novas”...
Papel Eletrônico - Flexível
A LG Display desenvolveu uma tela
de papel eletrônico flexível, mais ou
menos do tamanho de uma folha A3.
Para ser mais específico, a tela possui
19 polegadas e 0,3 milímetros de
espessura, podendo ser dobrada
como um jornal
Fonte: http://www.techguru.com.br/lg-apresenta-papel-eletronico-flexivel.htm
Universidade
UCSal – Disciplina
do Estado
Novas
da Bahia
Tecnologias
– UNEB/ / Profª
ProfªJosemeire
JosemeireMachado
MachadoDias
Dias :: 2007
Uma visão Geral sobre Webdesign e Interfaces
...tecnologias “novas”...
Projetor 3D "real"
O novo equipamento, cria imagens 3D reais, utilizando raios laser que
são focalizados por meio de uma lente até pontos específicos no espaço.
Empresa: http://www.io2technology.com/videos acesso [Vídeo]
Universidade
UCSal – Disciplina
do Estado
Novas
da Bahia
Tecnologias
– UNEB/ / Profª
ProfªJosemeire
JosemeireMachado
MachadoDias
Dias :: 2007
Uma visão Geral sobre Webdesign e Interfaces
...tecnologias “novas”...
Interfaces e Tecnologia
“O sistema ideal esconde tanto a tecnologia que o usuário nem nota
sua presença.”
“As pessoas deveriam aprender a tarefa, não a tecnologia.”
Universidade
UCSal – Disciplina
do Estado
Novas
da Bahia
Tecnologias
– UNEB/ / Profª
ProfªJosemeire
JosemeireMachado
MachadoDias
Dias :: 2007
Uma visão Geral sobre Webdesign e Interfaces
...tecnologias “novas”...
Modelo Mental
Representação dinâmica sobre qualquer sistema ou objeto, que evolui
naturalmente na mente de um sujeito
“É o modelo que as pessoas tem de si próprias, dos outros, do
ambiente, e das coisas com as quais interagem. Pessoas formam
modelos mentais por meio da experiência, treinamento e instrução”
(Norman)
Universidade
UCSal – Disciplina
do Estado
Novas
da Bahia
Tecnologias
– UNEB/ / Profª
ProfªJosemeire
JosemeireMachado
MachadoDias
Dias :: 2007
Uma visão Geral sobre Webdesign e Interfaces
FATORES DETERMINANTES DO TIPO DE AVALIAÇÃO (*)
• Estágio do Projeto - Início, meio ou fim
• Quão inovador é o projeto
• Qual o número esperado de usuários
• Quão crítica é a interface
• Custo do produto e Orçamento disponível para a avaliação
• Tempo disponível
• Experiência dos Designers e da equipe de avaliação
(*)
Designing the user Interface. Página 124. Ben Shneiderman
Design e Avaliação de Interfaces Humano-Computador . Página 164.
Universidade
UCSal – Disciplina
do Estado
Novas
da Bahia
Tecnologias
– UNEB/ / Profª
ProfªJosemeire
JosemeireMachado
MachadoDias
Dias :: 2007
Uma visão Geral sobre Webdesign e Interfaces
AVALIAÇÃO DE USABILIDADE
Conjunto de técnicas baseados em se ter avaliadores
inspecionando ou examinando aspectos de uma interface de
usuário relacionados a usabilidade
 Facilidade de Aprendizagem
 Eficiência
 Facilidade de relembrar
 Erros (Eles são catastróficos?)
 Satisfação subjetiva
Universidade
UCSal – Disciplina
do Estado
Novas
da Bahia
Tecnologias
– UNEB/ / Profª
ProfªJosemeire
JosemeireMachado
MachadoDias
Dias :: 2007
Uma visão Geral sobre Webdesign e Interfaces
USABILIDADE – DEFINIÇÃO FORMAL
A capacidade que um sistema interativo oferece a seu usuário,
em um determinado contexto de operação, para a realização
de tarefas, de maneira eficaz, eficiente e agradável. (ISO
9241)
Universidade
UCSal – Disciplina
do Estado
Novas
da Bahia
Tecnologias
– UNEB/ / Profª
ProfªJosemeire
JosemeireMachado
MachadoDias
Dias :: 2007
Uma visão Geral sobre Webdesign e Interfaces
EXEMPLO DE TÉCNICA DE AVALIAÇÃO
Avaliação Heurística
Fácil / Rápida / Barata
Como funciona?
Um conjunto de avaliadores examina o sistema
julgando as suas características face a um
conjunto de princípios de usabilidade
(heurísticas)
Exemplo:
Heurísticas de Nielsen (1993)
Universidade
UCSal – Disciplina
do Estado
Novas
da Bahia
Tecnologias
– UNEB/ / Profª
ProfªJosemeire
JosemeireMachado
MachadoDias
Dias :: 2007
Uma visão Geral sobre Webdesign e Interfaces
AVALIAÇÃO DE USABILIDADE
As heurísticas de Nielsen – As mais conhecidas
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
Visibilidade do sistema – Feedback
Compatibilidade do sistema com o mundo Real
Controle do usuário e liberdade (undo e redo)
Consistência e padrões
Prevenção de erros
Reconhecimento ao invés de relembrança
Flexibilidade e eficiência de uso
Estética e design minimalista
Ajudar os usuários a reconhecer diagnosticar e corrigir erros
Help e documentação
Universidade
UCSal – Disciplina
do Estado
Novas
da Bahia
Tecnologias
– UNEB/ / Profª
ProfªJosemeire
JosemeireMachado
MachadoDias
Dias :: 2007
Uma visão Geral sobre Webdesign e Interfaces
As heurísticas de Nielsen
Visibilidade do sistema – Feedback
Universidade
UCSal – Disciplina
do Estado
Novas
da Bahia
Tecnologias
– UNEB/ / Profª
ProfªJosemeire
JosemeireMachado
MachadoDias
Dias :: 2007
Uma visão Geral sobre Webdesign e Interfaces
As heurísticas de Nielsen
2. Compatibilidade do sistema com o mundo Real
Universidade
UCSal – Disciplina
do Estado
Novas
da Bahia
Tecnologias
– UNEB/ / Profª
ProfªJosemeire
JosemeireMachado
MachadoDias
Dias :: 2007
Uma visão Geral sobre Webdesign e Interfaces
As heurísticas de Nielsen
3. Controle do usuário e liberdade (undo e redo)
Universidade
UCSal – Disciplina
do Estado
Novas
da Bahia
Tecnologias
– UNEB/ / Profª
ProfªJosemeire
JosemeireMachado
MachadoDias
Dias :: 2007
Uma visão Geral sobre Webdesign e Interfaces
As heurísticas de Nielsen
4. Consistência e padrões
Universidade
UCSal – Disciplina
do Estado
Novas
da Bahia
Tecnologias
– UNEB/ / Profª
ProfªJosemeire
JosemeireMachado
MachadoDias
Dias :: 2007
Uma visão Geral sobre Webdesign e Interfaces
As heurísticas de Nielsen
5. Prevenção de erros
Universidade
UCSal – Disciplina
do Estado
Novas
da Bahia
Tecnologias
– UNEB/ / Profª
ProfªJosemeire
JosemeireMachado
MachadoDias
Dias :: 2007
Uma visão Geral sobre Webdesign e Interfaces
As heurísticas de Nielsen
5. Prevenção de erros e também falta de consistência
Universidade
UCSal – Disciplina
do Estado
Novas
da Bahia
Tecnologias
– UNEB/ / Profª
ProfªJosemeire
JosemeireMachado
MachadoDias
Dias :: 2007
Uma visão Geral sobre Webdesign e Interfaces
As heurísticas de Nielsen
5. Prevenção de erros
http://gazetaweb.globo.com/Canais/Empregos/Frame.php?f=InclusaoCandidato.php
Universidade
UCSal – Disciplina
do Estado
Novas
da Bahia
Tecnologias
– UNEB/ / Profª
ProfªJosemeire
JosemeireMachado
MachadoDias
Dias :: 2007
Uma visão Geral sobre Webdesign e Interfaces
As heurísticas de Nielsen
6. Reconhecimento ao invés de relembrança
Universidade
UCSal – Disciplina
do Estado
Novas
da Bahia
Tecnologias
– UNEB/ / Profª
ProfªJosemeire
JosemeireMachado
MachadoDias
Dias :: 2007
Uma visão Geral sobre Webdesign e Interfaces
As heurísticas de Nielsen
7. Flexibilidade e eficiência de uso
Universidade
UCSal – Disciplina
do Estado
Novas
da Bahia
Tecnologias
– UNEB/ / Profª
ProfªJosemeire
JosemeireMachado
MachadoDias
Dias :: 2007
Uma visão Geral sobre Webdesign e Interfaces
As heurísticas de Nielsen
8. Estética e design minimalista
Universidade
UCSal – Disciplina
do Estado
Novas
da Bahia
Tecnologias
– UNEB/ / Profª
ProfªJosemeire
JosemeireMachado
MachadoDias
Dias :: 2007
Uma visão Geral sobre Webdesign e Interfaces
As heurísticas de Nielsen
9. Ajudar os usuários a reconhecer diagnosticar e corrigir erros
Universidade
UCSal – Disciplina
do Estado
Novas
da Bahia
Tecnologias
– UNEB/ / Profª
ProfªJosemeire
JosemeireMachado
MachadoDias
Dias :: 2007
Uma visão Geral sobre Webdesign e Interfaces
As heurísticas de Nielsen
10. Help e documentação
Universidade
UCSal – Disciplina
do Estado
Novas
da Bahia
Tecnologias
– UNEB/ / Profª
ProfªJosemeire
JosemeireMachado
MachadoDias
Dias :: 2007
Uma visão Geral sobre Webdesign e Interfaces
Qual o Resultado da avaliação Heurística?
• Uma lista de problemas referentes aos princípios violados
 O grau de severidade de cada problema encontrado
• A avaliação não objetiva prover meios de correção
dos problemas
Universidade
UCSal – Disciplina
do Estado
Novas
da Bahia
Tecnologias
– UNEB/ / Profª
ProfªJosemeire
JosemeireMachado
MachadoDias
Dias :: 2007
Uma visão Geral sobre Webdesign e Interfaces
Atividade
 Avaliação do site da Unifacs ou Uneb, utilizando as heurísticas de
Nielsen
Universidade
UCSal – Disciplina
do Estado
Novas
da Bahia
Tecnologias
– UNEB/ / Profª
ProfªJosemeire
JosemeireMachado
MachadoDias
Dias :: 2007
Uma visão Geral sobre Webdesign e Interfaces
NIELSEN, Jakob,; TAHIR, Marie. Homepage: 50 Websites
Desconstruídos. Rio de Janeiro: Campus, 2002.
NIELSEN, Jakob,. Projetando Websites. Rio de Janeiro: Campus,
2000
ROCHA, Helena Vieira da; BARANAUSKAS, Maria Cecília Calani.
Design e Avaliação de Interfaces humano-computador.
Campinas, SP: Instituto de Computação - IC; Núcleo de
Informática Aplicada à Educação. Universidade Estadual de
Campinas, 2003.
DIAS, Cláudia. Usabilidade na WEB: Criando Portais mais
Acessíveis. Rio de Janeiro: Alta Books, 2003.
Universidade
UCSal – Disciplina
do Estado
Novas
da Bahia
Tecnologias
– UNEB/ / Profª
ProfªJosemeire
JosemeireMachado
MachadoDias
Dias :: 2007