SlideShare uma empresa Scribd logo
1 de 15
Baixar para ler offline
ARQUITETURA DE INFORMAÇÃO
PARA
INTERFACE DIGITAL
O termo Arquitetura de informação foi
estabelecido pelo arquiteto Richard
Wurman durante a década de 70, onde
para o arquiteto de informação é
atribuída a missão de organizar padrões
de dados para transformar o que é
complexo ou confuso em algo mais
claro.
Definição do Termo
ARQUITETURA DE INFORMAÇÃO
Definição Sistemas da AI Padrões de Busca Profissionais Referências
“A combinação de organização, rotulação e esquemas de navegação dentro de
um sistema de informações” Morville, Rosenfeld (2002)
“O foco AI é o projeto de estruturas (ambientes informacionais) que fornecem
ao usuário recursos necessários para transformar suas necessidades em ações
e para atingir seus objetivos com sucesso” Agner (2009)
“Tornar claro o que é complexo” Wurman (1997)
Definições
ARQUITETURA DE INFORMAÇÃO
Definição Sistemas da AI Padrões de Busca Profissionais Referências
AI - Sistemas da Arquitetura de Informação
ARQUITETURA DE INFORMAÇÃO
• Sistema de Organização
• Sistema de Rotulação
• Sistema de Navegação
• Sistemas de Busca
Sistemas da Arquitetura de Informação
Definição Sistemas da AI Padrões de Busca Profissionais Referências
http://www.skoob.com.br/usuario (2015)
ARQUITETURA DE INFORMAÇÃO
• Sistema de Organização
Determina como é apresentada a organização e a categorização do conteúdo.
Sistemas da Arquitetura de Informação
Definição Sistemas da AI Padrões de Busca Profissionais Referências
ARQUITETURA DE INFORMAÇÃO
• Sistema de Rotulação
Define signos verbais
(terminologia) e visuais para cada
elemento informativo e de
suporte à navegação do usuário.
Sistemas da Arquitetura de Informação
Definição Sistemas da AI Padrões de Busca Profissionais Referências
Fonte: http://www.google.com.br/intl/pt-BR/about/products/ (2015)
ARQUITETURA DE INFORMAÇÃO
• Sistema de Navegação
Especifica formas de se mover
através do espaço informacional.
Sistemas da Arquitetura de Informação
Definição Sistemas da AI Padrões de Busca Profissionais Referências
Fonte: http://www.submarino.com.br (2015)
ARQUITETURA DE INFORMAÇÃO
• Sistemas de Busca
Determina as perguntas que o usuário pode fazer e as respostas que irá obter no banco
de dados.
Sistemas da Arquitetura de Informação
Definição Sistemas da AI Padrões de Busca Profissionais Referências
Fonte: http://www.google.com.br (2015); http://www.submarino.com.br (2015); http://www.skoob.com.br/usuario (2015)
AI - Padrões de Busca
ARQUITETURA DE INFORMAÇÃO
A principal meta na busca é encontrar...
“procuramos achar objetos e respostas, buscamos encontrar (e re-encontrar) páginas,
pessoas, lugares, produtos, e fatos” Morville e Callender (2010)
• A Caixa de Busca
Quando se trata de procura, a primeira ideia no ar é uma caixa.
• Rótulos
Buscar por palavras chaves representam uma valiosa fonte de informação.
• Formulação de Pergunta
Possibilita a compreensão para resposta dos usuários.
Padrões de Busca
Definição Sistemas da AI Padrões de Busca Profissionais Referências
AI - Profissionais que Atuam na Área
ARQUITETURA DE INFORMAÇÃO
É uma carreira multidisciplinar, o que acaba trazendo para o mercado uma
diversidade muito rica de profissionais, alguns deles são:
• Especialistas em Usabilidade;
• Publicitários;
• User Experience Designers;
• Designers de Interface;
• Designers Gráficos;
• Ciência da Computação;
• Ciência da Informação;
• Engenharia de Software
Definição Sistemas da AI Padrões de Busca
Profissionais que Atuam na Área
Profissionais Referências
ARQUITETURA DE INFORMAÇÃO
AGNER, Luiz. Ergodesign e arquitetura de informação: trabalhando com o usuário. 2. Ed.
Rio de Janeiro: Quartet, 2009.
MORVILLE, Peter and CALLENDER, Jeffery. Search patterns: design for discovery.
O’reilly, 2010.
http://pt.slideshare.net/karinedrumond/arquitetura-da-informao-1171185?qid=cdc303f5-4e3e-4b72-858b-
aa42814f4de7&v=qf1&b=&from_search=7 (2015)
http://pt.slideshare.net/cerasoli/arquitetura-da-informao-e-design-esamc-2009?qid=cdc303f5-4e3e-4b72-858b-
aa42814f4de7&v=qf1&b=&from_search=26 (2015)
http://arquiteturadeinformacao.com/blogs-livros-links-cursos-eventos-de-arquitetura-de-informacao/ (2015)
Referências
Definição Sistemas da AI Padrões de Busca Profissionais Referências
ARQUITETURA DE INFORMAÇÃO
Marconi A. Pacheco
Designer e desenvolvedor front-end.
Apaixonado por cinema, literatura,
quadrinhos e ilustrações.
Nas horas vagas, desenhista.
Obrigado!
twitter.com/marconidesenhos
linkedin.com/pub/marconi-ap/37/472/405

Mais conteúdo relacionado

Mais procurados

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çãorenatamruiz
 
Arquitetura de Informação (atualizado)
Arquitetura de Informação (atualizado)Arquitetura de Informação (atualizado)
Arquitetura de Informação (atualizado)Luiz Agner
 
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
 
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
 
Arquitetura da Informação
Arquitetura da InformaçãoArquitetura da Informação
Arquitetura da InformaçãoKarine Drumond
 
Sistema de Organizacão
Sistema de OrganizacãoSistema de Organizacão
Sistema de OrganizacãoJumpEducation
 
Arquitetura da Informação: Estudos de Caso e Exercícios
Arquitetura da Informação: Estudos de Caso e ExercíciosArquitetura da Informação: Estudos de Caso e Exercícios
Arquitetura da Informação: Estudos de Caso e ExercíciosUTFPR
 
Arquitetura da informação
Arquitetura da informaçãoArquitetura da informação
Arquitetura da informaçãoAna Luisa Vieira
 
Ihc2016.2 aula 1 introdução a ihc
Ihc2016.2 aula 1 introdução a ihcIhc2016.2 aula 1 introdução a ihc
Ihc2016.2 aula 1 introdução a ihcTicianne Darin
 
Interação Homem Computador Aula 02
Interação Homem Computador Aula 02Interação Homem Computador Aula 02
Interação Homem Computador Aula 02igoroliveiracosta
 
Engenharia Semiótica e Engenharia Cognitiva
Engenharia Semiótica e Engenharia CognitivaEngenharia Semiótica e Engenharia Cognitiva
Engenharia Semiótica e Engenharia CognitivaDayane Cristine Leite
 
UX UI para Programadores
UX UI para Programadores UX UI para Programadores
UX UI para Programadores Monica Mesquita
 
Design Centrado no Usuário para Interface Digital
Design Centrado no Usuário para Interface DigitalDesign Centrado no Usuário para Interface Digital
Design Centrado no Usuário para Interface DigitalMarconi Pacheco
 
Ux design antes do wireframe
Ux design antes do wireframeUx design antes do wireframe
Ux design antes do wireframeFabricio Teixeira
 
Oficina Design Thinking para Educadores - por Davi Moreno
Oficina Design Thinking para Educadores - por Davi MorenoOficina Design Thinking para Educadores - por Davi Moreno
Oficina Design Thinking para Educadores - por Davi MorenoDavi Moreno
 
Simplificando o design digital
Simplificando o design digitalSimplificando o design digital
Simplificando o design digitalMarconi Pacheco
 

Mais procurados (20)

Arquitetura da informação
Arquitetura da informaçãoArquitetura da informação
Arquitetura da informação
 
Arquitetura de informação
Arquitetura de informaçãoArquitetura de informação
Arquitetura de informação
 
Arquitetura de Informação (atualizado)
Arquitetura de Informação (atualizado)Arquitetura de Informação (atualizado)
Arquitetura de Informação (atualizado)
 
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
 
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
 
Arquitetura da Informação
Arquitetura da InformaçãoArquitetura da Informação
Arquitetura da Informação
 
Sistema de Organizacão
Sistema de OrganizacãoSistema de Organizacão
Sistema de Organizacão
 
Arquitetura da Informação: Estudos de Caso e Exercícios
Arquitetura da Informação: Estudos de Caso e ExercíciosArquitetura da Informação: Estudos de Caso e Exercícios
Arquitetura da Informação: Estudos de Caso e Exercícios
 
Arquitetura da informação
Arquitetura da informaçãoArquitetura da informação
Arquitetura da informação
 
Design thinking
Design thinkingDesign thinking
Design thinking
 
Ihc2016.2 aula 1 introdução a ihc
Ihc2016.2 aula 1 introdução a ihcIhc2016.2 aula 1 introdução a ihc
Ihc2016.2 aula 1 introdução a ihc
 
Prototipagem
PrototipagemPrototipagem
Prototipagem
 
Interação Homem Computador Aula 02
Interação Homem Computador Aula 02Interação Homem Computador Aula 02
Interação Homem Computador Aula 02
 
Engenharia semiotica
Engenharia semioticaEngenharia semiotica
Engenharia semiotica
 
Engenharia Semiótica e Engenharia Cognitiva
Engenharia Semiótica e Engenharia CognitivaEngenharia Semiótica e Engenharia Cognitiva
Engenharia Semiótica e Engenharia Cognitiva
 
UX UI para Programadores
UX UI para Programadores UX UI para Programadores
UX UI para Programadores
 
Design Centrado no Usuário para Interface Digital
Design Centrado no Usuário para Interface DigitalDesign Centrado no Usuário para Interface Digital
Design Centrado no Usuário para Interface Digital
 
Ux design antes do wireframe
Ux design antes do wireframeUx design antes do wireframe
Ux design antes do wireframe
 
Oficina Design Thinking para Educadores - por Davi Moreno
Oficina Design Thinking para Educadores - por Davi MorenoOficina Design Thinking para Educadores - por Davi Moreno
Oficina Design Thinking para Educadores - por Davi Moreno
 
Simplificando o design digital
Simplificando o design digitalSimplificando o design digital
Simplificando o design digital
 

Semelhante a Arquitetura de informação para interface digital

Usabilidade aula-03. Processos: Arquitetura de informação
Usabilidade aula-03. Processos: Arquitetura de informaçãoUsabilidade aula-03. Processos: Arquitetura de informação
Usabilidade aula-03. Processos: Arquitetura de informaçãoAlan Vasconcelos
 
[UX Cafe] O poder da arquitetura de informação na construção de produtos digi...
[UX Cafe] O poder da arquitetura de informação na construção de produtos digi...[UX Cafe] O poder da arquitetura de informação na construção de produtos digi...
[UX Cafe] O poder da arquitetura de informação na construção de produtos digi...Rafael Burity
 
Introducao à Arquitetura de Informacao
Introducao à Arquitetura de InformacaoIntroducao à Arquitetura de Informacao
Introducao à Arquitetura de Informacaoduradez
 
Arquitetura da Informação e Usabilidade
Arquitetura da Informação e UsabilidadeArquitetura da Informação e Usabilidade
Arquitetura da Informação e Usabilidadesaspi2
 
Arquiteturadeinformao apresentao2-03-05-10
Arquiteturadeinformao apresentao2-03-05-10Arquiteturadeinformao apresentao2-03-05-10
Arquiteturadeinformao apresentao2-03-05-10Rafael Marinho
 
Arquitetura Da Informao Mkt
Arquitetura Da Informao MktArquitetura Da Informao Mkt
Arquitetura Da Informao MktLorena Vieira
 
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
 
Apresentação - Arquitetura de Informação
Apresentação - Arquitetura de InformaçãoApresentação - Arquitetura de Informação
Apresentação - Arquitetura de InformaçãoLuiz Agner
 
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 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 da Informação
Arquitetura da InformaçãoArquitetura da Informação
Arquitetura da InformaçãoMarcello Cardoso
 
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
 
Introducao a arquitetura de informacao
Introducao a arquitetura de informacaoIntroducao a arquitetura de informacao
Introducao a arquitetura de informacaoeramos7senac
 
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
Arquitetura de informaçãoArquitetura de informação
Arquitetura de informaçãoDavi Denardi
 
Arquitetura da Informação Aplicada ao Jornalismo - Vanessa Otovicz
Arquitetura da Informação Aplicada ao Jornalismo - Vanessa OtoviczArquitetura da Informação Aplicada ao Jornalismo - Vanessa Otovicz
Arquitetura da Informação Aplicada ao Jornalismo - Vanessa OtoviczVanessa Otovicz
 
Arquitetura de Informação
Arquitetura de InformaçãoArquitetura de Informação
Arquitetura de InformaçãoLtia Unesp
 
Intensivo 80h - Arquitetura de informação e usabilidade
Intensivo 80h - Arquitetura de informação e usabilidadeIntensivo 80h - Arquitetura de informação e usabilidade
Intensivo 80h - Arquitetura de informação e usabilidadeEscola do Marketing Digital
 
Arquitetura de informação
Arquitetura de informaçãoArquitetura de informação
Arquitetura de informaçãopospipoca
 

Semelhante a Arquitetura de informação para interface digital (20)

Usabilidade aula-03. Processos: Arquitetura de informação
Usabilidade aula-03. Processos: Arquitetura de informaçãoUsabilidade aula-03. Processos: Arquitetura de informação
Usabilidade aula-03. Processos: Arquitetura de informação
 
[UX Cafe] O poder da arquitetura de informação na construção de produtos digi...
[UX Cafe] O poder da arquitetura de informação na construção de produtos digi...[UX Cafe] O poder da arquitetura de informação na construção de produtos digi...
[UX Cafe] O poder da arquitetura de informação na construção de produtos digi...
 
Introducao à Arquitetura de Informacao
Introducao à Arquitetura de InformacaoIntroducao à Arquitetura de Informacao
Introducao à Arquitetura de Informacao
 
Arquitetura da Informação e Usabilidade
Arquitetura da Informação e UsabilidadeArquitetura da Informação e Usabilidade
Arquitetura da Informação e Usabilidade
 
Arquiteturadeinformao apresentao2-03-05-10
Arquiteturadeinformao apresentao2-03-05-10Arquiteturadeinformao apresentao2-03-05-10
Arquiteturadeinformao apresentao2-03-05-10
 
Arquitetura Da Informao Mkt
Arquitetura Da Informao MktArquitetura Da Informao Mkt
Arquitetura Da Informao Mkt
 
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
 
Apresentação - Arquitetura de Informação
Apresentação - Arquitetura de InformaçãoApresentação - Arquitetura de Informação
Apresentação - Arquitetura de 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
 
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 da Informação
Arquitetura da InformaçãoArquitetura da Informação
Arquitetura da Informação
 
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
 
Introducao a arquitetura de informacao
Introducao a arquitetura de informacaoIntroducao a arquitetura de informacao
Introducao a 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
Arquitetura de informaçãoArquitetura de informação
Arquitetura de informação
 
Arquitetura da Informação Aplicada ao Jornalismo - Vanessa Otovicz
Arquitetura da Informação Aplicada ao Jornalismo - Vanessa OtoviczArquitetura da Informação Aplicada ao Jornalismo - Vanessa Otovicz
Arquitetura da Informação Aplicada ao Jornalismo - Vanessa Otovicz
 
Arquitetura de Informação
Arquitetura de InformaçãoArquitetura de Informação
Arquitetura de Informação
 
Intensivo 80h - Arquitetura de informação e usabilidade
Intensivo 80h - Arquitetura de informação e usabilidadeIntensivo 80h - Arquitetura de informação e usabilidade
Intensivo 80h - Arquitetura de informação e usabilidade
 
Arquitetura de informação
Arquitetura de informaçãoArquitetura de informação
Arquitetura de informação
 

Mais de Marconi Pacheco

Teste de Usabilidade Como planejar e executar
Teste de Usabilidade Como planejar e executarTeste de Usabilidade Como planejar e executar
Teste de Usabilidade Como planejar e executarMarconi Pacheco
 
7 Dicas para Criação de layouts para sites em WordPress
7 Dicas para Criação de layouts para sites em WordPress7 Dicas para Criação de layouts para sites em WordPress
7 Dicas para Criação de layouts para sites em WordPressMarconi Pacheco
 
Apresentação TCC - Marconi Pacheco 2010
Apresentação TCC - Marconi Pacheco 2010Apresentação TCC - Marconi Pacheco 2010
Apresentação TCC - Marconi Pacheco 2010Marconi Pacheco
 
Maturidade UX nas Empresas
Maturidade UX nas EmpresasMaturidade UX nas Empresas
Maturidade UX nas EmpresasMarconi Pacheco
 
Bootstrap praticas mais usadas
Bootstrap praticas mais usadas Bootstrap praticas mais usadas
Bootstrap praticas mais usadas Marconi Pacheco
 
UX e UI Design - O que é? Quais as diferenças?
UX e UI Design - O que é? Quais as diferenças?UX e UI Design - O que é? Quais as diferenças?
UX e UI Design - O que é? Quais as diferenças?Marconi Pacheco
 
A obra do espirito santo na igreja
A obra do espirito santo na igrejaA obra do espirito santo na igreja
A obra do espirito santo na igrejaMarconi Pacheco
 
Qual a importância de ir à igreja
Qual a importância de ir à igrejaQual a importância de ir à igreja
Qual a importância de ir à igrejaMarconi Pacheco
 
Evolução do design digital
Evolução do design digitalEvolução do design digital
Evolução do design digitalMarconi Pacheco
 
Profissão Desenhista / Ilustrador
Profissão Desenhista / IlustradorProfissão Desenhista / Ilustrador
Profissão Desenhista / IlustradorMarconi Pacheco
 
Apresentando SEO Otimização de Sites
Apresentando SEO Otimização de SitesApresentando SEO Otimização de Sites
Apresentando SEO Otimização de SitesMarconi Pacheco
 
Usabilidade para Websites
Usabilidade para WebsitesUsabilidade para Websites
Usabilidade para WebsitesMarconi Pacheco
 
Site responsivo vantagens e desvantagens
Site responsivo vantagens e desvantagensSite responsivo vantagens e desvantagens
Site responsivo vantagens e desvantagensMarconi Pacheco
 
Restaurando a Qualidade de Vida - Filipenses 4:4-8
Restaurando a Qualidade de Vida - Filipenses 4:4-8Restaurando a Qualidade de Vida - Filipenses 4:4-8
Restaurando a Qualidade de Vida - Filipenses 4:4-8Marconi Pacheco
 
O Poder da Língua - Tiago 3.1-12
O Poder da Língua - Tiago 3.1-12O Poder da Língua - Tiago 3.1-12
O Poder da Língua - Tiago 3.1-12Marconi Pacheco
 
Web Designer - Principais Conhecimentos Principais Funções
Web Designer - Principais Conhecimentos Principais FunçõesWeb Designer - Principais Conhecimentos Principais Funções
Web Designer - Principais Conhecimentos Principais FunçõesMarconi Pacheco
 

Mais de Marconi Pacheco (18)

Teste de Usabilidade Como planejar e executar
Teste de Usabilidade Como planejar e executarTeste de Usabilidade Como planejar e executar
Teste de Usabilidade Como planejar e executar
 
7 Dicas para Criação de layouts para sites em WordPress
7 Dicas para Criação de layouts para sites em WordPress7 Dicas para Criação de layouts para sites em WordPress
7 Dicas para Criação de layouts para sites em WordPress
 
Apresentação TCC - Marconi Pacheco 2010
Apresentação TCC - Marconi Pacheco 2010Apresentação TCC - Marconi Pacheco 2010
Apresentação TCC - Marconi Pacheco 2010
 
Maturidade UX nas Empresas
Maturidade UX nas EmpresasMaturidade UX nas Empresas
Maturidade UX nas Empresas
 
style guide ui
style guide uistyle guide ui
style guide ui
 
Bootstrap praticas mais usadas
Bootstrap praticas mais usadas Bootstrap praticas mais usadas
Bootstrap praticas mais usadas
 
UX e UI Design - O que é? Quais as diferenças?
UX e UI Design - O que é? Quais as diferenças?UX e UI Design - O que é? Quais as diferenças?
UX e UI Design - O que é? Quais as diferenças?
 
A obra do espirito santo na igreja
A obra do espirito santo na igrejaA obra do espirito santo na igreja
A obra do espirito santo na igreja
 
Qual a importância de ir à igreja
Qual a importância de ir à igrejaQual a importância de ir à igreja
Qual a importância de ir à igreja
 
Evolução do design digital
Evolução do design digitalEvolução do design digital
Evolução do design digital
 
Profissão Desenhista / Ilustrador
Profissão Desenhista / IlustradorProfissão Desenhista / Ilustrador
Profissão Desenhista / Ilustrador
 
Apresentando SEO Otimização de Sites
Apresentando SEO Otimização de SitesApresentando SEO Otimização de Sites
Apresentando SEO Otimização de Sites
 
Usabilidade para Websites
Usabilidade para WebsitesUsabilidade para Websites
Usabilidade para Websites
 
Site responsivo vantagens e desvantagens
Site responsivo vantagens e desvantagensSite responsivo vantagens e desvantagens
Site responsivo vantagens e desvantagens
 
Restaurando a Qualidade de Vida - Filipenses 4:4-8
Restaurando a Qualidade de Vida - Filipenses 4:4-8Restaurando a Qualidade de Vida - Filipenses 4:4-8
Restaurando a Qualidade de Vida - Filipenses 4:4-8
 
O Poder da Língua - Tiago 3.1-12
O Poder da Língua - Tiago 3.1-12O Poder da Língua - Tiago 3.1-12
O Poder da Língua - Tiago 3.1-12
 
Profissão Front-end
Profissão Front-endProfissão Front-end
Profissão Front-end
 
Web Designer - Principais Conhecimentos Principais Funções
Web Designer - Principais Conhecimentos Principais FunçõesWeb Designer - Principais Conhecimentos Principais Funções
Web Designer - Principais Conhecimentos Principais Funções
 

Último

Design para o futuro 2024 - Leiautar.pdf
Design para o futuro 2024 - Leiautar.pdfDesign para o futuro 2024 - Leiautar.pdf
Design para o futuro 2024 - Leiautar.pdfCharlesFranklin13
 
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...AnnaCarolina242437
 
Antonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdfAntonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdfAnnaCarolina242437
 
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdfAVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdfAnnaCarolina242437
 
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaaGESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaayasminlarissa371
 
Simulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdfSimulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdfAnnaCarolina242437
 
Estudo de caso para o aplicativo SÓ FLÔ.
Estudo de caso para o aplicativo SÓ FLÔ.Estudo de caso para o aplicativo SÓ FLÔ.
Estudo de caso para o aplicativo SÓ FLÔ.Érica Pizzino
 
MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024CarolTelles6
 
Simulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdfSimulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdfAnnaCarolina242437
 

Último (9)

Design para o futuro 2024 - Leiautar.pdf
Design para o futuro 2024 - Leiautar.pdfDesign para o futuro 2024 - Leiautar.pdf
Design para o futuro 2024 - Leiautar.pdf
 
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
 
Antonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdfAntonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdf
 
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdfAVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
 
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaaGESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
 
Simulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdfSimulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdf
 
Estudo de caso para o aplicativo SÓ FLÔ.
Estudo de caso para o aplicativo SÓ FLÔ.Estudo de caso para o aplicativo SÓ FLÔ.
Estudo de caso para o aplicativo SÓ FLÔ.
 
MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024
 
Simulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdfSimulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdf
 

Arquitetura de informação para interface digital

  • 2. O termo Arquitetura de informação foi estabelecido pelo arquiteto Richard Wurman durante a década de 70, onde para o arquiteto de informação é atribuída a missão de organizar padrões de dados para transformar o que é complexo ou confuso em algo mais claro. Definição do Termo ARQUITETURA DE INFORMAÇÃO Definição Sistemas da AI Padrões de Busca Profissionais Referências
  • 3. “A combinação de organização, rotulação e esquemas de navegação dentro de um sistema de informações” Morville, Rosenfeld (2002) “O foco AI é o projeto de estruturas (ambientes informacionais) que fornecem ao usuário recursos necessários para transformar suas necessidades em ações e para atingir seus objetivos com sucesso” Agner (2009) “Tornar claro o que é complexo” Wurman (1997) Definições ARQUITETURA DE INFORMAÇÃO Definição Sistemas da AI Padrões de Busca Profissionais Referências
  • 4. AI - Sistemas da Arquitetura de Informação
  • 5. ARQUITETURA DE INFORMAÇÃO • Sistema de Organização • Sistema de Rotulação • Sistema de Navegação • Sistemas de Busca Sistemas da Arquitetura de Informação Definição Sistemas da AI Padrões de Busca Profissionais Referências
  • 6. http://www.skoob.com.br/usuario (2015) ARQUITETURA DE INFORMAÇÃO • Sistema de Organização Determina como é apresentada a organização e a categorização do conteúdo. Sistemas da Arquitetura de Informação Definição Sistemas da AI Padrões de Busca Profissionais Referências
  • 7. ARQUITETURA DE INFORMAÇÃO • Sistema de Rotulação Define signos verbais (terminologia) e visuais para cada elemento informativo e de suporte à navegação do usuário. Sistemas da Arquitetura de Informação Definição Sistemas da AI Padrões de Busca Profissionais Referências Fonte: http://www.google.com.br/intl/pt-BR/about/products/ (2015)
  • 8. ARQUITETURA DE INFORMAÇÃO • Sistema de Navegação Especifica formas de se mover através do espaço informacional. Sistemas da Arquitetura de Informação Definição Sistemas da AI Padrões de Busca Profissionais Referências Fonte: http://www.submarino.com.br (2015)
  • 9. ARQUITETURA DE INFORMAÇÃO • Sistemas de Busca Determina as perguntas que o usuário pode fazer e as respostas que irá obter no banco de dados. Sistemas da Arquitetura de Informação Definição Sistemas da AI Padrões de Busca Profissionais Referências Fonte: http://www.google.com.br (2015); http://www.submarino.com.br (2015); http://www.skoob.com.br/usuario (2015)
  • 10. AI - Padrões de Busca
  • 11. ARQUITETURA DE INFORMAÇÃO A principal meta na busca é encontrar... “procuramos achar objetos e respostas, buscamos encontrar (e re-encontrar) páginas, pessoas, lugares, produtos, e fatos” Morville e Callender (2010) • A Caixa de Busca Quando se trata de procura, a primeira ideia no ar é uma caixa. • Rótulos Buscar por palavras chaves representam uma valiosa fonte de informação. • Formulação de Pergunta Possibilita a compreensão para resposta dos usuários. Padrões de Busca Definição Sistemas da AI Padrões de Busca Profissionais Referências
  • 12. AI - Profissionais que Atuam na Área
  • 13. ARQUITETURA DE INFORMAÇÃO É uma carreira multidisciplinar, o que acaba trazendo para o mercado uma diversidade muito rica de profissionais, alguns deles são: • Especialistas em Usabilidade; • Publicitários; • User Experience Designers; • Designers de Interface; • Designers Gráficos; • Ciência da Computação; • Ciência da Informação; • Engenharia de Software Definição Sistemas da AI Padrões de Busca Profissionais que Atuam na Área Profissionais Referências
  • 14. ARQUITETURA DE INFORMAÇÃO AGNER, Luiz. Ergodesign e arquitetura de informação: trabalhando com o usuário. 2. Ed. Rio de Janeiro: Quartet, 2009. MORVILLE, Peter and CALLENDER, Jeffery. Search patterns: design for discovery. O’reilly, 2010. http://pt.slideshare.net/karinedrumond/arquitetura-da-informao-1171185?qid=cdc303f5-4e3e-4b72-858b- aa42814f4de7&v=qf1&b=&from_search=7 (2015) http://pt.slideshare.net/cerasoli/arquitetura-da-informao-e-design-esamc-2009?qid=cdc303f5-4e3e-4b72-858b- aa42814f4de7&v=qf1&b=&from_search=26 (2015) http://arquiteturadeinformacao.com/blogs-livros-links-cursos-eventos-de-arquitetura-de-informacao/ (2015) Referências Definição Sistemas da AI Padrões de Busca Profissionais Referências
  • 15. ARQUITETURA DE INFORMAÇÃO Marconi A. Pacheco Designer e desenvolvedor front-end. Apaixonado por cinema, literatura, quadrinhos e ilustrações. Nas horas vagas, desenhista. Obrigado! twitter.com/marconidesenhos linkedin.com/pub/marconi-ap/37/472/405