SlideShare una empresa de Scribd logo
1 de 21
Arquitetura de Informação é o desenho de uma interface, incluindo todos seus fluxos de navegação e estruturação de conteúdo.
ASPECTOS INTERACIONAIS DA NAVEGAÇÃO Como interferem?
 
ARQUITETURA DA INFORMAÇÃO: O QUE É ISSO? Componentes da AI em um website: sistema de organização, sistema de rotulação, sistema de navegação e sistema de busca.
USUÁRIO REAL  X  USUÁRIO IDEAL  Design baseado em “personagens”: homem/mulher, adolescente/adulto, solteiro/casado...
QUEM SÃO OS RESPONSÁVEIS PELOS CLICKS DOS USUÁRIOS? O Projetista ou Design de interfaces
O projetista / design de interfaces leva em consideração 3 fatores  prioritários no desenvolvimento de um projeto de internet: * USUÁRIO * SISTEMA * INTERFACE
WIREFRAME  “ O nome “wireframe” vem da junção de duas palavras em inglês: “wire” (linhas) e “frames” (ecrãs). Ou seja, são ecrãs de baixa resolução e com um aspecto gráfico muito pobre que servem apenas para indicar onde devem estar localizados os objectos e menus de interacção. O wireframe serve para mostrar a funcionalidade e não o aspecto gráfico de uma aplicação.” (GOMES, 2005)
FUNÇÕES DO WIREFRAME * Função estrutural * Marcação das etapas de um processo de interação entre usuário e sistema
Competências de um Arquiteto de Informação  Usabilidade  Identidade e Marca
RISCOS  X  VANTAGENS
PRINCIPAIS ELEMENTOS DE UM WIREFRAME
Exemplo de wireframe de GOMES (2005)
PRINCIPAIS SOFTWARES PARA CONSTRUÇÃO DE WIREFRAMES *Visio *Freehand *QuarkXPress *InDesign. *OminiGraffle *llustrator ou ainda, em XHTML
Prototipagem em papel
INSTITUTO DA ARQUITETURA DA INFORMAÇÃO   (Information Architecture Institute) Missão: organização global voluntária para apoiar ações individuais ou organizacionais relacionadas à construção de ambientes de informação compartilhada.
O VALOR DA ARQUITETURA DA INFORMAÇÃO Trabalho intangível e invisível = incompreensão e desvalorização
REFLEXÃO PROPOSTA PELO INSTITUTO DA ARQUITETURA DA INFORMAÇÃO Qual o custo de… ...encontrar uma informação?  ...não encontrar uma informação?  … usar uma informação? … construir e gerenciar um sistema de informação?
REFLEXÃO PROPOSTA PELO INSTITUTO DA ARQUITETURA DA INFORMAÇÃO Qual o custo de… … educar empregados e consumidores? … criar redes de conhecimento? … fortalecer uma marca? ...encorajar a inovação?
Na trilha dos olhos  Pesquisas do Instituto Poynter
ALGUNS PONTOS-CHAVE DESCOBERTOS PELO ESTUDO DE “EYETRACKING”: *Fotos coloridas não chamam atenção automaticamente  *Leitores acessarão jornais online onde o elemento mais forte estiver *Usuários enxergam a página na tela como uma coisa só *Usuários aceitam facilmente o uso de negrito e a experimentação de cores  berrantes *As cores não diminuem a aquisição de informação visual pelo usuário.

Más contenido relacionado

Similar a Arquitetura da Informação

Arquitetura da Informação em Projetos Web
Arquitetura da Informação em Projetos WebArquitetura da Informação em Projetos Web
Arquitetura da Informação em Projetos Web
Otaviano Silvério
 
Arquitetura de informação
Arquitetura de informaçãoArquitetura de informação
Arquitetura de informação
renatamruiz
 
Arquiteturadeinformao apresentao2-03-05-10
Arquiteturadeinformao apresentao2-03-05-10Arquiteturadeinformao apresentao2-03-05-10
Arquiteturadeinformao apresentao2-03-05-10
Rafael Marinho
 
Introducao à Arquitetura de Informacao
Introducao à Arquitetura de InformacaoIntroducao à Arquitetura de Informacao
Introducao à Arquitetura de Informacao
duradez
 
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
posgraduacaorj
 
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
posgraduacaorj
 
Arquitetura de informação
Arquitetura de informaçãoArquitetura de informação
Arquitetura de informação
pospipoca
 

Similar a Arquitetura da Informação (20)

Palestra "Usabilidade: conceito, aplicações e testes" de Renato Rosa
Palestra "Usabilidade: conceito, aplicações e testes" de Renato RosaPalestra "Usabilidade: conceito, aplicações e testes" de Renato Rosa
Palestra "Usabilidade: conceito, aplicações e testes" de Renato Rosa
 
Arquitetura da Informação em Projetos Web
Arquitetura da Informação em Projetos WebArquitetura da Informação em Projetos Web
Arquitetura da Informação em Projetos Web
 
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
 
Arquitetura de informação
Arquitetura de informaçãoArquitetura de informação
Arquitetura de informação
 
Arquiteturadeinformao apresentao2-03-05-10
Arquiteturadeinformao apresentao2-03-05-10Arquiteturadeinformao apresentao2-03-05-10
Arquiteturadeinformao apresentao2-03-05-10
 
Introdução a experiência do usuário
Introdução a experiência do usuárioIntrodução a experiência do usuário
Introdução a experiência do usuário
 
Introdução à Arquitetura de Informação
Introdução à Arquitetura de InformaçãoIntrodução à Arquitetura de Informação
Introdução à Arquitetura de Informação
 
Design para a web - da interface ao branding
Design para a web - da interface ao brandingDesign para a web - da interface ao branding
Design para a web - da interface ao branding
 
Arquitetura da informação
Arquitetura da informaçãoArquitetura da informação
Arquitetura da informação
 
Curso Arquitetura de Informação @ iMasters Jan 2013
Curso Arquitetura de Informação @ iMasters Jan 2013Curso Arquitetura de Informação @ iMasters Jan 2013
Curso Arquitetura de Informação @ iMasters Jan 2013
 
Arquitetura da Informacao na WEB
Arquitetura da Informacao na WEBArquitetura da Informacao na WEB
Arquitetura da Informacao na WEB
 
Arquitetura de Informação
Arquitetura de InformaçãoArquitetura de Informação
Arquitetura de Informação
 
Introducao à Arquitetura de Informacao
Introducao à Arquitetura de InformacaoIntroducao à Arquitetura de Informacao
Introducao à Arquitetura de Informacao
 
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 - 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 e Usabilidade
Arquitetura de Informação e UsabilidadeArquitetura de Informação e Usabilidade
Arquitetura de Informação e Usabilidade
 
Arquitetura de informação
Arquitetura de informaçãoArquitetura de informação
Arquitetura de informação
 
Arquitetura da Informacao e Webdesign
Arquitetura da Informacao e WebdesignArquitetura da Informacao e Webdesign
Arquitetura da Informacao e Webdesign
 
Web Standards
Web StandardsWeb Standards
Web Standards
 
Criação de sites
Criação de sitesCriação de sites
Criação de sites
 

Último

República Velha (República da Espada e Oligárquica)-Sala de Aula.pdf
República Velha (República da Espada e Oligárquica)-Sala de Aula.pdfRepública Velha (República da Espada e Oligárquica)-Sala de Aula.pdf
República Velha (República da Espada e Oligárquica)-Sala de Aula.pdf
LidianeLill2
 
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
azulassessoria9
 
Slide - SAEB. língua portuguesa e matemática
Slide - SAEB. língua portuguesa e matemáticaSlide - SAEB. língua portuguesa e matemática
Slide - SAEB. língua portuguesa e matemática
sh5kpmr7w7
 
ATIVIDADE 3 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 3 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024ATIVIDADE 3 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 3 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
azulassessoria9
 
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
azulassessoria9
 
A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...
A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...
A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...
PatriciaCaetano18
 
Considerando as pesquisas de Gallahue, Ozmun e Goodway (2013) os bebês até an...
Considerando as pesquisas de Gallahue, Ozmun e Goodway (2013) os bebês até an...Considerando as pesquisas de Gallahue, Ozmun e Goodway (2013) os bebês até an...
Considerando as pesquisas de Gallahue, Ozmun e Goodway (2013) os bebês até an...
azulassessoria9
 
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
azulassessoria9
 

Último (20)

Educação Financeira - Cartão de crédito665933.pptx
Educação Financeira - Cartão de crédito665933.pptxEducação Financeira - Cartão de crédito665933.pptx
Educação Financeira - Cartão de crédito665933.pptx
 
O que é arte. Definição de arte. História da arte.
O que é arte. Definição de arte. História da arte.O que é arte. Definição de arte. História da arte.
O que é arte. Definição de arte. História da arte.
 
República Velha (República da Espada e Oligárquica)-Sala de Aula.pdf
República Velha (República da Espada e Oligárquica)-Sala de Aula.pdfRepública Velha (República da Espada e Oligárquica)-Sala de Aula.pdf
República Velha (República da Espada e Oligárquica)-Sala de Aula.pdf
 
aprendizagem significatica, teórico David Ausubel
aprendizagem significatica, teórico David Ausubelaprendizagem significatica, teórico David Ausubel
aprendizagem significatica, teórico David Ausubel
 
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
 
Tema de redação - As dificuldades para barrar o casamento infantil no Brasil ...
Tema de redação - As dificuldades para barrar o casamento infantil no Brasil ...Tema de redação - As dificuldades para barrar o casamento infantil no Brasil ...
Tema de redação - As dificuldades para barrar o casamento infantil no Brasil ...
 
Slide - SAEB. língua portuguesa e matemática
Slide - SAEB. língua portuguesa e matemáticaSlide - SAEB. língua portuguesa e matemática
Slide - SAEB. língua portuguesa e matemática
 
apostila filosofia 1 ano 1s (1).pdf 1 ANO DO ENSINO MEDIO . CONCEITOSE CARAC...
apostila filosofia 1 ano  1s (1).pdf 1 ANO DO ENSINO MEDIO . CONCEITOSE CARAC...apostila filosofia 1 ano  1s (1).pdf 1 ANO DO ENSINO MEDIO . CONCEITOSE CARAC...
apostila filosofia 1 ano 1s (1).pdf 1 ANO DO ENSINO MEDIO . CONCEITOSE CARAC...
 
ATIVIDADE 3 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 3 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024ATIVIDADE 3 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 3 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
 
Aula 25 - A america espanhola - colonização, exploraçãp e trabalho (mita e en...
Aula 25 - A america espanhola - colonização, exploraçãp e trabalho (mita e en...Aula 25 - A america espanhola - colonização, exploraçãp e trabalho (mita e en...
Aula 25 - A america espanhola - colonização, exploraçãp e trabalho (mita e en...
 
Sopa de letras | Dia da Europa 2024 (nível 1)
Sopa de letras | Dia da Europa 2024 (nível 1)Sopa de letras | Dia da Europa 2024 (nível 1)
Sopa de letras | Dia da Europa 2024 (nível 1)
 
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
 
GUIA DE APRENDIZAGEM 2024 9º A - História 1 BI.doc
GUIA DE APRENDIZAGEM 2024 9º A - História 1 BI.docGUIA DE APRENDIZAGEM 2024 9º A - História 1 BI.doc
GUIA DE APRENDIZAGEM 2024 9º A - História 1 BI.doc
 
A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...
A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...
A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...
 
Quiz | Dia da Europa 2024 (comemoração)
Quiz | Dia da Europa 2024  (comemoração)Quiz | Dia da Europa 2024  (comemoração)
Quiz | Dia da Europa 2024 (comemoração)
 
AULÃO de Língua Portuguesa para o Saepe 2022
AULÃO de Língua Portuguesa para o Saepe 2022AULÃO de Língua Portuguesa para o Saepe 2022
AULÃO de Língua Portuguesa para o Saepe 2022
 
Considerando as pesquisas de Gallahue, Ozmun e Goodway (2013) os bebês até an...
Considerando as pesquisas de Gallahue, Ozmun e Goodway (2013) os bebês até an...Considerando as pesquisas de Gallahue, Ozmun e Goodway (2013) os bebês até an...
Considerando as pesquisas de Gallahue, Ozmun e Goodway (2013) os bebês até an...
 
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
 
Historia de Portugal - Quarto Ano - 2024
Historia de Portugal - Quarto Ano - 2024Historia de Portugal - Quarto Ano - 2024
Historia de Portugal - Quarto Ano - 2024
 
Sopa de letras | Dia da Europa 2024 (nível 2)
Sopa de letras | Dia da Europa 2024 (nível 2)Sopa de letras | Dia da Europa 2024 (nível 2)
Sopa de letras | Dia da Europa 2024 (nível 2)
 

Arquitetura da Informação

  • 1. Arquitetura de Informação é o desenho de uma interface, incluindo todos seus fluxos de navegação e estruturação de conteúdo.
  • 2. ASPECTOS INTERACIONAIS DA NAVEGAÇÃO Como interferem?
  • 3.  
  • 4. ARQUITETURA DA INFORMAÇÃO: O QUE É ISSO? Componentes da AI em um website: sistema de organização, sistema de rotulação, sistema de navegação e sistema de busca.
  • 5. USUÁRIO REAL X USUÁRIO IDEAL Design baseado em “personagens”: homem/mulher, adolescente/adulto, solteiro/casado...
  • 6. QUEM SÃO OS RESPONSÁVEIS PELOS CLICKS DOS USUÁRIOS? O Projetista ou Design de interfaces
  • 7. O projetista / design de interfaces leva em consideração 3 fatores prioritários no desenvolvimento de um projeto de internet: * USUÁRIO * SISTEMA * INTERFACE
  • 8. WIREFRAME “ O nome “wireframe” vem da junção de duas palavras em inglês: “wire” (linhas) e “frames” (ecrãs). Ou seja, são ecrãs de baixa resolução e com um aspecto gráfico muito pobre que servem apenas para indicar onde devem estar localizados os objectos e menus de interacção. O wireframe serve para mostrar a funcionalidade e não o aspecto gráfico de uma aplicação.” (GOMES, 2005)
  • 9. FUNÇÕES DO WIREFRAME * Função estrutural * Marcação das etapas de um processo de interação entre usuário e sistema
  • 10. Competências de um Arquiteto de Informação Usabilidade Identidade e Marca
  • 11. RISCOS X VANTAGENS
  • 12. PRINCIPAIS ELEMENTOS DE UM WIREFRAME
  • 13. Exemplo de wireframe de GOMES (2005)
  • 14. PRINCIPAIS SOFTWARES PARA CONSTRUÇÃO DE WIREFRAMES *Visio *Freehand *QuarkXPress *InDesign. *OminiGraffle *llustrator ou ainda, em XHTML
  • 16. INSTITUTO DA ARQUITETURA DA INFORMAÇÃO (Information Architecture Institute) Missão: organização global voluntária para apoiar ações individuais ou organizacionais relacionadas à construção de ambientes de informação compartilhada.
  • 17. O VALOR DA ARQUITETURA DA INFORMAÇÃO Trabalho intangível e invisível = incompreensão e desvalorização
  • 18. REFLEXÃO PROPOSTA PELO INSTITUTO DA ARQUITETURA DA INFORMAÇÃO Qual o custo de… ...encontrar uma informação? ...não encontrar uma informação? … usar uma informação? … construir e gerenciar um sistema de informação?
  • 19. REFLEXÃO PROPOSTA PELO INSTITUTO DA ARQUITETURA DA INFORMAÇÃO Qual o custo de… … educar empregados e consumidores? … criar redes de conhecimento? … fortalecer uma marca? ...encorajar a inovação?
  • 20. Na trilha dos olhos Pesquisas do Instituto Poynter
  • 21. ALGUNS PONTOS-CHAVE DESCOBERTOS PELO ESTUDO DE “EYETRACKING”: *Fotos coloridas não chamam atenção automaticamente *Leitores acessarão jornais online onde o elemento mais forte estiver *Usuários enxergam a página na tela como uma coisa só *Usuários aceitam facilmente o uso de negrito e a experimentação de cores berrantes *As cores não diminuem a aquisição de informação visual pelo usuário.