SlideShare une entreprise Scribd logo
1  sur  39
Usabilidade   Navegabilidade
Usabilidade
• Home          Home / Usabilidade


• Conceitos
• W3C
• Erros
• Cases
• Referências
Usabilidade
• Home          Home /Usabilidade/ Conceitos


• Conceitos
                 O que é Usabilidade?
• W3C
• Erros          Fatores envolvidos

• Cases          Por que Usabilidade na Web?
• Referências
Usabilidade
• Home          Home /Usabilidade/Conceitos/ O que é Usabilidade?


• Conceitos
                 O que é Usabilidade?
• W3C
                   Usabilidade refere-se ao grau com que o usuário
• Erros            consegue realizar uma tarefa.
• Cases
• Referências
Usabilidade
• Home          Home /Usabilidade/Conceitos/ Fatores envolvidos


• Conceitos
                 Fatores envolvidos
• W3C
• Erros             Facilidade de aprendizado do sistema

• Cases             Facilidade de uso
• Referências
                    Satisfação do usuário

                    Flexibilidade

                    Produtividade

                    Segurança
Usabilidade
• Home          Home /Usabilidade/Conceitos/ Por que Usabilidade na Web?


• Conceitos
                 Por que Usabilidade na Web?
• W3C
• Erros
• Cases
• Referências
Usabilidade
• Home
• Conceitos
• W3C
• Erros
• Cases
• Referências




                 Em 1998 cerca de 3 bilhões de dólares deixaram de ser ganhos

                                                                          Voltar
Usabilidade
• Home
• Conceitos
• W3C
• Erros
• Cases
• Referências




                 Em 2001 os Websites mais conhecidos de comércio eletrônico
                              perderam 65% de suas vendas;

                                                                      Voltar
Usabilidade
• Home
• Conceitos
• W3C
• Erros
• Cases
• Referências




                Em sites de comércio eletrônicos a interface precisa compensar
                                   a ausência do vendedor
                                                                         Voltar
Usabilidade
• Home
• Conceitos
• W3C
• Erros
• Cases
• Referências




                 O poder É DO CLIENTE

                                         Voltar
Usabilidade
• Home
• Conceitos
• W3C
• Erros
• Cases
• Referências




                 Na Web o usuário experimenta a usabilidade antes e
                                  compra depois
                                                                       Voltar
Usabilidade
• Home          Home /Usabilidade/W3C


• Conceitos                                                             Próxima
                 Recomendações (W3C)
• W3C
                   Quando os sites são corretamente concebidos,
• Erros            desenvolvidos e editados, todos os usuários possam ter
• Cases            igual acesso à informação e funcionalidade.

• Referências
Usabilidade
• Home          Home /Usabilidade/W3C


• Conceitos                                      Anterior
                 Sugestões/Recomendações (W3C)
• W3C
                   Terreno da tela
• Erros
• Cases            Área da tela

• Referências      Tempo de resposta

                   Impressão

                   Facilidade
Usabilidade
• Home          Home /Usabilidade/Erros


• Conceitos
                 Erros da criação de web sites
• W3C
• Erros          Erro 1

• Cases          Erro 2

• Referências
Não exibir o preço dos produtos no Website
       http://www.nexxo.com.br/
Sistemas de Busca pobres ou ineficazes
http://www.chancetour.com.br/variados.asp
Usabilidade
• Home          Home /Usabilidade/Cases


• Conceitos
                 Problemas de Usabilidade de Estudos de Caso
• W3C
• Erros          Case 1

• Cases          Case 2

• Referências
                 Case 3


                 Case 4

                 Case 5
Objetivo: O usuário precisa apenas consultar o horário de vôo?
Problema detectado: A mensagem não estava clara
Problemas com Usabilidade
Problemas com usabilidade
Olha o início
Após 3 minutos
Usabilidade
• Home          Home /Usabilidade/Referências


• Conceitos       Referências:
• W3C
                  www.userdesign.com
• Erros           http://www.w3c.br/sobre/
                  http://www.inf.ufsc.br/~cybis/ine5624/
• Cases           http://www.criarweb.com/artigos/469.php
                  http://www.seara.com/fotos/editor2/usabilidade.pdf
• Referências     http://www.pdf-search-engine.com/usabilidade-pdf.html
                  ftp://ftp.unicamp.br/pub/apoio/treinamentos/tutoriais/tut_UsabilidadeWeb.pdf
                  http://www.apostilando.com/download.php?cod=391&categoria=Outras%20Apost
                  ilas
Navegabilidade
• Home          Home / Navegabilidade


• Conceitos
• Projeto
• Avaliação
• Referências
Navegabilidade
                                                   Conceitos
• Home          Home /Navegabilidade / Conceitos


• Conceitos
                 O que é Navegabilidade?
• Projeto
• Avaliação      Qual importância da Navegabilidade?

• Referências    Usabilidade X Navegabilidade
Navegabilidade
• Home          Home /Navegabilidade / Conceitos/ O que é Navegabilidade?


• Conceitos
                 O que é Navegabilidade?
• Projeto
                   Está relacionada à forma (maneira) como se
• Avaliação        navega por um site.
• Referências
Navegabilidade
• Home          Home /Navegabilidade / Conceitos/ Qual importância da Navegabilidade?


• Conceitos
                 Qual importância da Navegabilidade?
• Projeto
                   Organização da informação
• Avaliação
• Referências      Princípio básico da Usabilidade

                   Wireframes
Navegabilidade
• Home          Home /Navegabilidade / Conceitos/ Usabilidade X Navegabilidade


• Conceitos
                 Usabilidade X Navegabilidade
• Projeto
• Avaliação
• Referências
Navegabilidade
• Home           Home /Navegabilidade / Projeto


• Conceitos         Projeto Navegacional
• Projeto
                    Considerar aspectos
• Avaliação
• Referências       Contextos Navegacionais
                                Mecanismos

                                                                                          Interesses do
                Atividades               Produtos
                                                                                          Projeto
                Projeto de               Nós, elos, estruturas    Mapeamento              Leva em conta o
                Navegação                de acesso, contextos    entre objetos            perfil do usuário e a
                                         de                      conceituais e de         tarefa; ênfase em
                                         navegação, transforma   navegação. Padrões       aspetos cognitivos
                                         ções navegacionais.     de navegação para a      e arquiteturais.
                                                                 descrição da estrutura
                                                                 geral da aplicação.
Navegabilidade
• Home          Home /Navegabilidade / Avaliação


• Conceitos
                  Avaliando a Navegabilidade de um site
• Projeto
                 Ajuda, Dúvidas Freqüentes ou FAQs
• Avaliação
                 Campo de busca
• Referências
                 Botões
                 Número de cliques
                 Identificação dos links
                 Localização do usuário
                 Mapa do site
                 Menu
Botões
Identificação
 dos links
Navegabilidade
• Home          Home /Navegabilidade / Referências


• Conceitos       Referências:
• Projeto
                  http://www.alexandremagno.net/blog/2009/04/14/navegacao-em-um-site-topo-
• Avaliação       esquerda-ou-direita/
                  http://www.oficinadanet.com.br/artigo/413/como_garantir_usabilidade_navegabil
• Referências     idade_e_interatividade.#
                  http://www6.ufrgs.br/cursos_echos/criterios/navegacao.htm
                  http://paginas.ucpel.tche.br/~lla/resumo.htm
                  http://www.artigonal.com/web-design-artigos/importancia-da-boa-navegacao-em-
                  um-site-974589.html
                  http://www.criarweb.com/artigos/627.php
                  http://www.lifia.info.unlp.edu.ar/~fer/oohdm/pg023.htm
                  http://inf.cp.cefetpr.br/ligia/material/hipermidia/oohdm.pdf

Contenu connexe

Tendances

Informática Básica - Aula 05 - Sistema Operacional Windows
Informática Básica - Aula 05 - Sistema Operacional WindowsInformática Básica - Aula 05 - Sistema Operacional Windows
Informática Básica - Aula 05 - Sistema Operacional WindowsJoeldson Costa Damasceno
 
Cloud Computing - Computação em Nuvem
Cloud Computing - Computação em NuvemCloud Computing - Computação em Nuvem
Cloud Computing - Computação em NuvemCompanyWeb
 
Aula 1 linguagem html (1)
Aula 1   linguagem html (1)Aula 1   linguagem html (1)
Aula 1 linguagem html (1)Kaoru Hatake
 
Tecnologia assistiva (ta)
Tecnologia assistiva (ta)Tecnologia assistiva (ta)
Tecnologia assistiva (ta)Graziele1
 
Novas Tecnologias em Comunicação
Novas Tecnologias em ComunicaçãoNovas Tecnologias em Comunicação
Novas Tecnologias em ComunicaçãoElvis Fusco
 
Curso CSS 3 - Aula Introdutória com conceitos básicos
Curso CSS 3 - Aula Introdutória com conceitos básicosCurso CSS 3 - Aula Introdutória com conceitos básicos
Curso CSS 3 - Aula Introdutória com conceitos básicosTiago Antônio da Silva
 
Workshop Prototipação em ux - Como validar uma ideia sem construir o produto
Workshop Prototipação em ux - Como validar uma ideia sem construir o produtoWorkshop Prototipação em ux - Como validar uma ideia sem construir o produto
Workshop Prototipação em ux - Como validar uma ideia sem construir o produtoCarla De Bona
 
0770 Dispositivos e Periféricos
0770 Dispositivos e Periféricos 0770 Dispositivos e Periféricos
0770 Dispositivos e Periféricos Ribeiro Lelia
 
Trabalho de sistema operativo servidor
Trabalho de sistema operativo servidorTrabalho de sistema operativo servidor
Trabalho de sistema operativo servidordtml2k
 
Apostila 5 processos e threads
Apostila 5   processos e threadsApostila 5   processos e threads
Apostila 5 processos e threadsPaulo Fonseca
 
Curso HTML, CSS e JavaScript
Curso HTML, CSS e JavaScriptCurso HTML, CSS e JavaScript
Curso HTML, CSS e JavaScriptPablo Sanches
 
Palestra sobre metodologia Scrum
Palestra sobre metodologia ScrumPalestra sobre metodologia Scrum
Palestra sobre metodologia ScrumPersonal
 
01 Introdução à programação web
01 Introdução à programação web01 Introdução à programação web
01 Introdução à programação webCentro Paula Souza
 
Banco de Dados Conceitos
Banco de Dados ConceitosBanco de Dados Conceitos
Banco de Dados ConceitosCleber Ramos
 

Tendances (20)

Informática Básica - Aula 05 - Sistema Operacional Windows
Informática Básica - Aula 05 - Sistema Operacional WindowsInformática Básica - Aula 05 - Sistema Operacional Windows
Informática Básica - Aula 05 - Sistema Operacional Windows
 
Ciberespaço
CiberespaçoCiberespaço
Ciberespaço
 
Introdução ao CSS
Introdução ao CSSIntrodução ao CSS
Introdução ao CSS
 
Cloud Computing - Computação em Nuvem
Cloud Computing - Computação em NuvemCloud Computing - Computação em Nuvem
Cloud Computing - Computação em Nuvem
 
Aula 1 linguagem html (1)
Aula 1   linguagem html (1)Aula 1   linguagem html (1)
Aula 1 linguagem html (1)
 
Coordenação Motora
Coordenação MotoraCoordenação Motora
Coordenação Motora
 
Tecnologia assistiva (ta)
Tecnologia assistiva (ta)Tecnologia assistiva (ta)
Tecnologia assistiva (ta)
 
Novas Tecnologias em Comunicação
Novas Tecnologias em ComunicaçãoNovas Tecnologias em Comunicação
Novas Tecnologias em Comunicação
 
Curso CSS 3 - Aula Introdutória com conceitos básicos
Curso CSS 3 - Aula Introdutória com conceitos básicosCurso CSS 3 - Aula Introdutória com conceitos básicos
Curso CSS 3 - Aula Introdutória com conceitos básicos
 
Modulo 01 pedagogia do esporte
Modulo 01 pedagogia do esporteModulo 01 pedagogia do esporte
Modulo 01 pedagogia do esporte
 
Workshop Prototipação em ux - Como validar uma ideia sem construir o produto
Workshop Prototipação em ux - Como validar uma ideia sem construir o produtoWorkshop Prototipação em ux - Como validar uma ideia sem construir o produto
Workshop Prototipação em ux - Como validar uma ideia sem construir o produto
 
0770 Dispositivos e Periféricos
0770 Dispositivos e Periféricos 0770 Dispositivos e Periféricos
0770 Dispositivos e Periféricos
 
Trabalho de sistema operativo servidor
Trabalho de sistema operativo servidorTrabalho de sistema operativo servidor
Trabalho de sistema operativo servidor
 
Ginástica
GinásticaGinástica
Ginástica
 
Apostila 5 processos e threads
Apostila 5   processos e threadsApostila 5   processos e threads
Apostila 5 processos e threads
 
Html
HtmlHtml
Html
 
Curso HTML, CSS e JavaScript
Curso HTML, CSS e JavaScriptCurso HTML, CSS e JavaScript
Curso HTML, CSS e JavaScript
 
Palestra sobre metodologia Scrum
Palestra sobre metodologia ScrumPalestra sobre metodologia Scrum
Palestra sobre metodologia Scrum
 
01 Introdução à programação web
01 Introdução à programação web01 Introdução à programação web
01 Introdução à programação web
 
Banco de Dados Conceitos
Banco de Dados ConceitosBanco de Dados Conceitos
Banco de Dados Conceitos
 

En vedette

Navegabilidade em Dispositivos Móveis
Navegabilidade em Dispositivos MóveisNavegabilidade em Dispositivos Móveis
Navegabilidade em Dispositivos MóveisTalita Pagani
 
Caro Analista de Requisitos, você faz UX Design e nem sabe disso
Caro Analista de Requisitos, você faz UX Design e nem sabe dissoCaro Analista de Requisitos, você faz UX Design e nem sabe disso
Caro Analista de Requisitos, você faz UX Design e nem sabe dissoTalita Pagani
 
Conceitos básicos de usabilidade e acessibilidade
Conceitos básicos de usabilidade e acessibilidadeConceitos básicos de usabilidade e acessibilidade
Conceitos básicos de usabilidade e acessibilidadeNécio de Lima Veras
 
Jornalismo digital deficiente e inconvergente - Apresentação no Intercom 2012
Jornalismo digital deficiente e inconvergente - Apresentação no Intercom 2012Jornalismo digital deficiente e inconvergente - Apresentação no Intercom 2012
Jornalismo digital deficiente e inconvergente - Apresentação no Intercom 2012Marco Bonito
 
A saga dos 12 tópicos de acessibilidade na Web
A saga dos 12 tópicos de acessibilidade na WebA saga dos 12 tópicos de acessibilidade na Web
A saga dos 12 tópicos de acessibilidade na WebReinaldo Ferraz
 
Release - como divulgar sua informação
Release - como divulgar sua informaçãoRelease - como divulgar sua informação
Release - como divulgar sua informaçãoPR Newswire
 
Ihc 01-conceitos básicos
Ihc 01-conceitos básicosIhc 01-conceitos básicos
Ihc 01-conceitos básicosEduardo Xavier
 
Acessibilidade Web Cognitiva - BrazilJS 2016
Acessibilidade Web Cognitiva - BrazilJS 2016Acessibilidade Web Cognitiva - BrazilJS 2016
Acessibilidade Web Cognitiva - BrazilJS 2016Talita Pagani
 
PROJETO GAIA: Guia de Acessibilidade de Interfaces Web focado em aspectos do ...
PROJETO GAIA: Guia de Acessibilidade de Interfaces Web focado em aspectos do ...PROJETO GAIA: Guia de Acessibilidade de Interfaces Web focado em aspectos do ...
PROJETO GAIA: Guia de Acessibilidade de Interfaces Web focado em aspectos do ...Talita Pagani
 
Engenharia de Usabilidade - Aula 1 de 3 - Pós em Desenvolvimento de Aplicaç...
Engenharia de Usabilidade - Aula 1 de 3 - Pós em Desenvolvimento de Aplicaç...Engenharia de Usabilidade - Aula 1 de 3 - Pós em Desenvolvimento de Aplicaç...
Engenharia de Usabilidade - Aula 1 de 3 - Pós em Desenvolvimento de Aplicaç...Dhiego Bicudo
 
Slides Usabilidade
Slides UsabilidadeSlides Usabilidade
Slides UsabilidadeBarbara_z
 
Palestra - Heurísticas e Usabilidade
Palestra - Heurísticas e UsabilidadePalestra - Heurísticas e Usabilidade
Palestra - Heurísticas e UsabilidadeLuiz Agner
 
01 - IHC e usabilidade [Conceitos]
01 - IHC e usabilidade [Conceitos]01 - IHC e usabilidade [Conceitos]
01 - IHC e usabilidade [Conceitos]Robson Santos
 
Acessibilidade Web: Primeiros passos
Acessibilidade Web: Primeiros passosAcessibilidade Web: Primeiros passos
Acessibilidade Web: Primeiros passosVanessa Me Tonini
 
Design de Interfaces e Acessibilidade: você está fazendo isso errado... até a...
Design de Interfaces e Acessibilidade: você está fazendo isso errado... até a...Design de Interfaces e Acessibilidade: você está fazendo isso errado... até a...
Design de Interfaces e Acessibilidade: você está fazendo isso errado... até a...Talita Pagani
 

En vedette (20)

Navegabilidade em Dispositivos Móveis
Navegabilidade em Dispositivos MóveisNavegabilidade em Dispositivos Móveis
Navegabilidade em Dispositivos Móveis
 
Caro Analista de Requisitos, você faz UX Design e nem sabe disso
Caro Analista de Requisitos, você faz UX Design e nem sabe dissoCaro Analista de Requisitos, você faz UX Design e nem sabe disso
Caro Analista de Requisitos, você faz UX Design e nem sabe disso
 
05 design e usabilidade
05 design e usabilidade05 design e usabilidade
05 design e usabilidade
 
Conceitos básicos de usabilidade e acessibilidade
Conceitos básicos de usabilidade e acessibilidadeConceitos básicos de usabilidade e acessibilidade
Conceitos básicos de usabilidade e acessibilidade
 
Jornalismo digital deficiente e inconvergente - Apresentação no Intercom 2012
Jornalismo digital deficiente e inconvergente - Apresentação no Intercom 2012Jornalismo digital deficiente e inconvergente - Apresentação no Intercom 2012
Jornalismo digital deficiente e inconvergente - Apresentação no Intercom 2012
 
Acessibilidade na Prática
Acessibilidade na PráticaAcessibilidade na Prática
Acessibilidade na Prática
 
HTTP
HTTPHTTP
HTTP
 
A saga dos 12 tópicos de acessibilidade na Web
A saga dos 12 tópicos de acessibilidade na WebA saga dos 12 tópicos de acessibilidade na Web
A saga dos 12 tópicos de acessibilidade na Web
 
Release - como divulgar sua informação
Release - como divulgar sua informaçãoRelease - como divulgar sua informação
Release - como divulgar sua informação
 
Ihc 01-conceitos básicos
Ihc 01-conceitos básicosIhc 01-conceitos básicos
Ihc 01-conceitos básicos
 
Acessibilidade Web Cognitiva - BrazilJS 2016
Acessibilidade Web Cognitiva - BrazilJS 2016Acessibilidade Web Cognitiva - BrazilJS 2016
Acessibilidade Web Cognitiva - BrazilJS 2016
 
Jornal Coletivo 8
Jornal Coletivo 8Jornal Coletivo 8
Jornal Coletivo 8
 
PROJETO GAIA: Guia de Acessibilidade de Interfaces Web focado em aspectos do ...
PROJETO GAIA: Guia de Acessibilidade de Interfaces Web focado em aspectos do ...PROJETO GAIA: Guia de Acessibilidade de Interfaces Web focado em aspectos do ...
PROJETO GAIA: Guia de Acessibilidade de Interfaces Web focado em aspectos do ...
 
Engenharia de Usabilidade - Aula 1 de 3 - Pós em Desenvolvimento de Aplicaç...
Engenharia de Usabilidade - Aula 1 de 3 - Pós em Desenvolvimento de Aplicaç...Engenharia de Usabilidade - Aula 1 de 3 - Pós em Desenvolvimento de Aplicaç...
Engenharia de Usabilidade - Aula 1 de 3 - Pós em Desenvolvimento de Aplicaç...
 
Usabilidade na web
Usabilidade na webUsabilidade na web
Usabilidade na web
 
Slides Usabilidade
Slides UsabilidadeSlides Usabilidade
Slides Usabilidade
 
Palestra - Heurísticas e Usabilidade
Palestra - Heurísticas e UsabilidadePalestra - Heurísticas e Usabilidade
Palestra - Heurísticas e Usabilidade
 
01 - IHC e usabilidade [Conceitos]
01 - IHC e usabilidade [Conceitos]01 - IHC e usabilidade [Conceitos]
01 - IHC e usabilidade [Conceitos]
 
Acessibilidade Web: Primeiros passos
Acessibilidade Web: Primeiros passosAcessibilidade Web: Primeiros passos
Acessibilidade Web: Primeiros passos
 
Design de Interfaces e Acessibilidade: você está fazendo isso errado... até a...
Design de Interfaces e Acessibilidade: você está fazendo isso errado... até a...Design de Interfaces e Acessibilidade: você está fazendo isso errado... até a...
Design de Interfaces e Acessibilidade: você está fazendo isso errado... até a...
 

Similaire à Usabilidade e Navegabilidade

Laboratório Audivisual Hipermedia Aula3 4 13 22 03
Laboratório Audivisual Hipermedia Aula3 4 13 22 03Laboratório Audivisual Hipermedia Aula3 4 13 22 03
Laboratório Audivisual Hipermedia Aula3 4 13 22 03Pedro Tavares
 
Desenvolvimento de Projetos Interativos: Especificação e Implementação
Desenvolvimento de Projetos Interativos: Especificação e ImplementaçãoDesenvolvimento de Projetos Interativos: Especificação e Implementação
Desenvolvimento de Projetos Interativos: Especificação e ImplementaçãoEdyd B. Junges
 
Palestra ror edted
Palestra ror edtedPalestra ror edted
Palestra ror edtedbrunoaalves
 
Usabilidade Web Alberane
Usabilidade Web AlberaneUsabilidade Web Alberane
Usabilidade Web Alberaneguest2da055
 
A Web para todos - Acessibilidade na web
A Web para todos  - Acessibilidade na webA Web para todos  - Acessibilidade na web
A Web para todos - Acessibilidade na webRogério Chiavegatti
 
REST: Padrões e Melhores Práticas
REST: Padrões e Melhores PráticasREST: Padrões e Melhores Práticas
REST: Padrões e Melhores PráticasAlessandro Oliveira
 
REST - Padroes e Melhores Praticas
REST - Padroes e Melhores PraticasREST - Padroes e Melhores Praticas
REST - Padroes e Melhores PraticasFelipe Firmo
 
REST - padrões e melhores práticas
REST - padrões e melhores práticasREST - padrões e melhores práticas
REST - padrões e melhores práticasSensedia
 
Capítulo1 - Introdução a Sistemas Distribuídos - Coulouris
Capítulo1 - Introdução a Sistemas Distribuídos - CoulourisCapítulo1 - Introdução a Sistemas Distribuídos - Coulouris
Capítulo1 - Introdução a Sistemas Distribuídos - CoulourisWindson Viana
 
Ai1415 ad-tp1-g4
Ai1415 ad-tp1-g4Ai1415 ad-tp1-g4
Ai1415 ad-tp1-g4mfsmsl
 

Similaire à Usabilidade e Navegabilidade (20)

Desenvolvimento Web
Desenvolvimento WebDesenvolvimento Web
Desenvolvimento Web
 
Acessibilidade web
Acessibilidade webAcessibilidade web
Acessibilidade web
 
Laboratório Audivisual Hipermedia Aula3 4 13 22 03
Laboratório Audivisual Hipermedia Aula3 4 13 22 03Laboratório Audivisual Hipermedia Aula3 4 13 22 03
Laboratório Audivisual Hipermedia Aula3 4 13 22 03
 
Web Standards
Web StandardsWeb Standards
Web Standards
 
Desenvolvimento de Projetos Interativos: Especificação e Implementação
Desenvolvimento de Projetos Interativos: Especificação e ImplementaçãoDesenvolvimento de Projetos Interativos: Especificação e Implementação
Desenvolvimento de Projetos Interativos: Especificação e Implementação
 
Palestra ror edted
Palestra ror edtedPalestra ror edted
Palestra ror edted
 
Criar um website
Criar um websiteCriar um website
Criar um website
 
Palestra Webstandards
Palestra WebstandardsPalestra Webstandards
Palestra Webstandards
 
Webwriting
Webwriting Webwriting
Webwriting
 
Usabilidade Web Alberane
Usabilidade Web AlberaneUsabilidade Web Alberane
Usabilidade Web Alberane
 
A Web para todos - Acessibilidade na web
A Web para todos  - Acessibilidade na webA Web para todos  - Acessibilidade na web
A Web para todos - Acessibilidade na web
 
Web mobile dicas
Web mobile dicasWeb mobile dicas
Web mobile dicas
 
REST: Padrões e Melhores Práticas
REST: Padrões e Melhores PráticasREST: Padrões e Melhores Práticas
REST: Padrões e Melhores Práticas
 
Introdução ao RUP
Introdução ao RUPIntrodução ao RUP
Introdução ao RUP
 
Acessibilidade em Sistemas para a Web
Acessibilidade em Sistemas para a WebAcessibilidade em Sistemas para a Web
Acessibilidade em Sistemas para a Web
 
REST - Padroes e Melhores Praticas
REST - Padroes e Melhores PraticasREST - Padroes e Melhores Praticas
REST - Padroes e Melhores Praticas
 
REST - padrões e melhores práticas
REST - padrões e melhores práticasREST - padrões e melhores práticas
REST - padrões e melhores práticas
 
Web acessível
Web acessívelWeb acessível
Web acessível
 
Capítulo1 - Introdução a Sistemas Distribuídos - Coulouris
Capítulo1 - Introdução a Sistemas Distribuídos - CoulourisCapítulo1 - Introdução a Sistemas Distribuídos - Coulouris
Capítulo1 - Introdução a Sistemas Distribuídos - Coulouris
 
Ai1415 ad-tp1-g4
Ai1415 ad-tp1-g4Ai1415 ad-tp1-g4
Ai1415 ad-tp1-g4
 

Dernier

ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docxATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx2m Assessoria
 
Boas práticas de programação com Object Calisthenics
Boas práticas de programação com Object CalisthenicsBoas práticas de programação com Object Calisthenics
Boas práticas de programação com Object CalisthenicsDanilo Pinotti
 
ATIVIDADE 1 - SISTEMAS DISTRIBUÍDOS E REDES - 52_2024.docx
ATIVIDADE 1 - SISTEMAS DISTRIBUÍDOS E REDES - 52_2024.docxATIVIDADE 1 - SISTEMAS DISTRIBUÍDOS E REDES - 52_2024.docx
ATIVIDADE 1 - SISTEMAS DISTRIBUÍDOS E REDES - 52_2024.docx2m Assessoria
 
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docxATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx2m Assessoria
 
Luís Kitota AWS Discovery Day Ka Solution.pdf
Luís Kitota AWS Discovery Day Ka Solution.pdfLuís Kitota AWS Discovery Day Ka Solution.pdf
Luís Kitota AWS Discovery Day Ka Solution.pdfLuisKitota
 
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docxATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx2m Assessoria
 
Programação Orientada a Objetos - 4 Pilares.pdf
Programação Orientada a Objetos - 4 Pilares.pdfProgramação Orientada a Objetos - 4 Pilares.pdf
Programação Orientada a Objetos - 4 Pilares.pdfSamaraLunas
 
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docxATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx2m Assessoria
 
Padrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemploPadrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemploDanilo Pinotti
 

Dernier (9)

ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docxATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
 
Boas práticas de programação com Object Calisthenics
Boas práticas de programação com Object CalisthenicsBoas práticas de programação com Object Calisthenics
Boas práticas de programação com Object Calisthenics
 
ATIVIDADE 1 - SISTEMAS DISTRIBUÍDOS E REDES - 52_2024.docx
ATIVIDADE 1 - SISTEMAS DISTRIBUÍDOS E REDES - 52_2024.docxATIVIDADE 1 - SISTEMAS DISTRIBUÍDOS E REDES - 52_2024.docx
ATIVIDADE 1 - SISTEMAS DISTRIBUÍDOS E REDES - 52_2024.docx
 
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docxATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
 
Luís Kitota AWS Discovery Day Ka Solution.pdf
Luís Kitota AWS Discovery Day Ka Solution.pdfLuís Kitota AWS Discovery Day Ka Solution.pdf
Luís Kitota AWS Discovery Day Ka Solution.pdf
 
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docxATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
 
Programação Orientada a Objetos - 4 Pilares.pdf
Programação Orientada a Objetos - 4 Pilares.pdfProgramação Orientada a Objetos - 4 Pilares.pdf
Programação Orientada a Objetos - 4 Pilares.pdf
 
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docxATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
 
Padrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemploPadrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemplo
 

Usabilidade e Navegabilidade

  • 1. Usabilidade Navegabilidade
  • 2. Usabilidade • Home Home / Usabilidade • Conceitos • W3C • Erros • Cases • Referências
  • 3. Usabilidade • Home Home /Usabilidade/ Conceitos • Conceitos O que é Usabilidade? • W3C • Erros Fatores envolvidos • Cases Por que Usabilidade na Web? • Referências
  • 4. Usabilidade • Home Home /Usabilidade/Conceitos/ O que é Usabilidade? • Conceitos O que é Usabilidade? • W3C Usabilidade refere-se ao grau com que o usuário • Erros consegue realizar uma tarefa. • Cases • Referências
  • 5. Usabilidade • Home Home /Usabilidade/Conceitos/ Fatores envolvidos • Conceitos Fatores envolvidos • W3C • Erros  Facilidade de aprendizado do sistema • Cases  Facilidade de uso • Referências  Satisfação do usuário  Flexibilidade  Produtividade  Segurança
  • 6. Usabilidade • Home Home /Usabilidade/Conceitos/ Por que Usabilidade na Web? • Conceitos Por que Usabilidade na Web? • W3C • Erros • Cases • Referências
  • 7. Usabilidade • Home • Conceitos • W3C • Erros • Cases • Referências  Em 1998 cerca de 3 bilhões de dólares deixaram de ser ganhos Voltar
  • 8. Usabilidade • Home • Conceitos • W3C • Erros • Cases • Referências  Em 2001 os Websites mais conhecidos de comércio eletrônico perderam 65% de suas vendas; Voltar
  • 9. Usabilidade • Home • Conceitos • W3C • Erros • Cases • Referências Em sites de comércio eletrônicos a interface precisa compensar a ausência do vendedor Voltar
  • 10. Usabilidade • Home • Conceitos • W3C • Erros • Cases • Referências  O poder É DO CLIENTE Voltar
  • 11. Usabilidade • Home • Conceitos • W3C • Erros • Cases • Referências  Na Web o usuário experimenta a usabilidade antes e compra depois Voltar
  • 12. Usabilidade • Home Home /Usabilidade/W3C • Conceitos Próxima Recomendações (W3C) • W3C Quando os sites são corretamente concebidos, • Erros desenvolvidos e editados, todos os usuários possam ter • Cases igual acesso à informação e funcionalidade. • Referências
  • 13. Usabilidade • Home Home /Usabilidade/W3C • Conceitos Anterior Sugestões/Recomendações (W3C) • W3C Terreno da tela • Erros • Cases Área da tela • Referências Tempo de resposta Impressão Facilidade
  • 14. Usabilidade • Home Home /Usabilidade/Erros • Conceitos Erros da criação de web sites • W3C • Erros Erro 1 • Cases Erro 2 • Referências
  • 15. Não exibir o preço dos produtos no Website http://www.nexxo.com.br/
  • 16. Sistemas de Busca pobres ou ineficazes http://www.chancetour.com.br/variados.asp
  • 17. Usabilidade • Home Home /Usabilidade/Cases • Conceitos Problemas de Usabilidade de Estudos de Caso • W3C • Erros Case 1 • Cases Case 2 • Referências Case 3 Case 4 Case 5
  • 18. Objetivo: O usuário precisa apenas consultar o horário de vôo? Problema detectado: A mensagem não estava clara
  • 23. Usabilidade • Home Home /Usabilidade/Referências • Conceitos Referências: • W3C www.userdesign.com • Erros http://www.w3c.br/sobre/ http://www.inf.ufsc.br/~cybis/ine5624/ • Cases http://www.criarweb.com/artigos/469.php http://www.seara.com/fotos/editor2/usabilidade.pdf • Referências http://www.pdf-search-engine.com/usabilidade-pdf.html ftp://ftp.unicamp.br/pub/apoio/treinamentos/tutoriais/tut_UsabilidadeWeb.pdf http://www.apostilando.com/download.php?cod=391&categoria=Outras%20Apost ilas
  • 24. Navegabilidade • Home Home / Navegabilidade • Conceitos • Projeto • Avaliação • Referências
  • 25. Navegabilidade Conceitos • Home Home /Navegabilidade / Conceitos • Conceitos O que é Navegabilidade? • Projeto • Avaliação Qual importância da Navegabilidade? • Referências Usabilidade X Navegabilidade
  • 26. Navegabilidade • Home Home /Navegabilidade / Conceitos/ O que é Navegabilidade? • Conceitos O que é Navegabilidade? • Projeto Está relacionada à forma (maneira) como se • Avaliação navega por um site. • Referências
  • 27. Navegabilidade • Home Home /Navegabilidade / Conceitos/ Qual importância da Navegabilidade? • Conceitos Qual importância da Navegabilidade? • Projeto Organização da informação • Avaliação • Referências Princípio básico da Usabilidade Wireframes
  • 28. Navegabilidade • Home Home /Navegabilidade / Conceitos/ Usabilidade X Navegabilidade • Conceitos Usabilidade X Navegabilidade • Projeto • Avaliação • Referências
  • 29. Navegabilidade • Home Home /Navegabilidade / Projeto • Conceitos Projeto Navegacional • Projeto Considerar aspectos • Avaliação • Referências Contextos Navegacionais Mecanismos Interesses do Atividades Produtos Projeto Projeto de Nós, elos, estruturas Mapeamento Leva em conta o Navegação de acesso, contextos entre objetos perfil do usuário e a de conceituais e de tarefa; ênfase em navegação, transforma navegação. Padrões aspetos cognitivos ções navegacionais. de navegação para a e arquiteturais. descrição da estrutura geral da aplicação.
  • 30. Navegabilidade • Home Home /Navegabilidade / Avaliação • Conceitos Avaliando a Navegabilidade de um site • Projeto Ajuda, Dúvidas Freqüentes ou FAQs • Avaliação Campo de busca • Referências Botões Número de cliques Identificação dos links Localização do usuário Mapa do site Menu
  • 31.
  • 32.
  • 34.
  • 36.
  • 37.
  • 38.
  • 39. Navegabilidade • Home Home /Navegabilidade / Referências • Conceitos Referências: • Projeto http://www.alexandremagno.net/blog/2009/04/14/navegacao-em-um-site-topo- • Avaliação esquerda-ou-direita/ http://www.oficinadanet.com.br/artigo/413/como_garantir_usabilidade_navegabil • Referências idade_e_interatividade.# http://www6.ufrgs.br/cursos_echos/criterios/navegacao.htm http://paginas.ucpel.tche.br/~lla/resumo.htm http://www.artigonal.com/web-design-artigos/importancia-da-boa-navegacao-em- um-site-974589.html http://www.criarweb.com/artigos/627.php http://www.lifia.info.unlp.edu.ar/~fer/oohdm/pg023.htm http://inf.cp.cefetpr.br/ligia/material/hipermidia/oohdm.pdf