SlideShare uma empresa Scribd logo
1 de 38
ARQUITETURA DA INFORMAÇÃO
O que é e para que serve?
 
Arquitetura de Informação O que é e para que serve? ONDE ESTOU  ? DE ONDE VIM ? PARA ONDE VOU ?
Arquitetura de Informação O que é É a arte e a ciência de estruturar e classificar websites e intranets a fim de ajudar as pessoas a encontrar e a gerenciar informação.  (Peter Morville & Louis Rosenfeld, in  Information Architecture for the World Wide Web )
Arquitetura de Informação O que é Combinação entre esquemas de organização, nomeação e navegação  dentro de um sistema de informação.  (Peter Morville & Louis Rosenfeld, in  Information Architecture for the World Wide Web )
Ciclo de Vida Projeto Site
Ciclo de Vida Projeto Site
PRA QUE SERVE?
PRA QUE SERVE?
 
Componentes da AI
Sistema de Organização
Três classificações distintas ? Três Classificações Distintas Fruta  |  Legume  |  Verdura Tomate
Dificuldades na Organização ,[object Object],[object Object]
Sistema de Navegação
Sistema de Navegação
Sistema de Rotulação O sistema de rotulação é o componente da Arquitetura de Informação que  estabelece as formas de representação , de apresentação da informação,  definindo signos para cada elemento  informativo.  Seu desafio é criar para o website uma  linguagem clara ,  compreensível  e  sem ambigüidades . PROCURE FALAR A LINGUAGEM DO USUÁRIO!!!
Sistema de Rotulação
 
Sistema de Rotulação
Sistema de Busca
Arquitetura da Informação Sobretudo, o arquiteto de informação deve saber como apresentar visualmente/estruturalmente seu material para dar vida a suas idéias. Retirado de Rosenfield & Morville O que faz um arquiteto da informação
Arquitetura da Informação Ferramentas e Técnicas da AI Wireframes •  Wireframes servem  a um propósito diferente: eles mostram como uma página deve parecer de uma perspectiva arquitetônica. •  Wireframes são a intersecção entre a arquitetura da informação do site e o design e visual do mesmo. •  O wireframe força o arquiteto a considerar onde as navegações estarão na página, onde o usuário vai navegar e sobretudo o que ele vai ver naquele espaço.
Arquitetura da Informação Marca XYZ Buscar >Link 01  >Link02  >Link03  >Link04  >Link05 Navegação local Breadcrumbs ( Home ) Conteúdo global e contextual Conteúdo relacionado Rodapé A localização mais comum de elementos numa página básica de web: •  Logomarca no canto superior esquerdo •  Busca na barra superior •  Navegação global na parte superior •  Navegação local na coluna esquerda •  Conteúdo na área central •  Breadcrumbs na parte superior Wireframe
 
Site Adria. Finalizado
Arquitetura da Informação Ferramentas e Técnicas da AI Card Sorting •  Método de usabilidade que objetiva levantar como usuários do público-alvo agrupam informações de forma que sejam úteis para eles, possibilitando que sejam criadas estruturas de organização de informação otimizadas e mais adequadas ao modelo mental dos usuários.   •   O card-sorting é uma técnica usada por arquitetos da informação para descobrir como o usuário classifica determinada informação em sua mente.
Categorizar o site é uma tarefa complexa. Utilizar o usuário no processo de classificação pode reduzir o ruído de entendimento. Card Sorting
Card Sorting
Arquitetura da Informação Sitegrama
Finalizando......
 
 
 
“ Não seja um desenvolvedor de sistemas para computadores, desenvolva sistemas para pessoas”
Perguntas [email_address] www.sil.inf.br
Quem sou eu? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Desenvolvo  ininterruptamente  para  Web  desde 1998 [email_address] @silveriotaviano www.professorotaviano.com.br

Mais conteúdo relacionado

Mais procurados

Arquitetura de Informacao: Conceitos Básicos
Arquitetura de Informacao: Conceitos BásicosArquitetura de Informacao: Conceitos Básicos
Arquitetura de Informacao: Conceitos BásicosMateada
 
Arquitetura de Informação - Sistemas de Navegação
Arquitetura de Informação - Sistemas de NavegaçãoArquitetura de Informação - Sistemas de Navegação
Arquitetura de Informação - Sistemas de Navegaçãopospipoca
 
Introducao à Arquitetura de Informacao
Introducao à Arquitetura de InformacaoIntroducao à Arquitetura de Informacao
Introducao à Arquitetura de Informacaoduradez
 
Arquitetura de informação para Interface Digital
Arquitetura de informação para Interface DigitalArquitetura de informação para Interface Digital
Arquitetura de informação para Interface DigitalMarconi Pacheco
 
Navegação e Arquitetura de Informação
Navegação e Arquitetura de InformaçãoNavegação e Arquitetura de Informação
Navegação e Arquitetura de InformaçãoLuiz Agner
 
Arquitetura de Informação
Arquitetura de InformaçãoArquitetura de Informação
Arquitetura de InformaçãoMelqui Jr
 
Arquitetura de Informação
Arquitetura de InformaçãoArquitetura de Informação
Arquitetura de InformaçãoRodrigo Savazoni
 
Arquitetura da Informação: Conceitos e Objetivos
Arquitetura da Informação: Conceitos e ObjetivosArquitetura da Informação: Conceitos e Objetivos
Arquitetura da Informação: Conceitos e Objetivosaiadufmg
 
Arquitetura da Informação
Arquitetura da InformaçãoArquitetura da Informação
Arquitetura da InformaçãoKarine Drumond
 
Aula sobre Arquitetura de Informação
Aula sobre Arquitetura de InformaçãoAula sobre Arquitetura de Informação
Aula sobre Arquitetura de InformaçãoDhiego Bicudo
 
Arquitetura de Informação - Sistemas de Rotulação e de Informação
Arquitetura de Informação - Sistemas de Rotulação e de InformaçãoArquitetura de Informação - Sistemas de Rotulação e de Informação
Arquitetura de Informação - Sistemas de Rotulação e de Informaçãoposgraduacaorj
 
Arquitetura de Informação - Aulas 04 e 05
Arquitetura de Informação - Aulas 04 e 05Arquitetura de Informação - Aulas 04 e 05
Arquitetura de Informação - Aulas 04 e 05vincevader
 
Arquitetura da informação
Arquitetura da informaçãoArquitetura da informação
Arquitetura da informaçãoCristiane Mendes
 
Arquitetura de informação
Arquitetura de informaçãoArquitetura de informação
Arquitetura de informaçãoGuto Xavier
 
Sistema de rotulagem
Sistema de rotulagemSistema de rotulagem
Sistema de rotulagemRobson Santos
 
Arquitetura da Informação - Sistemas
Arquitetura da Informação - SistemasArquitetura da Informação - Sistemas
Arquitetura da Informação - Sistemasaiadufmg
 
Arquitetura da Informação - Sitegramas e Fluxos
Arquitetura da Informação - Sitegramas e FluxosArquitetura da Informação - Sitegramas e Fluxos
Arquitetura da Informação - Sitegramas e Fluxosaiadufmg
 

Mais procurados (20)

Arquitetura de Informacao: Conceitos Básicos
Arquitetura de Informacao: Conceitos BásicosArquitetura de Informacao: Conceitos Básicos
Arquitetura de Informacao: Conceitos Básicos
 
Arquitetura de Informação - Sistemas de Navegação
Arquitetura de Informação - Sistemas de NavegaçãoArquitetura de Informação - Sistemas de Navegação
Arquitetura de Informação - Sistemas de Navegação
 
Introducao à Arquitetura de Informacao
Introducao à Arquitetura de InformacaoIntroducao à Arquitetura de Informacao
Introducao à Arquitetura de Informacao
 
Arquitetura de informação para Interface Digital
Arquitetura de informação para Interface DigitalArquitetura de informação para Interface Digital
Arquitetura de informação para Interface Digital
 
Navegação e Arquitetura de Informação
Navegação e Arquitetura de InformaçãoNavegação e Arquitetura de Informação
Navegação e Arquitetura de Informação
 
Arquitetura de Informação
Arquitetura de InformaçãoArquitetura de Informação
Arquitetura de Informação
 
Arquitetura de Informação
Arquitetura de InformaçãoArquitetura de Informação
Arquitetura de Informação
 
Arquitetura da Informação: Conceitos e Objetivos
Arquitetura da Informação: Conceitos e ObjetivosArquitetura da Informação: Conceitos e Objetivos
Arquitetura da Informação: Conceitos e Objetivos
 
Arquitetura da Informação
Arquitetura da InformaçãoArquitetura da Informação
Arquitetura da Informação
 
Aula sobre Arquitetura de Informação
Aula sobre Arquitetura de InformaçãoAula sobre Arquitetura de Informação
Aula sobre Arquitetura de Informação
 
Arquitetura de Informação - Sistemas de Rotulação e de Informação
Arquitetura de Informação - Sistemas de Rotulação e de InformaçãoArquitetura de Informação - Sistemas de Rotulação e de Informação
Arquitetura de Informação - Sistemas de Rotulação e de Informação
 
Arquitetura de Informação - Aulas 04 e 05
Arquitetura de Informação - Aulas 04 e 05Arquitetura de Informação - Aulas 04 e 05
Arquitetura de Informação - Aulas 04 e 05
 
Arquitetura da informação
Arquitetura da informaçãoArquitetura da informação
Arquitetura da informação
 
Arquitetura da Informacao e Webdesign
Arquitetura da Informacao e WebdesignArquitetura da Informacao e Webdesign
Arquitetura da Informacao e Webdesign
 
Navegação
NavegaçãoNavegação
Navegação
 
Arquitetura de informação
Arquitetura de informaçãoArquitetura de informação
Arquitetura de informação
 
Arquitetura de informação
Arquitetura de informaçãoArquitetura de informação
Arquitetura de informação
 
Sistema de rotulagem
Sistema de rotulagemSistema de rotulagem
Sistema de rotulagem
 
Arquitetura da Informação - Sistemas
Arquitetura da Informação - SistemasArquitetura da Informação - Sistemas
Arquitetura da Informação - Sistemas
 
Arquitetura da Informação - Sitegramas e Fluxos
Arquitetura da Informação - Sitegramas e FluxosArquitetura da Informação - Sitegramas e Fluxos
Arquitetura da Informação - Sitegramas e Fluxos
 

Semelhante a Arquitetura da Informação em Projetos Web

Introducao a arquitetura de informacao
Introducao a arquitetura de informacaoIntroducao a arquitetura de informacao
Introducao a arquitetura de informacaoeramos7senac
 
Arquiteturadeinformao apresentao2-03-05-10
Arquiteturadeinformao apresentao2-03-05-10Arquiteturadeinformao apresentao2-03-05-10
Arquiteturadeinformao apresentao2-03-05-10Rafael Marinho
 
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
 
Aulas 03 e 04 - Arquitetura de Informação
Aulas 03 e 04 - Arquitetura de InformaçãoAulas 03 e 04 - Arquitetura de Informação
Aulas 03 e 04 - Arquitetura de Informaçãovincevader
 
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
 
Arquitetura de Informação (atualizado)
Arquitetura de Informação (atualizado)Arquitetura de Informação (atualizado)
Arquitetura de Informação (atualizado)Luiz Agner
 
Arquitetura de informação
Arquitetura de informaçãoArquitetura de informação
Arquitetura de informaçãopospipoca
 
A herança da arquitetura da informação para a UX Writer
A herança da arquitetura da informação para a UX WriterA herança da arquitetura da informação para a UX Writer
A herança da arquitetura da informação para a UX WriterMergo
 
Arquitetura de informação
Arquitetura de informaçãoArquitetura de informação
Arquitetura de informaçãoDavi Denardi
 
Cenário da Profissão - Núcleo de Projeto de Interface da AG2
Cenário da Profissão - Núcleo de Projeto de Interface da AG2Cenário da Profissão - Núcleo de Projeto de Interface da AG2
Cenário da Profissão - Núcleo de Projeto de Interface da AG2wudrs
 
Arquitetura de Informação
Arquitetura de InformaçãoArquitetura de Informação
Arquitetura de InformaçãoRafael Marinho
 
Arquitetura Da Informação
Arquitetura Da InformaçãoArquitetura Da Informação
Arquitetura Da InformaçãoLorena Vieira
 
Arquitetura de Informação - Rogério Pereira
Arquitetura de Informação - Rogério Pereira Arquitetura de Informação - Rogério Pereira
Arquitetura de Informação - Rogério Pereira Doisnovemeia Publicidade
 
Arquitetura de Informação e Usabilidade
Arquitetura de Informação e UsabilidadeArquitetura de Informação e Usabilidade
Arquitetura de Informação e UsabilidadeScriptutex
 
Arquitetura Da Informao Mkt
Arquitetura Da Informao MktArquitetura Da Informao Mkt
Arquitetura Da Informao MktLorena Vieira
 
Arquitetura de Informacao em Projetos de Design
Arquitetura de Informacao em Projetos de DesignArquitetura de Informacao em Projetos de Design
Arquitetura de Informacao em Projetos de DesignMauro Pinheiro
 
Arquitetura de Informação
Arquitetura de InformaçãoArquitetura de Informação
Arquitetura de InformaçãoLtia Unesp
 

Semelhante a Arquitetura da Informação em Projetos Web (20)

Introducao a arquitetura de informacao
Introducao a arquitetura de informacaoIntroducao a arquitetura de informacao
Introducao a arquitetura de informacao
 
Arquiteturadeinformao apresentao2-03-05-10
Arquiteturadeinformao apresentao2-03-05-10Arquiteturadeinformao apresentao2-03-05-10
Arquiteturadeinformao apresentao2-03-05-10
 
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
 
Aulas 03 e 04 - Arquitetura de Informação
Aulas 03 e 04 - Arquitetura de InformaçãoAulas 03 e 04 - Arquitetura de Informação
Aulas 03 e 04 - Arquitetura de Informação
 
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
 
Arquitetura de Informação (atualizado)
Arquitetura de Informação (atualizado)Arquitetura de Informação (atualizado)
Arquitetura de Informação (atualizado)
 
Arquitetura de informação
Arquitetura de informaçãoArquitetura de informação
Arquitetura de informação
 
Apresentacao arquitetura
Apresentacao arquiteturaApresentacao arquitetura
Apresentacao arquitetura
 
A herança da arquitetura da informação para a UX Writer
A herança da arquitetura da informação para a UX WriterA herança da arquitetura da informação para a UX Writer
A herança da arquitetura da informação para a UX Writer
 
Arquitetura de informação
Arquitetura de informaçãoArquitetura de informação
Arquitetura de informação
 
Cenário da Profissão - Núcleo de Projeto de Interface da AG2
Cenário da Profissão - Núcleo de Projeto de Interface da AG2Cenário da Profissão - Núcleo de Projeto de Interface da AG2
Cenário da Profissão - Núcleo de Projeto de Interface da AG2
 
Arquitetura de Informação
Arquitetura de InformaçãoArquitetura de Informação
Arquitetura de Informação
 
Arquitetura Da Informação
Arquitetura Da InformaçãoArquitetura Da Informação
Arquitetura Da Informação
 
Arquitetura de Informação - Rogério Pereira
Arquitetura de Informação - Rogério Pereira Arquitetura de Informação - Rogério Pereira
Arquitetura de Informação - Rogério Pereira
 
Arquitetura de Informação e Usabilidade
Arquitetura de Informação e UsabilidadeArquitetura de Informação e Usabilidade
Arquitetura de Informação e Usabilidade
 
Arquitetura Da Informao Mkt
Arquitetura Da Informao MktArquitetura Da Informao Mkt
Arquitetura Da Informao Mkt
 
Arquitetura de Informacao em Projetos de Design
Arquitetura de Informacao em Projetos de DesignArquitetura de Informacao em Projetos de Design
Arquitetura de Informacao em Projetos de Design
 
Web Standards
Web StandardsWeb Standards
Web Standards
 
Arquitetura de Informação
Arquitetura de InformaçãoArquitetura de Informação
Arquitetura de Informação
 
DESIGN DE INTERFACE
DESIGN DE INTERFACEDESIGN DE INTERFACE
DESIGN DE INTERFACE
 

Mais de Otaviano Silvério

Alinhamento construtivo na pratica - Professor Otaviano SIlvério
Alinhamento construtivo na pratica - Professor Otaviano SIlvérioAlinhamento construtivo na pratica - Professor Otaviano SIlvério
Alinhamento construtivo na pratica - Professor Otaviano SIlvérioOtaviano Silvério
 
Ferramentas Online - Number One
Ferramentas Online - Number OneFerramentas Online - Number One
Ferramentas Online - Number OneOtaviano Silvério
 
Desafios na implantação de Projetos para Web
Desafios na implantação de Projetos para WebDesafios na implantação de Projetos para Web
Desafios na implantação de Projetos para WebOtaviano Silvério
 
Gestão servicos em aplicações Web
Gestão servicos em aplicações WebGestão servicos em aplicações Web
Gestão servicos em aplicações WebOtaviano Silvério
 
Requisitos Sistemas E-Commerce
Requisitos Sistemas E-CommerceRequisitos Sistemas E-Commerce
Requisitos Sistemas E-CommerceOtaviano Silvério
 
BPM - Guia para Executivos de TI
BPM - Guia para Executivos de TIBPM - Guia para Executivos de TI
BPM - Guia para Executivos de TIOtaviano Silvério
 

Mais de Otaviano Silvério (6)

Alinhamento construtivo na pratica - Professor Otaviano SIlvério
Alinhamento construtivo na pratica - Professor Otaviano SIlvérioAlinhamento construtivo na pratica - Professor Otaviano SIlvério
Alinhamento construtivo na pratica - Professor Otaviano SIlvério
 
Ferramentas Online - Number One
Ferramentas Online - Number OneFerramentas Online - Number One
Ferramentas Online - Number One
 
Desafios na implantação de Projetos para Web
Desafios na implantação de Projetos para WebDesafios na implantação de Projetos para Web
Desafios na implantação de Projetos para Web
 
Gestão servicos em aplicações Web
Gestão servicos em aplicações WebGestão servicos em aplicações Web
Gestão servicos em aplicações Web
 
Requisitos Sistemas E-Commerce
Requisitos Sistemas E-CommerceRequisitos Sistemas E-Commerce
Requisitos Sistemas E-Commerce
 
BPM - Guia para Executivos de TI
BPM - Guia para Executivos de TIBPM - Guia para Executivos de TI
BPM - Guia para Executivos de TI
 

Arquitetura da Informação em Projetos Web

  • 2. O que é e para que serve?
  • 3.  
  • 4. Arquitetura de Informação O que é e para que serve? ONDE ESTOU ? DE ONDE VIM ? PARA ONDE VOU ?
  • 5. Arquitetura de Informação O que é É a arte e a ciência de estruturar e classificar websites e intranets a fim de ajudar as pessoas a encontrar e a gerenciar informação. (Peter Morville & Louis Rosenfeld, in Information Architecture for the World Wide Web )
  • 6. Arquitetura de Informação O que é Combinação entre esquemas de organização, nomeação e navegação dentro de um sistema de informação. (Peter Morville & Louis Rosenfeld, in Information Architecture for the World Wide Web )
  • 7. Ciclo de Vida Projeto Site
  • 8. Ciclo de Vida Projeto Site
  • 11.  
  • 14. Três classificações distintas ? Três Classificações Distintas Fruta | Legume | Verdura Tomate
  • 15.
  • 18. Sistema de Rotulação O sistema de rotulação é o componente da Arquitetura de Informação que estabelece as formas de representação , de apresentação da informação, definindo signos para cada elemento informativo. Seu desafio é criar para o website uma linguagem clara , compreensível e sem ambigüidades . PROCURE FALAR A LINGUAGEM DO USUÁRIO!!!
  • 20.  
  • 23. Arquitetura da Informação Sobretudo, o arquiteto de informação deve saber como apresentar visualmente/estruturalmente seu material para dar vida a suas idéias. Retirado de Rosenfield & Morville O que faz um arquiteto da informação
  • 24. Arquitetura da Informação Ferramentas e Técnicas da AI Wireframes • Wireframes servem a um propósito diferente: eles mostram como uma página deve parecer de uma perspectiva arquitetônica. • Wireframes são a intersecção entre a arquitetura da informação do site e o design e visual do mesmo. • O wireframe força o arquiteto a considerar onde as navegações estarão na página, onde o usuário vai navegar e sobretudo o que ele vai ver naquele espaço.
  • 25. Arquitetura da Informação Marca XYZ Buscar >Link 01 >Link02 >Link03 >Link04 >Link05 Navegação local Breadcrumbs ( Home ) Conteúdo global e contextual Conteúdo relacionado Rodapé A localização mais comum de elementos numa página básica de web: • Logomarca no canto superior esquerdo • Busca na barra superior • Navegação global na parte superior • Navegação local na coluna esquerda • Conteúdo na área central • Breadcrumbs na parte superior Wireframe
  • 26.  
  • 28. Arquitetura da Informação Ferramentas e Técnicas da AI Card Sorting • Método de usabilidade que objetiva levantar como usuários do público-alvo agrupam informações de forma que sejam úteis para eles, possibilitando que sejam criadas estruturas de organização de informação otimizadas e mais adequadas ao modelo mental dos usuários. • O card-sorting é uma técnica usada por arquitetos da informação para descobrir como o usuário classifica determinada informação em sua mente.
  • 29. Categorizar o site é uma tarefa complexa. Utilizar o usuário no processo de classificação pode reduzir o ruído de entendimento. Card Sorting
  • 33.  
  • 34.  
  • 35.  
  • 36. “ Não seja um desenvolvedor de sistemas para computadores, desenvolva sistemas para pessoas”
  • 38.