SlideShare una empresa de Scribd logo
1 de 37
Design de Navegação Web Parte IV Wellington Marion http://wellmarion.wordpress.com/
Design de Navegação ,[object Object]
Processo de Design ,[object Object]
Processo de Design ,[object Object]
Avaliação ,[object Object]
Alinhando a navegação para o  proposito  do  site  e para a necessidades do  usuário
Avaliações heurísticas e revisões por listas de verificações
Testes de  estresse  de navegação
Qualidades de um navegação bem-sucedida
Nove aspectos que predizem a efetividade de uma navegação.
Qualidades de navegação ,[object Object]
Amplitude  versus  profundidade  referem-se ao balanço entre o número de itens de menu visíveis em uma página (amplitude) e o número de níveis hierárquicos em uma estrutura (profundidade).
Qualidades de navegação ,[object Object]
Os  usuários  não esperam precisar  aprender  a usar um site web, ou ler manuais extensos.
Não devemos  ocultar  as opções.
As funções devem ser  claras  e  objetivas
Qualidade de navegação ,[object Object]
Consistência é, no fim das contas, uma  qualidade  percebida pelo usuário
Inconsistências usada  sabiamente  pode ser  poderosa  como mudança de layout da página principal para uma página de aterrissagem podem  engajar  os  visitantes .
Qualidades de navegação ,[object Object]
O feedback pode ser considerado de duas maneiras:  rollovers  e  localização .
Rollover  é técnica que destaca a  opção  que o usuário esta preste a clicar e informações sobre a operação que será efetuada.
Localização  também ajuda a  orientar  os usuários sobre sua localização.
Qualidades de navegação ,[object Object]
Os caminhos para a informação devem ser  eficientes . Crie  links ,  abas  e  ícones  que sejam fáceis de ver e clicar.
Pontos de acessos duplicados
Atalhos
Pontos escape
Qualidades de navegação ,[object Object]
Evite  jargões , nomes de  marcar ,  abreviações  e rótulos muito bonitos ou esperto.
Fale a linguá do  usuário
Evite terminologia  técnica
Qualidades de navegação ,[object Object]
Lógica  visual ,[object Object],[object Object],[object Object],[object Object],[object Object]
Clareza Visual
Qualidades de navegação ,[object Object]
Sites de  informação

Más contenido relacionado

La actualidad más candente

Qualidade De Sites no INA ey5yb4y
Qualidade De Sites no INA                      ey5yb4y                      Qualidade De Sites no INA                      ey5yb4y
Qualidade De Sites no INA ey5yb4y
guestef5899
 
Skoob parte 2
Skoob   parte 2Skoob   parte 2
Skoob parte 2
aiadufmg
 
Designarte Usabil
Designarte UsabilDesignarte Usabil
Designarte Usabil
Designarte
 
Delicious parte 2
Delicious   parte 2Delicious   parte 2
Delicious parte 2
aiadufmg
 
Linked in parte 2
Linked in   parte 2Linked in   parte 2
Linked in parte 2
aiadufmg
 
Last fm parte 2
Last fm   parte 2Last fm   parte 2
Last fm parte 2
aiadufmg
 

La actualidad más candente (15)

Design responsivo
Design responsivoDesign responsivo
Design responsivo
 
Capitulo 6 Livro Nielsen
Capitulo 6 Livro NielsenCapitulo 6 Livro Nielsen
Capitulo 6 Livro Nielsen
 
Análise dos sites dos presidenciáveis - Eleições 2014
Análise dos sites dos presidenciáveis - Eleições 2014Análise dos sites dos presidenciáveis - Eleições 2014
Análise dos sites dos presidenciáveis - Eleições 2014
 
Qualidade De Sites no INA ey5yb4y
Qualidade De Sites no INA                      ey5yb4y                      Qualidade De Sites no INA                      ey5yb4y
Qualidade De Sites no INA ey5yb4y
 
Usabilidade na web
Usabilidade na webUsabilidade na web
Usabilidade na web
 
AI 2011 - Aula 03
AI 2011 - Aula 03AI 2011 - Aula 03
AI 2011 - Aula 03
 
Skoob parte 2
Skoob   parte 2Skoob   parte 2
Skoob parte 2
 
Designarte Usabil
Designarte UsabilDesignarte Usabil
Designarte Usabil
 
Delicious parte 2
Delicious   parte 2Delicious   parte 2
Delicious parte 2
 
Linked in parte 2
Linked in   parte 2Linked in   parte 2
Linked in parte 2
 
Editora Revan - Proposta Site
Editora Revan - Proposta SiteEditora Revan - Proposta Site
Editora Revan - Proposta Site
 
Last fm parte 2
Last fm   parte 2Last fm   parte 2
Last fm parte 2
 
Melhores Práticas de Usabilidade no Desenvolvimento Web
Melhores Práticas de Usabilidade no Desenvolvimento WebMelhores Práticas de Usabilidade no Desenvolvimento Web
Melhores Práticas de Usabilidade no Desenvolvimento Web
 
Curso de Design Interação - parte 04 - Estilos Cognitivos e Metamorfose na web
Curso de Design Interação - parte 04 - Estilos Cognitivos e Metamorfose na webCurso de Design Interação - parte 04 - Estilos Cognitivos e Metamorfose na web
Curso de Design Interação - parte 04 - Estilos Cognitivos e Metamorfose na web
 
Exercicio joao rodrigo
Exercicio joao rodrigoExercicio joao rodrigo
Exercicio joao rodrigo
 

Similar a Desing de navegação web parte IV

Aula 1 - Desenvolvimento do leiaute (1).pdf
Aula 1 - Desenvolvimento do leiaute (1).pdfAula 1 - Desenvolvimento do leiaute (1).pdf
Aula 1 - Desenvolvimento do leiaute (1).pdf
ssuser595b1e1
 
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
Neca Boullosa
 
Gestaodesenvolvimento19 67
Gestaodesenvolvimento19 67Gestaodesenvolvimento19 67
Gestaodesenvolvimento19 67
Reideson Rocha
 
Skoob - parte 2
Skoob - parte 2Skoob - parte 2
Skoob - parte 2
aiadufmg
 

Similar a Desing de navegação web parte IV (20)

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
 
Desenvolvimento de Sites
Desenvolvimento de SitesDesenvolvimento de Sites
Desenvolvimento de Sites
 
W01_DesignWeb_02.ppt
W01_DesignWeb_02.pptW01_DesignWeb_02.ppt
W01_DesignWeb_02.ppt
 
Apresentacao Unicuritiba
Apresentacao UnicuritibaApresentacao Unicuritiba
Apresentacao Unicuritiba
 
Aula 2 da 2ª Turma de Marketing Digital em Ribeirão Preto
Aula 2 da 2ª Turma de Marketing Digital em Ribeirão PretoAula 2 da 2ª Turma de Marketing Digital em Ribeirão Preto
Aula 2 da 2ª Turma de Marketing Digital em Ribeirão Preto
 
Workshop de SEO
Workshop de SEOWorkshop de SEO
Workshop de SEO
 
USABILIDADE.
USABILIDADE.USABILIDADE.
USABILIDADE.
 
Aula 1 - Desenvolvimento do leiaute (1).pdf
Aula 1 - Desenvolvimento do leiaute (1).pdfAula 1 - Desenvolvimento do leiaute (1).pdf
Aula 1 - Desenvolvimento do leiaute (1).pdf
 
Guia de UX para SEO - JR Martian
Guia de UX para SEO - JR MartianGuia de UX para SEO - JR Martian
Guia de UX para SEO - JR Martian
 
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
 
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
 
Gestaodesenvolvimento19 67
Gestaodesenvolvimento19 67Gestaodesenvolvimento19 67
Gestaodesenvolvimento19 67
 
Overview sobre Landing Page
Overview sobre Landing PageOverview sobre Landing Page
Overview sobre Landing Page
 
Landing Page Overview
Landing Page OverviewLanding Page Overview
Landing Page Overview
 
Projeto de WEB Site
Projeto de WEB SiteProjeto de WEB Site
Projeto de WEB Site
 
Skoob - parte 2
Skoob - parte 2Skoob - parte 2
Skoob - parte 2
 
Desenvolvimento de Sites V.2
Desenvolvimento de Sites V.2Desenvolvimento de Sites V.2
Desenvolvimento de Sites V.2
 
Governo SP - Usabilidade Dos Sites
Governo SP - Usabilidade Dos SitesGoverno SP - Usabilidade Dos Sites
Governo SP - Usabilidade Dos Sites
 
Governo Sp Usabilidade Dos Sites Junho 2008
Governo Sp Usabilidade Dos Sites Junho 2008Governo Sp Usabilidade Dos Sites Junho 2008
Governo Sp Usabilidade Dos Sites Junho 2008
 
Aula de Revisão - Marketing Digital - 1º bimestre
Aula de Revisão - Marketing Digital -  1º bimestreAula de Revisão - Marketing Digital -  1º bimestre
Aula de Revisão - Marketing Digital - 1º bimestre
 

Más de Wellington Marion (10)

Reuniões eficazes Integração Criatividade Produtividade
Reuniões eficazes Integração Criatividade Produtividade Reuniões eficazes Integração Criatividade Produtividade
Reuniões eficazes Integração Criatividade Produtividade
 
Dicas de oratória
Dicas de oratóriaDicas de oratória
Dicas de oratória
 
Liderando na Velocidade da Confiança
Liderando na Velocidade da ConfiançaLiderando na Velocidade da Confiança
Liderando na Velocidade da Confiança
 
As 5 tentações de um CEO
As 5 tentações de um CEOAs 5 tentações de um CEO
As 5 tentações de um CEO
 
Test day 2012
Test day 2012Test day 2012
Test day 2012
 
Periódicos março testers
Periódicos março testersPeriódicos março testers
Periódicos março testers
 
TDC 2011 Trilha de Teste
TDC 2011 Trilha de TesteTDC 2011 Trilha de Teste
TDC 2011 Trilha de Teste
 
Desing de navegação web parte III
Desing de navegação web parte IIIDesing de navegação web parte III
Desing de navegação web parte III
 
Design de navegação web
Design de navegação webDesign de navegação web
Design de navegação web
 
Ergodesing e arquitetura de Informação
Ergodesing e arquitetura de InformaçãoErgodesing e arquitetura de Informação
Ergodesing e arquitetura de Informação
 

Último

ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
azulassessoria9
 
A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...
A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...
A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...
PatriciaCaetano18
 
Considerando as pesquisas de Gallahue, Ozmun e Goodway (2013) os bebês até an...
Considerando as pesquisas de Gallahue, Ozmun e Goodway (2013) os bebês até an...Considerando as pesquisas de Gallahue, Ozmun e Goodway (2013) os bebês até an...
Considerando as pesquisas de Gallahue, Ozmun e Goodway (2013) os bebês até an...
azulassessoria9
 
19- Pedagogia (60 mapas mentais) - Amostra.pdf
19- Pedagogia (60 mapas mentais) - Amostra.pdf19- Pedagogia (60 mapas mentais) - Amostra.pdf
19- Pedagogia (60 mapas mentais) - Amostra.pdf
marlene54545
 
Sistema articular aula 4 (1).pdf articulações e junturas
Sistema articular aula 4 (1).pdf articulações e junturasSistema articular aula 4 (1).pdf articulações e junturas
Sistema articular aula 4 (1).pdf articulações e junturas
rfmbrandao
 

Último (20)

MESTRES DA CULTURA DE ASSARÉ Prof. Francisco Leite.pdf
MESTRES DA CULTURA DE ASSARÉ Prof. Francisco Leite.pdfMESTRES DA CULTURA DE ASSARÉ Prof. Francisco Leite.pdf
MESTRES DA CULTURA DE ASSARÉ Prof. Francisco Leite.pdf
 
Pesquisa Ação René Barbier Livro acadêmico
Pesquisa Ação René Barbier Livro  acadêmicoPesquisa Ação René Barbier Livro  acadêmico
Pesquisa Ação René Barbier Livro acadêmico
 
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
 
A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...
A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...
A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...
 
Currículo - Ícaro Kleisson - Tutor acadêmico.pdf
Currículo - Ícaro Kleisson - Tutor acadêmico.pdfCurrículo - Ícaro Kleisson - Tutor acadêmico.pdf
Currículo - Ícaro Kleisson - Tutor acadêmico.pdf
 
Tema de redação - As dificuldades para barrar o casamento infantil no Brasil ...
Tema de redação - As dificuldades para barrar o casamento infantil no Brasil ...Tema de redação - As dificuldades para barrar o casamento infantil no Brasil ...
Tema de redação - As dificuldades para barrar o casamento infantil no Brasil ...
 
Cartão de crédito e fatura do cartão.pptx
Cartão de crédito e fatura do cartão.pptxCartão de crédito e fatura do cartão.pptx
Cartão de crédito e fatura do cartão.pptx
 
Sopa de letras | Dia da Europa 2024 (nível 2)
Sopa de letras | Dia da Europa 2024 (nível 2)Sopa de letras | Dia da Europa 2024 (nível 2)
Sopa de letras | Dia da Europa 2024 (nível 2)
 
Falando de Física Quântica apresentação introd
Falando de Física Quântica apresentação introdFalando de Física Quântica apresentação introd
Falando de Física Quântica apresentação introd
 
Considerando as pesquisas de Gallahue, Ozmun e Goodway (2013) os bebês até an...
Considerando as pesquisas de Gallahue, Ozmun e Goodway (2013) os bebês até an...Considerando as pesquisas de Gallahue, Ozmun e Goodway (2013) os bebês até an...
Considerando as pesquisas de Gallahue, Ozmun e Goodway (2013) os bebês até an...
 
Apresentação | Símbolos e Valores da União Europeia
Apresentação | Símbolos e Valores da União EuropeiaApresentação | Símbolos e Valores da União Europeia
Apresentação | Símbolos e Valores da União Europeia
 
Sopa de letras | Dia da Europa 2024 (nível 1)
Sopa de letras | Dia da Europa 2024 (nível 1)Sopa de letras | Dia da Europa 2024 (nível 1)
Sopa de letras | Dia da Europa 2024 (nível 1)
 
LENDA DA MANDIOCA - leitura e interpretação
LENDA DA MANDIOCA - leitura e interpretaçãoLENDA DA MANDIOCA - leitura e interpretação
LENDA DA MANDIOCA - leitura e interpretação
 
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdf
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdfApresentação ISBET Jovem Aprendiz e Estágio 2023.pdf
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdf
 
AULÃO de Língua Portuguesa para o Saepe 2022
AULÃO de Língua Portuguesa para o Saepe 2022AULÃO de Língua Portuguesa para o Saepe 2022
AULÃO de Língua Portuguesa para o Saepe 2022
 
19- Pedagogia (60 mapas mentais) - Amostra.pdf
19- Pedagogia (60 mapas mentais) - Amostra.pdf19- Pedagogia (60 mapas mentais) - Amostra.pdf
19- Pedagogia (60 mapas mentais) - Amostra.pdf
 
aprendizagem significatica, teórico David Ausubel
aprendizagem significatica, teórico David Ausubelaprendizagem significatica, teórico David Ausubel
aprendizagem significatica, teórico David Ausubel
 
Sistema articular aula 4 (1).pdf articulações e junturas
Sistema articular aula 4 (1).pdf articulações e junturasSistema articular aula 4 (1).pdf articulações e junturas
Sistema articular aula 4 (1).pdf articulações e junturas
 
Caderno de exercícios Revisão para o ENEM (1).pdf
Caderno de exercícios Revisão para o ENEM (1).pdfCaderno de exercícios Revisão para o ENEM (1).pdf
Caderno de exercícios Revisão para o ENEM (1).pdf
 
P P P 2024 - *CIEJA Santana / Tucuruvi*
P P P 2024  - *CIEJA Santana / Tucuruvi*P P P 2024  - *CIEJA Santana / Tucuruvi*
P P P 2024 - *CIEJA Santana / Tucuruvi*
 

Desing de navegação web parte IV

Notas del editor

  1. No livro foi apresentada noves qualidades que irei falar são elas: Balanço Facilidade de aprendizagem Consistência e inconsistência Feedback Eficiência Rótulos claros Clareza visual Adequação ao tipo de site Alinhamento com as necessidades dos usuários
  2. Pontos duplicados: Forneça múltiplos links em uma página Atalhos: Ponto de escape; O usuário poder voltar para o processo inical