SlideShare ist ein Scribd-Unternehmen logo
1 von 21
Downloaden Sie, um offline zu lesen
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.

Weitere ähnliche Inhalte

Andere mochten auch

Handofhopemanodellasperanza
HandofhopemanodellasperanzaHandofhopemanodellasperanza
Handofhopemanodellasperanzatangalor
 
The Transparency Manifesto
The Transparency ManifestoThe Transparency Manifesto
The Transparency ManifestoJohn C. Havens
 
Passeig per tres EVAs
Passeig per tres EVAsPasseig per tres EVAs
Passeig per tres EVAsteiabaus
 
Ummak Thumma Ummak
Ummak Thumma UmmakUmmak Thumma Ummak
Ummak Thumma Ummakguest015907
 
Diosmio
DiosmioDiosmio
Diosmiozamira
 
Bu Unutulur Mu
Bu Unutulur MuBu Unutulur Mu
Bu Unutulur Mukirbiyik
 
One World Heritage Revision For Assessment
One World Heritage Revision For AssessmentOne World Heritage Revision For Assessment
One World Heritage Revision For Assessmentteacherlizz
 
Het BHIC op weg naar het Zuidland: ontdekken is niet alleen het vinden, maar ...
Het BHIC op weg naar het Zuidland: ontdekken is niet alleen het vinden, maar ...Het BHIC op weg naar het Zuidland: ontdekken is niet alleen het vinden, maar ...
Het BHIC op weg naar het Zuidland: ontdekken is niet alleen het vinden, maar ...Christian van der Ven
 
Grecia Escultura Clásica
Grecia Escultura ClásicaGrecia Escultura Clásica
Grecia Escultura ClásicaAntonio
 
Postales Tibetanas
Postales TibetanasPostales Tibetanas
Postales Tibetanaspacho54
 
Ekanynena Purvena
Ekanynena PurvenaEkanynena Purvena
Ekanynena Purvenayogamaya
 
Elpreciodelcerebro
ElpreciodelcerebroElpreciodelcerebro
Elpreciodelcerebrozamira
 
Apresentação WKS Cidades e Regiões Digitais dia 2
Apresentação WKS Cidades e Regiões Digitais dia 2Apresentação WKS Cidades e Regiões Digitais dia 2
Apresentação WKS Cidades e Regiões Digitais dia 2Luis Borges Gouveia
 
Mimitos
MimitosMimitos
Mimitoszamira
 
Tehnoloogia Rakendamine
Tehnoloogia RakendamineTehnoloogia Rakendamine
Tehnoloogia Rakendaminekiq
 

Andere mochten auch (20)

Handofhopemanodellasperanza
HandofhopemanodellasperanzaHandofhopemanodellasperanza
Handofhopemanodellasperanza
 
The Transparency Manifesto
The Transparency ManifestoThe Transparency Manifesto
The Transparency Manifesto
 
Passeig per tres EVAs
Passeig per tres EVAsPasseig per tres EVAs
Passeig per tres EVAs
 
Ummak Thumma Ummak
Ummak Thumma UmmakUmmak Thumma Ummak
Ummak Thumma Ummak
 
Apresentação sobre a Web 2.0
Apresentação sobre a Web 2.0Apresentação sobre a Web 2.0
Apresentação sobre a Web 2.0
 
Diosmio
DiosmioDiosmio
Diosmio
 
Bu Unutulur Mu
Bu Unutulur MuBu Unutulur Mu
Bu Unutulur Mu
 
One World Heritage Revision For Assessment
One World Heritage Revision For AssessmentOne World Heritage Revision For Assessment
One World Heritage Revision For Assessment
 
Problemi Dati
Problemi DatiProblemi Dati
Problemi Dati
 
Vidiyal Pamphlet 2007
Vidiyal Pamphlet 2007Vidiyal Pamphlet 2007
Vidiyal Pamphlet 2007
 
Het BHIC op weg naar het Zuidland: ontdekken is niet alleen het vinden, maar ...
Het BHIC op weg naar het Zuidland: ontdekken is niet alleen het vinden, maar ...Het BHIC op weg naar het Zuidland: ontdekken is niet alleen het vinden, maar ...
Het BHIC op weg naar het Zuidland: ontdekken is niet alleen het vinden, maar ...
 
Grecia Escultura Clásica
Grecia Escultura ClásicaGrecia Escultura Clásica
Grecia Escultura Clásica
 
Bloxi
BloxiBloxi
Bloxi
 
Postales Tibetanas
Postales TibetanasPostales Tibetanas
Postales Tibetanas
 
Truyen
TruyenTruyen
Truyen
 
Ekanynena Purvena
Ekanynena PurvenaEkanynena Purvena
Ekanynena Purvena
 
Elpreciodelcerebro
ElpreciodelcerebroElpreciodelcerebro
Elpreciodelcerebro
 
Apresentação WKS Cidades e Regiões Digitais dia 2
Apresentação WKS Cidades e Regiões Digitais dia 2Apresentação WKS Cidades e Regiões Digitais dia 2
Apresentação WKS Cidades e Regiões Digitais dia 2
 
Mimitos
MimitosMimitos
Mimitos
 
Tehnoloogia Rakendamine
Tehnoloogia RakendamineTehnoloogia Rakendamine
Tehnoloogia Rakendamine
 

Ähnlich wie Arquitetura E Info2

Introducao a arquitetura de informacao
Introducao a arquitetura de informacaoIntroducao a arquitetura de informacao
Introducao a arquitetura de informacaoeramos7senac
 
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 Rosawudrs
 
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 WebOtaviano Silvério
 
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çãorenatamruiz
 
Arquiteturadeinformao apresentao2-03-05-10
Arquiteturadeinformao apresentao2-03-05-10Arquiteturadeinformao apresentao2-03-05-10
Arquiteturadeinformao apresentao2-03-05-10Rafael Marinho
 
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árioBruno Biagioni Neto
 
Introdução à Arquitetura de Informação
Introdução à Arquitetura de InformaçãoIntrodução à Arquitetura de Informação
Introdução à Arquitetura de InformaçãoInstituto Faber-Ludens
 
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 brandingJoão Alves
 
Arquitetura da informação
Arquitetura da informaçãoArquitetura da informação
Arquitetura da informaçãoCristiane Mendes
 
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 2013Instituto Faber-Ludens
 
Arquitetura da Informacao na WEB
Arquitetura da Informacao na WEBArquitetura da Informacao na WEB
Arquitetura da Informacao na WEBFábio Flatschart
 
Arquitetura de Informação
Arquitetura de InformaçãoArquitetura de Informação
Arquitetura de InformaçãoLtia Unesp
 
Introducao à Arquitetura de Informacao
Introducao à Arquitetura de InformacaoIntroducao à Arquitetura de Informacao
Introducao à Arquitetura de Informacaoduradez
 
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 - 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 e Usabilidade
Arquitetura de Informação e UsabilidadeArquitetura de Informação e Usabilidade
Arquitetura de Informação e UsabilidadeScriptutex
 
Arquitetura de informação
Arquitetura de informaçãoArquitetura de informação
Arquitetura de informaçãopospipoca
 

Ähnlich wie Arquitetura E Info2 (20)

Introducao a arquitetura de informacao
Introducao a arquitetura de informacaoIntroducao a arquitetura de informacao
Introducao a arquitetura de informacao
 
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
 

Mehr von Carlos d'Andréa

Produção Colaborativa na internet
Produção Colaborativa na internetProdução Colaborativa na internet
Produção Colaborativa na internetCarlos d'Andréa
 
Produção Colaborativa na internet
Produção Colaborativa na internetProdução Colaborativa na internet
Produção Colaborativa na internetCarlos d'Andréa
 
Defesa da tese de doutorado
Defesa da tese de doutoradoDefesa da tese de doutorado
Defesa da tese de doutoradoCarlos d'Andréa
 
Produção colaborativa e a difusão de bens culturais
Produção colaborativa e a difusão de bens culturaisProdução colaborativa e a difusão de bens culturais
Produção colaborativa e a difusão de bens culturaisCarlos d'Andréa
 
Cultura da Internet (Castells)
Cultura da Internet (Castells)Cultura da Internet (Castells)
Cultura da Internet (Castells)Carlos d'Andréa
 
Wiki - Apresentação PosLin (maio 2008)
Wiki - Apresentação PosLin (maio 2008)Wiki - Apresentação PosLin (maio 2008)
Wiki - Apresentação PosLin (maio 2008)Carlos d'Andréa
 
Produção colaborativa de conteúdos em sistemas wiki
Produção colaborativa de conteúdos em sistemas wikiProdução colaborativa de conteúdos em sistemas wiki
Produção colaborativa de conteúdos em sistemas wikiCarlos d'Andréa
 

Mehr von Carlos d'Andréa (7)

Produção Colaborativa na internet
Produção Colaborativa na internetProdução Colaborativa na internet
Produção Colaborativa na internet
 
Produção Colaborativa na internet
Produção Colaborativa na internetProdução Colaborativa na internet
Produção Colaborativa na internet
 
Defesa da tese de doutorado
Defesa da tese de doutoradoDefesa da tese de doutorado
Defesa da tese de doutorado
 
Produção colaborativa e a difusão de bens culturais
Produção colaborativa e a difusão de bens culturaisProdução colaborativa e a difusão de bens culturais
Produção colaborativa e a difusão de bens culturais
 
Cultura da Internet (Castells)
Cultura da Internet (Castells)Cultura da Internet (Castells)
Cultura da Internet (Castells)
 
Wiki - Apresentação PosLin (maio 2008)
Wiki - Apresentação PosLin (maio 2008)Wiki - Apresentação PosLin (maio 2008)
Wiki - Apresentação PosLin (maio 2008)
 
Produção colaborativa de conteúdos em sistemas wiki
Produção colaborativa de conteúdos em sistemas wikiProdução colaborativa de conteúdos em sistemas wiki
Produção colaborativa de conteúdos em sistemas wiki
 

Arquitetura E Info2

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