SlideShare uma empresa Scribd logo
1 de 6
 
Regras de Usabilidade »  Não faça o cliente PENSAR , as pessoas não vão ler o seu site, vão olhá-lo na diagonal, como se passassem por um outdoor a 120 km/h; »  Títulos, links e botões  devem ser completamente óbvios, o utilizador não deve ficar na dúvida se deve ou não clicar em algo; »  O seu site deve ser auto-explicativo  e utilizador nunca deve pensar: “Onde estou? Onde eles colocaram o …?”;
» Crie uma hierarquia visual clara em cada página; » Tire proveito dos padrões visuais estabelecidos (ex: ao entrar num site, esperamos encontrar o logótipo da empresa em cima do lado esquerdo); » Divida as páginas em áreas claramente definidas; » Torne óbvio o que é para ser clicado; » Minimize a confusão; » Omita palavras desnecessárias. Regras de Usabilidade
» As pessoas não escolhem a melhor opção, escolhem a 1ª opção razoável (botão voltar é responsável por 30 a 40% dos cliques na web); » As pessoas não gostam de descobrir como “as coisas” funcionam, apenas querem atingir o seu objectivo; Dicas de Usabilidade
Imagine que foi colocado num porta-bagagem de um carro e conduzido por algum tempo e depois “largado” numa qualquer página interior de um website. Se a página estiver bem projectada, você deve ser capaz de responder a estas questões sem hesitação: » Que site é este? (identificação do site); » Em que página estou? (nome da página); » Quais as principais secções deste site? (secções); » Quais as opções que tenho neste nível? (navegação local); » Onde estou, tendo em conta a estrutura? (caminho de navegação); Teste de Usabilidade
Veja mais em: www.designarte.pt http://designarteblog.blogspot.com/ http://www.facebook.com/profile.php?id=100000770207845 http://twitter.com/designarte

Mais conteúdo relacionado

Mais procurados

Quase tudo o que você precisa saber sobre landing pages
Quase tudo o que você precisa saber sobre landing pagesQuase tudo o que você precisa saber sobre landing pages
Quase tudo o que você precisa saber sobre landing pagesNeue Labs
 
Dicas para seu site crescer
Dicas para seu site crescerDicas para seu site crescer
Dicas para seu site crescerlazudan
 
Navegação e arquitetura de informação
Navegação e arquitetura de informaçãoNavegação e arquitetura de informação
Navegação e arquitetura de informaçãoWellington Oliveira
 
Tutorial - Facebook Friend Inviter
Tutorial - Facebook Friend InviterTutorial - Facebook Friend Inviter
Tutorial - Facebook Friend InviterGabriel Ribeiro
 
Fundamentos de webdesing, tecnologia e ubiquidade - 15/4/15
Fundamentos de webdesing, tecnologia e ubiquidade - 15/4/15Fundamentos de webdesing, tecnologia e ubiquidade - 15/4/15
Fundamentos de webdesing, tecnologia e ubiquidade - 15/4/15Renato Cruz
 
Ux - Construir é diferente de ver
Ux - Construir é diferente de verUx - Construir é diferente de ver
Ux - Construir é diferente de verMauro
 

Mais procurados (8)

Quase tudo o que você precisa saber sobre landing pages
Quase tudo o que você precisa saber sobre landing pagesQuase tudo o que você precisa saber sobre landing pages
Quase tudo o que você precisa saber sobre landing pages
 
Dicas para seu site crescer
Dicas para seu site crescerDicas para seu site crescer
Dicas para seu site crescer
 
Navegação e arquitetura de informação
Navegação e arquitetura de informaçãoNavegação e arquitetura de informação
Navegação e arquitetura de informação
 
Tutorial Criando Menu
Tutorial   Criando MenuTutorial   Criando Menu
Tutorial Criando Menu
 
Tutorial - Facebook Friend Inviter
Tutorial - Facebook Friend InviterTutorial - Facebook Friend Inviter
Tutorial - Facebook Friend Inviter
 
Fundamentos de webdesing, tecnologia e ubiquidade - 15/4/15
Fundamentos de webdesing, tecnologia e ubiquidade - 15/4/15Fundamentos de webdesing, tecnologia e ubiquidade - 15/4/15
Fundamentos de webdesing, tecnologia e ubiquidade - 15/4/15
 
Web Design > Usabilidade
Web Design > UsabilidadeWeb Design > Usabilidade
Web Design > Usabilidade
 
Ux - Construir é diferente de ver
Ux - Construir é diferente de verUx - Construir é diferente de ver
Ux - Construir é diferente de ver
 

Destaque

Da Aprendizagem Significativa A Apredizagem Satisfatoria
Da Aprendizagem Significativa A Apredizagem SatisfatoriaDa Aprendizagem Significativa A Apredizagem Satisfatoria
Da Aprendizagem Significativa A Apredizagem Satisfatoriajanloterio
 
Slaide Fé
Slaide FéSlaide Fé
Slaide Féthellmma
 
GestãO Da Be Trabalho Final
GestãO Da Be   Trabalho FinalGestãO Da Be   Trabalho Final
GestãO Da Be Trabalho FinalNoemiaMaria
 
Protocolos De Transporte Para Redes Sem Fio
Protocolos De Transporte Para Redes Sem FioProtocolos De Transporte Para Redes Sem Fio
Protocolos De Transporte Para Redes Sem FioJaguaraci Silva
 
Trabalho Desenvolvido Com 111 Nm
Trabalho Desenvolvido Com 111 NmTrabalho Desenvolvido Com 111 Nm
Trabalho Desenvolvido Com 111 Nmguest8fd8329
 
áLbum De FotografíAs
áLbum De FotografíAsáLbum De FotografíAs
áLbum De FotografíAsmafer54
 
Estudos globais: Usabilidade e Experiência do Usuário
Estudos globais: Usabilidade e Experiência do UsuárioEstudos globais: Usabilidade e Experiência do Usuário
Estudos globais: Usabilidade e Experiência do UsuárioUXPA São Paulo
 
Gisa Sentido Da Vida
Gisa Sentido Da VidaGisa Sentido Da Vida
Gisa Sentido Da Vidaguest22eef6
 
Família de Produtos de Inteligência
Família de Produtos de InteligênciaFamília de Produtos de Inteligência
Família de Produtos de InteligênciaSPC Brasil
 

Destaque (20)

4ªSessãO B1 B3
4ªSessãO B1 B34ªSessãO B1 B3
4ªSessãO B1 B3
 
Da Aprendizagem Significativa A Apredizagem Satisfatoria
Da Aprendizagem Significativa A Apredizagem SatisfatoriaDa Aprendizagem Significativa A Apredizagem Satisfatoria
Da Aprendizagem Significativa A Apredizagem Satisfatoria
 
Vantagem Competitiva
Vantagem CompetitivaVantagem Competitiva
Vantagem Competitiva
 
Las Marcas - resumen
Las Marcas - resumenLas Marcas - resumen
Las Marcas - resumen
 
dresigns
dresignsdresigns
dresigns
 
Corrida De Sapinhos
Corrida De SapinhosCorrida De Sapinhos
Corrida De Sapinhos
 
Slaide Fé
Slaide FéSlaide Fé
Slaide Fé
 
GestãO Da Be Trabalho Final
GestãO Da Be   Trabalho FinalGestãO Da Be   Trabalho Final
GestãO Da Be Trabalho Final
 
Protocolos De Transporte Para Redes Sem Fio
Protocolos De Transporte Para Redes Sem FioProtocolos De Transporte Para Redes Sem Fio
Protocolos De Transporte Para Redes Sem Fio
 
Trabalho Desenvolvido Com 111 Nm
Trabalho Desenvolvido Com 111 NmTrabalho Desenvolvido Com 111 Nm
Trabalho Desenvolvido Com 111 Nm
 
áLbum De FotografíAs
áLbum De FotografíAsáLbum De FotografíAs
áLbum De FotografíAs
 
Estudos globais: Usabilidade e Experiência do Usuário
Estudos globais: Usabilidade e Experiência do UsuárioEstudos globais: Usabilidade e Experiência do Usuário
Estudos globais: Usabilidade e Experiência do Usuário
 
Cia. Teatral Faunos
Cia. Teatral FaunosCia. Teatral Faunos
Cia. Teatral Faunos
 
EdiçãO 21
EdiçãO 21EdiçãO 21
EdiçãO 21
 
Box
BoxBox
Box
 
Capacitacion ascenso huacho 2014
Capacitacion ascenso huacho 2014Capacitacion ascenso huacho 2014
Capacitacion ascenso huacho 2014
 
despedida
despedidadespedida
despedida
 
áLbum De FotografíAs
áLbum De FotografíAsáLbum De FotografíAs
áLbum De FotografíAs
 
Gisa Sentido Da Vida
Gisa Sentido Da VidaGisa Sentido Da Vida
Gisa Sentido Da Vida
 
Família de Produtos de Inteligência
Família de Produtos de InteligênciaFamília de Produtos de Inteligência
Família de Produtos de Inteligência
 

Semelhante a Regras de usabilidade para sites intuitivos e autoexplicativos

Internet Marketing Road Show Presentation
Internet Marketing Road Show PresentationInternet Marketing Road Show Presentation
Internet Marketing Road Show PresentationFabio Seixas
 
W01_DesignWeb_02.ppt
W01_DesignWeb_02.pptW01_DesignWeb_02.ppt
W01_DesignWeb_02.pptBackupMZJ
 
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
 
O Segredo dos Sites que Vendem
O Segredo dos Sites que Vendem O Segredo dos Sites que Vendem
O Segredo dos Sites que Vendem acesso2612
 
Caracteristicas da Usabilidade
Caracteristicas da UsabilidadeCaracteristicas da Usabilidade
Caracteristicas da UsabilidadeFernando Vargas
 
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
 
Produção de website
Produção de websiteProdução de website
Produção de websiteLauren Piana
 
Marketingdebusca a3
Marketingdebusca a3Marketingdebusca a3
Marketingdebusca a3Docca Soares
 
[Conferência PR 2019] Usando o bounce-rate para alavancar suas vendas
[Conferência PR 2019] Usando o bounce-rate para alavancar suas vendas [Conferência PR 2019] Usando o bounce-rate para alavancar suas vendas
[Conferência PR 2019] Usando o bounce-rate para alavancar suas vendas E-Commerce Brasil
 
Senac Bauru - Marketing na Web - Aulas 3, 4 e 5
Senac Bauru - Marketing na Web - Aulas 3, 4 e 5Senac Bauru - Marketing na Web - Aulas 3, 4 e 5
Senac Bauru - Marketing na Web - Aulas 3, 4 e 5Paulo César Silva
 
Como Tornar Seu Site Atraente
Como Tornar Seu Site AtraenteComo Tornar Seu Site Atraente
Como Tornar Seu Site AtraenteHorácio Soares
 
Projeto dreamweaver aula 3 a 5
Projeto dreamweaver aula 3 a 5Projeto dreamweaver aula 3 a 5
Projeto dreamweaver aula 3 a 5Élida Tavares
 
Design de temas para WooCommerce - Anyssa Ferreira
Design de temas para WooCommerce - Anyssa FerreiraDesign de temas para WooCommerce - Anyssa Ferreira
Design de temas para WooCommerce - Anyssa FerreiraAnyssa Ferreira
 
Dicas para aumentar o tráfego do seu site
Dicas para aumentar o tráfego do seu siteDicas para aumentar o tráfego do seu site
Dicas para aumentar o tráfego do seu siteSuaCampanha.com
 

Semelhante a Regras de usabilidade para sites intuitivos e autoexplicativos (20)

Internet Marketing Road Show Presentation
Internet Marketing Road Show PresentationInternet Marketing Road Show Presentation
Internet Marketing Road Show Presentation
 
W01_DesignWeb_02.ppt
W01_DesignWeb_02.pptW01_DesignWeb_02.ppt
W01_DesignWeb_02.ppt
 
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
 
O Segredo dos Sites que Vendem
O Segredo dos Sites que Vendem O Segredo dos Sites que Vendem
O Segredo dos Sites que Vendem
 
Caracteristicas da Usabilidade
Caracteristicas da UsabilidadeCaracteristicas da Usabilidade
Caracteristicas da Usabilidade
 
Como montar um projeto de usabilidade
Como montar um projeto de usabilidadeComo montar um projeto de usabilidade
Como montar um projeto 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
 
Produção de website
Produção de websiteProdução de website
Produção de website
 
Formatacao De Websites Comerciais
Formatacao De Websites ComerciaisFormatacao De Websites Comerciais
Formatacao De Websites Comerciais
 
Marketingdebusca a3
Marketingdebusca a3Marketingdebusca a3
Marketingdebusca a3
 
[Conferência PR 2019] Usando o bounce-rate para alavancar suas vendas
[Conferência PR 2019] Usando o bounce-rate para alavancar suas vendas [Conferência PR 2019] Usando o bounce-rate para alavancar suas vendas
[Conferência PR 2019] Usando o bounce-rate para alavancar suas vendas
 
10 passos de seo para mudar sua realidade na internet em 2021
10 passos de seo para mudar sua realidade na internet em 202110 passos de seo para mudar sua realidade na internet em 2021
10 passos de seo para mudar sua realidade na internet em 2021
 
Senac Bauru - Marketing na Web - Aulas 3, 4 e 5
Senac Bauru - Marketing na Web - Aulas 3, 4 e 5Senac Bauru - Marketing na Web - Aulas 3, 4 e 5
Senac Bauru - Marketing na Web - Aulas 3, 4 e 5
 
Lamborghini
LamborghiniLamborghini
Lamborghini
 
Lamborghini
LamborghiniLamborghini
Lamborghini
 
Ganhar internet multas detran
Ganhar internet   multas detranGanhar internet   multas detran
Ganhar internet multas detran
 
Como Tornar Seu Site Atraente
Como Tornar Seu Site AtraenteComo Tornar Seu Site Atraente
Como Tornar Seu Site Atraente
 
Projeto dreamweaver aula 3 a 5
Projeto dreamweaver aula 3 a 5Projeto dreamweaver aula 3 a 5
Projeto dreamweaver aula 3 a 5
 
Design de temas para WooCommerce - Anyssa Ferreira
Design de temas para WooCommerce - Anyssa FerreiraDesign de temas para WooCommerce - Anyssa Ferreira
Design de temas para WooCommerce - Anyssa Ferreira
 
Dicas para aumentar o tráfego do seu site
Dicas para aumentar o tráfego do seu siteDicas para aumentar o tráfego do seu site
Dicas para aumentar o tráfego do seu site
 

Regras de usabilidade para sites intuitivos e autoexplicativos

  • 1.  
  • 2. Regras de Usabilidade » Não faça o cliente PENSAR , as pessoas não vão ler o seu site, vão olhá-lo na diagonal, como se passassem por um outdoor a 120 km/h; » Títulos, links e botões devem ser completamente óbvios, o utilizador não deve ficar na dúvida se deve ou não clicar em algo; » O seu site deve ser auto-explicativo e utilizador nunca deve pensar: “Onde estou? Onde eles colocaram o …?”;
  • 3. » Crie uma hierarquia visual clara em cada página; » Tire proveito dos padrões visuais estabelecidos (ex: ao entrar num site, esperamos encontrar o logótipo da empresa em cima do lado esquerdo); » Divida as páginas em áreas claramente definidas; » Torne óbvio o que é para ser clicado; » Minimize a confusão; » Omita palavras desnecessárias. Regras de Usabilidade
  • 4. » As pessoas não escolhem a melhor opção, escolhem a 1ª opção razoável (botão voltar é responsável por 30 a 40% dos cliques na web); » As pessoas não gostam de descobrir como “as coisas” funcionam, apenas querem atingir o seu objectivo; Dicas de Usabilidade
  • 5. Imagine que foi colocado num porta-bagagem de um carro e conduzido por algum tempo e depois “largado” numa qualquer página interior de um website. Se a página estiver bem projectada, você deve ser capaz de responder a estas questões sem hesitação: » Que site é este? (identificação do site); » Em que página estou? (nome da página); » Quais as principais secções deste site? (secções); » Quais as opções que tenho neste nível? (navegação local); » Onde estou, tendo em conta a estrutura? (caminho de navegação); Teste de Usabilidade
  • 6. Veja mais em: www.designarte.pt http://designarteblog.blogspot.com/ http://www.facebook.com/profile.php?id=100000770207845 http://twitter.com/designarte