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

Post on 19-Jan-2019

221 views 0 download

Transcript of 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

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

O que é e para que serve?

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

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

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

ONDE ESTOU ?

DE ONDE VIM ?

PARA ONDE VOU ?

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

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 da Informação www.professorotaviano.com.br

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)

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

Ciclo de Vida Projeto Site

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

Ciclo de Vida Projeto Site

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

PRA QUE SERVE?

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

PRA QUE SERVE?

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

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

Componentes da AI

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

Sistema de Organização

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

Três classificações distintas

Tomate

?

Três Classificações Distintas

Fruta | Legume | Verdura

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

Dificuldades na Organização

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

•O que é UD?

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

Sistema de Navegação

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

Sistema de Navegação

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

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!!!

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

Sistema de Rotulação

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

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

Sistema de Rotulação

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

Sistema de Busca

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

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ção www.professorotaviano.com.br

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 www.professorotaviano.com.br

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

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

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

Site Adria.

Finalizado

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

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.

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

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

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

Card Sorting

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

Card Sorting

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

Arquitetura da InformaçãoSitegrama

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

Finalizando......

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

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

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

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

“Não seja um desenvolvedor de

sistemas para computadores,

desenvolva sistemas para pessoas”

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

Perguntas

otaviano@sil.inf.br

www.sil.inf.br

Arquitetura da Informação www.professorotaviano.com.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

otaviano@sil.inf.br

@silveriotavianowww.professorotaviano.com.br