arquitetura de informação

37
Arquitetura de Informação Foto: http://arquiteturadeinformacao.com/

Upload: pospipoca

Post on 29-Jun-2015

841 views

Category:

Technology


0 download

TRANSCRIPT

Page 1: Arquitetura de informação

Arquitetura de Informação

Foto: http://arquiteturadeinformacao.com/

Page 2: Arquitetura de informação

Arquitetura deInformaçãoO que é e para que serve?

Page 3: Arquitetura de informação

Arquitetura deInformaçãoO que é e para que serve?

ONDE ESTOU ?

DE ONDE VIM ?

PARA ONDE VOU ?

Page 4: Arquitetura de informação

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

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

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

Ela torna o complexo, claro.

Richard Saul Wurman (1997)

Arquitetura deInformação

Para que serve?

Page 8: Arquitetura de informação

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

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

Arquitetura deInformação

Existe no dia-a-dia

Page 11: Arquitetura de informação

Arquitetura deInformação

Page 12: Arquitetura de informação

Arquitetura deInformação

AI enquanto etapa de um projeto web

JesseJames

Garrett

Page 13: Arquitetura de informação

Arquitetura deInformação

AI enquanto etapa de um projeto web

www.jjg.net/elements/translations/elements_pt.pdf

Page 14: Arquitetura de informação

Arquitetura deInformação

AI enquanto etapa de um projeto web

Plano de negócios

AI design desenvolvimento

Page 15: Arquitetura de informação

Arquitetura deInformação

Ecologia da Informação

Page 16: Arquitetura de informação

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

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

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

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

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

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

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

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

Arquitetura deInformação

Descobrindo o Usuário

Web Analytics

Page 25: Arquitetura de informação

Web Analytics

Page 26: Arquitetura de informação

<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

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

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

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

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

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

Arquitetura deInformação

Como trabalhar Personas e Cenários

Não seja a Mãe Dinah!

Page 33: Arquitetura de informação

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

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

Exemplo de Personas e Cenários

Page 36: Arquitetura de informação

http://personas.quarry.com/

Arquitetura deInformação

Personas e Cenários

Saiba mais:

http://stealthisidea.com/articles/ssnifs/

Page 37: Arquitetura de informação

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