SlideShare ist ein Scribd-Unternehmen logo
1 von 37
Arquitetura de Informação Foto :  http://arquiteturadeinformacao.com/
Arquitetura de 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 )
Facilitar a realização de tarefas  e o acesso intuitivo a contextos e conteúdos. (Peter Morville & Louis Rosenfeld, in  Information Architecture for the World Wide Web ) Arquitetura de Informação Para que serve?
Ela torna o complexo, claro. Richard Saul Wurman  (1997) Arquitetura de Informação Para que serve?
Arquitetura de Informação Sabe quando você entra num site e fica perdido? A tarefa do Arquiteto de Informação é trabalhar para que isso não aconteça.
Arquitetura de Informação Aplicação Encurtar o tempo de construção Tornar a manutenção mais simples Tornar a busca por informações mais rápida Simplificar tarefas e processos Diminuir a necessidade de treinamentos Agregar valor à marca Criar boas experiências de uso
Arquitetura de Informação Existe no dia-a-dia
Arquitetura de Informação
Arquitetura de Informação AI enquanto etapa de um projeto web  Jesse James Garrett
Arquitetura de Informação AI enquanto etapa de um projeto web  www.jjg.net/elements/translations/elements_pt.pdf
Arquitetura de Informação AI enquanto etapa de um projeto web  Plano de negócios AI design desenvolvimento
Arquitetura de Informação Ecologia da Informação
Arquitetura de Informação Contexto Entender as estratégias e oportunidades de negócio, os processos e a cultura da empresa, o background do projeto e os recursos disponíveis para sua realização Usuários Design centrado no usuário  > Considerar as necessidades do usuário final e entender seus tipos de comportamento em busca da informação Conteúdo Levantar a natureza e a quantidade de conteúdo a ser desenvolvido  para o projeto, projetar possíveis cenários para o crescimento do site
[object Object],[object Object],[object Object],Arquitetura de Informação
Arquitetura de Informação 5 dicas de Steve Krug  para que as pessoas entendam seu site (depois da Nº 0: “ não me faça pensar ”   ,[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Arquitetura de Informação
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Arquitetura de Informação
Arquitetura de Informação Os usuários são os designers  definitivos da web.  (Peter Morville & Louis Rosenfeld, in  Information Architecture for the World Wide Web )
Arquitetura de Informação Descobrindo o Usuário Porque conhecer os usuários: Para alinhar os objetivos corporativos com as necessidades do público-alvo Para encontrar inadequações nos projetos Para ter subsídios consistentes ao defender aspectos importantes do projeto Para projetar com maior chance de sucesso
Arquitetura de Informação Descobrindo o Usuário Algumas técnicas: Pesquisa   Testes de Usabilidade Entrevista Análise da Tarefa Questionário   Web Analytics Grupo de Foco   Personas e Cenários
Arquitetura de Informação Descobrindo o Usuário Web Analytics
Web Analytics
<script type=&quot;text/javascript&quot;> var gaJsHost = ((&quot;https:&quot; == document.location.protocol) ? &quot;https://ssl.&quot; : &quot;http://www.&quot;); document.write(unescape(&quot;%3Cscript src='&quot; + gaJsHost + &quot;google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E&quot;)); </script> <script type=&quot;text/javascript&quot;> try { var pageTracker = _gat._getTracker(&quot;UA-8083861-1&quot;); pageTracker._trackPageview(); } catch(err) {}</script> Arquitetura de Informação Crie uma conta no GA e cole o  tracking code  em cada uma das páginas do site.  Como implentar o Google Analytics Ex:
Arquitetura de Informação Descobrindo o Usuário Personas e Cenários São arquétipos de perfis de usuário  com foco em comportamento Apresenta a descrição concisa de  pessoas   representativas do público-alvo
Arquitetura de Informação Personas e Cenários “ Personas is to get everyone thinking  in a unified way from a user´s experience” Kim Goodwin É uma técnica que deve ser usada  nos estágios iniciais do desenvolvimento
Arquitetura de Informação Cenários Os Cenários devem mostrar: Descrições de legítimas situações hipotéticas Emoções e questões surgidas Ex: Não entendo essas funcionalidades. Como posso avaliar  e saber qual o melhor DVD para mim? Necessidades de informação Ex: Qual o tamanho do DVD? Vai caber no meu hack?
Arquitetura de Informação Cenários “ Mariana precisa fazer uma planilha com cálculos corriqueiros numa sala  com várias outras pessoas falando alto. Ela não consegue  se concentrar direito e precisa terminar o trabalho logo.  Resolve procurar alguma forma automatizada de inserir os dados.  Por sorte, o software possui assistentes para inserir dados passo-a-passo  e fazer os cálculos mais comuns.  A ajuda dá conta do recado, embora o processo todo  tenha demorado mais do que se ela tivesse feito como sempre faz, manualmente.” http://www.faberludens.com.br/pt-br/node/1554
Arquitetura de Informação Personas e Cenários O objetivo é obter a simulação realista dos  principais tipos de usuários e suas intenções com o produto  NÃO É: Estereótipos dos usuários Perfis baseados em dados demográficos
Arquitetura de Informação Como trabalhar Personas e Cenários Não seja a Mãe Dinah!
Arquitetura de Informação Personas e Cenários ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Arquitetura de Informação Personas Criação de 3 a 7 perfis Escolha dos perfis prioritários O personagem deve representar  o perfil médio do grupo
Exemplo de Personas e Cenários
http://personas.quarry.com/ Arquitetura de Informação Personas e Cenários Saiba mais: http://stealthisidea.com/articles/ssnifs/
Arquitetura de Informação Personas e Cenários Atividade: Construa duas Personas com Cenários de utilização para um projeto contendo as seguintes informações: Foto, Nome, Idade, perfil profissional e educacional Estilo de vida e desejos Contexto de uso Objetivos e necessidades Onde e como vai utilizar o site

Weitere ähnliche Inhalte

Was ist angesagt?

Arquitetura de Informação
Arquitetura de InformaçãoArquitetura de Informação
Arquitetura de InformaçãoMelqui Jr
 
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
 
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
Arquitetura de informaçãoArquitetura de informação
Arquitetura de informaçãorenatamruiz
 
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
 
Introducao a arquitetura de informacao
Introducao a arquitetura de informacaoIntroducao a arquitetura de informacao
Introducao a arquitetura de informacaoeramos7senac
 
Arquitetura da Informação e Webdesign
Arquitetura da Informação e WebdesignArquitetura da Informação e Webdesign
Arquitetura da Informação e WebdesignDanilo Rosisca Pereira
 
Explicando arquitetura de informação...
Explicando arquitetura de informação...Explicando arquitetura de informação...
Explicando arquitetura de informação...Elisa Volpato
 
Arquitetura da Informacao
Arquitetura da InformacaoArquitetura da Informacao
Arquitetura da Informacaocarlosremontti
 
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 de informação
Arquitetura de informaçãoArquitetura de informação
Arquitetura de informaçãoGuto Xavier
 
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 - 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
 
Sistemas de organização e rotulação
Sistemas de organização e rotulaçãoSistemas de organização e rotulação
Sistemas de organização e rotulaçãoInstituto Faber-Ludens
 
Intranet, site e extranet em Sharepoint 2007, 2010 e 2013
Intranet, site e extranet em Sharepoint 2007, 2010 e 2013Intranet, site e extranet em Sharepoint 2007, 2010 e 2013
Intranet, site e extranet em Sharepoint 2007, 2010 e 2013conteudoonline
 
Mapeamento e Wireframes - conceitos básicos, bem básicos
Mapeamento e Wireframes - conceitos básicos, bem básicosMapeamento e Wireframes - conceitos básicos, bem básicos
Mapeamento e Wireframes - conceitos básicos, bem básicosClaudia Bordin Rodrigues
 
Introdução á disciplina de Webdesign - turma 1 Sem 2015
Introdução á disciplina de Webdesign - turma 1 Sem 2015Introdução á disciplina de Webdesign - turma 1 Sem 2015
Introdução á disciplina de Webdesign - turma 1 Sem 2015Claudia Bordin Rodrigues
 

Was ist angesagt? (20)

Arquitetura de Informação
Arquitetura de InformaçãoArquitetura de Informação
Arquitetura de Informação
 
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
 
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
Arquitetura de informaçãoArquitetura de informação
Arquitetura de informação
 
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
 
Introducao a arquitetura de informacao
Introducao a arquitetura de informacaoIntroducao a arquitetura de informacao
Introducao a arquitetura de informacao
 
Arquitetura da Informação e Webdesign
Arquitetura da Informação e WebdesignArquitetura da Informação e Webdesign
Arquitetura da Informação e Webdesign
 
Explicando arquitetura de informação...
Explicando arquitetura de informação...Explicando arquitetura de informação...
Explicando arquitetura de informação...
 
Arquitetura da Informacao
Arquitetura da InformacaoArquitetura da Informacao
Arquitetura da Informacao
 
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 de informação
Arquitetura de informaçãoArquitetura de informação
Arquitetura de 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 da Informacao e Webdesign
Arquitetura da Informacao e WebdesignArquitetura da Informacao e Webdesign
Arquitetura da Informacao e Webdesign
 
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
 
Características da internet
Características da internetCaracterísticas da internet
Características da internet
 
Sistemas de organização e rotulação
Sistemas de organização e rotulaçãoSistemas de organização e rotulação
Sistemas de organização e rotulação
 
Intranet, site e extranet em Sharepoint 2007, 2010 e 2013
Intranet, site e extranet em Sharepoint 2007, 2010 e 2013Intranet, site e extranet em Sharepoint 2007, 2010 e 2013
Intranet, site e extranet em Sharepoint 2007, 2010 e 2013
 
Mapeamento e Wireframes - conceitos básicos, bem básicos
Mapeamento e Wireframes - conceitos básicos, bem básicosMapeamento e Wireframes - conceitos básicos, bem básicos
Mapeamento e Wireframes - conceitos básicos, bem básicos
 
Mapeamento e wireframes
Mapeamento e wireframesMapeamento e wireframes
Mapeamento e wireframes
 
Introdução á disciplina de Webdesign - turma 1 Sem 2015
Introdução á disciplina de Webdesign - turma 1 Sem 2015Introdução á disciplina de Webdesign - turma 1 Sem 2015
Introdução á disciplina de Webdesign - turma 1 Sem 2015
 

Andere mochten auch

Inserindo personas em cenários para projetos interativos
Inserindo personas em cenários para projetos interativosInserindo personas em cenários para projetos interativos
Inserindo personas em cenários para projetos interativosTersis Zonato
 
Teoria da comunicação
Teoria da comunicaçãoTeoria da comunicação
Teoria da comunicaçãoTersis Zonato
 
Product management
Product managementProduct management
Product managementAndy Budd
 
PERSONAS - Design orientado pelos dadosPersonas
PERSONAS - Design orientado pelos dadosPersonasPERSONAS - Design orientado pelos dadosPersonas
PERSONAS - Design orientado pelos dadosPersonasRui Pereira
 
6.tellez gutierrez ailin victoria.actividad6
6.tellez gutierrez ailin victoria.actividad66.tellez gutierrez ailin victoria.actividad6
6.tellez gutierrez ailin victoria.actividad6Victoria Tellez
 
Operations managerjvb updatedcv
Operations managerjvb updatedcvOperations managerjvb updatedcv
Operations managerjvb updatedcvVeera Babu
 
Andrew MT-195-12
Andrew MT-195-12Andrew MT-195-12
Andrew MT-195-12savomir
 
Andrew MT-220
Andrew MT-220Andrew MT-220
Andrew MT-220savomir
 
Stroev_Management_OU_eng_BZR_all
Stroev_Management_OU_eng_BZR_allStroev_Management_OU_eng_BZR_all
Stroev_Management_OU_eng_BZR_allMikhail Stroev
 
Talley CXTA24KR3
Talley CXTA24KR3Talley CXTA24KR3
Talley CXTA24KR3savomir
 
8th Alg - Feb1
8th Alg - Feb18th Alg - Feb1
8th Alg - Feb1jdurst65
 

Andere mochten auch (16)

Inserindo personas em cenários para projetos interativos
Inserindo personas em cenários para projetos interativosInserindo personas em cenários para projetos interativos
Inserindo personas em cenários para projetos interativos
 
About Face 3: Menus
About Face 3: MenusAbout Face 3: Menus
About Face 3: Menus
 
Teoria da comunicação
Teoria da comunicaçãoTeoria da comunicação
Teoria da comunicação
 
Product management
Product managementProduct management
Product management
 
Apresentação Slideshare
Apresentação SlideshareApresentação Slideshare
Apresentação Slideshare
 
PERSONAS - Design orientado pelos dadosPersonas
PERSONAS - Design orientado pelos dadosPersonasPERSONAS - Design orientado pelos dadosPersonas
PERSONAS - Design orientado pelos dadosPersonas
 
Personas e Cenários
Personas e CenáriosPersonas e Cenários
Personas e Cenários
 
Circular induccion padres de familia Sede Apartadó
Circular induccion padres de familia Sede ApartadóCircular induccion padres de familia Sede Apartadó
Circular induccion padres de familia Sede Apartadó
 
6.tellez gutierrez ailin victoria.actividad6
6.tellez gutierrez ailin victoria.actividad66.tellez gutierrez ailin victoria.actividad6
6.tellez gutierrez ailin victoria.actividad6
 
Operations managerjvb updatedcv
Operations managerjvb updatedcvOperations managerjvb updatedcv
Operations managerjvb updatedcv
 
Andrew MT-195-12
Andrew MT-195-12Andrew MT-195-12
Andrew MT-195-12
 
Andrew MT-220
Andrew MT-220Andrew MT-220
Andrew MT-220
 
Stroev_Management_OU_eng_BZR_all
Stroev_Management_OU_eng_BZR_allStroev_Management_OU_eng_BZR_all
Stroev_Management_OU_eng_BZR_all
 
Talley CXTA24KR3
Talley CXTA24KR3Talley CXTA24KR3
Talley CXTA24KR3
 
8th Alg - Feb1
8th Alg - Feb18th Alg - Feb1
8th Alg - Feb1
 
Rio Jucar
Rio JucarRio Jucar
Rio Jucar
 

Ähnlich wie AI Guia Completo

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
 
Introducao à Arquitetura de Informacao
Introducao à Arquitetura de InformacaoIntroducao à Arquitetura de Informacao
Introducao à Arquitetura de Informacaoduradez
 
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
 
Design de Interfaces
Design de InterfacesDesign de Interfaces
Design de InterfacesAna Migowski
 
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
 
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 Informação
Arquitetura da InformaçãoArquitetura da Informação
Arquitetura da InformaçãoMarcello Cardoso
 
Arquiteturadeinformao apresentao2-03-05-10
Arquiteturadeinformao apresentao2-03-05-10Arquiteturadeinformao apresentao2-03-05-10
Arquiteturadeinformao apresentao2-03-05-10Rafael Marinho
 
La arquitectura de información del Portal BVS
La arquitectura de información del Portal BVSLa arquitectura de información del Portal BVS
La arquitectura de información del Portal BVSComunidadRedDes
 
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
 
Apresentação PCC - Rodrigo Santiago
Apresentação PCC - Rodrigo SantiagoApresentação PCC - Rodrigo Santiago
Apresentação PCC - Rodrigo SantiagoRodrigo Correia
 
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 e Usabilidade
Arquitetura de Informação e UsabilidadeArquitetura de Informação e Usabilidade
Arquitetura de Informação e UsabilidadeScriptutex
 
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
 
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
 
Arquitetura da informação slides
Arquitetura da informação   slidesArquitetura da informação   slides
Arquitetura da informação slidesAllan Barros
 

Ähnlich wie AI Guia Completo (20)

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
 
Introducao à Arquitetura de Informacao
Introducao à Arquitetura de InformacaoIntroducao à Arquitetura de Informacao
Introducao à 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
 
Design de Interfaces
Design de InterfacesDesign de Interfaces
Design de Interfaces
 
Introdução à Arquitetura de Informação
Introdução à Arquitetura de InformaçãoIntrodução à Arquitetura de Informação
Introdução à Arquitetura de 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 Informação
Arquitetura da InformaçãoArquitetura da Informação
Arquitetura da Informação
 
Arquiteturadeinformao apresentao2-03-05-10
Arquiteturadeinformao apresentao2-03-05-10Arquiteturadeinformao apresentao2-03-05-10
Arquiteturadeinformao apresentao2-03-05-10
 
La arquitectura de información del Portal BVS
La arquitectura de información del Portal BVSLa arquitectura de información del Portal BVS
La arquitectura de información del Portal BVS
 
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
 
Apresentação PCC - Rodrigo Santiago
Apresentação PCC - Rodrigo SantiagoApresentação PCC - Rodrigo Santiago
Apresentação PCC - Rodrigo Santiago
 
O Arquiteto da Informação
O Arquiteto da InformaçãoO Arquiteto da Informação
O Arquiteto da Informação
 
Arquitetura da Informação - Origem e Desenvolvimento
Arquitetura da Informação - Origem e DesenvolvimentoArquitetura da Informação - Origem e Desenvolvimento
Arquitetura da Informação - Origem e Desenvolvimento
 
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
 
DESIGN DE INTERFACE
DESIGN DE INTERFACEDESIGN DE INTERFACE
DESIGN DE INTERFACE
 
Web Standards
Web StandardsWeb Standards
Web Standards
 
Arquitetura de Informação e Usabilidade
Arquitetura de Informação e UsabilidadeArquitetura de Informação e Usabilidade
Arquitetura de Informação e Usabilidade
 
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
 
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...
 
Arquitetura da informação slides
Arquitetura da informação   slidesArquitetura da informação   slides
Arquitetura da informação slides
 

Mehr von pospipoca

Arquitetura de Informação - Sistemas de Rotulação e de Organização
Arquitetura de Informação - Sistemas de Rotulação e de OrganizaçãoArquitetura de Informação - Sistemas de Rotulação e de Organização
Arquitetura de Informação - Sistemas de Rotulação e de Organizaçãopospipoca
 
Webwriting e seo
Webwriting e seoWebwriting e seo
Webwriting e seopospipoca
 
Conteúdo para blogs
Conteúdo para blogsConteúdo para blogs
Conteúdo para blogspospipoca
 
Branded content & transmedia storytelling
Branded content & transmedia storytellingBranded content & transmedia storytelling
Branded content & transmedia storytellingpospipoca
 
Argumentação
ArgumentaçãoArgumentação
Argumentaçãopospipoca
 
Webwriting na Prática
Webwriting na PráticaWebwriting na Prática
Webwriting na Práticapospipoca
 
Principios do Webwriting
Principios do WebwritingPrincipios do Webwriting
Principios do Webwritingpospipoca
 
Escrever é Fazer Sexo
Escrever é Fazer SexoEscrever é Fazer Sexo
Escrever é Fazer Sexopospipoca
 
Escrever é Fazer Sexo
Escrever é Fazer SexoEscrever é Fazer Sexo
Escrever é Fazer Sexopospipoca
 
O Hipertexto e a Leitura na Web
O Hipertexto e a Leitura na WebO Hipertexto e a Leitura na Web
O Hipertexto e a Leitura na Webpospipoca
 
Provocações
ProvocaçõesProvocações
Provocaçõespospipoca
 
Provocações
ProvocaçõesProvocações
Provocaçõespospipoca
 

Mehr von pospipoca (12)

Arquitetura de Informação - Sistemas de Rotulação e de Organização
Arquitetura de Informação - Sistemas de Rotulação e de OrganizaçãoArquitetura de Informação - Sistemas de Rotulação e de Organização
Arquitetura de Informação - Sistemas de Rotulação e de Organização
 
Webwriting e seo
Webwriting e seoWebwriting e seo
Webwriting e seo
 
Conteúdo para blogs
Conteúdo para blogsConteúdo para blogs
Conteúdo para blogs
 
Branded content & transmedia storytelling
Branded content & transmedia storytellingBranded content & transmedia storytelling
Branded content & transmedia storytelling
 
Argumentação
ArgumentaçãoArgumentação
Argumentação
 
Webwriting na Prática
Webwriting na PráticaWebwriting na Prática
Webwriting na Prática
 
Principios do Webwriting
Principios do WebwritingPrincipios do Webwriting
Principios do Webwriting
 
Escrever é Fazer Sexo
Escrever é Fazer SexoEscrever é Fazer Sexo
Escrever é Fazer Sexo
 
Escrever é Fazer Sexo
Escrever é Fazer SexoEscrever é Fazer Sexo
Escrever é Fazer Sexo
 
O Hipertexto e a Leitura na Web
O Hipertexto e a Leitura na WebO Hipertexto e a Leitura na Web
O Hipertexto e a Leitura na Web
 
Provocações
ProvocaçõesProvocações
Provocações
 
Provocações
ProvocaçõesProvocações
Provocações
 

AI Guia Completo

  • 1. Arquitetura de Informação Foto : http://arquiteturadeinformacao.com/
  • 2. Arquitetura de Informação O que é e para que serve?
  • 3. Arquitetura de Informação O que é e para que serve? ONDE ESTOU ? DE ONDE VIM ? PARA ONDE VOU ?
  • 4. 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 )
  • 5. 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 )
  • 6. Facilitar a realização de tarefas e o acesso intuitivo a contextos e conteúdos. (Peter Morville & Louis Rosenfeld, in Information Architecture for the World Wide Web ) Arquitetura de Informação Para que serve?
  • 7. Ela torna o complexo, claro. Richard Saul Wurman (1997) Arquitetura de Informação Para que serve?
  • 8. Arquitetura de Informação Sabe quando você entra num site e fica perdido? A tarefa do Arquiteto de Informação é trabalhar para que isso não aconteça.
  • 9. Arquitetura de Informação Aplicação Encurtar o tempo de construção Tornar a manutenção mais simples Tornar a busca por informações mais rápida Simplificar tarefas e processos Diminuir a necessidade de treinamentos Agregar valor à marca Criar boas experiências de uso
  • 10. Arquitetura de Informação Existe no dia-a-dia
  • 12. Arquitetura de Informação AI enquanto etapa de um projeto web Jesse James Garrett
  • 13. Arquitetura de Informação AI enquanto etapa de um projeto web www.jjg.net/elements/translations/elements_pt.pdf
  • 14. Arquitetura de Informação AI enquanto etapa de um projeto web Plano de negócios AI design desenvolvimento
  • 15. Arquitetura de Informação Ecologia da Informação
  • 16. Arquitetura de Informação Contexto Entender as estratégias e oportunidades de negócio, os processos e a cultura da empresa, o background do projeto e os recursos disponíveis para sua realização Usuários Design centrado no usuário > Considerar as necessidades do usuário final e entender seus tipos de comportamento em busca da informação Conteúdo Levantar a natureza e a quantidade de conteúdo a ser desenvolvido para o projeto, projetar possíveis cenários para o crescimento do site
  • 17.
  • 18.
  • 19.
  • 20.
  • 21. Arquitetura de Informação Os usuários são os designers definitivos da web. (Peter Morville & Louis Rosenfeld, in Information Architecture for the World Wide Web )
  • 22. Arquitetura de Informação Descobrindo o Usuário Porque conhecer os usuários: Para alinhar os objetivos corporativos com as necessidades do público-alvo Para encontrar inadequações nos projetos Para ter subsídios consistentes ao defender aspectos importantes do projeto Para projetar com maior chance de sucesso
  • 23. Arquitetura de Informação Descobrindo o Usuário Algumas técnicas: Pesquisa Testes de Usabilidade Entrevista Análise da Tarefa Questionário Web Analytics Grupo de Foco Personas e Cenários
  • 24. Arquitetura de Informação Descobrindo o Usuário Web Analytics
  • 26. <script type=&quot;text/javascript&quot;> var gaJsHost = ((&quot;https:&quot; == document.location.protocol) ? &quot;https://ssl.&quot; : &quot;http://www.&quot;); document.write(unescape(&quot;%3Cscript src='&quot; + gaJsHost + &quot;google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E&quot;)); </script> <script type=&quot;text/javascript&quot;> try { var pageTracker = _gat._getTracker(&quot;UA-8083861-1&quot;); pageTracker._trackPageview(); } catch(err) {}</script> Arquitetura de Informação Crie uma conta no GA e cole o tracking code em cada uma das páginas do site. Como implentar o Google Analytics Ex:
  • 27. Arquitetura de Informação Descobrindo o Usuário Personas e Cenários São arquétipos de perfis de usuário com foco em comportamento Apresenta a descrição concisa de pessoas representativas do público-alvo
  • 28. Arquitetura de Informação Personas e Cenários “ Personas is to get everyone thinking in a unified way from a user´s experience” Kim Goodwin É uma técnica que deve ser usada nos estágios iniciais do desenvolvimento
  • 29. Arquitetura de Informação Cenários Os Cenários devem mostrar: Descrições de legítimas situações hipotéticas Emoções e questões surgidas Ex: Não entendo essas funcionalidades. Como posso avaliar e saber qual o melhor DVD para mim? Necessidades de informação Ex: Qual o tamanho do DVD? Vai caber no meu hack?
  • 30. Arquitetura de Informação Cenários “ Mariana precisa fazer uma planilha com cálculos corriqueiros numa sala com várias outras pessoas falando alto. Ela não consegue se concentrar direito e precisa terminar o trabalho logo. Resolve procurar alguma forma automatizada de inserir os dados. Por sorte, o software possui assistentes para inserir dados passo-a-passo e fazer os cálculos mais comuns. A ajuda dá conta do recado, embora o processo todo tenha demorado mais do que se ela tivesse feito como sempre faz, manualmente.” http://www.faberludens.com.br/pt-br/node/1554
  • 31. Arquitetura de Informação Personas e Cenários O objetivo é obter a simulação realista dos principais tipos de usuários e suas intenções com o produto NÃO É: Estereótipos dos usuários Perfis baseados em dados demográficos
  • 32. Arquitetura de Informação Como trabalhar Personas e Cenários Não seja a Mãe Dinah!
  • 33.
  • 34. Arquitetura de Informação Personas Criação de 3 a 7 perfis Escolha dos perfis prioritários O personagem deve representar o perfil médio do grupo
  • 35. Exemplo de Personas e Cenários
  • 36. http://personas.quarry.com/ Arquitetura de Informação Personas e Cenários Saiba mais: http://stealthisidea.com/articles/ssnifs/
  • 37. Arquitetura de Informação Personas e Cenários Atividade: Construa duas Personas com Cenários de utilização para um projeto contendo as seguintes informações: Foto, Nome, Idade, perfil profissional e educacional Estilo de vida e desejos Contexto de uso Objetivos e necessidades Onde e como vai utilizar o site