ARQUITETURA DA INFORMAÇÃO · Arquitetura da Informação Arquitetura de Informação O que é...

Arquitetura da Informação www.professorotaviano.com.br

ARQUITETURA DA INFORMAÇÃO


O 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)


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)


Ciclo de Vida Projeto Site


PRA QUE SERVE?


Componentes da AI


Sistema de Organização


Três classificações distintas

Tomate

?

Três Classificações Distintas

Fruta | Legume | Verdura

http://images.google.com/imgres?imgurl=www.stw.rwth-aachen.de/mensen/mebilder/tomate.gif&imgrefurl=http://www.stw.rwth-aachen.de/mensen/speiseplan/mensa_veg.html&h=173&w=202&prev=/images%3Fq%3Dtomate%26svnum%3D10%26hl%3Dpt%26lr%3Dlang_pt%26ie%3DUTF8%26oe%3DUTF






http://images.google.com/imgres?imgurl=www.menv.gouv.qc.ca/jeunesse/chronique/ogm-tomate.gif&imgrefurl=http://www.menv.gouv.qc.ca/jeunesse/chronique/ogm.htm&h=426&w=452&prev=/images%3Fq%3Dtomate%26start%3D40%26svnum%3D10%26hl%3Dpt%26lr%3Dlang_pt%26ie%3DUTF8%26

http://images.google.com/imgres?imgurl=www.menv.gouv.qc.ca/jeunesse/chronique/ogm-tomate.gif&imgrefurl=http://www.menv.gouv.qc.ca/jeunesse/chronique/ogm.htm&h=426&w=452&prev=/images%3Fq%3Dtomate%26start%3D40%26svnum%3D10%26hl%3Dpt%26lr%3Dlang_pt%26ie%3DUTF8%26


Dificuldades na Organização

•Liquidificador está em “Eletrodomésticos” ou “Eletroportáteis”

•O que é UD?


Sistema de Navegação


Sistema de Rotulação

O sistema de rotulação é o componente daArquitetura de Informação que estabelece as formas de representação, de apresentação dainformação, definindo signos para cadaelemento informativo.

Seu desafio é criar para o website uma linguagemclara, compreensível e sem ambigüidades.

PROCURE FALAR A LINGUAGEM DO USUÁRIO!!!


Sistema de Busca


Arquitetura da Informação

Sobretudo, o arquiteto de informação deve saber como

apresentar visualmente/estruturalmente seu material para

dar vida a suas idéias.

Retirado de Rosenfield & Morville

O que faz um arquiteto da informação


Arquitetura da InformaçãoFerramentas e Técnicas da AI

Wireframes

• Wireframes servem a um propósito diferente: eles mostram

como uma página deve parecer de uma perspectiva

arquitetônica.

• Wireframes são a intersecção entre a arquitetura da informação

do site e o design e visual do mesmo.

• O wireframe força o arquiteto a considerar onde as navegações

estarão na página, onde o usuário vai navegar e sobretudo o

que ele vai ver naquele espaço.


Arquitetura da Informação

Marca XYZBuscar

>Link 01 >Link02 >Link03 >Link04 >Link05

Navegação

local

Breadcrumbs ( Home )

Conteúdo global e contextual Conteúdo

relacionado

Rodapé

A localização mais comum de elementos numa página básica de web:

• Logomarca no canto superior

esquerdo

• Busca na barra superior

• Navegação global na parte superior

• Navegação local na coluna esquerda

• Conteúdo na área central

• Breadcrumbs na parte superior

Wireframe


Site Adria.

Finalizado


Arquitetura da InformaçãoFerramentas e Técnicas da AI

Card Sorting

• Método de usabilidade que objetiva levantar como usuários do

público-alvo agrupam informações de forma que sejam úteis

para eles, possibilitando que sejam criadas estruturas de

organização de informação otimizadas e mais adequadas ao

modelo mental dos usuários.

• O card-sorting é uma técnica usada por arquitetos da

informação para descobrir como o usuário classifica

determinada informação em sua mente.


Categorizar o site é uma tarefa complexa. Utilizar o usuário no

processo de classificação pode reduzir o ruído de entendimento.

Card Sorting


Card Sorting


Arquitetura da InformaçãoSitegrama


Finalizando......


“Não seja um desenvolvedor de

sistemas para computadores,

desenvolva sistemas para pessoas”


Perguntas

[email protected]

www.sil.inf.br


Quem sou eu?Otaviano SilvérioGraduado em Tecnologia em Sistemas para Internet - UNIBH Especialista em Engenharia de Software e Governança de TI – FUMECMestrando em Administração - UNIPEL. Atuação :

– CIO do NUMBER ONE Idiomas Franchising – Consultor de tecnologia, com ênfase em Governança da TI, atuando

principalmente nos seguintes temas: conectividade e intranet, BPM - Business Process Management , gestão de conhecimento, comércio eletrônico e Arquitetura da informação.

– Professor MBA – Faculdade Pitágoras– Professor UNIBH– Coordenador Pós-Graduação COTEMIG– Sócio diretor SIL Consultoria e Sistemas

Desenvolvo

ininterruptamente para Web

desde 1998

[email protected]

@silveriotavianowww.professorotaviano.com.br

ARQUITETURA DA INFORMAÇÃO · Arquitetura da Informação Arquitetura de Informação O que é...

Documents

Transcript of ARQUITETURA DA INFORMAÇÃO · Arquitetura da Informação Arquitetura de Informação O que é...