arquitetura da informaÇÃo · arquitetura da informação arquitetura de informação o que é...
TRANSCRIPT
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
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
@silveriotavianowww.professorotaviano.com.br