O documento discute como a arquitetura da informação e a usabilidade podem ajudar na criação de aplicações web organizando melhor a informação. Ele apresenta estudos de caso do portal G1 que mostram como testes de usabilidade melhoraram a experiência do usuário ao priorizar notícias em tempo real e facilitar a navegação.

1. Arquitetura da Informação e Usabilidade em Páginas Web Elaborado por : Thiago Ribeiro CIÊNCIA DA COMPUTAÇÃO

2. Agenda Introdução Arquitetura da Informação Usabilidade Case Importância Conclusão Arquitetura da Informação e Usabilidade em Páginas Web

3. Principais Problemas: Recebimento de informação excessiva e redundante pela internet. Grande parte da informação apresenta-se desorganizada. Consequência: Redução do aproveitamento da informação pelos usuários. 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. 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. 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. 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) Função: Localização e direcionamento em ambientes web Definição do caminho lógico para obtenção da informação, projetando a estrutura de todo website 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. Histórico: Criado nos anos 60 por Richard Saul Wurman Nos anos 90, foi aplicada a sistemas por Peter Morville e Lou Rosenfeld As raízes da AI estão na simples busca de modelos de indexação e organização de informações Disciplinas relacionadas a AI: Psicologia, Ciência da Computação, Jornalismo, Web Design, Sociologia, IHC, Biblioteconomia, entre outras. 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. 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. O Arquiteto de Informação Funções: Definir os fluxos de navegação dos processos do site; Definir as tecnologias que serão usadas; Aplicar os conceitos de usabilidade no projeto; Estruturar o conteúdo do site em seções e sub-seções; Definir a nomenclatura de seções; 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. Soluções de interface criadas pelo Arquiteto: Wireframes 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. Storyboards Mapas de Fluxo 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. Usabilidade É a facilidade de uso de um produto qualquer. História Raízes na ciência cognitiva Anos 80 – termo era usado para substituir a expressão user-frendly É uma característica existente na norma ISO/IEC 9126 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. Problemas de Usabilidade Em produtos diversos: 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. Em páginas web: Links que não mudam de cor quando clicados Listagens de pesquisa de baixa relevância URL’s Complexos Inconsistência dentro de um WebSite 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. 1. INTRODUÇÃO 2. ARQUITETURA DA INFORMAÇÃO 3. USABILIDADE 4. CASE 5. IMPORTÂNCIA 6. CONCLUSÃO Análises de Usabilidade Testes de Usabilidade 1.Testes de Comparação 2.Teste de Exploração 3.Teste de Avaliação 4.Teste de Validação Análise Heurística Card Sorting 1.Aberto 2.Fechado Eye Tracking Arquitetura da Informação e Usabilidade em Páginas Web

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 Objetivos do portal: A construção do mais completo portal de notícias brasileiro; Permitir a concentração e disponibilização de todo o conteúdo jornalístico das organizações Globo; Atender as necessidades e expectativas dos usuários que buscam notícias na web; Ter a informação de forma organizada e garantir as mesmas de forma objetiva e fácil. Arquitetura da Informação e Usabilidade em Páginas Web

17. 1. INTRODUÇÃO 2. ARQUITETURA DA INFORMAÇÃO 3. USABILIDADE 4. CASE 5. IMPORTÂNCIA 6. CONCLUSÃO Pesquisa Contexto: Metas, objetivos estratégicos,recursos disponíveis para o projeto, prazo e tecnologia a ser utilizada. Conteúdo: Volume, formato e abrangência das informações Usuário: Análise da audiência da categoria de notícias e criação de grupos de foco. Arquitetura da Informação e Usabilidade em Páginas Web

18. 1. INTRODUÇÃO 2. ARQUITETURA DA INFORMAÇÃO 3. USABILIDADE 4. CASE 5. IMPORTÂNCIA 6. CONCLUSÃO Resultados da Pesquisa O grupo mais representativo da categoria era formado por homens na faixa de 25-49 anos; O grau de escolaridade deste grupo era alto, com universitários, ensino superior completo e pós-graduação; Notícias e informações em tempo real são o conteúdo de maior relevância Arquitetura da Informação e Usabilidade em Páginas Web

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. 1. INTRODUÇÃO 2. ARQUITETURA DA INFORMAÇÃO 3. USABILIDADE 4. CASE 5. IMPORTÂNCIA 6. CONCLUSÃO Testes de Usabilidade – Julho de 2006 Amostra 17 pessoas – 10 homens e 7 mulheres entre 20-30 anos, todos com ensino superior completo 50% com acesso a banda larga 50% assinantes da globo.com Resultados Atualização das notícias em tempo real foram alteradas para uma melhor percepção dos usuários Nenhuma dificuldade em utilizar os recursos de vídeo rodando na mesma página Atalho de busca bastante elogiado pelos usuários, ressaltando que não precisariam fazer buscas em outro site específico para isto. Arquitetura da Informação e Usabilidade em Páginas Web

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. 1. INTRODUÇÃO 2. ARQUITETURA DA INFORMAÇÃO 3. USABILIDADE 4. CASE 5. IMPORTÂNCIA 6. CONCLUSÃO CONCLUSÃO Vantagens Maior facilidade de navegação entre as páginas Aumento no número de acessos Aumento de vendas(dependendo do segmento) Aumento da experiência do usuário Maior competitividade Desvantagens Visão de custo, não de investimento Falta de documentação(em português) Poucos cursos específicos existentes no país na área Arquitetura da Informação e Usabilidade em Páginas Web Arquitetura da Informação + Usabilidade = Estruturação de páginas e sistemas web

23. Arquitetura da Informação e Usabilidade em Páginas Web DÚVIDAS ???????

24. Arquitetura da Informação e Usabilidade em Páginas Web OBRIGADO!