ARQUITETURA DA INFORMAÇÃO · Arquitetura da Informação Arquitetura de Informação O que é...
Transcript of ARQUITETURA DA INFORMAÇÃO · Arquitetura da Informação Arquitetura de Informação O que é...
![Page 1: ARQUITETURA DA INFORMAÇÃO · Arquitetura da Informação Arquitetura de Informação O que é Combinação entre esquemas de organização, nomeação e navegação](https://reader033.fdocumentos.com/reader033/viewer/2022051603/5c427cc993f3c338af38234f/html5/thumbnails/1.jpg)
Arquitetura da Informação www.professorotaviano.com.br
ARQUITETURA DA INFORMAÇÃO
![Page 2: ARQUITETURA DA INFORMAÇÃO · Arquitetura da Informação Arquitetura de Informação O que é Combinação entre esquemas de organização, nomeação e navegação](https://reader033.fdocumentos.com/reader033/viewer/2022051603/5c427cc993f3c338af38234f/html5/thumbnails/2.jpg)
Arquitetura da Informação www.professorotaviano.com.br
O que é e para que serve?
![Page 3: ARQUITETURA DA INFORMAÇÃO · Arquitetura da Informação Arquitetura de Informação O que é Combinação entre esquemas de organização, nomeação e navegação](https://reader033.fdocumentos.com/reader033/viewer/2022051603/5c427cc993f3c338af38234f/html5/thumbnails/3.jpg)
Arquitetura da Informação www.professorotaviano.com.br
![Page 4: ARQUITETURA DA INFORMAÇÃO · Arquitetura da Informação Arquitetura de Informação O que é Combinação entre esquemas de organização, nomeação e navegação](https://reader033.fdocumentos.com/reader033/viewer/2022051603/5c427cc993f3c338af38234f/html5/thumbnails/4.jpg)
Arquitetura da Informação www.professorotaviano.com.br
Arquitetura deInformaçãoO que é e para que serve?
ONDE ESTOU ?
DE ONDE VIM ?
PARA ONDE VOU ?
![Page 5: ARQUITETURA DA INFORMAÇÃO · Arquitetura da Informação Arquitetura de Informação O que é Combinação entre esquemas de organização, nomeação e navegação](https://reader033.fdocumentos.com/reader033/viewer/2022051603/5c427cc993f3c338af38234f/html5/thumbnails/5.jpg)
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)
![Page 6: ARQUITETURA DA INFORMAÇÃO · Arquitetura da Informação Arquitetura de Informação O que é Combinação entre esquemas de organização, nomeação e navegação](https://reader033.fdocumentos.com/reader033/viewer/2022051603/5c427cc993f3c338af38234f/html5/thumbnails/6.jpg)
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)
![Page 7: ARQUITETURA DA INFORMAÇÃO · Arquitetura da Informação Arquitetura de Informação O que é Combinação entre esquemas de organização, nomeação e navegação](https://reader033.fdocumentos.com/reader033/viewer/2022051603/5c427cc993f3c338af38234f/html5/thumbnails/7.jpg)
Arquitetura da Informação www.professorotaviano.com.br
Ciclo de Vida Projeto Site
![Page 8: ARQUITETURA DA INFORMAÇÃO · Arquitetura da Informação Arquitetura de Informação O que é Combinação entre esquemas de organização, nomeação e navegação](https://reader033.fdocumentos.com/reader033/viewer/2022051603/5c427cc993f3c338af38234f/html5/thumbnails/8.jpg)
Arquitetura da Informação www.professorotaviano.com.br
Ciclo de Vida Projeto Site
![Page 9: ARQUITETURA DA INFORMAÇÃO · Arquitetura da Informação Arquitetura de Informação O que é Combinação entre esquemas de organização, nomeação e navegação](https://reader033.fdocumentos.com/reader033/viewer/2022051603/5c427cc993f3c338af38234f/html5/thumbnails/9.jpg)
Arquitetura da Informação www.professorotaviano.com.br
PRA QUE SERVE?
![Page 10: ARQUITETURA DA INFORMAÇÃO · Arquitetura da Informação Arquitetura de Informação O que é Combinação entre esquemas de organização, nomeação e navegação](https://reader033.fdocumentos.com/reader033/viewer/2022051603/5c427cc993f3c338af38234f/html5/thumbnails/10.jpg)
Arquitetura da Informação www.professorotaviano.com.br
PRA QUE SERVE?
![Page 11: ARQUITETURA DA INFORMAÇÃO · Arquitetura da Informação Arquitetura de Informação O que é Combinação entre esquemas de organização, nomeação e navegação](https://reader033.fdocumentos.com/reader033/viewer/2022051603/5c427cc993f3c338af38234f/html5/thumbnails/11.jpg)
Arquitetura da Informação www.professorotaviano.com.br
![Page 12: ARQUITETURA DA INFORMAÇÃO · Arquitetura da Informação Arquitetura de Informação O que é Combinação entre esquemas de organização, nomeação e navegação](https://reader033.fdocumentos.com/reader033/viewer/2022051603/5c427cc993f3c338af38234f/html5/thumbnails/12.jpg)
Arquitetura da Informação www.professorotaviano.com.br
Componentes da AI
![Page 13: ARQUITETURA DA INFORMAÇÃO · Arquitetura da Informação Arquitetura de Informação O que é Combinação entre esquemas de organização, nomeação e navegação](https://reader033.fdocumentos.com/reader033/viewer/2022051603/5c427cc993f3c338af38234f/html5/thumbnails/13.jpg)
Arquitetura da Informação www.professorotaviano.com.br
Sistema de Organização
![Page 14: ARQUITETURA DA INFORMAÇÃO · Arquitetura da Informação Arquitetura de Informação O que é Combinação entre esquemas de organização, nomeação e navegação](https://reader033.fdocumentos.com/reader033/viewer/2022051603/5c427cc993f3c338af38234f/html5/thumbnails/14.jpg)
Arquitetura da Informação www.professorotaviano.com.br
Três classificações distintas
Tomate
?
Três Classificações Distintas
Fruta | Legume | Verdura
![Page 15: ARQUITETURA DA INFORMAÇÃO · Arquitetura da Informação Arquitetura de Informação O que é Combinação entre esquemas de organização, nomeação e navegação](https://reader033.fdocumentos.com/reader033/viewer/2022051603/5c427cc993f3c338af38234f/html5/thumbnails/15.jpg)
Arquitetura da Informação www.professorotaviano.com.br
Dificuldades na Organização
•Liquidificador está em “Eletrodomésticos” ou “Eletroportáteis”
•O que é UD?
![Page 16: ARQUITETURA DA INFORMAÇÃO · Arquitetura da Informação Arquitetura de Informação O que é Combinação entre esquemas de organização, nomeação e navegação](https://reader033.fdocumentos.com/reader033/viewer/2022051603/5c427cc993f3c338af38234f/html5/thumbnails/16.jpg)
Arquitetura da Informação www.professorotaviano.com.br
Sistema de Navegação
![Page 17: ARQUITETURA DA INFORMAÇÃO · Arquitetura da Informação Arquitetura de Informação O que é Combinação entre esquemas de organização, nomeação e navegação](https://reader033.fdocumentos.com/reader033/viewer/2022051603/5c427cc993f3c338af38234f/html5/thumbnails/17.jpg)
Arquitetura da Informação www.professorotaviano.com.br
Sistema de Navegação
![Page 18: ARQUITETURA DA INFORMAÇÃO · Arquitetura da Informação Arquitetura de Informação O que é Combinação entre esquemas de organização, nomeação e navegação](https://reader033.fdocumentos.com/reader033/viewer/2022051603/5c427cc993f3c338af38234f/html5/thumbnails/18.jpg)
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!!!
![Page 19: ARQUITETURA DA INFORMAÇÃO · Arquitetura da Informação Arquitetura de Informação O que é Combinação entre esquemas de organização, nomeação e navegação](https://reader033.fdocumentos.com/reader033/viewer/2022051603/5c427cc993f3c338af38234f/html5/thumbnails/19.jpg)
Arquitetura da Informação www.professorotaviano.com.br
Sistema de Rotulação
![Page 20: ARQUITETURA DA INFORMAÇÃO · Arquitetura da Informação Arquitetura de Informação O que é Combinação entre esquemas de organização, nomeação e navegação](https://reader033.fdocumentos.com/reader033/viewer/2022051603/5c427cc993f3c338af38234f/html5/thumbnails/20.jpg)
Arquitetura da Informação www.professorotaviano.com.br
![Page 21: ARQUITETURA DA INFORMAÇÃO · Arquitetura da Informação Arquitetura de Informação O que é Combinação entre esquemas de organização, nomeação e navegação](https://reader033.fdocumentos.com/reader033/viewer/2022051603/5c427cc993f3c338af38234f/html5/thumbnails/21.jpg)
Arquitetura da Informação www.professorotaviano.com.br
Sistema de Rotulação
![Page 22: ARQUITETURA DA INFORMAÇÃO · Arquitetura da Informação Arquitetura de Informação O que é Combinação entre esquemas de organização, nomeação e navegação](https://reader033.fdocumentos.com/reader033/viewer/2022051603/5c427cc993f3c338af38234f/html5/thumbnails/22.jpg)
Arquitetura da Informação www.professorotaviano.com.br
Sistema de Busca
![Page 23: ARQUITETURA DA INFORMAÇÃO · Arquitetura da Informação Arquitetura de Informação O que é Combinação entre esquemas de organização, nomeação e navegação](https://reader033.fdocumentos.com/reader033/viewer/2022051603/5c427cc993f3c338af38234f/html5/thumbnails/23.jpg)
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
![Page 24: ARQUITETURA DA INFORMAÇÃO · Arquitetura da Informação Arquitetura de Informação O que é Combinação entre esquemas de organização, nomeação e navegação](https://reader033.fdocumentos.com/reader033/viewer/2022051603/5c427cc993f3c338af38234f/html5/thumbnails/24.jpg)
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.
![Page 25: ARQUITETURA DA INFORMAÇÃO · Arquitetura da Informação Arquitetura de Informação O que é Combinação entre esquemas de organização, nomeação e navegação](https://reader033.fdocumentos.com/reader033/viewer/2022051603/5c427cc993f3c338af38234f/html5/thumbnails/25.jpg)
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
![Page 26: ARQUITETURA DA INFORMAÇÃO · Arquitetura da Informação Arquitetura de Informação O que é Combinação entre esquemas de organização, nomeação e navegação](https://reader033.fdocumentos.com/reader033/viewer/2022051603/5c427cc993f3c338af38234f/html5/thumbnails/26.jpg)
Arquitetura da Informação www.professorotaviano.com.br
![Page 27: ARQUITETURA DA INFORMAÇÃO · Arquitetura da Informação Arquitetura de Informação O que é Combinação entre esquemas de organização, nomeação e navegação](https://reader033.fdocumentos.com/reader033/viewer/2022051603/5c427cc993f3c338af38234f/html5/thumbnails/27.jpg)
Arquitetura da Informação www.professorotaviano.com.br
Site Adria.
Finalizado
![Page 28: ARQUITETURA DA INFORMAÇÃO · Arquitetura da Informação Arquitetura de Informação O que é Combinação entre esquemas de organização, nomeação e navegação](https://reader033.fdocumentos.com/reader033/viewer/2022051603/5c427cc993f3c338af38234f/html5/thumbnails/28.jpg)
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.
![Page 29: ARQUITETURA DA INFORMAÇÃO · Arquitetura da Informação Arquitetura de Informação O que é Combinação entre esquemas de organização, nomeação e navegação](https://reader033.fdocumentos.com/reader033/viewer/2022051603/5c427cc993f3c338af38234f/html5/thumbnails/29.jpg)
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
![Page 30: ARQUITETURA DA INFORMAÇÃO · Arquitetura da Informação Arquitetura de Informação O que é Combinação entre esquemas de organização, nomeação e navegação](https://reader033.fdocumentos.com/reader033/viewer/2022051603/5c427cc993f3c338af38234f/html5/thumbnails/30.jpg)
Arquitetura da Informação www.professorotaviano.com.br
Card Sorting
![Page 31: ARQUITETURA DA INFORMAÇÃO · Arquitetura da Informação Arquitetura de Informação O que é Combinação entre esquemas de organização, nomeação e navegação](https://reader033.fdocumentos.com/reader033/viewer/2022051603/5c427cc993f3c338af38234f/html5/thumbnails/31.jpg)
Arquitetura da Informação www.professorotaviano.com.br
Arquitetura da InformaçãoSitegrama
![Page 32: ARQUITETURA DA INFORMAÇÃO · Arquitetura da Informação Arquitetura de Informação O que é Combinação entre esquemas de organização, nomeação e navegação](https://reader033.fdocumentos.com/reader033/viewer/2022051603/5c427cc993f3c338af38234f/html5/thumbnails/32.jpg)
Arquitetura da Informação www.professorotaviano.com.br
Finalizando......
![Page 33: ARQUITETURA DA INFORMAÇÃO · Arquitetura da Informação Arquitetura de Informação O que é Combinação entre esquemas de organização, nomeação e navegação](https://reader033.fdocumentos.com/reader033/viewer/2022051603/5c427cc993f3c338af38234f/html5/thumbnails/33.jpg)
Arquitetura da Informação www.professorotaviano.com.br
![Page 34: ARQUITETURA DA INFORMAÇÃO · Arquitetura da Informação Arquitetura de Informação O que é Combinação entre esquemas de organização, nomeação e navegação](https://reader033.fdocumentos.com/reader033/viewer/2022051603/5c427cc993f3c338af38234f/html5/thumbnails/34.jpg)
Arquitetura da Informação www.professorotaviano.com.br
![Page 35: ARQUITETURA DA INFORMAÇÃO · Arquitetura da Informação Arquitetura de Informação O que é Combinação entre esquemas de organização, nomeação e navegação](https://reader033.fdocumentos.com/reader033/viewer/2022051603/5c427cc993f3c338af38234f/html5/thumbnails/35.jpg)
Arquitetura da Informação www.professorotaviano.com.br
![Page 36: ARQUITETURA DA INFORMAÇÃO · Arquitetura da Informação Arquitetura de Informação O que é Combinação entre esquemas de organização, nomeação e navegação](https://reader033.fdocumentos.com/reader033/viewer/2022051603/5c427cc993f3c338af38234f/html5/thumbnails/36.jpg)
Arquitetura da Informação www.professorotaviano.com.br
“Não seja um desenvolvedor de
sistemas para computadores,
desenvolva sistemas para pessoas”
![Page 38: ARQUITETURA DA INFORMAÇÃO · Arquitetura da Informação Arquitetura de Informação O que é Combinação entre esquemas de organização, nomeação e navegação](https://reader033.fdocumentos.com/reader033/viewer/2022051603/5c427cc993f3c338af38234f/html5/thumbnails/38.jpg)
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