Introducao a 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)

Quais os objetivos a curto, médio e longo prazo?

Qual é o modelo de negócio? Quais são as políticas?

Quem é o público-alvo?

Que tipo de tarefas os usuários poderão realizar?

Porque os usuários visitarão o site? Porque voltarão?

Qual o orçamento e o cronograma do projeto?

Como o conteúdo será criado e gerido?

Qual a infraestrutura técnica?

O que funcionou e o que deu errado no passado?

O que deixei de perguntar?



Por que pesquisar o Usuário

Os usuários são os designers

definitivos da web.


08/03/13


Algumas técnicas

Pesquisa quantitativa e qualitativaQuestionário

Grupos de FocoPesquisa de CampoAnálise da Tarefa

PersonasTestes de usabilidade


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 Grafflehttp://www.omnigroup.com/applications/omnigraffl

e/


Softwares para criação de wireframes

Axurehttp://www.axure.com/

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

Documents

Introducao a arquitetura de informacao