Capitulo 11 Livro Nielsen

Projeto de Interfaces Web Capítulo 11 Equilibrando Tecnologia com as necessidades das pessoas Alexandre Cauzio Cezar Emerson Vagner

INTRODUÇÃO
Neste capítulo discutiremos estratégias para ajudar a evitar a mal implementação da multimídia em sites e usá-la em seu favor.
Retrospectiva para 2000: uma nota de Jakob Nielsen.

Utilize multimídia quando servir para beneficiar o público
Páginas de introdução mal formuladas, sem sentido e pesadas;
É essencial saber quanta interatividade é adequada e que ferramentas usar em diferentes situações para criar um web site bem-sucedido;

www.atlantis.com
Carrega rápido, navegação consistente, interação simples.
Desvantagem: página de splash irritante. Recursos ocultos.

http://automobiles.honda.com
Divertida, informativa, botões grandes e de fácil navegação.
Dificuldade: arrastar o mouse pela imagem para controlar o carro

www.optibo.se
Instruções muito longas;

www.miniusa.com
Difícil navegação.

www.in-n-out.com
Alta repetição da canção da empresa;
Página de splash sem sentido;

www.pepsiworld.com
Ícones de controle de som não distinguíveis;

Superando barreiras à multimídia
A mídia rica (multimídia) pode mais envolve que as páginas HTML;
Sites de música com áudio;
Manipuladores em sites automotivos;
Vídeos em sites de entretenimento;
Passeios virtuais em site de hotéis e imobiliárias;
Cada equipamento em frente às necessidades dos usuários;

Acomode usuários que não usam tecnologia recentemente
Nem todos os usuários possuem máquinas sofisticadas;
Tenha sempre conteúdos alternativos para usuários que não tem acesso à multimídia;
Não use o som como forma principal de apresentar o site;
Não esqueça dos usuários com deficiência;
Site para crianças, jovens e adultos: seja realista;
Gosto pessoal não tem nenhum papel no julgamento da usabilidade;

Projete para a velocidade de conexão de seu público
Pesquisas mostram que quase metade dos usuários ainda possuem conexão discada;
Muitos arquivos de mídia são grandes e exigem muito tempo para download;
Princípio básico: otimize o tamanho dos arquivos e minimize o tempo de carregamento;

Forneça um indicador de status de download simples e exato
Não tem alternativa? Minimize a impaciência do usuário colocando um indicador de status para fornecer um feedback visual;
Ver exemplos>>
Evite usar termos técnicos em sua interface;

www.audi.com
Possui um contador apropriado que informa a porcentagem de dados que foi carregado;

www.ebay.com
Informações sem animação ou indicador de status não são aconselháveis;

www.travelocity.com
As estrelas piscando dão às pessoas alguma esperança de que o sistema está funcionando;

Caixas de diálogo enganosas
Com essa proliferação de vírus na Web, os usuários temem ao fazer download de qualquer coisa.
Você notou a palavra publicidade no canto inferior direito?

Subestime o conhecimento técnico dos usuários
As pessoas ficam apreensivas sobre a tecnologia. Evitam instalar plug-ins e elementos desconhecidos;
Escolha um plug-in que seja comum na maioria das máquinas;
A melhor alternativa e oferecer um conteúdo não-multimídia as pessoas sem plug-ins adequados
Ver exemplos>>

http://automobiles.honda.com
Mensagens de segurança confundem as pessoas;

www.mtv.com
Quando trabalhar com vídeos, use formatos de arquivo que sejam de uma ou duas versões anteriores às novas versões dos Media Players populares;

Detecte a largura de banda dos usuários
Não exija que seus usuários selecionem a largura de banda;
Ofereça a pessoas com conexões lentas funcionalidades específicas;
Ver exemplos>>

www.apple.com
As opções de vídeo nessa página são complicadas e muito técnicas a usuários médios;
Identifique vídeos como pequenos e grandes;

www.miniusa.com
A página de splash lembra aos usuários as configurações de resolução de tela que devem usar;
Desativar os bloqueadores de pop-up;

Obedeça às convenções de interface
O modelo mental das pessoas de como a web funciona é baseado em suas experiências anteriores na web;
Não defenda sua interface, corrija-a;
Não deixe que a tecnologia seja um obstáculo na experiência dos seus usuários;
Atenha-se a ao que as pessoas já sabem e se sentem confortáveis, não as faça trabalhar mais do que já trabalha;
Ver exemplos>>

www.coldwellbanker.com
Símbolo de acesso a casa mal identificados;
Ao dar foco nas fotos o sistema fica lento;
Fácil de se perder na casa;

www.atlantis.com
O painel de navegação está oculto sob o termo Atlantis Navigator;

www.hummer.com / www.miniusa.com
Bons exemplos de barra de rolagem;

www.haribon.org.ph
As barras de rolagem parecem indicadores de norte/sul do mapa;
Não há indicador de controle deslizante;

www.cokemusic.com
As setas triangulares ao lado de cada figura dentro da caixa não são notadas como setas de rolagem;
Barras de rolagem devem ser padrão; Devem ter setas para baixo e para cima, e um indicados de rolagem;

www.bk.com
O uso excessivo de multimídia é mais prejudicial que benéfico;
Os anúncios são móveis e difíceis de capturar com o mouse;
O site agora oferece uma lista de itens de menu em um estilo mais tradicional

www.nestle.com

Excessos de Multimídia
Utilize somente se acrescentar valor ao conteúdo;
Criar é mais caro e mais demorado;
Utilize sempre a maneira eficiente de ilustrar a questão;
Beneficio principal de ilustrar melhor o conteúdo e dispensa leitura.

Controle o volume para que esteja com tom agradável à navegação;
Utilize som somente para alertar escolhas incorretas ou inconsistências do usuário à navegação;
Não utilize som e animação somente para chamar atenção.
Foque no publico alvo, faixa etária é muito importante;

Permita ao usuário ter controle sobre o som e reprodução de vídeos e áudio;
Som altos repentinos causam perturbação e são desagradáveis;

Vídeos para Web
A Web é interativa, as pessoas gostam de ter controle sobre o conteúdo;
Os usuários não gostam de ficar na frente do computador vendo vídeos longos;
Após 24 segundos de vídeo o foco do usuário se dispersa;
No caso de exibir comerciais, reproduza depois do vídeo principal;

Layout com simplicidade
Não é simples;
Exige coragem e disciplina;
Tenha em mente como trabalha um decorador experiente e um decorador amador;
Bons Web designers aproveitam ao máximo o espaço(Tela e banda)

Layout com simplicidade
Faça uma crítica do site;
Simplifique as interações;
Os ícones, figuras, imagens e animações devem ser funcionais e condizer com o conteúdo;

Antes de inserir um elemento, pergunte–se.
Ele simplifica a tarefa do usuário?
Ele adiciona valor ao usuário?
Se a resposta for “não”, elimine-o

Simplifique
Inclua recursos para simplificar as tarefas;
Interações complexas dispersam o usuário;
É melhor ter poucos recursos úteis de que muitos inúteis.

Simplifique
Layouts simples são mais leves, rápidos e econômicos;
Beneficiam e auxiliam mais o usuário;
Agregue valor ao layout com informações realmente importantes;

Um design mais elegante
Sempre existirão novas tecnologias, os primeiros a adotá-las são minoria;
Considere que leva tempo para que o usuário aceite e aprenda;
Interfaces ineficazes são muito enfeitadas;
Design elegante é agradável e funcional;
Considere sempre a finalidade do projeto;

“ Mantenha os usuários no centro de seu projeto de design.Seja humilde. Escute-os.Eles o tornarão bem-sucedido”
Jakob Nielsen
Hoa Loranger

Capitulo 11 Livro Nielsen

by agner on Oct 07, 2009

Accessibility

Categories

Tags

Upload Details

Usage Rights

2 Embeds 106

Statistics

Capitulo 11 Livro Nielsen — Presentation Transcript

http://www.agner.com.br	102
http://www.slideshare.net	4