SlideShare une entreprise Scribd logo
1  sur  23
Télécharger pour lire hors ligne
Universidade Federal do Rio Grande do Sul
Núcleo de Tecnologia Digital Aplicada à Educação - NUTED
NAVEGAÇÃO
Paula Jardim
2010/2
Navegação
A navegação em um sistema ou em
uma página web é facilitada por um
bom projeto de sinalização.
HIPERMIDIA
Concepção de interfaces
Isso é tudo?
HIPERMIDIA
Concepção de interfaces
HIPERMIDIA
Concepção de interfaces
ESTÍMULOS
SENSORIAIS
RECEPTORES
SENSORIAIS
Imagens Olhos Exposição Atenção Interpretação
HIPERMIDIA
Concepção de interfaces
HIPERMIDIA
Concepção de interfaces
HIPERMIDIA
Concepção de interfaces
Design
O design gráfico no negócio de interfaces com usuários
não é somente sobre estética. Há muito mais coisas
em jogo do que simplesmente belas figuras, e um bom
design gráfico pode melhorar significantemente o valor
comunicativo da interface, levando a uma melhoria na
usabilidade
Jakob Nielsen, 1994
Designing Visual Interfaces: Communication Oriented
Tecniches
“
HIPERMIDIA
Concepção de interfaces
INTERFACE
Design de Interação
Usabilidade
Acessibilidade
Informação
Navegabilidade
Intuição
Multimídia
Definição de papéis
Cognição
Interação
Cultura
Conhecimento
Conceito
Afetividade
HIPERMIDIA
Concepção de interfaces
Design
Na medida em que os softwares chegam perto de atingir o
status de commodity, é esperado que os usuários tenham
que fazer escolhas muito rápidas entre uma grande
quantidade de ofertas disponíveis na Net, e assim como eu
fiz, eles vão imediatamente descartar qualquer interface
que pareça chata, obsoleta ou confusa demais.
Jakob Nielsen, 1994
Designing Visual Interfaces: Communication Oriented
Tecniches
“
HIPERMIDIA
Concepção de interfaces
Evitando erros
Jakob Nielsen
HIPERMIDIA
Concepção de interfaces
Jakob Nielsen
Nascido em 1957 em Copenhague
na Dinamarca é um cientista alemão
da computação com Ph.D. em
interação homem-máquina.
Um dos maiores especialistas na área
e um dos diretores da Nielsen Norman
Group (empresa especializada
em consultoria e treinamento em
usabilidade).
HIPERMIDIA
Concepção de interfaces
“Quebrando”o botão voltar
O botão voltar é o segundo elemento de navegação
mais utilizado na internet, depois dos links de
hipertexto.
Os usuários estão habituados ao fato de que podem
tentar qualquer coisa na web e SEMPRE serem salvos por
um ou dois clicks no botão voltar, o que os traz de volta
ao território conhecido.
Exceto, no entanto, por websites que“quebram”o botão
cometendo alguma das sinas de design abaixo citadas:
•	 abertura de um novo browser;
•	 uso de redirecionamento imediato: cada vez que o
usuário clica no botão back, o browser retorna para
uma página que redireciona o usuário para a página
não desejada;
•	 bloqueio do cache: exige que a volta a uma página
faça nova requisição ao servidor
HIPERMIDIA
Concepção de interfaces
Abertura de novas janelas do browser
A abertura de novas janelas do browser pode ser vista
como um vendedor de aspiradores que tenta vender seu
produto abrindo um cinzeiro sujo na porta da casa do
cliente.
Não polua minha tela com mais janelas, obrigado!
Se eu quiser uma nova janela, posso abri-la sozinho.
Designers abrem novas janelas baseados na teoria
que isso mantém os usuários nos seus sites. Além de
desrespeitar o usuário e“tomar conta de sua máquina”,
a estratégia é desaconselhada na medida em que não
possibilita a utilização do botão voltar para retornar à
página na qual o usuário estava.
HIPERMIDIA
Concepção de interfaces
Uso não standard de ferramentas de interface
Consistência é um dos princípios mais fortes de
usabilidade: quando as coisas parecem acontecer
da mesma maneira, os usuários não têm que se
reocupar com o que pode acontecer a partir de tal ou tal
ação. Ao invés disso, eles SABEM o que acontecerá com
base em experiências anteriores, e isso é bom!
Os princípios de consistência são violados na internet
principalmente no que diz respeito à botões do tipo
radio ou checkboxes. Por exemplo, botões tipo rádio que
disparam uma ação quando selecionados.
HIPERMIDIA
Concepção de interfaces
Botão Rádio
São usados quando numa
lista de duas ou mais opções,
quando estas são excludentes
- a seleção de um item exclui
e desativa os outros, como na
resposta a um questionário
de múltipla escolha.
Homem
Exemplo:
Eu quero uma bicicleta com frigobar
Exemplo:
Mulher Eu quero um carro que ande sozinho
Eu quero uma motocicleta à prova de tombos
Caixas de seleção
São usadas em listas nas
quais se pode selecionar
qualquer número de opções,
de zero a todas - as caixas
são independentes entre si.
HIPERMIDIA
Concepção de interfaces
Falta de biografias
Os estudos feitos pelo pesquisador Nielsen mostram que
os internautas querem conhecer as pessoas que estão
por trás das informações que aparecem na internet.
Biografias e fotos dos autores poderia ajudar a
transformar a web num local menos impessoal.
O que é particularmente incômodo é quando um link
indicando o autor de uma obra, ao invés de levar à uma
página com os dados do autor, abre uma janela com um
mailto.
Duas razões para não se fazer isso: (a) é bem mais
comum para um leitor querer saber mais sobre um autor
(ou procurar outros artigos do autor) do que querer
contactá-lo. (b) isso quebra novamente as regras da web
que dizem que um link numa palavra sublinhada deve
abrir no mesmo browser uma nova página, ao invés de
abrir uma nova janela com uma mensagem de email.
HIPERMIDIA
Concepção de interfaces
Falta de arquivos
Mesmo novas informações são mais válidas que
informações antigas, vale a pena se manter as
informações antigas online, e isso não tem um alto custo.
HIPERMIDIA
Concepção de interfaces
Mudar páginas para novos endereços
Cada vez que uma página muda de endereço, estamos
quebrando links com outros sites que referenciavam o nosso.
Porque fazer isso? Referências gratuitas ao nosso site?
HIPERMIDIA
Concepção de interfaces
Títulos que não fazem sentido quando fora de
contexto
Títulos e têm que ser escritos de forma bem diferente
para a web do que em outros meios. Isso porque
são elementos acionáveis da interface do sistema, e
deveriam auxiliar o usuário na navegação.
Títulos são com freqüência retirados do seu contexto
e utilizados em sumários em outras páginas. Se não
forem bem escritos, podem perder totalmente o sentido
quando colocados sozinhos. Eles devem cumprir duas
missões:
•	 auxiliar os usuários a compreender qual o assunto da
página“atrás”do link;
•	 proteger os usuários de seguir o link caso não estejam
interessados na página de destino.
HIPERMIDIA
Concepção de interfaces
Procurar e migrar constantemente para novas
tecnologias em internet
Chat, comunidade, mapas de site 3D, free email,
leilões... a maior parte destas tecnologias têm algum
significado útil para as empresas que sabem empregá-
los apropriadamente.
No próximo mês surgirá uma nova tecnologia, com
certeza. Mas evite-a se não souber como utilizá-la
apropriadamente.
HIPERMIDIA
Concepção de interfaces
Tempo de resposta do servidor lento
Tempo de resposta lento é um dos maiores agressores
da usabilidade de sistemas. Sites dinâmico se
personalizados trouxeram páginas que são“montadas”
em tempo real. O tempo de resposta portanto não é
mais ligado exclusivamente ao tamanho de imagens
e outros elementos pesados que poderiam fazer parte
da página, mas também da velocidade dos servidores
utilizados.
Especialistas na área devem ser consultados para
dimensionar os servidores corretamente.
HIPERMIDIA
Concepção de interfaces
Qualquer coisa que se pareça com publicidade
qualquer anúncio que esteja“no meio do caminho”.
Infelizmente, usuários também ignoram elementos
de design interessantes que podem parecer com
publicidade. Por isso, tente seguir as seguintes regras:
•	 banners: usuários não fixam a atenção em nada que se
pareça com um banner
•	 animações: usuários evitam olhar para áreas com
textos que piscam, ou outros elementos que tenham
muita animação;
•	 pop-up: usuários fecham os pop-ups mesmo antes de
terem carregado completamente.
HIPERMIDIA
Concepção de interfaces

Contenu connexe

Tendances

Web 2.0 + Foco no Usuário
Web 2.0 + Foco no UsuárioWeb 2.0 + Foco no Usuário
Web 2.0 + Foco no Usuárioguest479a40
 
Revendo as descobertas iniciais de usabilidade da web
Revendo as descobertas iniciais de usabilidade da webRevendo as descobertas iniciais de usabilidade da web
Revendo as descobertas iniciais de usabilidade da webWellington Oliveira
 
Capitulo 3 Livro Nielsen
Capitulo 3 Livro NielsenCapitulo 3 Livro Nielsen
Capitulo 3 Livro NielsenLuiz Agner
 
A evolução da participação do utilizador “comum” na internet e a sua importân...
A evolução da participação do utilizador “comum” na internet e a sua importân...A evolução da participação do utilizador “comum” na internet e a sua importân...
A evolução da participação do utilizador “comum” na internet e a sua importân...fernandogr87
 
Falando um pouco sobre Internet
Falando um pouco sobre Internet Falando um pouco sobre Internet
Falando um pouco sobre Internet Denis Budag
 
Introdução a Internet
Introdução a InternetIntrodução a Internet
Introdução a InternetMarcio Duarte
 
Design UX - Quanto isso influencia seu projeto - Guilherme Sester Araujo
Design UX - Quanto isso influencia seu projeto - Guilherme Sester AraujoDesign UX - Quanto isso influencia seu projeto - Guilherme Sester Araujo
Design UX - Quanto isso influencia seu projeto - Guilherme Sester AraujoiMasters
 

Tendances (9)

Web 2.0 + Foco no Usuário
Web 2.0 + Foco no UsuárioWeb 2.0 + Foco no Usuário
Web 2.0 + Foco no Usuário
 
Revendo as descobertas iniciais de usabilidade da web
Revendo as descobertas iniciais de usabilidade da webRevendo as descobertas iniciais de usabilidade da web
Revendo as descobertas iniciais de usabilidade da web
 
Capitulo 3 Livro Nielsen
Capitulo 3 Livro NielsenCapitulo 3 Livro Nielsen
Capitulo 3 Livro Nielsen
 
A evolução da participação do utilizador “comum” na internet e a sua importân...
A evolução da participação do utilizador “comum” na internet e a sua importân...A evolução da participação do utilizador “comum” na internet e a sua importân...
A evolução da participação do utilizador “comum” na internet e a sua importân...
 
Falando um pouco sobre Internet
Falando um pouco sobre Internet Falando um pouco sobre Internet
Falando um pouco sobre Internet
 
Introdução a Internet
Introdução a InternetIntrodução a Internet
Introdução a Internet
 
Usabilidade
UsabilidadeUsabilidade
Usabilidade
 
Design UX - Quanto isso influencia seu projeto - Guilherme Sester Araujo
Design UX - Quanto isso influencia seu projeto - Guilherme Sester AraujoDesign UX - Quanto isso influencia seu projeto - Guilherme Sester Araujo
Design UX - Quanto isso influencia seu projeto - Guilherme Sester Araujo
 
O que é Web Designer?
O que é Web Designer?O que é Web Designer?
O que é Web Designer?
 

En vedette (20)

Apres mod2
Apres mod2Apres mod2
Apres mod2
 
Eduvirtua m3
Eduvirtua m3Eduvirtua m3
Eduvirtua m3
 
Eduvirtua m1
Eduvirtua m1Eduvirtua m1
Eduvirtua m1
 
Apresentacao modulo1
Apresentacao modulo1Apresentacao modulo1
Apresentacao modulo1
 
Linha do tempo
Linha do tempoLinha do tempo
Linha do tempo
 
Objetos De Aprendizagem - Breve Histórico, características e alguns aspectos ...
Objetos De Aprendizagem - Breve Histórico, características e alguns aspectos ...Objetos De Aprendizagem - Breve Histórico, características e alguns aspectos ...
Objetos De Aprendizagem - Breve Histórico, características e alguns aspectos ...
 
Objetos de aprendizagem
Objetos de aprendizagemObjetos de aprendizagem
Objetos de aprendizagem
 
Casos de sucesso lançamento honda cr-z
Casos de sucesso   lançamento honda cr-zCasos de sucesso   lançamento honda cr-z
Casos de sucesso lançamento honda cr-z
 
Arte en la ciudad
Arte en la ciudadArte en la ciudad
Arte en la ciudad
 
Apresentação de Marcos Baptista no MARKETING SHOW
Apresentação de Marcos Baptista no MARKETING SHOWApresentação de Marcos Baptista no MARKETING SHOW
Apresentação de Marcos Baptista no MARKETING SHOW
 
Procesos modulares continuos
Procesos modulares continuosProcesos modulares continuos
Procesos modulares continuos
 
Scribus ivan
Scribus ivanScribus ivan
Scribus ivan
 
Entrega de banderas
Entrega de banderasEntrega de banderas
Entrega de banderas
 
Biografia1
Biografia1Biografia1
Biografia1
 
TEATRO MUSEO DALÍ
TEATRO MUSEO DALÍTEATRO MUSEO DALÍ
TEATRO MUSEO DALÍ
 
Influencia socialllllll
Influencia socialllllllInfluencia socialllllll
Influencia socialllllll
 
Vida Saudável
Vida SaudávelVida Saudável
Vida Saudável
 
Independencia da América espanhola
Independencia da América espanholaIndependencia da América espanhola
Independencia da América espanhola
 
Enfermizo
EnfermizoEnfermizo
Enfermizo
 
Saberes conceptuales
Saberes conceptualesSaberes conceptuales
Saberes conceptuales
 

Similaire à Concepção de interfaces e usabilidade na web

Palestra Palácio do Planalto, Brasília
Palestra Palácio do Planalto, BrasíliaPalestra Palácio do Planalto, Brasília
Palestra Palácio do Planalto, BrasíliaLuiz Agner
 
Apresentação PCC - Rodrigo Santiago
Apresentação PCC - Rodrigo SantiagoApresentação PCC - Rodrigo Santiago
Apresentação PCC - Rodrigo SantiagoRodrigo Correia
 
2010.1 - PUB5AN - Marketing Digital AULA 03
2010.1 - PUB5AN - Marketing Digital AULA 032010.1 - PUB5AN - Marketing Digital AULA 03
2010.1 - PUB5AN - Marketing Digital AULA 03Neca Boullosa
 
Como tornar seu site atraente
Como tornar seu site atraenteComo tornar seu site atraente
Como tornar seu site atraenteSuzana Viana Mota
 
Diretrizes de Usabilidade: Como dispor os meios de relacionamento digitais?
Diretrizes de Usabilidade: Como dispor os meios de relacionamento digitais?Diretrizes de Usabilidade: Como dispor os meios de relacionamento digitais?
Diretrizes de Usabilidade: Como dispor os meios de relacionamento digitais?Deivid Silva
 
Usabilidade e Estratégia
Usabilidade  e EstratégiaUsabilidade  e Estratégia
Usabilidade e EstratégiaLuiz Agner
 
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 Rosawudrs
 
Projetos Web - Estratégia de projeto
Projetos Web - Estratégia de projetoProjetos Web - Estratégia de projeto
Projetos Web - Estratégia de projetoOdair Cavichioli
 
Pitacos sobre usabilidade
Pitacos sobre usabilidadePitacos sobre usabilidade
Pitacos sobre usabilidadeDarcio Vilela
 
Design Centrado no Usuário para Interface Digital
Design Centrado no Usuário para Interface DigitalDesign Centrado no Usuário para Interface Digital
Design Centrado no Usuário para Interface DigitalMarconi Pacheco
 
Web 2.0 E Comunicação
Web 2.0 E ComunicaçãoWeb 2.0 E Comunicação
Web 2.0 E ComunicaçãoGilberto Leal
 
Arquitetura da Informação e Wordpress
Arquitetura da Informação e WordpressArquitetura da Informação e Wordpress
Arquitetura da Informação e WordpressUTFPR
 
Vacaciones interfaces
Vacaciones   interfacesVacaciones   interfaces
Vacaciones interfaceselisa gijsen
 
Como Tornar Seu Site Atraente
Como Tornar Seu Site AtraenteComo Tornar Seu Site Atraente
Como Tornar Seu Site AtraenteHorácio Soares
 
Html - capitulo 04
Html - capitulo 04Html - capitulo 04
Html - capitulo 04Alvaro Gomes
 

Similaire à Concepção de interfaces e usabilidade na web (20)

Palestra Palácio do Planalto, Brasília
Palestra Palácio do Planalto, BrasíliaPalestra Palácio do Planalto, Brasília
Palestra Palácio do Planalto, Brasília
 
Apresentação PCC - Rodrigo Santiago
Apresentação PCC - Rodrigo SantiagoApresentação PCC - Rodrigo Santiago
Apresentação PCC - Rodrigo Santiago
 
2010.1 - PUB5AN - Marketing Digital AULA 03
2010.1 - PUB5AN - Marketing Digital AULA 032010.1 - PUB5AN - Marketing Digital AULA 03
2010.1 - PUB5AN - Marketing Digital AULA 03
 
Como tornar seu site atraente
Como tornar seu site atraenteComo tornar seu site atraente
Como tornar seu site atraente
 
Marketing de conteúdo
Marketing de conteúdoMarketing de conteúdo
Marketing de conteúdo
 
Responsive wordpress
Responsive wordpressResponsive wordpress
Responsive wordpress
 
Diretrizes de Usabilidade: Como dispor os meios de relacionamento digitais?
Diretrizes de Usabilidade: Como dispor os meios de relacionamento digitais?Diretrizes de Usabilidade: Como dispor os meios de relacionamento digitais?
Diretrizes de Usabilidade: Como dispor os meios de relacionamento digitais?
 
Usabilidade e Estratégia
Usabilidade  e EstratégiaUsabilidade  e Estratégia
Usabilidade e Estratégia
 
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
 
Projetos Web - Estratégia de projeto
Projetos Web - Estratégia de projetoProjetos Web - Estratégia de projeto
Projetos Web - Estratégia de projeto
 
Pitacos sobre usabilidade
Pitacos sobre usabilidadePitacos sobre usabilidade
Pitacos sobre usabilidade
 
Design Centrado no Usuário para Interface Digital
Design Centrado no Usuário para Interface DigitalDesign Centrado no Usuário para Interface Digital
Design Centrado no Usuário para Interface Digital
 
Quem manda é o usuário
Quem manda é o usuárioQuem manda é o usuário
Quem manda é o usuário
 
Webwriting
WebwritingWebwriting
Webwriting
 
Web 2.0 E Comunicação
Web 2.0 E ComunicaçãoWeb 2.0 E Comunicação
Web 2.0 E Comunicação
 
Arquitetura da Informação e Wordpress
Arquitetura da Informação e WordpressArquitetura da Informação e Wordpress
Arquitetura da Informação e Wordpress
 
Vacaciones interfaces
Vacaciones   interfacesVacaciones   interfaces
Vacaciones interfaces
 
Como Tornar Seu Site Atraente
Como Tornar Seu Site AtraenteComo Tornar Seu Site Atraente
Como Tornar Seu Site Atraente
 
O que e web 20
O que e web 20O que e web 20
O que e web 20
 
Html - capitulo 04
Html - capitulo 04Html - capitulo 04
Html - capitulo 04
 

Concepção de interfaces e usabilidade na web

  • 1. Universidade Federal do Rio Grande do Sul Núcleo de Tecnologia Digital Aplicada à Educação - NUTED NAVEGAÇÃO Paula Jardim 2010/2
  • 2. Navegação A navegação em um sistema ou em uma página web é facilitada por um bom projeto de sinalização. HIPERMIDIA Concepção de interfaces
  • 5. ESTÍMULOS SENSORIAIS RECEPTORES SENSORIAIS Imagens Olhos Exposição Atenção Interpretação HIPERMIDIA Concepção de interfaces
  • 8. Design O design gráfico no negócio de interfaces com usuários não é somente sobre estética. Há muito mais coisas em jogo do que simplesmente belas figuras, e um bom design gráfico pode melhorar significantemente o valor comunicativo da interface, levando a uma melhoria na usabilidade Jakob Nielsen, 1994 Designing Visual Interfaces: Communication Oriented Tecniches “ HIPERMIDIA Concepção de interfaces
  • 9. INTERFACE Design de Interação Usabilidade Acessibilidade Informação Navegabilidade Intuição Multimídia Definição de papéis Cognição Interação Cultura Conhecimento Conceito Afetividade HIPERMIDIA Concepção de interfaces
  • 10. Design Na medida em que os softwares chegam perto de atingir o status de commodity, é esperado que os usuários tenham que fazer escolhas muito rápidas entre uma grande quantidade de ofertas disponíveis na Net, e assim como eu fiz, eles vão imediatamente descartar qualquer interface que pareça chata, obsoleta ou confusa demais. Jakob Nielsen, 1994 Designing Visual Interfaces: Communication Oriented Tecniches “ HIPERMIDIA Concepção de interfaces
  • 12. Jakob Nielsen Nascido em 1957 em Copenhague na Dinamarca é um cientista alemão da computação com Ph.D. em interação homem-máquina. Um dos maiores especialistas na área e um dos diretores da Nielsen Norman Group (empresa especializada em consultoria e treinamento em usabilidade). HIPERMIDIA Concepção de interfaces
  • 13. “Quebrando”o botão voltar O botão voltar é o segundo elemento de navegação mais utilizado na internet, depois dos links de hipertexto. Os usuários estão habituados ao fato de que podem tentar qualquer coisa na web e SEMPRE serem salvos por um ou dois clicks no botão voltar, o que os traz de volta ao território conhecido. Exceto, no entanto, por websites que“quebram”o botão cometendo alguma das sinas de design abaixo citadas: • abertura de um novo browser; • uso de redirecionamento imediato: cada vez que o usuário clica no botão back, o browser retorna para uma página que redireciona o usuário para a página não desejada; • bloqueio do cache: exige que a volta a uma página faça nova requisição ao servidor HIPERMIDIA Concepção de interfaces
  • 14. Abertura de novas janelas do browser A abertura de novas janelas do browser pode ser vista como um vendedor de aspiradores que tenta vender seu produto abrindo um cinzeiro sujo na porta da casa do cliente. Não polua minha tela com mais janelas, obrigado! Se eu quiser uma nova janela, posso abri-la sozinho. Designers abrem novas janelas baseados na teoria que isso mantém os usuários nos seus sites. Além de desrespeitar o usuário e“tomar conta de sua máquina”, a estratégia é desaconselhada na medida em que não possibilita a utilização do botão voltar para retornar à página na qual o usuário estava. HIPERMIDIA Concepção de interfaces
  • 15. Uso não standard de ferramentas de interface Consistência é um dos princípios mais fortes de usabilidade: quando as coisas parecem acontecer da mesma maneira, os usuários não têm que se reocupar com o que pode acontecer a partir de tal ou tal ação. Ao invés disso, eles SABEM o que acontecerá com base em experiências anteriores, e isso é bom! Os princípios de consistência são violados na internet principalmente no que diz respeito à botões do tipo radio ou checkboxes. Por exemplo, botões tipo rádio que disparam uma ação quando selecionados. HIPERMIDIA Concepção de interfaces
  • 16. Botão Rádio São usados quando numa lista de duas ou mais opções, quando estas são excludentes - a seleção de um item exclui e desativa os outros, como na resposta a um questionário de múltipla escolha. Homem Exemplo: Eu quero uma bicicleta com frigobar Exemplo: Mulher Eu quero um carro que ande sozinho Eu quero uma motocicleta à prova de tombos Caixas de seleção São usadas em listas nas quais se pode selecionar qualquer número de opções, de zero a todas - as caixas são independentes entre si. HIPERMIDIA Concepção de interfaces
  • 17. Falta de biografias Os estudos feitos pelo pesquisador Nielsen mostram que os internautas querem conhecer as pessoas que estão por trás das informações que aparecem na internet. Biografias e fotos dos autores poderia ajudar a transformar a web num local menos impessoal. O que é particularmente incômodo é quando um link indicando o autor de uma obra, ao invés de levar à uma página com os dados do autor, abre uma janela com um mailto. Duas razões para não se fazer isso: (a) é bem mais comum para um leitor querer saber mais sobre um autor (ou procurar outros artigos do autor) do que querer contactá-lo. (b) isso quebra novamente as regras da web que dizem que um link numa palavra sublinhada deve abrir no mesmo browser uma nova página, ao invés de abrir uma nova janela com uma mensagem de email. HIPERMIDIA Concepção de interfaces
  • 18. Falta de arquivos Mesmo novas informações são mais válidas que informações antigas, vale a pena se manter as informações antigas online, e isso não tem um alto custo. HIPERMIDIA Concepção de interfaces
  • 19. Mudar páginas para novos endereços Cada vez que uma página muda de endereço, estamos quebrando links com outros sites que referenciavam o nosso. Porque fazer isso? Referências gratuitas ao nosso site? HIPERMIDIA Concepção de interfaces
  • 20. Títulos que não fazem sentido quando fora de contexto Títulos e têm que ser escritos de forma bem diferente para a web do que em outros meios. Isso porque são elementos acionáveis da interface do sistema, e deveriam auxiliar o usuário na navegação. Títulos são com freqüência retirados do seu contexto e utilizados em sumários em outras páginas. Se não forem bem escritos, podem perder totalmente o sentido quando colocados sozinhos. Eles devem cumprir duas missões: • auxiliar os usuários a compreender qual o assunto da página“atrás”do link; • proteger os usuários de seguir o link caso não estejam interessados na página de destino. HIPERMIDIA Concepção de interfaces
  • 21. Procurar e migrar constantemente para novas tecnologias em internet Chat, comunidade, mapas de site 3D, free email, leilões... a maior parte destas tecnologias têm algum significado útil para as empresas que sabem empregá- los apropriadamente. No próximo mês surgirá uma nova tecnologia, com certeza. Mas evite-a se não souber como utilizá-la apropriadamente. HIPERMIDIA Concepção de interfaces
  • 22. Tempo de resposta do servidor lento Tempo de resposta lento é um dos maiores agressores da usabilidade de sistemas. Sites dinâmico se personalizados trouxeram páginas que são“montadas” em tempo real. O tempo de resposta portanto não é mais ligado exclusivamente ao tamanho de imagens e outros elementos pesados que poderiam fazer parte da página, mas também da velocidade dos servidores utilizados. Especialistas na área devem ser consultados para dimensionar os servidores corretamente. HIPERMIDIA Concepção de interfaces
  • 23. Qualquer coisa que se pareça com publicidade qualquer anúncio que esteja“no meio do caminho”. Infelizmente, usuários também ignoram elementos de design interessantes que podem parecer com publicidade. Por isso, tente seguir as seguintes regras: • banners: usuários não fixam a atenção em nada que se pareça com um banner • animações: usuários evitam olhar para áreas com textos que piscam, ou outros elementos que tenham muita animação; • pop-up: usuários fecham os pop-ups mesmo antes de terem carregado completamente. HIPERMIDIA Concepção de interfaces