Arquitetura da Informação em Projetos Web

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


Ciclo de Vida Projeto Site


PRA QUE SERVE?


PRA QUE SERVE?



Componentes da AI


Sistema de Organização


Três classificações distintas

Tomate

?

Três Classificações Distintas

Fruta | Legume | Verdura


Dificuldades na Organização

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

•O que é UD?


Sistema de Navegação


Sistema de Navegação


Sistema de RotulaçãoO sistema de rotulação é o componente da Arquitetura de Informação que estabelece as formas de representação, de apresentação da informação, definindo signos para cada elemento informativo.

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

PROCURE FALAR A LINGUAGEM DO USUÁRIO!!!


Sistema de Rotulação



Sistema de Rotulação


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”


PerguntasPerguntasPerguntasPerguntas

[email protected]


Quem sou eu?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

Documents

Arquitetura da Informação em Projetos Web