Arquitetura de informação
-
Upload
pospipoca -
Category
Technology
-
view
841 -
download
0
Transcript of Arquitetura de informação
![Page 1: Arquitetura de informação](https://reader031.fdocumentos.com/reader031/viewer/2022020123/5590ae421a28abad2a8b47e4/html5/thumbnails/1.jpg)
Arquitetura de Informação
Foto: http://arquiteturadeinformacao.com/
![Page 2: Arquitetura de informação](https://reader031.fdocumentos.com/reader031/viewer/2022020123/5590ae421a28abad2a8b47e4/html5/thumbnails/2.jpg)
Arquitetura deInformaçãoO que é e para que serve?
![Page 3: Arquitetura de informação](https://reader031.fdocumentos.com/reader031/viewer/2022020123/5590ae421a28abad2a8b47e4/html5/thumbnails/3.jpg)
Arquitetura deInformaçãoO que é e para que serve?
ONDE ESTOU ?
DE ONDE VIM ?
PARA ONDE VOU ?
![Page 4: Arquitetura de informação](https://reader031.fdocumentos.com/reader031/viewer/2022020123/5590ae421a28abad2a8b47e4/html5/thumbnails/4.jpg)
Arquitetura deInformaçã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)
![Page 5: Arquitetura de informação](https://reader031.fdocumentos.com/reader031/viewer/2022020123/5590ae421a28abad2a8b47e4/html5/thumbnails/5.jpg)
Arquitetura deInformaçã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)
![Page 6: Arquitetura de informação](https://reader031.fdocumentos.com/reader031/viewer/2022020123/5590ae421a28abad2a8b47e4/html5/thumbnails/6.jpg)
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 deInformação
Para que serve?
![Page 7: Arquitetura de informação](https://reader031.fdocumentos.com/reader031/viewer/2022020123/5590ae421a28abad2a8b47e4/html5/thumbnails/7.jpg)
Ela torna o complexo, claro.
Richard Saul Wurman (1997)
Arquitetura deInformação
Para que serve?
![Page 8: Arquitetura de informação](https://reader031.fdocumentos.com/reader031/viewer/2022020123/5590ae421a28abad2a8b47e4/html5/thumbnails/8.jpg)
Arquitetura deInformaçã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.
![Page 9: Arquitetura de informação](https://reader031.fdocumentos.com/reader031/viewer/2022020123/5590ae421a28abad2a8b47e4/html5/thumbnails/9.jpg)
Arquitetura deInformaçã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
![Page 10: Arquitetura de informação](https://reader031.fdocumentos.com/reader031/viewer/2022020123/5590ae421a28abad2a8b47e4/html5/thumbnails/10.jpg)
Arquitetura deInformação
Existe no dia-a-dia
![Page 11: Arquitetura de informação](https://reader031.fdocumentos.com/reader031/viewer/2022020123/5590ae421a28abad2a8b47e4/html5/thumbnails/11.jpg)
Arquitetura deInformação
![Page 12: Arquitetura de informação](https://reader031.fdocumentos.com/reader031/viewer/2022020123/5590ae421a28abad2a8b47e4/html5/thumbnails/12.jpg)
Arquitetura deInformação
AI enquanto etapa de um projeto web
JesseJames
Garrett
![Page 13: Arquitetura de informação](https://reader031.fdocumentos.com/reader031/viewer/2022020123/5590ae421a28abad2a8b47e4/html5/thumbnails/13.jpg)
Arquitetura deInformação
AI enquanto etapa de um projeto web
www.jjg.net/elements/translations/elements_pt.pdf
![Page 14: Arquitetura de informação](https://reader031.fdocumentos.com/reader031/viewer/2022020123/5590ae421a28abad2a8b47e4/html5/thumbnails/14.jpg)
Arquitetura deInformação
AI enquanto etapa de um projeto web
Plano de negócios
AI design desenvolvimento
![Page 15: Arquitetura de informação](https://reader031.fdocumentos.com/reader031/viewer/2022020123/5590ae421a28abad2a8b47e4/html5/thumbnails/15.jpg)
Arquitetura deInformação
Ecologia da Informação
![Page 16: Arquitetura de informação](https://reader031.fdocumentos.com/reader031/viewer/2022020123/5590ae421a28abad2a8b47e4/html5/thumbnails/16.jpg)
Arquitetura deInformação
ContextoEntender as estratégias e oportunidades de negócio,os processos e a cultura da empresa, o background do projetoe os recursos disponíveis para sua realização
UsuáriosDesign centrado no usuário > Considerar as necessidades do usuário finale entender seus tipos de comportamento em busca da informação
ConteúdoLevantar a natureza e a quantidade de conteúdo a ser desenvolvido para o projeto, projetar possíveis cenários para o crescimento do site
![Page 17: Arquitetura de informação](https://reader031.fdocumentos.com/reader031/viewer/2022020123/5590ae421a28abad2a8b47e4/html5/thumbnails/17.jpg)
A primeira tarefa é descobrir o que precisa projetar e como
- Conhecer quem vai desenvolver, a tecnologia disponível, exemplos importantes
Arquitetura deInformação
![Page 18: Arquitetura de informação](https://reader031.fdocumentos.com/reader031/viewer/2022020123/5590ae421a28abad2a8b47e4/html5/thumbnails/18.jpg)
Arquitetura deInformação
5 dicas de Steve Krug para que as pessoas entendam seu site
(depois da Nº 0: “não me faça pensar”
1. Aproveite as convenções
2. Crie uma hierarquia visual clara em cada página
3. Quebre as páginas em áreas claramente definíveis
4. Deixe óbvio o que é clicável
5. Minimize o ruído
![Page 19: Arquitetura de informação](https://reader031.fdocumentos.com/reader031/viewer/2022020123/5590ae421a28abad2a8b47e4/html5/thumbnails/19.jpg)
Descobrir o Contexto significa:
- Entender os objetivos do negócio e metas corporativas
- Descobrir o “reason why” do projeto
- Saber qual é o público-alvo
-Levantar todos os stakeholders envolvidos
- Identificar as restrições do projeto
- Avaliar erros e sucessos anteriores
- Olhar para o que está feito no mercado (benchmark funcional) > Focado nas funcionalidades e experiências de uso dos sites concorrentes
Arquitetura deInformação
![Page 20: Arquitetura de informação](https://reader031.fdocumentos.com/reader031/viewer/2022020123/5590ae421a28abad2a8b47e4/html5/thumbnails/20.jpg)
10 perguntas para descobrir o Contexto(briefing multidisciplinar)
1. Quais os objetivos a curto, médio e longo prazo?
2. Qual é o modelo de negócio? Quais são as políticas?
3. Quem é o público-alvo?
4. Que tipo de tarefas os usuários poderão realizar?
5. Porque os usuários visitarão o site? Porque voltarão?
6. Qual o orçamento e o cronograma do projeto?
7. Como o conteúdo será criado e gerido?
8. Qual a infraestrutura técnica?
9. O que funcionou e o que deu errado no passado?
10. O que deixei de perguntar?
Arquitetura deInformação
![Page 21: Arquitetura de informação](https://reader031.fdocumentos.com/reader031/viewer/2022020123/5590ae421a28abad2a8b47e4/html5/thumbnails/21.jpg)
Arquitetura deInformação
Os usuários são os designers
definitivos da web.
(Peter Morville & Louis Rosenfeld, in Information Architecture for the World Wide Web)
![Page 22: Arquitetura de informação](https://reader031.fdocumentos.com/reader031/viewer/2022020123/5590ae421a28abad2a8b47e4/html5/thumbnails/22.jpg)
Arquitetura deInformaçã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
![Page 23: Arquitetura de informação](https://reader031.fdocumentos.com/reader031/viewer/2022020123/5590ae421a28abad2a8b47e4/html5/thumbnails/23.jpg)
Arquitetura deInformaçã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
![Page 24: Arquitetura de informação](https://reader031.fdocumentos.com/reader031/viewer/2022020123/5590ae421a28abad2a8b47e4/html5/thumbnails/24.jpg)
Arquitetura deInformação
Descobrindo o Usuário
Web Analytics
![Page 25: Arquitetura de informação](https://reader031.fdocumentos.com/reader031/viewer/2022020123/5590ae421a28abad2a8b47e4/html5/thumbnails/25.jpg)
Web Analytics
![Page 26: Arquitetura de informação](https://reader031.fdocumentos.com/reader031/viewer/2022020123/5590ae421a28abad2a8b47e4/html5/thumbnails/26.jpg)
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-8083861-1");
pageTracker._trackPageview();
} catch(err) {}</script>
Arquitetura deInformaçã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:
![Page 27: Arquitetura de informação](https://reader031.fdocumentos.com/reader031/viewer/2022020123/5590ae421a28abad2a8b47e4/html5/thumbnails/27.jpg)
Arquitetura deInformaçã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
![Page 28: Arquitetura de informação](https://reader031.fdocumentos.com/reader031/viewer/2022020123/5590ae421a28abad2a8b47e4/html5/thumbnails/28.jpg)
Arquitetura deInformaçã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
![Page 29: Arquitetura de informação](https://reader031.fdocumentos.com/reader031/viewer/2022020123/5590ae421a28abad2a8b47e4/html5/thumbnails/29.jpg)
Arquitetura deInformação
Cenários
Os Cenários devem mostrar:
Descrições de legítimas situações hipotéticas
Emoções e questões surgidasEx: Não entendo essas funcionalidades. Como posso avaliar
e saber qual o melhor DVD para mim?
Necessidades de informaçãoEx: Qual o tamanho do DVD? Vai caber no meu hack?
![Page 30: Arquitetura de informação](https://reader031.fdocumentos.com/reader031/viewer/2022020123/5590ae421a28abad2a8b47e4/html5/thumbnails/30.jpg)
Arquitetura deInformaçã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
![Page 31: Arquitetura de informação](https://reader031.fdocumentos.com/reader031/viewer/2022020123/5590ae421a28abad2a8b47e4/html5/thumbnails/31.jpg)
Arquitetura deInformaçã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áriosPerfis baseados em dados demográficos
![Page 32: Arquitetura de informação](https://reader031.fdocumentos.com/reader031/viewer/2022020123/5590ae421a28abad2a8b47e4/html5/thumbnails/32.jpg)
Arquitetura deInformação
Como trabalhar Personas e Cenários
Não seja a Mãe Dinah!
![Page 33: Arquitetura de informação](https://reader031.fdocumentos.com/reader031/viewer/2022020123/5590ae421a28abad2a8b47e4/html5/thumbnails/33.jpg)
Arquitetura deInformação
Personas e Cenários
1. Identificar grupo de usuários potenciais
2. Entrevista + Coleta de dados(sócio-demográficos, objetivos, hábitos, motivações,
necessidades, expectativas, barreiras/problemas)
3. Com base nas informações, perceber o estilo de vida, o que ele necessitaou o que gostaria de ter com o site
![Page 34: Arquitetura de informação](https://reader031.fdocumentos.com/reader031/viewer/2022020123/5590ae421a28abad2a8b47e4/html5/thumbnails/34.jpg)
Arquitetura deInformação
Personas
Criação de 3 a 7 perfis
Escolha dos perfis prioritários
O personagem deve representar o perfil médio do grupo
![Page 35: Arquitetura de informação](https://reader031.fdocumentos.com/reader031/viewer/2022020123/5590ae421a28abad2a8b47e4/html5/thumbnails/35.jpg)
Exemplo de Personas e Cenários
![Page 36: Arquitetura de informação](https://reader031.fdocumentos.com/reader031/viewer/2022020123/5590ae421a28abad2a8b47e4/html5/thumbnails/36.jpg)
http://personas.quarry.com/
Arquitetura deInformação
Personas e Cenários
Saiba mais:
http://stealthisidea.com/articles/ssnifs/
![Page 37: Arquitetura de informação](https://reader031.fdocumentos.com/reader031/viewer/2022020123/5590ae421a28abad2a8b47e4/html5/thumbnails/37.jpg)
Arquitetura deInformação
Personas e Cenários
Atividade:
Construa duas Personas com Cenários de utilizaçãopara 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