Introducao à Arquitetura de Informacao

Arquitetura de Informação

Foto: http://arquiteturadeinformacao.com/

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

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

ONDE ESTOU ?

DE ONDE VIM ?

PARA ONDE VOU ?

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)


O que é

Combinação entre esquemas de organização,

nomeação e navegação dentro de um sistema de informação.


Facilitar a realização de tarefas

e o acesso intuitivo a contextos e conteúdos.



Para que serve?

Ela torna o complexo, claro.

Richard Saul Wurman (1997)


Para que serve?


Sabe quando você entra num site e

fica perdido?

A tarefa do Arquiteto de Informação é

trabalhar para que isso não aconteça.


AI enquanto etapa de um projeto web

Plano de negócios

AI design desenvolvimento


Ecologia da Informaçã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

Por que pesquisar o Contexto:

- 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


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?



Por que pesquisar o Usuário

Os usuários são os designers

definitivos da web.


Por que pesquisar o Conteúdo:


Sistema de Rotulação

Sistema de Informação

Sistema de Navegação


Sistema de Rotulação


Rotulação


O que fazer ?

KISS

Testar!


Sistema de Organização

1. Análise dos tipos de conteúdo

2. Inventário de conteúdo

3. Procurar por metadados

Descritivos:

- Todas as maneiras diferentes de descrever o objeto de conteúdo

Administrativos:

- Relação do objeto com o contexto de negócio Ex: Quem criou o conteúdo? Em que data?



4. Faced Classification (Classificação Facetada)

Classificação e organização de um mesmo conjunto de informações de diferentes maneiras.

Você pode utilizar metadados para organizar as informações em esquemas diferentes.

Cada esquema é uma dimensão da estrutura do site.




Sistema de navegação

Navegação “embedded” (formada pelos elementos de navegação que são apresentados integrados ao site.O objetivo é oferecer contexto e flexibilidade)



Navegação “embedded”

LogotipoBarra de Navegação GlobalMenu LocalBread CrumbCross content (conteúdo cruzado)



Navegação suplementar(sua função é oferecer caminhos complementares para se encontrar o conteúdo e realizar tarefas)

Mapa do Site

Índices (A-Z)

Rodapés

Guias e Tutoriais


Mapa do site

O mapa do site é o mapa da arquitetura e inclui todas as páginas e seções de conteúdo.

Este documento será o guia para o desenvolvimento do projeto,

desde a criação de wireframes até a entrega.

Wireframes

É o rascunho das páginas do site.

Deve mostrar quais os elementos de navegação,quais os elementos de maior destaque do conteúdo e

a ordenação e o agrupamento de componentes do conteúdo, além de como priorizá-los.

Pode indicar mas não define o posicionamento dos elementos na tela ou os estilos

http://www.ivogomes.com/blog/wireframes/



Exemplos de wireframes

Gliffywww.gliffy.com

Omni Graffle

http://www.omnigroup.com/applications/omnigraffle/


Softwares para criação de wireframes

Axurehttp://www.axure.com/

Microsoft Visiohttp://office.microsoft.com/en-us/FX010857981033.aspx

Education

Introducao à Arquitetura de Informacao