SlideShare a Scribd company logo
1 of 35
Não me faça
       pensar!
Uma abordagemem de Bom Senso à usabilidade na Web
                  Steve Krug




                                               resumido
                                               por @altrs
Usabilidade = funcionar bem
Use o bom senso...




...e deixe que te mostrem o óbvio!
Primeira lei de Krug:

Não me faça pensar!
Usuários querem atingir seu

        objetivo.
Crie uma hierarquia
    visual clara
Tire proveito das
   convenções
Tenha áreas
claramente definidas
Deixe óbvio o que pode ser

        >clicado
Minimize a
 confusão
Segunda lei de Krug:

 Não importa quantas
   vezes eu tenha que
 clicar, desde que cada
clique seja uma escolha
 óbvia e não ambígua.
Terceira lei de Krug:

Livre-se da metade das
palavras de cada página
e depois de metade das
     que restaram.
Evite instruções
Navegação na web
Alguns preferem procurar,



outros preferem fazer uma
busca
Quais sinais guiam
meu próximo passo?
Onde estou e
para que direção
  estou indo?
  30% a 40% dos cliques são no botão Voltar.
> Bread > crumbs


Nome da página
Sessões

 Subsessões
Faça o teste do
        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?
Na página inicial tem
     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
Tenha um bom slogan,

específico e atraente
O agricultor e o
 criador de gados
devem ser amigos
não discuta
baseado em
  crenças
não existe
   usuário médio

Um bom projeto leva esta complexidade em conta.
tudo depende do
   contexto
Mantenha os
testes simples
Muitos testes são feitos:

Muito tarde

Em pouca quantidade

Pelos motivos errados
Grupos com foco
          x
Testes de usabilidade
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
Quantos usuários
    você deve testar?

      Os três primeiros usuários
provavelmente encontrarão quase todos
     os problemas significativos.
Teste antes de
 começar!!!
Resista ao impulso de
 acrescentar coisas
Nunca esconda o que você
  não quer mostrar!

      Diga o que o usuário
          quer saber!
Acessibilidade
  Um site 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.
Não me faça
       pensar!
Uma abordagemem de Bom Senso à usabilidade na Web
                  Steve Krug




                                               resumido
                                               por @altrs

More Related Content

What's hot

Junções e subconsultas
Junções e subconsultasJunções e subconsultas
Junções e subconsultasjulianaveregue
 
DOMinando JavaScript
DOMinando JavaScriptDOMinando JavaScript
DOMinando JavaScriptThiago Poiani
 
Carnegie Mellon MS PM Internships 2020
Carnegie Mellon MS PM Internships 2020Carnegie Mellon MS PM Internships 2020
Carnegie Mellon MS PM Internships 2020Lewis Lin 🦊
 
What's Growth PM and How's it Different to PM Types by Dropbox PM
What's Growth PM and How's it Different to PM Types by Dropbox PMWhat's Growth PM and How's it Different to PM Types by Dropbox PM
What's Growth PM and How's it Different to PM Types by Dropbox PMProduct School
 
User Story Writing & Estimation For Testers By Mahesh Varadharajan
User Story Writing & Estimation For Testers By Mahesh VaradharajanUser Story Writing & Estimation For Testers By Mahesh Varadharajan
User Story Writing & Estimation For Testers By Mahesh VaradharajanAgile Testing Alliance
 
Aula13 - Estrutura de repetição (for e while) - PHP
Aula13 - Estrutura de repetição (for e while) - PHPAula13 - Estrutura de repetição (for e while) - PHP
Aula13 - Estrutura de repetição (for e while) - PHPJorge Ávila Miranda
 
Cheat Sheet: 8 ways to split your user stories
Cheat Sheet:  8 ways to split your user storiesCheat Sheet:  8 ways to split your user stories
Cheat Sheet: 8 ways to split your user storiesPayton Consulting
 
Aula 02 - Introdução ao PHP
Aula 02 - Introdução ao PHPAula 02 - Introdução ao PHP
Aula 02 - Introdução ao PHPDaniel Brandão
 
13 Java Script - Validação de formulário
13 Java Script  - Validação de formulário13 Java Script  - Validação de formulário
13 Java Script - Validação de formulárioCentro Paula Souza
 
Desvendando a linguagem JavaScript
Desvendando a linguagem JavaScriptDesvendando a linguagem JavaScript
Desvendando a linguagem JavaScriptRodrigo Branas
 

What's hot (20)

How Akamai Made ESI Testing Simpler
How Akamai Made ESI Testing SimplerHow Akamai Made ESI Testing Simpler
How Akamai Made ESI Testing Simpler
 
Introdução ao HTML e CSS
Introdução ao HTML e CSSIntrodução ao HTML e CSS
Introdução ao HTML e CSS
 
HTML Principios Básicos
HTML Principios BásicosHTML Principios Básicos
HTML Principios Básicos
 
Junções e subconsultas
Junções e subconsultasJunções e subconsultas
Junções e subconsultas
 
HTML e CSS
HTML e CSSHTML e CSS
HTML e CSS
 
DOMinando JavaScript
DOMinando JavaScriptDOMinando JavaScript
DOMinando JavaScript
 
Carnegie Mellon MS PM Internships 2020
Carnegie Mellon MS PM Internships 2020Carnegie Mellon MS PM Internships 2020
Carnegie Mellon MS PM Internships 2020
 
Curso de Desenvolvimento Web - Módulo 03 - JavaScript
Curso de Desenvolvimento Web - Módulo 03 - JavaScriptCurso de Desenvolvimento Web - Módulo 03 - JavaScript
Curso de Desenvolvimento Web - Módulo 03 - JavaScript
 
What's Growth PM and How's it Different to PM Types by Dropbox PM
What's Growth PM and How's it Different to PM Types by Dropbox PMWhat's Growth PM and How's it Different to PM Types by Dropbox PM
What's Growth PM and How's it Different to PM Types by Dropbox PM
 
User Story Writing & Estimation For Testers By Mahesh Varadharajan
User Story Writing & Estimation For Testers By Mahesh VaradharajanUser Story Writing & Estimation For Testers By Mahesh Varadharajan
User Story Writing & Estimation For Testers By Mahesh Varadharajan
 
Aula13 - Estrutura de repetição (for e while) - PHP
Aula13 - Estrutura de repetição (for e while) - PHPAula13 - Estrutura de repetição (for e while) - PHP
Aula13 - Estrutura de repetição (for e while) - PHP
 
Cheat Sheet: 8 ways to split your user stories
Cheat Sheet:  8 ways to split your user storiesCheat Sheet:  8 ways to split your user stories
Cheat Sheet: 8 ways to split your user stories
 
Aula 02 - Introdução ao PHP
Aula 02 - Introdução ao PHPAula 02 - Introdução ao PHP
Aula 02 - Introdução ao PHP
 
13 Java Script - Validação de formulário
13 Java Script  - Validação de formulário13 Java Script  - Validação de formulário
13 Java Script - Validação de formulário
 
Curso de Desenvolvimento Web - Módulo 01 - HTML
Curso de Desenvolvimento Web - Módulo 01 - HTMLCurso de Desenvolvimento Web - Módulo 01 - HTML
Curso de Desenvolvimento Web - Módulo 01 - HTML
 
Desvendando a linguagem JavaScript
Desvendando a linguagem JavaScriptDesvendando a linguagem JavaScript
Desvendando a linguagem JavaScript
 
Algoritmos em portugol
Algoritmos em portugolAlgoritmos em portugol
Algoritmos em portugol
 
TDD com Python (Completo)
TDD com Python (Completo)TDD com Python (Completo)
TDD com Python (Completo)
 
Html
HtmlHtml
Html
 
Front End x Back End
Front End x Back EndFront End x Back End
Front End x Back End
 

Viewers also liked

Lean Startup - Ágiles 2011 Buenos Aires
Lean Startup - Ágiles 2011 Buenos AiresLean Startup - Ágiles 2011 Buenos Aires
Lean Startup - Ágiles 2011 Buenos AiresWebgoal
 
Gems para colocar seus testes no trilho
Gems para colocar seus testes no trilho Gems para colocar seus testes no trilho
Gems para colocar seus testes no trilho Webgoal
 
Você não tem um produto (Design de serviços)
Você não tem um produto (Design de serviços)Você não tem um produto (Design de serviços)
Você não tem um produto (Design de serviços)Webgoal
 
Motivacao e Felicidade no Ambiente de Trabalho
Motivacao e Felicidade no Ambiente de TrabalhoMotivacao e Felicidade no Ambiente de Trabalho
Motivacao e Felicidade no Ambiente de TrabalhoWebgoal
 
Lean Startup
Lean StartupLean Startup
Lean StartupWebgoal
 
Percona XtraBackup
Percona XtraBackupPercona XtraBackup
Percona XtraBackupWebgoal
 
Como tomar decisões em equipe
Como tomar decisões em equipeComo tomar decisões em equipe
Como tomar decisões em equipeWebgoal
 
Scrum na Horta - Caipira Agil 2011
Scrum na Horta - Caipira Agil 2011Scrum na Horta - Caipira Agil 2011
Scrum na Horta - Caipira Agil 2011Webgoal
 
VRaptor - Alta produtividade no Desenvolvimento Web em Java
VRaptor - Alta produtividade no Desenvolvimento Web em JavaVRaptor - Alta produtividade no Desenvolvimento Web em Java
VRaptor - Alta produtividade no Desenvolvimento Web em JavaDaniel Faria Gomes
 
Feedback ao invés de avaliação de desempenho
Feedback ao invés de avaliação de desempenho Feedback ao invés de avaliação de desempenho
Feedback ao invés de avaliação de desempenho Webgoal
 
Desenvolvimento ágil na prática - Agile Tour 2011 Poços de Caldas
Desenvolvimento ágil na prática - Agile Tour 2011 Poços de CaldasDesenvolvimento ágil na prática - Agile Tour 2011 Poços de Caldas
Desenvolvimento ágil na prática - Agile Tour 2011 Poços de CaldasWebgoal
 
Business Model Canvas
Business Model CanvasBusiness Model Canvas
Business Model CanvasWebgoal
 

Viewers also liked (14)

Lean Startup - Ágiles 2011 Buenos Aires
Lean Startup - Ágiles 2011 Buenos AiresLean Startup - Ágiles 2011 Buenos Aires
Lean Startup - Ágiles 2011 Buenos Aires
 
Gems para colocar seus testes no trilho
Gems para colocar seus testes no trilho Gems para colocar seus testes no trilho
Gems para colocar seus testes no trilho
 
Você não tem um produto (Design de serviços)
Você não tem um produto (Design de serviços)Você não tem um produto (Design de serviços)
Você não tem um produto (Design de serviços)
 
Motivacao e Felicidade no Ambiente de Trabalho
Motivacao e Felicidade no Ambiente de TrabalhoMotivacao e Felicidade no Ambiente de Trabalho
Motivacao e Felicidade no Ambiente de Trabalho
 
Lean Startup
Lean StartupLean Startup
Lean Startup
 
Percona XtraBackup
Percona XtraBackupPercona XtraBackup
Percona XtraBackup
 
Testes e Refatoração
Testes e RefatoraçãoTestes e Refatoração
Testes e Refatoração
 
Como tomar decisões em equipe
Como tomar decisões em equipeComo tomar decisões em equipe
Como tomar decisões em equipe
 
Scrum na Horta - Caipira Agil 2011
Scrum na Horta - Caipira Agil 2011Scrum na Horta - Caipira Agil 2011
Scrum na Horta - Caipira Agil 2011
 
VRaptor - Alta produtividade no Desenvolvimento Web em Java
VRaptor - Alta produtividade no Desenvolvimento Web em JavaVRaptor - Alta produtividade no Desenvolvimento Web em Java
VRaptor - Alta produtividade no Desenvolvimento Web em Java
 
Feedback ao invés de avaliação de desempenho
Feedback ao invés de avaliação de desempenho Feedback ao invés de avaliação de desempenho
Feedback ao invés de avaliação de desempenho
 
Desenvolvimento ágil na prática - Agile Tour 2011 Poços de Caldas
Desenvolvimento ágil na prática - Agile Tour 2011 Poços de CaldasDesenvolvimento ágil na prática - Agile Tour 2011 Poços de Caldas
Desenvolvimento ágil na prática - Agile Tour 2011 Poços de Caldas
 
Desmistificando o nao-modelo Spotify
Desmistificando o nao-modelo SpotifyDesmistificando o nao-modelo Spotify
Desmistificando o nao-modelo Spotify
 
Business Model Canvas
Business Model CanvasBusiness Model Canvas
Business Model Canvas
 

Similar to Não me faça pensar! Uma abordagem de bom senso à usabilidade na Web

O que é e como fazer um Teste de Usabilidade
O que é e como fazer um Teste de UsabilidadeO que é e como fazer um Teste de Usabilidade
O que é e como fazer um Teste de UsabilidadeGustavo Silveira
 
A experiência do usuário na Web
A experiência do usuário na WebA experiência do usuário na Web
A experiência do usuário na WebWellington Oliveira
 
Projete pensando no usuário e todo mundo sai ganhando
Projete pensando no usuário e todo mundo sai ganhandoProjete pensando no usuário e todo mundo sai ganhando
Projete pensando no usuário e todo mundo sai ganhandoJuliana Fernandes
 
W01_DesignWeb_02.ppt
W01_DesignWeb_02.pptW01_DesignWeb_02.ppt
W01_DesignWeb_02.pptBackupMZJ
 
Teorias e Prática aplicadas ao mercado digital
Teorias e Prática aplicadas ao mercado digitalTeorias e Prática aplicadas ao mercado digital
Teorias e Prática aplicadas ao mercado digitalRoberto Gaspar
 
Gestão de Projetos de E-commerce #Salvador
Gestão de Projetos de E-commerce #SalvadorGestão de Projetos de E-commerce #Salvador
Gestão de Projetos de E-commerce #SalvadorTrespontosBrasil
 
Oficina de Teste de Usabilidade
Oficina de Teste de UsabilidadeOficina de Teste de Usabilidade
Oficina de Teste de UsabilidadeUTFPR
 
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
 
Workshop • UX design •
Workshop • UX design •  Workshop • UX design •
Workshop • UX design • Suzi Sarmento
 
Testes de usabilidade com uma pitada de lean ux
Testes de usabilidade com uma pitada de lean uxTestes de usabilidade com uma pitada de lean ux
Testes de usabilidade com uma pitada de lean uxQualister
 
Oficina "Projetando Interações com Base Heurística" por Renato Rosa
Oficina "Projetando Interações com Base Heurística" por Renato RosaOficina "Projetando Interações com Base Heurística" por Renato Rosa
Oficina "Projetando Interações com Base Heurística" por Renato Rosawudrs
 
Transformational Design Thinking - Aula 9
Transformational Design Thinking - Aula 9Transformational Design Thinking - Aula 9
Transformational Design Thinking - Aula 9Lu Terceiro
 
CRO e Usabilidade - Aumentando a conversão de um site
CRO e Usabilidade - Aumentando a conversão de um siteCRO e Usabilidade - Aumentando a conversão de um site
CRO e Usabilidade - Aumentando a conversão de um sitePatrick Murta
 
Hack2B - Design Sprint Workshop
Hack2B - Design Sprint WorkshopHack2B - Design Sprint Workshop
Hack2B - Design Sprint WorkshopAna Paula Batista
 
TDC2016SP - Trilha UX Design
TDC2016SP - Trilha UX DesignTDC2016SP - Trilha UX Design
TDC2016SP - Trilha UX Designtdc-globalcode
 
Como não ferrar com a user experience - Campus Party 2012
Como não ferrar com a user experience - Campus Party 2012 Como não ferrar com a user experience - Campus Party 2012
Como não ferrar com a user experience - Campus Party 2012 Juliana Gaiba
 

Similar to Não me faça pensar! Uma abordagem de bom senso à usabilidade na Web (20)

O que é e como fazer um Teste de Usabilidade
O que é e como fazer um Teste de UsabilidadeO que é e como fazer um Teste de Usabilidade
O que é e como fazer um Teste de Usabilidade
 
A experiência do usuário na Web
A experiência do usuário na WebA experiência do usuário na Web
A experiência do usuário na Web
 
Projete pensando no usuário e todo mundo sai ganhando
Projete pensando no usuário e todo mundo sai ganhandoProjete pensando no usuário e todo mundo sai ganhando
Projete pensando no usuário e todo mundo sai ganhando
 
W01_DesignWeb_02.ppt
W01_DesignWeb_02.pptW01_DesignWeb_02.ppt
W01_DesignWeb_02.ppt
 
Teorias e Prática aplicadas ao mercado digital
Teorias e Prática aplicadas ao mercado digitalTeorias e Prática aplicadas ao mercado digital
Teorias e Prática aplicadas ao mercado digital
 
Gestão de Projetos de E-commerce #Salvador
Gestão de Projetos de E-commerce #SalvadorGestão de Projetos de E-commerce #Salvador
Gestão de Projetos de E-commerce #Salvador
 
Teste de usabilidade
Teste de usabilidadeTeste de usabilidade
Teste de usabilidade
 
Teste de usabilidade
Teste de usabilidadeTeste de usabilidade
Teste de usabilidade
 
Oficina de Teste de Usabilidade
Oficina de Teste de UsabilidadeOficina de Teste de Usabilidade
Oficina de Teste de Usabilidade
 
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
 
Workshop • UX design •
Workshop • UX design •  Workshop • UX design •
Workshop • UX design •
 
Testes de usabilidade com uma pitada de lean ux
Testes de usabilidade com uma pitada de lean uxTestes de usabilidade com uma pitada de lean ux
Testes de usabilidade com uma pitada de lean ux
 
Oficina "Projetando Interações com Base Heurística" por Renato Rosa
Oficina "Projetando Interações com Base Heurística" por Renato RosaOficina "Projetando Interações com Base Heurística" por Renato Rosa
Oficina "Projetando Interações com Base Heurística" por Renato Rosa
 
Transformational Design Thinking - Aula 9
Transformational Design Thinking - Aula 9Transformational Design Thinking - Aula 9
Transformational Design Thinking - Aula 9
 
CRO e Usabilidade - Aumentando a conversão de um site
CRO e Usabilidade - Aumentando a conversão de um siteCRO e Usabilidade - Aumentando a conversão de um site
CRO e Usabilidade - Aumentando a conversão de um site
 
O que é user experience
O que é user experienceO que é user experience
O que é user experience
 
Hack2B - Design Sprint Workshop
Hack2B - Design Sprint WorkshopHack2B - Design Sprint Workshop
Hack2B - Design Sprint Workshop
 
TDC2016SP - Trilha UX Design
TDC2016SP - Trilha UX DesignTDC2016SP - Trilha UX Design
TDC2016SP - Trilha UX Design
 
Testes de usabilidade
Testes de usabilidadeTestes de usabilidade
Testes de usabilidade
 
Como não ferrar com a user experience - Campus Party 2012
Como não ferrar com a user experience - Campus Party 2012 Como não ferrar com a user experience - Campus Party 2012
Como não ferrar com a user experience - Campus Party 2012
 

More from Webgoal

Visão geral sobre os métodos ágeis
Visão geral sobre os métodos ágeisVisão geral sobre os métodos ágeis
Visão geral sobre os métodos ágeisWebgoal
 
Relacionamento com o Cliente
Relacionamento com o ClienteRelacionamento com o Cliente
Relacionamento com o ClienteWebgoal
 
Análise de Negócio e Requisitos Ágeis
Análise de Negócio e Requisitos ÁgeisAnálise de Negócio e Requisitos Ágeis
Análise de Negócio e Requisitos ÁgeisWebgoal
 
Conhecimento é o fator mais importante para o sucesso de uma empresa
Conhecimento é o fator mais importante para o sucesso de uma empresaConhecimento é o fator mais importante para o sucesso de uma empresa
Conhecimento é o fator mais importante para o sucesso de uma empresaWebgoal
 
Compartilhando histórias de gestão 3.0 da Webgoal
Compartilhando histórias de gestão 3.0 da WebgoalCompartilhando histórias de gestão 3.0 da Webgoal
Compartilhando histórias de gestão 3.0 da WebgoalWebgoal
 
Lean Startup - Agile Tour 2011 Poços de Caldas
Lean Startup - Agile Tour 2011 Poços de CaldasLean Startup - Agile Tour 2011 Poços de Caldas
Lean Startup - Agile Tour 2011 Poços de CaldasWebgoal
 
Canvas Modelo Negocio - Caipira Agil 2011
Canvas Modelo Negocio - Caipira Agil 2011Canvas Modelo Negocio - Caipira Agil 2011
Canvas Modelo Negocio - Caipira Agil 2011Webgoal
 
Lean startup - Agile Brazil 2011
Lean startup - Agile Brazil 2011Lean startup - Agile Brazil 2011
Lean startup - Agile Brazil 2011Webgoal
 
Tente Desenvolver Diferente com TDD - Agile Brazil 2011
Tente Desenvolver Diferente com TDD - Agile Brazil 2011Tente Desenvolver Diferente com TDD - Agile Brazil 2011
Tente Desenvolver Diferente com TDD - Agile Brazil 2011Webgoal
 
Canvas Business Model Generation - Agile Brazil 2011
Canvas Business Model Generation - Agile Brazil 2011Canvas Business Model Generation - Agile Brazil 2011
Canvas Business Model Generation - Agile Brazil 2011Webgoal
 
Scrum na horta - Agile Brazil 2011
Scrum na horta - Agile Brazil 2011Scrum na horta - Agile Brazil 2011
Scrum na horta - Agile Brazil 2011Webgoal
 
Técnicas de Facilitação para projetos e equipes
Técnicas de Facilitação para projetos e equipesTécnicas de Facilitação para projetos e equipes
Técnicas de Facilitação para projetos e equipesWebgoal
 
Tente desenvolver diferente com TDD
Tente desenvolver diferente com TDDTente desenvolver diferente com TDD
Tente desenvolver diferente com TDDWebgoal
 
Canvas - Business Model Generation
Canvas - Business Model GenerationCanvas - Business Model Generation
Canvas - Business Model GenerationWebgoal
 
Canvas - Modelo Negocio Agil
Canvas - Modelo Negocio AgilCanvas - Modelo Negocio Agil
Canvas - Modelo Negocio AgilWebgoal
 
Scrum na Horta - Agile Tour 2010
Scrum na Horta - Agile Tour 2010Scrum na Horta - Agile Tour 2010
Scrum na Horta - Agile Tour 2010Webgoal
 
Scrum na Horta - Agiles 2010
Scrum na Horta - Agiles 2010Scrum na Horta - Agiles 2010
Scrum na Horta - Agiles 2010Webgoal
 

More from Webgoal (17)

Visão geral sobre os métodos ágeis
Visão geral sobre os métodos ágeisVisão geral sobre os métodos ágeis
Visão geral sobre os métodos ágeis
 
Relacionamento com o Cliente
Relacionamento com o ClienteRelacionamento com o Cliente
Relacionamento com o Cliente
 
Análise de Negócio e Requisitos Ágeis
Análise de Negócio e Requisitos ÁgeisAnálise de Negócio e Requisitos Ágeis
Análise de Negócio e Requisitos Ágeis
 
Conhecimento é o fator mais importante para o sucesso de uma empresa
Conhecimento é o fator mais importante para o sucesso de uma empresaConhecimento é o fator mais importante para o sucesso de uma empresa
Conhecimento é o fator mais importante para o sucesso de uma empresa
 
Compartilhando histórias de gestão 3.0 da Webgoal
Compartilhando histórias de gestão 3.0 da WebgoalCompartilhando histórias de gestão 3.0 da Webgoal
Compartilhando histórias de gestão 3.0 da Webgoal
 
Lean Startup - Agile Tour 2011 Poços de Caldas
Lean Startup - Agile Tour 2011 Poços de CaldasLean Startup - Agile Tour 2011 Poços de Caldas
Lean Startup - Agile Tour 2011 Poços de Caldas
 
Canvas Modelo Negocio - Caipira Agil 2011
Canvas Modelo Negocio - Caipira Agil 2011Canvas Modelo Negocio - Caipira Agil 2011
Canvas Modelo Negocio - Caipira Agil 2011
 
Lean startup - Agile Brazil 2011
Lean startup - Agile Brazil 2011Lean startup - Agile Brazil 2011
Lean startup - Agile Brazil 2011
 
Tente Desenvolver Diferente com TDD - Agile Brazil 2011
Tente Desenvolver Diferente com TDD - Agile Brazil 2011Tente Desenvolver Diferente com TDD - Agile Brazil 2011
Tente Desenvolver Diferente com TDD - Agile Brazil 2011
 
Canvas Business Model Generation - Agile Brazil 2011
Canvas Business Model Generation - Agile Brazil 2011Canvas Business Model Generation - Agile Brazil 2011
Canvas Business Model Generation - Agile Brazil 2011
 
Scrum na horta - Agile Brazil 2011
Scrum na horta - Agile Brazil 2011Scrum na horta - Agile Brazil 2011
Scrum na horta - Agile Brazil 2011
 
Técnicas de Facilitação para projetos e equipes
Técnicas de Facilitação para projetos e equipesTécnicas de Facilitação para projetos e equipes
Técnicas de Facilitação para projetos e equipes
 
Tente desenvolver diferente com TDD
Tente desenvolver diferente com TDDTente desenvolver diferente com TDD
Tente desenvolver diferente com TDD
 
Canvas - Business Model Generation
Canvas - Business Model GenerationCanvas - Business Model Generation
Canvas - Business Model Generation
 
Canvas - Modelo Negocio Agil
Canvas - Modelo Negocio AgilCanvas - Modelo Negocio Agil
Canvas - Modelo Negocio Agil
 
Scrum na Horta - Agile Tour 2010
Scrum na Horta - Agile Tour 2010Scrum na Horta - Agile Tour 2010
Scrum na Horta - Agile Tour 2010
 
Scrum na Horta - Agiles 2010
Scrum na Horta - Agiles 2010Scrum na Horta - Agiles 2010
Scrum na Horta - Agiles 2010
 

Recently uploaded

Geometria 5to Educacion Primaria EDU Ccesa007.pdf
Geometria  5to Educacion Primaria EDU  Ccesa007.pdfGeometria  5to Educacion Primaria EDU  Ccesa007.pdf
Geometria 5to Educacion Primaria EDU Ccesa007.pdfDemetrio Ccesa Rayme
 
HABILIDADES ESSENCIAIS - MATEMÁTICA 4º ANO.pdf
HABILIDADES ESSENCIAIS  - MATEMÁTICA 4º ANO.pdfHABILIDADES ESSENCIAIS  - MATEMÁTICA 4º ANO.pdf
HABILIDADES ESSENCIAIS - MATEMÁTICA 4º ANO.pdfdio7ff
 
Educação São Paulo centro de mídias da SP
Educação São Paulo centro de mídias da SPEducação São Paulo centro de mídias da SP
Educação São Paulo centro de mídias da SPanandatss1
 
QUIZ DE MATEMATICA SHOW DO MILHÃO PREPARAÇÃO ÇPARA AVALIAÇÕES EXTERNAS
QUIZ DE MATEMATICA SHOW DO MILHÃO PREPARAÇÃO ÇPARA AVALIAÇÕES EXTERNASQUIZ DE MATEMATICA SHOW DO MILHÃO PREPARAÇÃO ÇPARA AVALIAÇÕES EXTERNAS
QUIZ DE MATEMATICA SHOW DO MILHÃO PREPARAÇÃO ÇPARA AVALIAÇÕES EXTERNASEdinardo Aguiar
 
19 de abril - Dia dos povos indigenas brasileiros
19 de abril - Dia dos povos indigenas brasileiros19 de abril - Dia dos povos indigenas brasileiros
19 de abril - Dia dos povos indigenas brasileirosMary Alvarenga
 
Empreendedorismo: O que é ser empreendedor?
Empreendedorismo: O que é ser empreendedor?Empreendedorismo: O que é ser empreendedor?
Empreendedorismo: O que é ser empreendedor?MrciaRocha48
 
Cartilha 1º Ano Alfabetização _ 1º Ano Ensino Fundamental
Cartilha 1º Ano Alfabetização _ 1º Ano Ensino FundamentalCartilha 1º Ano Alfabetização _ 1º Ano Ensino Fundamental
Cartilha 1º Ano Alfabetização _ 1º Ano Ensino Fundamentalgeone480617
 
Cultura e Sociedade - Texto de Apoio.pdf
Cultura e Sociedade - Texto de Apoio.pdfCultura e Sociedade - Texto de Apoio.pdf
Cultura e Sociedade - Texto de Apoio.pdfaulasgege
 
Noções de Orçamento Público AFO - CNU - Aula 1 - Alunos.pdf
Noções de Orçamento Público AFO - CNU - Aula 1 - Alunos.pdfNoções de Orçamento Público AFO - CNU - Aula 1 - Alunos.pdf
Noções de Orçamento Público AFO - CNU - Aula 1 - Alunos.pdfdottoor
 
Sociologia Contemporânea - Uma Abordagem dos principais autores
Sociologia Contemporânea - Uma Abordagem dos principais autoresSociologia Contemporânea - Uma Abordagem dos principais autores
Sociologia Contemporânea - Uma Abordagem dos principais autoresaulasgege
 
FCEE - Diretrizes - Autismo.pdf para imprimir
FCEE - Diretrizes - Autismo.pdf para imprimirFCEE - Diretrizes - Autismo.pdf para imprimir
FCEE - Diretrizes - Autismo.pdf para imprimirIedaGoethe
 
Aula 13 8º Ano Cap.04 Revolução Francesa.pptx
Aula 13 8º Ano Cap.04 Revolução Francesa.pptxAula 13 8º Ano Cap.04 Revolução Francesa.pptx
Aula 13 8º Ano Cap.04 Revolução Francesa.pptxBiancaNogueira42
 
HORA DO CONTO3_BECRE D. CARLOS I_2023_2024
HORA DO CONTO3_BECRE D. CARLOS I_2023_2024HORA DO CONTO3_BECRE D. CARLOS I_2023_2024
HORA DO CONTO3_BECRE D. CARLOS I_2023_2024Sandra Pratas
 
geografia 7 ano - relevo, altitude, topos do mundo
geografia 7 ano - relevo, altitude, topos do mundogeografia 7 ano - relevo, altitude, topos do mundo
geografia 7 ano - relevo, altitude, topos do mundonialb
 
Dança Contemporânea na arte da dança primeira parte
Dança Contemporânea na arte da dança primeira parteDança Contemporânea na arte da dança primeira parte
Dança Contemporânea na arte da dança primeira partecoletivoddois
 
Guia completo da Previdênci a - Reforma .pdf
Guia completo da Previdênci a - Reforma .pdfGuia completo da Previdênci a - Reforma .pdf
Guia completo da Previdênci a - Reforma .pdfEyshilaKelly1
 
Mesoamérica.Astecas,inca,maias , olmecas
Mesoamérica.Astecas,inca,maias , olmecasMesoamérica.Astecas,inca,maias , olmecas
Mesoamérica.Astecas,inca,maias , olmecasRicardo Diniz campos
 
Aula - 2º Ano - Cultura e Sociedade - Conceitos-chave
Aula - 2º Ano - Cultura e Sociedade - Conceitos-chaveAula - 2º Ano - Cultura e Sociedade - Conceitos-chave
Aula - 2º Ano - Cultura e Sociedade - Conceitos-chaveaulasgege
 
A Inteligência Artificial na Educação e a Inclusão Linguística
A Inteligência Artificial na Educação e a Inclusão LinguísticaA Inteligência Artificial na Educação e a Inclusão Linguística
A Inteligência Artificial na Educação e a Inclusão LinguísticaFernanda Ledesma
 
ÁREA DE FIGURAS PLANAS - DESCRITOR DE MATEMATICA D12 ENSINO MEDIO.pptx
ÁREA DE FIGURAS PLANAS - DESCRITOR DE MATEMATICA D12 ENSINO MEDIO.pptxÁREA DE FIGURAS PLANAS - DESCRITOR DE MATEMATICA D12 ENSINO MEDIO.pptx
ÁREA DE FIGURAS PLANAS - DESCRITOR DE MATEMATICA D12 ENSINO MEDIO.pptxDeyvidBriel
 

Recently uploaded (20)

Geometria 5to Educacion Primaria EDU Ccesa007.pdf
Geometria  5to Educacion Primaria EDU  Ccesa007.pdfGeometria  5to Educacion Primaria EDU  Ccesa007.pdf
Geometria 5to Educacion Primaria EDU Ccesa007.pdf
 
HABILIDADES ESSENCIAIS - MATEMÁTICA 4º ANO.pdf
HABILIDADES ESSENCIAIS  - MATEMÁTICA 4º ANO.pdfHABILIDADES ESSENCIAIS  - MATEMÁTICA 4º ANO.pdf
HABILIDADES ESSENCIAIS - MATEMÁTICA 4º ANO.pdf
 
Educação São Paulo centro de mídias da SP
Educação São Paulo centro de mídias da SPEducação São Paulo centro de mídias da SP
Educação São Paulo centro de mídias da SP
 
QUIZ DE MATEMATICA SHOW DO MILHÃO PREPARAÇÃO ÇPARA AVALIAÇÕES EXTERNAS
QUIZ DE MATEMATICA SHOW DO MILHÃO PREPARAÇÃO ÇPARA AVALIAÇÕES EXTERNASQUIZ DE MATEMATICA SHOW DO MILHÃO PREPARAÇÃO ÇPARA AVALIAÇÕES EXTERNAS
QUIZ DE MATEMATICA SHOW DO MILHÃO PREPARAÇÃO ÇPARA AVALIAÇÕES EXTERNAS
 
19 de abril - Dia dos povos indigenas brasileiros
19 de abril - Dia dos povos indigenas brasileiros19 de abril - Dia dos povos indigenas brasileiros
19 de abril - Dia dos povos indigenas brasileiros
 
Empreendedorismo: O que é ser empreendedor?
Empreendedorismo: O que é ser empreendedor?Empreendedorismo: O que é ser empreendedor?
Empreendedorismo: O que é ser empreendedor?
 
Cartilha 1º Ano Alfabetização _ 1º Ano Ensino Fundamental
Cartilha 1º Ano Alfabetização _ 1º Ano Ensino FundamentalCartilha 1º Ano Alfabetização _ 1º Ano Ensino Fundamental
Cartilha 1º Ano Alfabetização _ 1º Ano Ensino Fundamental
 
Cultura e Sociedade - Texto de Apoio.pdf
Cultura e Sociedade - Texto de Apoio.pdfCultura e Sociedade - Texto de Apoio.pdf
Cultura e Sociedade - Texto de Apoio.pdf
 
Noções de Orçamento Público AFO - CNU - Aula 1 - Alunos.pdf
Noções de Orçamento Público AFO - CNU - Aula 1 - Alunos.pdfNoções de Orçamento Público AFO - CNU - Aula 1 - Alunos.pdf
Noções de Orçamento Público AFO - CNU - Aula 1 - Alunos.pdf
 
Sociologia Contemporânea - Uma Abordagem dos principais autores
Sociologia Contemporânea - Uma Abordagem dos principais autoresSociologia Contemporânea - Uma Abordagem dos principais autores
Sociologia Contemporânea - Uma Abordagem dos principais autores
 
FCEE - Diretrizes - Autismo.pdf para imprimir
FCEE - Diretrizes - Autismo.pdf para imprimirFCEE - Diretrizes - Autismo.pdf para imprimir
FCEE - Diretrizes - Autismo.pdf para imprimir
 
Aula 13 8º Ano Cap.04 Revolução Francesa.pptx
Aula 13 8º Ano Cap.04 Revolução Francesa.pptxAula 13 8º Ano Cap.04 Revolução Francesa.pptx
Aula 13 8º Ano Cap.04 Revolução Francesa.pptx
 
HORA DO CONTO3_BECRE D. CARLOS I_2023_2024
HORA DO CONTO3_BECRE D. CARLOS I_2023_2024HORA DO CONTO3_BECRE D. CARLOS I_2023_2024
HORA DO CONTO3_BECRE D. CARLOS I_2023_2024
 
geografia 7 ano - relevo, altitude, topos do mundo
geografia 7 ano - relevo, altitude, topos do mundogeografia 7 ano - relevo, altitude, topos do mundo
geografia 7 ano - relevo, altitude, topos do mundo
 
Dança Contemporânea na arte da dança primeira parte
Dança Contemporânea na arte da dança primeira parteDança Contemporânea na arte da dança primeira parte
Dança Contemporânea na arte da dança primeira parte
 
Guia completo da Previdênci a - Reforma .pdf
Guia completo da Previdênci a - Reforma .pdfGuia completo da Previdênci a - Reforma .pdf
Guia completo da Previdênci a - Reforma .pdf
 
Mesoamérica.Astecas,inca,maias , olmecas
Mesoamérica.Astecas,inca,maias , olmecasMesoamérica.Astecas,inca,maias , olmecas
Mesoamérica.Astecas,inca,maias , olmecas
 
Aula - 2º Ano - Cultura e Sociedade - Conceitos-chave
Aula - 2º Ano - Cultura e Sociedade - Conceitos-chaveAula - 2º Ano - Cultura e Sociedade - Conceitos-chave
Aula - 2º Ano - Cultura e Sociedade - Conceitos-chave
 
A Inteligência Artificial na Educação e a Inclusão Linguística
A Inteligência Artificial na Educação e a Inclusão LinguísticaA Inteligência Artificial na Educação e a Inclusão Linguística
A Inteligência Artificial na Educação e a Inclusão Linguística
 
ÁREA DE FIGURAS PLANAS - DESCRITOR DE MATEMATICA D12 ENSINO MEDIO.pptx
ÁREA DE FIGURAS PLANAS - DESCRITOR DE MATEMATICA D12 ENSINO MEDIO.pptxÁREA DE FIGURAS PLANAS - DESCRITOR DE MATEMATICA D12 ENSINO MEDIO.pptx
ÁREA DE FIGURAS PLANAS - DESCRITOR DE MATEMATICA D12 ENSINO MEDIO.pptx
 

Não me faça pensar! Uma abordagem de bom senso à usabilidade na Web

  • 1. Não me faça pensar! Uma abordagemem de Bom Senso à usabilidade na Web Steve Krug resumido por @altrs
  • 3. Use o bom senso... ...e deixe que te mostrem o óbvio!
  • 4. Primeira lei de Krug: Não me faça pensar!
  • 5. Usuários querem atingir seu objetivo.
  • 6. Crie uma hierarquia visual clara
  • 7. Tire proveito das convenções
  • 9. Deixe óbvio o que pode ser >clicado
  • 11. Segunda lei de Krug: 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 de Krug: Livre-se da metade das palavras de cada página e depois de metade das que restaram.
  • 15. Alguns preferem procurar, outros preferem fazer uma busca
  • 16. Quais sinais guiam meu próximo passo?
  • 17. Onde estou e para que 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 teste do 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 inicial tem 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 bom slogan, específico e atraente
  • 22. O agricultor e o criador de gados devem ser amigos
  • 24. não existe usuário médio Um bom projeto leva esta complexidade em conta.
  • 25. tudo depende do contexto
  • 27. Muitos testes são feitos: 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 impulso de acrescentar coisas
  • 33. Nunca esconda o que você não quer mostrar! Diga o que o usuário quer saber!
  • 34. Acessibilidade Um site 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

Editor's Notes

  1. \n
  2. 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
  3. 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
  4. 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
  5. 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
  6. - 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
  7. - 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
  8. - 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
  9. - 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
  10. - 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
  11. 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
  12. 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
  13. Evite instruções, elas só serão lidas depois que o usuário fracassar muitas vezes tentando aprender sozinho.\n
  14. \n
  15. Os usuários normalmente estão tentando encontrar algo. Alguns preferem procurar, outros preferem fazer uma busca primeiro.\n
  16. 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
  17. 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
  18. 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
  19. 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
  20. \n
  21. \n
  22. \n
  23. \n
  24. 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
  25. 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
  26. \n
  27. Infelizmente a maioria dos testes são feitos muito tarde, em pouca quantidade e por motivos errados (debates internos, decidir uma cor, etc).\n
  28. 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
  29. \n
  30. É 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
  31. 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
  32. 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
  33. - 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
  34. \n
  35. \n