Arquitetura da Informação e Arquitetura da Informação e Usabilidade em Páginas WebUsabilidade em Páginas Web
Elaborado por :Thiago Ribeiro
CIÊNCIA DA COMPUTAÇÃO
Arquitetura da Informação e Usabilidade em Páginas WebArquitetura da Informação e Usabilidade em Páginas Web
Agenda
Introdução Arquitetura da Informação Usabilidade Case Importância Conclusão
Arquitetura da Informação e Usabilidade em Páginas WebArquitetura da Informação e Usabilidade em Páginas Web
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ÇÃO1. 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 WebArquitetura da Informação e Usabilidade em Páginas Web
1. INTRODUÇÃO1. INTRODUÇÃO
2. ARQUITETURA DA INFORMAÇÃO
3. USABILIDADE
4. CASE
6. CONCLUSÃO
Como os profissionais de internet Como os profissionais de internet podem solucionar esses dois podem solucionar esses dois
problemas, tornando a navegação problemas, tornando a navegação uma experiência mais rica e uma experiência mais rica e
agradável?agradável?
5. IMPORTÂNCIA
Arquitetura da Informação e Usabilidade em Páginas WebArquitetura da Informação e Usabilidade em Páginas Web
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ÇÃO1. 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 WebArquitetura da Informação e Usabilidade em Páginas Web
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ÇÃO2. ARQUITETURA DA INFORMAÇÃO
3. USABILIDADE
4. CASE
5. IMPORTÂNCIA
6. CONCLUSÃO
Arquitetura da Informação e Usabilidade em Páginas WebArquitetura da Informação e Usabilidade em Páginas Web
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ÇÃO2. ARQUITETURA DA INFORMAÇÃO
3. USABILIDADE
4. CASE
5. IMPORTÂNCIA
6. CONCLUSÃO
Arquitetura da Informação e Usabilidade em Páginas WebArquitetura da Informação e Usabilidade em Páginas Web
Estrutura1. INTRODUÇÃO
2. ARQUITETURA DA INFORMAÇÃO2. ARQUITETURA DA INFORMAÇÃO
3. USABILIDADE
4. CASE
5. IMPORTÂNCIA
6. CONCLUSÃO
CONTEÚDOCONTEXTO
USUÁRIO
AI
Arquitetura da Informação e Usabilidade em Páginas WebArquitetura da Informação e Usabilidade em Páginas Web
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ÇÃO2. ARQUITETURA DA INFORMAÇÃO
3. USABILIDADE
4. CASE
5. IMPORTÂNCIA
6. CONCLUSÃO
Arquitetura da Informação e Usabilidade em Páginas WebArquitetura da Informação e Usabilidade em Páginas Web
Soluções de interface criadas pelo Arquiteto: Wireframes
1. INTRODUÇÃO
2. ARQUITETURA DA INFORMAÇÃO2. ARQUITETURA DA INFORMAÇÃO
3. USABILIDADE
4. CASE
5. IMPORTÂNCIA
6. CONCLUSÃO
Arquitetura da Informação e Usabilidade em Páginas WebArquitetura da Informação e Usabilidade em Páginas Web
Storyboards
Mapas de Fluxo
1. INTRODUÇÃO
2. ARQUITETURA DA INFORMAÇÃO2. ARQUITETURA DA INFORMAÇÃO
3. USABILIDADE
4. CASE
5. IMPORTÂNCIA
6. CONCLUSÃO
Arquitetura da Informação e Usabilidade em Páginas WebArquitetura da Informação e Usabilidade em Páginas Web
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. USABILIDADE3. USABILIDADE
4. CASE
5. IMPORTÂNCIA
6. CONCLUSÃO
Arquitetura da Informação e Usabilidade em Páginas WebArquitetura da Informação e Usabilidade em Páginas Web
Problemas de Usabilidade
Em produtos diversos:
1. INTRODUÇÃO
2. ARQUITETURA DA INFORMAÇÃO
3. USABILIDADE3. USABILIDADE
4. CASE
5. IMPORTÂNCIA
6. CONCLUSÃO
Arquitetura da Informação e Usabilidade em Páginas WebArquitetura da Informação e Usabilidade em Páginas Web
Em páginas web:
1. Links que não mudam de cor quando
clicados
2. Listagens de pesquisa de baixa relevância
3. URL’s Complexos
4. Inconsistência dentro de um WebSite
Uma pesquisa realizada nos EUA com 2500 internautas mostrou que sites com problemas de usabilidade podem causar estresse e ansiedade - Mouse Range Syndrome.
1. INTRODUÇÃO
2. ARQUITETURA DA INFORMAÇÃO
3. USABILIDADE3. USABILIDADE
4. CASE
5. IMPORTÂNCIA
6. CONCLUSÃO
Arquitetura da Informação e Usabilidade em Páginas WebArquitetura da Informação e Usabilidade em Páginas Web
1. INTRODUÇÃO
2. ARQUITETURA DA INFORMAÇÃO
3. USABILIDADE3. 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 WebArquitetura da Informação e Usabilidade em Páginas Web
Estudo de caso :A utilização da Arquitetura de Informação na construção doportal de notícias G1
1. INTRODUÇÃO
2. ARQUITETURA DA INFORMAÇÃO
3. USABILIDADE
4. CASE4. 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 WebArquitetura da Informação e Usabilidade em Páginas Web
1. INTRODUÇÃO
2. ARQUITETURA DA INFORMAÇÃO
3. USABILIDADE
4. CASE4. 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 WebArquitetura da Informação e Usabilidade em Páginas Web
1. INTRODUÇÃO
2. ARQUITETURA DA INFORMAÇÃO
3. USABILIDADE
4. CASE4. 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 WebArquitetura da Informação e Usabilidade em Páginas Web
1. INTRODUÇÃO
2. ARQUITETURA DA INFORMAÇÃO
3. USABILIDADE
4. CASE4. CASE
5. IMPORTÂNCIA
6. CONCLUSÃO
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;
Arquitetura da Informação e Usabilidade em Páginas WebArquitetura da Informação e Usabilidade em Páginas Web
1. INTRODUÇÃO
2. ARQUITETURA DA INFORMAÇÃO
3. USABILIDADE
4. CASE4. 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 WebArquitetura da Informação e Usabilidade em Páginas Web
1. INTRODUÇÃO
2. ARQUITETURA DA INFORMAÇÃO
3. USABILIDADE
4. CASE
5. IMPORTÂNCIA5. IMPORTÂNCIA
6. CONCLUSÃO
Aplicação incorreta da AI
Problemas nos testes de
Usabilidade
Dificuldades de interação
USUÁRIO- PÁGINA
IMPORTÂNCIA
Arquitetura da Informação e Usabilidade em Páginas WebArquitetura da Informação e Usabilidade em Páginas Web
1. INTRODUÇÃO
2. ARQUITETURA DA INFORMAÇÃO
3. USABILIDADE
4. CASE
5. IMPORTÂNCIA
6. CONCLUSÃO6. CONCLUSÃO
CONCLUSÃO
Arquitetura da Informação + Usabilidade = Estruturação de páginas e sistemas web
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 WebArquitetura da Informação e Usabilidade em Páginas Web
DÚVIDAS
???????
Arquitetura da Informação e Usabilidade em Páginas WebArquitetura da Informação e Usabilidade em Páginas Web
OBRIGADO!