SlideShare uma empresa Scribd logo
1 de 24
Arquitetura da Informação e Usabilidade em Páginas Web Elaborado por : Thiago Ribeiro CIÊNCIA DA COMPUTAÇÃO
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Arquitetura da Informação e Usabilidade em Páginas Web
[object Object],[object Object],[object Object],[object Object],[object Object],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
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?
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
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)  ,[object Object],[object Object],[object Object],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
[object Object],[object Object],[object Object],[object Object],[object Object],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
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
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],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
[object Object],[object Object],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
[object Object],[object Object],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
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],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
[object Object],[object Object],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
[object Object],[object Object],[object Object],[object Object],[object Object],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.
1.  INTRODUÇÃO 2. ARQUITETURA DA  INFORMAÇÃO 3. USABILIDADE 4. CASE 5. IMPORTÂNCIA 6. CONCLUSÃO ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Arquitetura da Informação e Usabilidade em Páginas Web
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 ,[object Object],[object Object],[object Object],[object Object],[object Object],Arquitetura 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ÃO ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Arquitetura 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ÃO ,[object Object],[object Object],[object Object],[object Object],Arquitetura 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Ã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;
1.  INTRODUÇÃO 2. ARQUITETURA DA  INFORMAÇÃO 3. USABILIDADE 4. CASE 5. IMPORTÂNCIA 6. CONCLUSÃO ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Arquitetura 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Ã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
1.  INTRODUÇÃO 2. ARQUITETURA DA  INFORMAÇÃO 3. USABILIDADE 4. CASE 5. IMPORTÂNCIA 6. CONCLUSÃO CONCLUSÃO ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Arquitetura da Informação e Usabilidade em Páginas Web Arquitetura da Informação + Usabilidade = Estruturação de páginas e sistemas web
Arquitetura da Informação e Usabilidade em Páginas Web DÚVIDAS ???????
Arquitetura da Informação e Usabilidade em Páginas Web OBRIGADO!

Mais conteúdo relacionado

Destaque

Palestra - Heurísticas e Usabilidade
Palestra - Heurísticas e UsabilidadePalestra - Heurísticas e Usabilidade
Palestra - Heurísticas e UsabilidadeLuiz Agner
 
Capitulo 5 Livro Nielsen
Capitulo 5 Livro NielsenCapitulo 5 Livro Nielsen
Capitulo 5 Livro NielsenLuiz Agner
 
Usabilidade: as 10 heurísticas de Nielsen
Usabilidade: as 10 heurísticas de NielsenUsabilidade: as 10 heurísticas de Nielsen
Usabilidade: as 10 heurísticas de NielsenTersis Zonato
 
Una - Testes de usabilidade - aula 03
Una - Testes de usabilidade - aula 03Una - Testes de usabilidade - aula 03
Una - Testes de usabilidade - aula 03Marcello Cardoso
 
Usabilidade 7-8 - Teste de Usabilidade
Usabilidade 7-8 - Teste de UsabilidadeUsabilidade 7-8 - Teste de Usabilidade
Usabilidade 7-8 - Teste de UsabilidadeMarcello Cardoso
 
Ergonomia & Usabilidade
Ergonomia & UsabilidadeErgonomia & Usabilidade
Ergonomia & UsabilidadeLuiz China
 
Una - Testes de usabilidade - aula 04
Una - Testes de usabilidade - aula 04Una - Testes de usabilidade - aula 04
Una - Testes de usabilidade - aula 04Marcello Cardoso
 

Destaque (8)

Palestra - Heurísticas e Usabilidade
Palestra - Heurísticas e UsabilidadePalestra - Heurísticas e Usabilidade
Palestra - Heurísticas e Usabilidade
 
Capitulo 5 Livro Nielsen
Capitulo 5 Livro NielsenCapitulo 5 Livro Nielsen
Capitulo 5 Livro Nielsen
 
Usabilidade: as 10 heurísticas de Nielsen
Usabilidade: as 10 heurísticas de NielsenUsabilidade: as 10 heurísticas de Nielsen
Usabilidade: as 10 heurísticas de Nielsen
 
Una - Testes de usabilidade - aula 03
Una - Testes de usabilidade - aula 03Una - Testes de usabilidade - aula 03
Una - Testes de usabilidade - aula 03
 
Usabilidade 7-8 - Teste de Usabilidade
Usabilidade 7-8 - Teste de UsabilidadeUsabilidade 7-8 - Teste de Usabilidade
Usabilidade 7-8 - Teste de Usabilidade
 
Ergonomia & Usabilidade
Ergonomia & UsabilidadeErgonomia & Usabilidade
Ergonomia & Usabilidade
 
Una - Testes de usabilidade - aula 04
Una - Testes de usabilidade - aula 04Una - Testes de usabilidade - aula 04
Una - Testes de usabilidade - aula 04
 
IHC - Slide 2 - Usabilidade e Princípios de Design
IHC - Slide 2 - Usabilidade e Princípios de DesignIHC - Slide 2 - Usabilidade e Princípios de Design
IHC - Slide 2 - Usabilidade e Princípios de Design
 

Semelhante a Thiago ribeiro arquitetura_informacao_usabilidade

Arquitetura da informação para blogs
Arquitetura da informação para blogsArquitetura da informação para blogs
Arquitetura da informação para blogsLaura Inafuko
 
Arquitetura da informação de web sites: elementos e usabilidade em blogs cons...
Arquitetura da informação de web sites: elementos e usabilidade em blogs cons...Arquitetura da informação de web sites: elementos e usabilidade em blogs cons...
Arquitetura da informação de web sites: elementos e usabilidade em blogs cons...Laura Inafuko
 
Ai congresso academico-ufal-2010 revisando
Ai congresso academico-ufal-2010 revisandoAi congresso academico-ufal-2010 revisando
Ai congresso academico-ufal-2010 revisandoZayr Silva
 
Ai congresso academico-ufal-2010 revisando
Ai congresso academico-ufal-2010 revisandoAi congresso academico-ufal-2010 revisando
Ai congresso academico-ufal-2010 revisandoZayr Silva
 
Arquitetura da Informação de Websites de Bibliotecas Universitárias
Arquitetura da Informação de Websites de Bibliotecas UniversitáriasArquitetura da Informação de Websites de Bibliotecas Universitárias
Arquitetura da Informação de Websites de Bibliotecas UniversitáriasZayr Silva
 
Arquitetura de informação - Case G1
Arquitetura de informação - Case G1Arquitetura de informação - Case G1
Arquitetura de informação - Case G1Reuel Lopes
 
29/09/2011 - 9h às 12h30 - oficina - arquitetura da informação em sistemas 2...
29/09/2011 -  9h às 12h30 - oficina - arquitetura da informação em sistemas 2...29/09/2011 -  9h às 12h30 - oficina - arquitetura da informação em sistemas 2...
29/09/2011 - 9h às 12h30 - oficina - arquitetura da informação em sistemas 2...Rio Info
 
PI III - IMPLEMENTACAO DE PROJETOS DE TI
PI III - IMPLEMENTACAO DE PROJETOS DE TIPI III - IMPLEMENTACAO DE PROJETOS DE TI
PI III - IMPLEMENTACAO DE PROJETOS DE TINilo Basílio
 
Website Fixie - Metodologia Projeto E
Website Fixie - Metodologia Projeto EWebsite Fixie - Metodologia Projeto E
Website Fixie - Metodologia Projeto EIsabela Loepert
 
Arquitetura da informação para blogs - Defesa de Trabalho de Conclusão de Cur...
Arquitetura da informação para blogs - Defesa de Trabalho de Conclusão de Cur...Arquitetura da informação para blogs - Defesa de Trabalho de Conclusão de Cur...
Arquitetura da informação para blogs - Defesa de Trabalho de Conclusão de Cur...Laura Inafuko
 
Arquitetura de Informação - Personas e Cenários
Arquitetura de Informação - Personas e CenáriosArquitetura de Informação - Personas e Cenários
Arquitetura de Informação - Personas e Cenáriosposgraduacaorj
 
Padrões em Governo Eletrônico - Cartilha de Codificação e Guia de Administraç...
Padrões em Governo Eletrônico - Cartilha de Codificação e Guia de Administraç...Padrões em Governo Eletrônico - Cartilha de Codificação e Guia de Administraç...
Padrões em Governo Eletrônico - Cartilha de Codificação e Guia de Administraç...GovBR
 
Arquiteturadeinformao apresentao2-03-05-10
Arquiteturadeinformao apresentao2-03-05-10Arquiteturadeinformao apresentao2-03-05-10
Arquiteturadeinformao apresentao2-03-05-10Rafael Marinho
 
Projeto de pesquisa sobre web semântica - a web que aprende
Projeto de pesquisa sobre web semântica - a web que aprendeProjeto de pesquisa sobre web semântica - a web que aprende
Projeto de pesquisa sobre web semântica - a web que aprendeAlexandre Grolla
 
[Cinform] Arquitetura de Informacao - Artigo
[Cinform] Arquitetura de Informacao - Artigo[Cinform] Arquitetura de Informacao - Artigo
[Cinform] Arquitetura de Informacao - ArtigoRafael Marinho
 
Conferência em Arquitetura da Informação.2013. Novos estratos do Tcc do autor.
Conferência em Arquitetura da Informação.2013. Novos estratos do Tcc do autor.Conferência em Arquitetura da Informação.2013. Novos estratos do Tcc do autor.
Conferência em Arquitetura da Informação.2013. Novos estratos do Tcc do autor.Zayr Silva
 

Semelhante a Thiago ribeiro arquitetura_informacao_usabilidade (20)

Arquitetura da informação para blogs
Arquitetura da informação para blogsArquitetura da informação para blogs
Arquitetura da informação para blogs
 
Arquitetura da informação de web sites: elementos e usabilidade em blogs cons...
Arquitetura da informação de web sites: elementos e usabilidade em blogs cons...Arquitetura da informação de web sites: elementos e usabilidade em blogs cons...
Arquitetura da informação de web sites: elementos e usabilidade em blogs cons...
 
Ai congresso academico-ufal-2010 revisando
Ai congresso academico-ufal-2010 revisandoAi congresso academico-ufal-2010 revisando
Ai congresso academico-ufal-2010 revisando
 
Ai congresso academico-ufal-2010 revisando
Ai congresso academico-ufal-2010 revisandoAi congresso academico-ufal-2010 revisando
Ai congresso academico-ufal-2010 revisando
 
Case G1
Case G1Case G1
Case G1
 
Arquitetura da Informação de Websites de Bibliotecas Universitárias
Arquitetura da Informação de Websites de Bibliotecas UniversitáriasArquitetura da Informação de Websites de Bibliotecas Universitárias
Arquitetura da Informação de Websites de Bibliotecas Universitárias
 
Arquitetura de informação - Case G1
Arquitetura de informação - Case G1Arquitetura de informação - Case G1
Arquitetura de informação - Case G1
 
Case G1
Case G1Case G1
Case G1
 
29/09/2011 - 9h às 12h30 - oficina - arquitetura da informação em sistemas 2...
29/09/2011 -  9h às 12h30 - oficina - arquitetura da informação em sistemas 2...29/09/2011 -  9h às 12h30 - oficina - arquitetura da informação em sistemas 2...
29/09/2011 - 9h às 12h30 - oficina - arquitetura da informação em sistemas 2...
 
PI III - IMPLEMENTACAO DE PROJETOS DE TI
PI III - IMPLEMENTACAO DE PROJETOS DE TIPI III - IMPLEMENTACAO DE PROJETOS DE TI
PI III - IMPLEMENTACAO DE PROJETOS DE TI
 
PROJETO DE PESQUISA
PROJETO DE PESQUISAPROJETO DE PESQUISA
PROJETO DE PESQUISA
 
Website Fixie - Metodologia Projeto E
Website Fixie - Metodologia Projeto EWebsite Fixie - Metodologia Projeto E
Website Fixie - Metodologia Projeto E
 
Arquitetura da informação para blogs - Defesa de Trabalho de Conclusão de Cur...
Arquitetura da informação para blogs - Defesa de Trabalho de Conclusão de Cur...Arquitetura da informação para blogs - Defesa de Trabalho de Conclusão de Cur...
Arquitetura da informação para blogs - Defesa de Trabalho de Conclusão de Cur...
 
Arquitetura de Informação - Personas e Cenários
Arquitetura de Informação - Personas e CenáriosArquitetura de Informação - Personas e Cenários
Arquitetura de Informação - Personas e Cenários
 
Padrões em Governo Eletrônico - Cartilha de Codificação e Guia de Administraç...
Padrões em Governo Eletrônico - Cartilha de Codificação e Guia de Administraç...Padrões em Governo Eletrônico - Cartilha de Codificação e Guia de Administraç...
Padrões em Governo Eletrônico - Cartilha de Codificação e Guia de Administraç...
 
Arquiteturadeinformao apresentao2-03-05-10
Arquiteturadeinformao apresentao2-03-05-10Arquiteturadeinformao apresentao2-03-05-10
Arquiteturadeinformao apresentao2-03-05-10
 
Web Standards
Web StandardsWeb Standards
Web Standards
 
Projeto de pesquisa sobre web semântica - a web que aprende
Projeto de pesquisa sobre web semântica - a web que aprendeProjeto de pesquisa sobre web semântica - a web que aprende
Projeto de pesquisa sobre web semântica - a web que aprende
 
[Cinform] Arquitetura de Informacao - Artigo
[Cinform] Arquitetura de Informacao - Artigo[Cinform] Arquitetura de Informacao - Artigo
[Cinform] Arquitetura de Informacao - Artigo
 
Conferência em Arquitetura da Informação.2013. Novos estratos do Tcc do autor.
Conferência em Arquitetura da Informação.2013. Novos estratos do Tcc do autor.Conferência em Arquitetura da Informação.2013. Novos estratos do Tcc do autor.
Conferência em Arquitetura da Informação.2013. Novos estratos do Tcc do autor.
 

Thiago ribeiro arquitetura_informacao_usabilidade

  • 1. Arquitetura da Informação e Usabilidade em Páginas Web Elaborado por : Thiago Ribeiro CIÊNCIA DA COMPUTAÇÃO
  • 2.
  • 3.
  • 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.
  • 7.
  • 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.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 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.
  • 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.
  • 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!