Capitulo 11 Livro Nielsen
1 gostou468 visualizações
O documento discute estratégias para equilibrar o uso da tecnologia multimídia em sites web com as necessidades dos usuários. Ele fornece exemplos de sites que usam a multimídia de forma positiva e negativa e recomenda projetar sites para a velocidade de conexão dos usuários, fornecer indicadores de status de download claros e acomodar aqueles sem acesso à tecnologia mais recente.
Capitulo 11 Livro Nielsen
- 1. Projeto de Interfaces Web Capítulo 11 Equilibrando Tecnologia com as necessidades das pessoas Alexandre Cauzio Cezar Emerson Vagner
- 2. 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.
- 3. 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;
- 4. www.atlantis.com Carrega rápido, navegação consistente, interação simples. Desvantagem: página de splash irritante. Recursos ocultos.
- 5. 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
- 6. www.optibo.se Instruções muito longas;
- 8. www.in-n-out.com Alta repetição da canção da empresa; Página de splash sem sentido;
- 9. www.pepsiworld.com Ícones de controle de som não distinguíveis;
- 10. 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;
- 11. 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;
- 12. 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;
- 13. 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;
- 14. www.audi.com Possui um contador apropriado que informa a porcentagem de dados que foi carregado;
- 15. www.ebay.com Informações sem animação ou indicador de status não são aconselháveis;
- 16. www.travelocity.com As estrelas piscando dão às pessoas alguma esperança de que o sistema está funcionando;
- 17. 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?
- 18. 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>>
- 19. http://automobiles.honda.com Mensagens de segurança confundem as pessoas;
- 20. 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;
- 21. 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>>
- 22. 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;
- 23. 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;
- 24. 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>>
- 25. 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;
- 26. www.atlantis.com O painel de navegação está oculto sob o termo Atlantis Navigator;
- 27. www.hummer.com / www.miniusa.com Bons exemplos de barra de rolagem;
- 28. www.haribon.org.ph As barras de rolagem parecem indicadores de norte/sul do mapa; Não há indicador de controle deslizante;
- 29. 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;
- 30. 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
- 31. www.nestle.com
- 32. 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.
- 33. Excessos de Multimídia 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;
- 34. Excessos de Multimídia 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;
- 35. 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;
- 37. 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)
- 38. 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;
- 39. 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
- 40. Simplifique Inclua recursos para simplificar as tarefas; Interações complexas dispersam o usuário; É melhor ter poucos recursos úteis de que muitos inúteis.
- 41. 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;
- 43. 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;
- 44. “ 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