arquitetura da informação

Marcello de Campos Cardoso - www.mcardoso.com.br | www.latitude14.com.br |

Arquitetura da Informação

Marcello de Campos Cardosowww.mcardoso.com.br | www.latitude14.com.br [email protected]

#1

http://www.mcardoso.com.br

http://www.latitude14.com.br

mailto:[email protected]





Arquitetura da Informação cuidando da encontrabilidade do sistema





Existem muitos caminhos,desafios e benefícios em um sistema





Como pensam os usuários? (pacman)Que caminho percorrem? (maze)

Quais os desafios? (ghosts)





ProblemaArquitetos não vivem na casa que projetam, e não estão prontos para

entenderem as necessidades de longo tempo.

Senso comum é uma boa ferramenta para sistemas simples,

mas navegação intuível ocorre melhor quando projetada.





3 perguntas do exploradorEstou no lugar certo?

Aqui tem o que procuro?Como acesso esse conteúdo?




Para entender encontrabilidade em um sistema É bom entender primeiro o que é

Engenharia Cognitiva

Engenharia cognitiva

Formalizada por Donald

Norman em 1986, é uma

abordagem que reúne

conhecimentos mistos de

ciência cognitiva, psicologia

cognitiva e fatores humanos

ao design de interfaces.

Engenharia cognitiva - conceitos básicos

O designer cria um modelo de design, um modelo mental de como o sistema

deve e comportar, baseado nos seu modelo de usuário e tarefa.

Modelo de design implementado = Imagem do sistema O usuário real interage com a imagem do sistema e cria seu modelo mental da aplicação.

Engenharia cognitiva - conceitos básicos A tarefa do designer é desenvolver o modelo de design de um sistema que se aproxime do modelo mental da aplicação do usuário real. A solução é que o designer entenda o usuário. Para isso Norman propõe a teoria da ação.

O designer deve realizar as melhores escolhas para isso. deve

escolher os padrões de interação, elementos e feedbacks mais

adequados.

Para AVALIAR se uma interface cumpre melhor este papel,

pode usar algumas técnicas de

INSPEÇÃO DE USABILIDADE.

Mas para projetar uma interface adequada, deve planejar a

ARQUITETURA DA INFORMAÇÃO.

Arquitetura da Informaçãoé o design estrutural de ambientes de informação compartilhada, abrangendo aspectos de organizar e etiquetar conteúdos e funcionalidades para apoiar a

encontrabilidade e usabilidade destes ambientes.

São aspectos importantes da AI

1. O levantamento do inventário de conteúdos e funcionalidades aderentes ao comportamento do usuário em um contexto de uso;

2.A organização, categorização e priorização dos itens de inventário

3. A definição de metadados, narrativas, casos de uso, estruturas de navegação (menus, filtros, ordenações) e busca.

Escolhas de AI podem ser redundantes e inconsistentes com padrões exatos, desde que reflitam o modelo mental do

usuário.

Segundo Louis Rosenfeld and Peter Morville,Arquitetura da informação é:

1) O design estrutural para ambientes de informação

compartilhada

Redesign must die


2) A combinação de organização, labeling, busca e navegação para sistemas digitais


3) A arte ou ciência de modelar produtos informacionais e

experiências para apoiar usabilidade e encontrabilidade


4) Uma disciplina emergente e comunidade de práticas focadas em trazer princípios de design e arquitetura para o cenário digital

Conteú

do

Pessoas

Contexto

Arquitetura da Informação

Sociologia e Antropologia

Engenharia de Software Design Gráfico

Ciência da informação

Engenharia cognitiva

Ciência da computação

Psicologia organizacional Educação

Diagramas por Peter Morville http://prezi.com/aafmvya6bk7t/understanding-information-architecture/

http://prezi.com/aafmvya6bk7t/understanding-information-architecture/

cliente ≠ usuário ≠ designerdiferentes objetivos, experiências e modelos-mentais

informação ≠ dados

Não modelamos bancos de dados, modelamos informações.

AI é para o frontend, não o backend.Dados são fatos e figuras.

Arquitetura da InformaçãoEstruturar, organizar e etiquetar.

Determinar os níveis corretos de granularidade para os átomos de informação e como relacioná-los

O conteúdo possui várias categorias possíveis.

Altura? Formato? Peso? Cor?

locadora de DVDs e cafeteria Cinecittà / foto: [email protected]

Como organizar filmes? .



. Diretor



perfil do público: aficcionados



perfil do público: geral


Que critérios para organizar roupas?

Vamos vazer um inventário de conteúdo

casacos

camisas sociais

chapéusroupa de cama

trecos

vestido

s

bolsas

blazers blusas

banho

cuecasmeias

trecos

gravatas

malha bermuda sapatos

calcinhassutiãs

pijamas

meiasmalhasshorts

perfumes

firula

Gavetas-menus

Gavetas-menus

submenus submenus submenus

e numa loja, tem diferença?

localização dos produtos nas prateleiras

refletem comportamento de compra

organizar sua gaveta de meias...

...depende dos perfis de uso.

cauda longa.

categorizar vs ordenar

Processo de AI

1. Colha informações sobre os usuários

‣ Avaliação do SAC, feedback, ‣ Indicadores públicos (Scarface) ‣ Benchmarking (direto e indireto) ‣ Etnografia online, ‣ Entrevistas, ‣ Questionários, ‣ Focus group ‣ Análise métrica, ‣ etc...

Pesquisa é minerar dados e colher informações.

2. Crie personas, defina a focal, e crie cenários pala levantar suas user stories e requisitos

(conteúdos e funcionalidades)

Quem são? O que gostam e desgostam? Quais suas limitações? (restrito) E suas taras (aficcionado)?

No Globo Repórter desta noite você vai ver…

USUÁRIOS:

3. Defina os metadados de seu conteúdo

Conexão Vivo

plataforma para bandas independentes página da banda

música (faixa)

letra

cifra

ficha técnica

vídeo (l ink)youtube

vimeo

album

ano

título

ficha técnica

capa

fotos legenda

vídeos (l ink do YT ou Vimeo)

título

descrição

thumbnail

integrantes

nome

instrumentos

avatar

email

nascimento

sobre (texto)

atalhos

facebook

twitter

orkut

skype

Se é produtor

Se é administrador da página do artista

agenda

Título

descrição

entrada

paga preço

gratuita

1kg de alimento

não divulgado

data

hora

nome da casa de show

estado

cidade

endereco

outras bandas

flyer

páginasrelease

etc

blog

título

texto (com fotos e vídeos anexados)

data

autor

gênero

atalhos

facebook

orkut

twitter

youtube

vimeo

flickr

editais

abertos

fechados

inscritosstatus

inscrições

Web tv

Streaming

Arquivo

Programas

Parceirosblogs

sites musicais

página inicial

destaque para os 150 projetos

destaque para editais

destaque para bandas

animações

festivais

institucional (conexão)

sobre

histórico

2001

2002

2003

2004

2005

2006

2007

2008

2009

2010

2011

notícias

e-album

shows

oficinas

links

ajuda

4. Documente a arquitetura com fluxos, protótipos e colha feedback

Abrir a pastinha do desktop