Thiago ribeiro arquitetura_informacao_usabilidade

2.070 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.070
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!

×