Thiago ribeiro arquitetura_informacao_usabilidade
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Thiago ribeiro arquitetura_informacao_usabilidade

on

  • 2,125 views

 

Statistics

Views

Total Views
2,125
Views on SlideShare
2,122
Embed Views
3

Actions

Likes
0
Downloads
82
Comments
0

2 Embeds 3

https://www.linkedin.com 2
http://www.linkedin.com 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Thiago ribeiro arquitetura_informacao_usabilidade Presentation Transcript

  • 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!