Arquitetura da Informação e Usabilidade em Páginas Web Elaborado por : Thiago Ribeiro CIÊNCIA DA COMPUTAÇÃO
<ul><li>Agenda </li></ul><ul><li>Introdução </li></ul><ul><li>Arquitetura da Informação </li></ul><ul><li>Usabilidade </li...
<ul><li>Principais Problemas: </li></ul><ul><li>Recebimento de informação excessiva e redundante pela internet. </li></ul>...
1.  INTRODUÇÃO 2. ARQUITETURA DA  INFORMAÇÃO 3. USABILIDADE 4. CASE 6. CONCLUSÃO 5. IMPORTÂNCIA Arquitetura da Informação ...
Objetivo: Demonstrar como a Arquitetura da Informação e a Usabilidade podem ajudar na criação de aplicações web, baseados ...
Conceito: “ Design estrutural de grupos de informações relacionadas ou, a arte e ciência de organizar e rotular websites, ...
<ul><li>Histórico: </li></ul><ul><li>Criado nos anos 60 por Richard Saul Wurman </li></ul><ul><li>Nos anos 90, foi aplicad...
Estrutura 1.  INTRODUÇÃO 2. ARQUITETURA DA INFORMAÇÃO 3. USABILIDADE 4. CASE 5. IMPORTÂNCIA 6. CONCLUSÃO CONTEÚDO CONTEXTO...
<ul><li>O Arquiteto de Informação </li></ul><ul><li>Funções: </li></ul><ul><ul><li>Definir os fluxos de navegação dos proc...
<ul><li>Soluções de interface criadas pelo Arquiteto: </li></ul><ul><li>Wireframes </li></ul>1.  INTRODUÇÃO 2. ARQUITETURA...
<ul><li>Storyboards </li></ul><ul><li>Mapas de Fluxo </li></ul>1.  INTRODUÇÃO 2. ARQUITETURA DA INFORMAÇÃO 3. USABILIDADE ...
<ul><li>Usabilidade </li></ul><ul><li>É a facilidade de uso de um produto qualquer. </li></ul><ul><li>História </li></ul><...
<ul><li>Problemas de Usabilidade </li></ul><ul><li>Em produtos diversos: </li></ul>1.  INTRODUÇÃO 2. ARQUITETURA DA INFORM...
<ul><li>Em páginas web: </li></ul><ul><li>Links que não mudam de cor quando clicados </li></ul><ul><li>Listagens de pesqui...
1.  INTRODUÇÃO 2. ARQUITETURA DA  INFORMAÇÃO 3. USABILIDADE 4. CASE 5. IMPORTÂNCIA 6. CONCLUSÃO <ul><li>Análises de Usabil...
Estudo de caso : A utilização da Arquitetura de Informação na construção do portal de notícias G1 1.  INTRODUÇÃO 2. ARQUIT...
1.  INTRODUÇÃO 2. ARQUITETURA DA  INFORMAÇÃO 3. USABILIDADE 4. CASE 5. IMPORTÂNCIA 6. CONCLUSÃO <ul><li>Pesquisa </li></ul...
1.  INTRODUÇÃO 2. ARQUITETURA DA  INFORMAÇÃO 3. USABILIDADE 4. CASE 5. IMPORTÂNCIA 6. CONCLUSÃO <ul><li>Resultados da Pesq...
1.  INTRODUÇÃO 2. ARQUITETURA DA  INFORMAÇÃO 3. USABILIDADE 4. CASE 5. IMPORTÂNCIA 6. CONCLUSÃO Arquitetura da Informação ...
1.  INTRODUÇÃO 2. ARQUITETURA DA  INFORMAÇÃO 3. USABILIDADE 4. CASE 5. IMPORTÂNCIA 6. CONCLUSÃO <ul><li>Testes de Usabilid...
1.  INTRODUÇÃO 2. ARQUITETURA DA  INFORMAÇÃO 3. USABILIDADE 4. CASE 5. IMPORTÂNCIA 6. CONCLUSÃO IMPORTÂNCIA Arquitetura da...
1.  INTRODUÇÃO 2. ARQUITETURA DA  INFORMAÇÃO 3. USABILIDADE 4. CASE 5. IMPORTÂNCIA 6. CONCLUSÃO CONCLUSÃO <ul><li>Vantagen...
Arquitetura da Informação e Usabilidade em Páginas Web DÚVIDAS ???????
Arquitetura da Informação e Usabilidade em Páginas Web OBRIGADO!
Próximos SlideShares
Carregando em…5
×

Thiago ribeiro arquitetura_informacao_usabilidade

2.029 visualizações

Publicada em

Publicada em: Tecnologia, Negócios
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
2.029
No SlideShare
0
A partir de incorporações
0
Número de incorporações
9
Ações
Compartilhamentos
0
Downloads
86
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Thiago ribeiro arquitetura_informacao_usabilidade

  1. 1. Arquitetura da Informação e Usabilidade em Páginas Web Elaborado por : Thiago Ribeiro CIÊNCIA DA COMPUTAÇÃO
  2. 2. <ul><li>Agenda </li></ul><ul><li>Introdução </li></ul><ul><li>Arquitetura da Informação </li></ul><ul><li>Usabilidade </li></ul><ul><li>Case </li></ul><ul><li>Importância </li></ul><ul><li>Conclusão </li></ul>Arquitetura da Informação e Usabilidade em Páginas Web
  3. 3. <ul><li>Principais Problemas: </li></ul><ul><li>Recebimento de informação excessiva e redundante pela internet. </li></ul><ul><li>Grande parte da informação apresenta-se desorganizada. </li></ul><ul><li>Consequência: </li></ul><ul><li>Redução do aproveitamento da informação pelos usuários. </li></ul>1. INTRODUÇÃO 2. ARQUITETURA DA INFORMAÇÃO 3. USABILIDADE 4. CASE 5. IMPORTÂNCIA 6. CONCLUSÃO Arquitetura da Informação e Usabilidade em Páginas Web
  4. 4. 1. INTRODUÇÃO 2. ARQUITETURA DA INFORMAÇÃO 3. USABILIDADE 4. CASE 6. CONCLUSÃO 5. IMPORTÂNCIA Arquitetura da Informação e Usabilidade em Páginas Web Como os profissionais de internet podem solucionar esses dois problemas, tornando a navegação uma experiência mais rica e agradável?
  5. 5. Objetivo: Demonstrar como a Arquitetura da Informação e a Usabilidade podem ajudar na criação de aplicações web, baseados na organização da informação a ser exibida. 1. INTRODUÇÃO 2. ARQUITETURA DA INFORMAÇÃO 3. USABILIDADE 4. CASE 5. IMPORTÂNCIA 6. CONCLUSÃO Arquitetura da Informação e Usabilidade em Páginas Web
  6. 6. Conceito: “ Design estrutural de grupos de informações relacionadas ou, a arte e ciência de organizar e rotular websites, intranets, comunidades online e software.” (Instituto de Arquitetura de Informação) <ul><li>Função: </li></ul><ul><li>Localização e direcionamento em ambientes web </li></ul><ul><li>Definição do caminho lógico para obtenção da informação, projetando a estrutura de todo website </li></ul>1. INTRODUÇÃO 2. ARQUITETURA DA INFORMAÇÃO 3. USABILIDADE 4. CASE 5. IMPORTÂNCIA 6. CONCLUSÃO Arquitetura da Informação e Usabilidade em Páginas Web
  7. 7. <ul><li>Histórico: </li></ul><ul><li>Criado nos anos 60 por Richard Saul Wurman </li></ul><ul><li>Nos anos 90, foi aplicada a sistemas por Peter Morville e Lou Rosenfeld </li></ul><ul><li>As raízes da AI estão na simples busca de modelos de indexação e organização de informações </li></ul><ul><li>Disciplinas relacionadas a AI: Psicologia, Ciência da Computação, Jornalismo, Web Design, Sociologia, IHC, Biblioteconomia, entre outras. </li></ul>1. INTRODUÇÃO 2. ARQUITETURA DA INFORMAÇÃO 3. USABILIDADE 4. CASE 5. IMPORTÂNCIA 6. CONCLUSÃO Arquitetura da Informação e Usabilidade em Páginas Web
  8. 8. Estrutura 1. INTRODUÇÃO 2. ARQUITETURA DA INFORMAÇÃO 3. USABILIDADE 4. CASE 5. IMPORTÂNCIA 6. CONCLUSÃO CONTEÚDO CONTEXTO USUÁRIO AI Arquitetura da Informação e Usabilidade em Páginas Web
  9. 9. <ul><li>O Arquiteto de Informação </li></ul><ul><li>Funções: </li></ul><ul><ul><li>Definir os fluxos de navegação dos processos do site; </li></ul></ul><ul><ul><li>Definir as tecnologias que serão usadas; </li></ul></ul><ul><ul><li>Aplicar os conceitos de usabilidade no projeto; </li></ul></ul><ul><ul><li>Estruturar o conteúdo do site em seções e sub-seções; </li></ul></ul><ul><ul><li>Definir a nomenclatura de seções; </li></ul></ul>1. INTRODUÇÃO 2. ARQUITETURA DA INFORMAÇÃO 3. USABILIDADE 4. CASE 5. IMPORTÂNCIA 6. CONCLUSÃO Arquitetura da Informação e Usabilidade em Páginas Web
  10. 10. <ul><li>Soluções de interface criadas pelo Arquiteto: </li></ul><ul><li>Wireframes </li></ul>1. INTRODUÇÃO 2. ARQUITETURA DA INFORMAÇÃO 3. USABILIDADE 4. CASE 5. IMPORTÂNCIA 6. CONCLUSÃO Arquitetura da Informação e Usabilidade em Páginas Web
  11. 11. <ul><li>Storyboards </li></ul><ul><li>Mapas de Fluxo </li></ul>1. INTRODUÇÃO 2. ARQUITETURA DA INFORMAÇÃO 3. USABILIDADE 4. CASE 5. IMPORTÂNCIA 6. CONCLUSÃO Arquitetura da Informação e Usabilidade em Páginas Web
  12. 12. <ul><li>Usabilidade </li></ul><ul><li>É a facilidade de uso de um produto qualquer. </li></ul><ul><li>História </li></ul><ul><li>Raízes na ciência cognitiva </li></ul><ul><li>Anos 80 – termo era usado para substituir a expressão user-frendly </li></ul><ul><li>É uma característica existente na norma ISO/IEC 9126 </li></ul>1. INTRODUÇÃO 2. ARQUITETURA DA INFORMAÇÃO 3. USABILIDADE 4. CASE 5. IMPORTÂNCIA 6. CONCLUSÃO Arquitetura da Informação e Usabilidade em Páginas Web
  13. 13. <ul><li>Problemas de Usabilidade </li></ul><ul><li>Em produtos diversos: </li></ul>1. INTRODUÇÃO 2. ARQUITETURA DA INFORMAÇÃO 3. USABILIDADE 4. CASE 5. IMPORTÂNCIA 6. CONCLUSÃO Arquitetura da Informação e Usabilidade em Páginas Web
  14. 14. <ul><li>Em páginas web: </li></ul><ul><li>Links que não mudam de cor quando clicados </li></ul><ul><li>Listagens de pesquisa de baixa relevância </li></ul><ul><li>URL’s Complexos </li></ul><ul><li>Inconsistência dentro de um WebSite </li></ul>1. INTRODUÇÃO 2. ARQUITETURA DA INFORMAÇÃO 3. USABILIDADE 4. CASE 5. IMPORTÂNCIA 6. CONCLUSÃO Arquitetura da Informação e Usabilidade em Páginas Web Uma pesquisa realizada nos EUA com 2500 internautas mostrou que sites com problemas de usabilidade podem causar estresse e ansiedade - Mouse Range Syndrome.
  15. 15. 1. INTRODUÇÃO 2. ARQUITETURA DA INFORMAÇÃO 3. USABILIDADE 4. CASE 5. IMPORTÂNCIA 6. CONCLUSÃO <ul><li>Análises de Usabilidade </li></ul><ul><li>Testes de Usabilidade </li></ul><ul><ul><li>1.Testes de Comparação </li></ul></ul><ul><ul><li>2.Teste de Exploração </li></ul></ul><ul><ul><li>3.Teste de Avaliação </li></ul></ul><ul><ul><li>4.Teste de Validação </li></ul></ul><ul><li>Análise Heurística </li></ul><ul><li>Card Sorting </li></ul><ul><li>1.Aberto </li></ul><ul><li>2.Fechado </li></ul><ul><li>Eye Tracking </li></ul>Arquitetura da Informação e Usabilidade em Páginas Web
  16. 16. Estudo de caso : A utilização da Arquitetura de Informação na construção do portal de notícias G1 1. INTRODUÇÃO 2. ARQUITETURA DA INFORMAÇÃO 3. USABILIDADE 4. CASE 5. IMPORTÂNCIA 6. CONCLUSÃO <ul><li>Objetivos do portal: </li></ul><ul><li>A construção do mais completo portal de notícias brasileiro; </li></ul><ul><li>Permitir a concentração e disponibilização de todo o conteúdo jornalístico das organizações Globo; </li></ul><ul><li>Atender as necessidades e expectativas dos usuários que buscam notícias na web; </li></ul><ul><li>Ter a informação de forma organizada e garantir as mesmas de forma objetiva e fácil. </li></ul>Arquitetura da Informação e Usabilidade em Páginas Web
  17. 17. 1. INTRODUÇÃO 2. ARQUITETURA DA INFORMAÇÃO 3. USABILIDADE 4. CASE 5. IMPORTÂNCIA 6. CONCLUSÃO <ul><li>Pesquisa </li></ul><ul><li>Contexto: Metas, objetivos estratégicos,recursos disponíveis para o projeto, prazo e tecnologia a ser utilizada. </li></ul><ul><li>Conteúdo: </li></ul><ul><li>Volume, formato e abrangência das informações </li></ul><ul><li>Usuário: </li></ul><ul><li>Análise da audiência da categoria de notícias e criação de grupos de foco. </li></ul>Arquitetura da Informação e Usabilidade em Páginas Web
  18. 18. 1. INTRODUÇÃO 2. ARQUITETURA DA INFORMAÇÃO 3. USABILIDADE 4. CASE 5. IMPORTÂNCIA 6. CONCLUSÃO <ul><li>Resultados da Pesquisa </li></ul><ul><li>O grupo mais representativo da categoria era formado por homens na faixa de 25-49 anos; </li></ul><ul><li>O grau de escolaridade deste grupo era alto, com universitários, ensino superior completo e pós-graduação; </li></ul><ul><li>Notícias e informações em tempo real são o conteúdo de maior relevância </li></ul>Arquitetura da Informação e Usabilidade em Páginas Web
  19. 19. 1. INTRODUÇÃO 2. ARQUITETURA DA INFORMAÇÃO 3. USABILIDADE 4. CASE 5. IMPORTÂNCIA 6. CONCLUSÃO Arquitetura da Informação e Usabilidade em Páginas Web As notícias em tempo real precisam ter grande destaque na hierarquia das informações O conteúdo multimídia deve ser organizado, e bem sinalizado quanto ao tipo e fonte de informação A divisão por temas deve ser aparente na classificação e exposição das informações A procura por informações mais aprofundadas deve ser facilitada;
  20. 20. 1. INTRODUÇÃO 2. ARQUITETURA DA INFORMAÇÃO 3. USABILIDADE 4. CASE 5. IMPORTÂNCIA 6. CONCLUSÃO <ul><li>Testes de Usabilidade – Julho de 2006 </li></ul><ul><li>Amostra </li></ul><ul><li>17 pessoas – 10 homens e 7 mulheres entre 20-30 anos, todos com ensino superior completo </li></ul><ul><li>50% com acesso a banda larga </li></ul><ul><li>50% assinantes da globo.com </li></ul><ul><li>Resultados </li></ul><ul><li>Atualização das notícias em tempo real foram alteradas para uma melhor percepção dos usuários </li></ul><ul><li>Nenhuma dificuldade em utilizar os recursos de vídeo rodando na mesma página </li></ul><ul><li>Atalho de busca bastante elogiado pelos usuários, ressaltando que não precisariam fazer buscas em outro site específico para isto. </li></ul>Arquitetura da Informação e Usabilidade em Páginas Web
  21. 21. 1. INTRODUÇÃO 2. ARQUITETURA DA INFORMAÇÃO 3. USABILIDADE 4. CASE 5. IMPORTÂNCIA 6. CONCLUSÃO IMPORTÂNCIA Arquitetura da Informação e Usabilidade em Páginas Web Aplicação incorreta da AI Problemas nos testes de Usabilidade Dificuldades de interação USUÁRIO- PÁGINA
  22. 22. 1. INTRODUÇÃO 2. ARQUITETURA DA INFORMAÇÃO 3. USABILIDADE 4. CASE 5. IMPORTÂNCIA 6. CONCLUSÃO CONCLUSÃO <ul><li>Vantagens </li></ul><ul><li>Maior facilidade de navegação entre as páginas </li></ul><ul><li>Aumento no número de acessos </li></ul><ul><li>Aumento de vendas(dependendo do segmento) </li></ul><ul><li>Aumento da experiência do usuário </li></ul><ul><li>Maior competitividade </li></ul><ul><li>Desvantagens </li></ul><ul><li>Visão de custo, não de investimento </li></ul><ul><li>Falta de documentação(em português) </li></ul><ul><li>Poucos cursos específicos existentes no país na área </li></ul>Arquitetura da Informação e Usabilidade em Páginas Web Arquitetura da Informação + Usabilidade = Estruturação de páginas e sistemas web
  23. 23. Arquitetura da Informação e Usabilidade em Páginas Web DÚVIDAS ???????
  24. 24. Arquitetura da Informação e Usabilidade em Páginas Web OBRIGADO!

×