Transferir como KEY, PPTX
Carregado porWebgoal
Não me faça pensar
Este documento discute princípios de usabilidade na web com foco em criar sites intuitivos para os usuários. As três principais leis são: 1) Não me faça pensar - sites devem ser autoexplicativos, 2) Cada clique deve ser uma escolha óbvia - evite ambiguidade, 3) Livre-se da metade das palavras - seja conciso. O autor enfatiza testes com usuários reais desde o início do projeto.
Mais conteúdo relacionado
Semelhante a Não me faça pensar
Não me faça pensar
- 1. Não me faça pensar! Uma abordagemem de Bom Senso à usabilidade na Web Steve Krug resumido por @altrs
- 2.
- 3. Use o bomsenso... ...e deixe que te mostrem o óbvio!
- 4. Primeira lei deKrug: Não me faça pensar!
- 5. Usuários querem atingirseu objetivo.
- 6. Crie uma hierarquia visual clara
- 7. Tire proveito das convenções
- 8.
- 9. Deixe óbvio oque pode ser >clicado
- 10.
- 11. Segunda lei deKrug: Não importa quantas vezes eu tenha que clicar, desde que cada clique seja uma escolha óbvia e não ambígua.
- 12. Terceira lei deKrug: Livre-se da metade das palavras de cada página e depois de metade das que restaram.
- 13.
- 14.
- 15. Alguns preferem procurar, outrospreferem fazer uma busca
- 16. Quais sinais guiam meupróximo passo?
- 17. Onde estou e paraque direção estou indo? 30% a 40% dos cliques são no botão Voltar.
- 18. > Bread >crumbs Nome da página Sessões Subsessões
- 19. Faça o testedo porta-malas - Que site é este? - Em qual página estou? - Quais são as principais seções desta página? - Quais são minhas opções neste nível? - Onde estou no esquema das coisas? - Como posso realizar uma pesquisa?
- 20. Na página inicialtem sempre uma coisa a mais... - A identificação e a missão do site - A hierarquia do site - Uma caixa de pesquisa - Atrações, como novidades e recursos - Conteúdo oportuno, atualizado com freqüência - Negócios, atalhos, cadastro - O que estou procurando - O que não estou procurando, mas que é maravilhoso! - Por onde começar? - Credibilidade e confiança - Todos querem uma parte dela - Todos opinam sobre ela - Tem que ser atrativa para todos
- 21. Tenha um bomslogan, específico e atraente
- 22. O agricultor eo criador de gados devem ser amigos
- 23. não discuta baseado em crenças
- 24. não existe usuário médio Um bom projeto leva esta complexidade em conta.
- 25. tudo depende do contexto
- 26.
- 27. Muitos testes sãofeitos: Muito tarde Em pouca quantidade Pelos motivos errados
- 28. Grupos com foco x Testes de usabilidade
- 29. Verdades sobre testes: -Se quiser um ótimo site, tem que testar - Testar um usuário é 100% melhor do que nenhum - Testar um usuário no início é melhor do que 50 depois - É mais importante testar cedo e com freqüência do que recrutar usuários representativos - A questão não é provar algo, mas fornecer informações que juntamente com sua experiência e bom senso facilitarão a escolha - Testar é iterativo: Faz, testa, conserta e testa novamente - Nada é melhor do que a reação do público ao vivo
- 30. Quantos usuários você deve testar? Os três primeiros usuários provavelmente encontrarão quase todos os problemas significativos.
- 31. Teste antes de começar!!!
- 32. Resista ao impulsode acrescentar coisas
- 33. Nunca esconda oque você não quer mostrar! Diga o que o usuário quer saber!
- 34. Acessibilidade Umsite acessível não precisa ser menos atrativo e não deve necessitar de muito mais esforço para ser desenvolvido. Também não é fazer passar num validador. Tornar o site mais usável para o resto de nós também o tornará mais eficaz para pessoas com deficiência.
- 35. Não me faça pensar! Uma abordagemem de Bom Senso à usabilidade na Web Steve Krug resumido por @altrs
Notas do Editor
- #2 \n
- #3 Usabilidade é assegurar-se que algo funcione bem, que um usuário comum consiga usar um Web site ou um objeto qualquer sem se frustrar.\n
- #4 Usar o bom senso é fundamental, todavia, pode não ser óbvio até que alguém lhe mostre.\n\nPorque pensar na usabilidade é tão importante? Na essência, "se algo for difícil de usar, eu não uso tanto" (Melanie Krug)\n
- #5 Seja consistente e fale a língua do usuário. Ele deve ser capaz de entender seu site sem desprender esforço.\nQuando você examina um site ruim, tudo que você olha vem na sua mente em forma de perguntas (Eu posso clicar nisso?).\nEm um site bom, por outro lado, você vai olhando e compreendendo as coisas (humn, isso é um...).\n\n
- #6 Na maioria das vezes o usuário examina uma página parcialmente e, quando encontra algo que possa lhes interessar, clica.\nSe a escolha tiver sido errada, não há uma grande penalidade: basta clicar no botão voltar e recomeçar.\nNormalmente não tentamos descobrir como as coisas funcionam, apenas queremos atingir nosso objetivo.\nUma vez que encontramos algo que funcione ficamos com ela, não importa o quão mal funcione, raramante procuraremos uma forma melhor.\n\n
- #7 - Crie uma hierarquia visual clara em cada página\n - Quanto mais importante, mais proeminente\n - Coisas relacionadas logicamente devem estar relacionadas visualmente\n - Coisas deven ser aninhadas visualmente para mostrar o quais fazem parte de quais\n\n
- #8 - Tire proveito das convenções\n - As convenções são úteis, só se tornaram convenções por isso!\n - Você não precisa inovar em tudo, evite reinventar a roda a menos que tenha certeza de que o que você está fazendo seja mais intuitivo ou tenha muito valor\n\n
- #9 - Divida as páginas em áreas claramente definidas\n - Isso permite ao usuário focar em uma parte da página que lhe interessa\n\n
- #10 - Deixe óbvio o que pode ser clicado\n - Como os usuários querem muito ir adiante, deixe óbvio o que pode ser clicado e o que não\n\n
- #11 - Minimize a confusão\n - Evite deve ter muito o que fazer, muita coisa chamando a atenção\n - Também existe a confusão de segundo plano, linhas cinza separando itens de menu são melhores que pretas\n\n
- #12 Muitos usuários não se incomodam em dar vários cliques, desde que mantenham a certeza de que estão no caminho correto.\n
- #13 Isso reduz o nível de confusão na página, destaca mais o conteúdo útil e deixa as páginas menores, permitindo que os usuários vejam mais da página sem terem que rolá-la.\n\n
- #14 Evite instruções, elas só serão lidas depois que o usuário fracassar muitas vezes tentando aprender sozinho.\n
- #15 \n
- #16 Os usuários normalmente estão tentando encontrar algo. Alguns preferem procurar, outros preferem fazer uma busca primeiro.\n
- #17 Se o usuário decidir procurar, deverá seguir os sinais como guias. Se ele não encontrar o que estava procurando inevitavelmente irá embora.\n
- #18 Em um site não temos senso de escala (quantas páginas ele tem?), nem de direção e nem de localização. É por isso que o botão Voltar é responsável por entre 30 e 40% dos cliques na Web.\n
- #19 Deixe as sessões e subsessões claras. O nome das páginas devem estar evidentes e no lugar certo. Por fim, use as migalhas (normalmente no topo, separadas por >), elas mostram onde você está.\n
- #20 Imagine que você foi deixado em algum lugar do seu site depois de andar preso em um porta-malas por algum tempo. Quando sua visão clarear você deverá responder sem hesitar:\n- Que site é este? (identificação do site)\n- Em qual página estou? (nome da página)\n- Quais são as principais seções desta página? (seções)\n- Quais são minhas opções neste nível? (navegação local)\n- Onde estou no esquema das coisas? (indicadores)\n- Como posso realizar uma pesquisa?\nMuitas vezes os usuários chegam em uma página qualquer vindos de uma busca num site de pesquisa, por isso, baseie-se apenas na impressão geral, não nos detalhes.\nPara isso fique a uma certa distância e, tão rapidamente quanto possível, encontre e circule os itens acima.\n\n
- #21 \n
- #22 \n
- #23 \n
- #24 \n
- #25 Ex: usuários que detestam Flash: eles detestam Flash mal usado, animações grandes que demoram para serem carregadas. Eles provavelmente apreciam sites com pequenas partes de Flash bem planejadas.\n\n
- #26 Não pergunte: "a maioria das pessoas gostam de menus popup?"\nMas teste se "este menu popup com estes itens e este palavreado neste contexto nesta página cria ou não uma boa experiência para os prováveis usuários"\n\n
- #27 \n
- #28 Infelizmente a maioria dos testes são feitos muito tarde, em pouca quantidade e por motivos errados (debates internos, decidir uma cor, etc).\n
- #29 Em um grupo com foco, 5 a 8 pessoas reagem a idéias e projetos. São bons para obter opiniões e sentimentos sobre as coisas. É abstrato, serve para descobrir se a idéia faz sentido.\nMas queremos tetes de usabilidade, onde um usuário por vez tenta descobrir o que é ou tenta usar o site, protótipo ou até mesmo esboços. Bom para descobrir se a solução funciona e como melhorá-la.\n\n
- #30 \n
- #31 É muito mais importante executar mais rodadas de testes do que tirar tudo que puder em cada rodada.\nTestar apenas três usuários ajuda a garantir que você fará uma nova rodada em breve. Também permite que você questione no mesmo dia.\nÉ importante focar nos problemas mais sérios. Faça uma reunião de umas 2hs e decida o que e como será feito.\n\n
- #32 Antes mesmo de começar a fazer, faça teste com sites parecidos ou mesmo de concorrentes. É inestimável alguém criar um protótipo que funciona para você de graça!\n
- #33 A reação de muitas pessoas é acrescentar uma explicação ou instruções, onde na verdade o correto seria tirar coisas que estão obscurecendo o significado.\n
- #34 - Não esconder informações que ele quer (telefone, preço)\n- Dizer o que o usuário quer saber (custos, taxas - tudo que você preferia não ser direto)\n
- #35 \n
- #36 \n