Aula sobre Arquitetura de Informação
-
Upload
dhiego-bicudo -
Category
Internet
-
view
1.084 -
download
5
description
Transcript of Aula sobre Arquitetura de Informação
![Page 1: Aula sobre Arquitetura de Informação](https://reader030.fdocuments.net/reader030/viewer/2022020721/558d3d86d8b42ad8228b46b6/html5/thumbnails/1.jpg)
ARQUITETURA DE INFORMAÇÃO PROF. DHIEGO BICUDO dhiego.com.br [email protected]
![Page 2: Aula sobre Arquitetura de Informação](https://reader030.fdocuments.net/reader030/viewer/2022020721/558d3d86d8b42ad8228b46b6/html5/thumbnails/2.jpg)
ONDE É MAIS RÁPIDO ENCONTRAR UMA PALAVRA?
![Page 3: Aula sobre Arquitetura de Informação](https://reader030.fdocuments.net/reader030/viewer/2022020721/558d3d86d8b42ad8228b46b6/html5/thumbnails/3.jpg)
![Page 4: Aula sobre Arquitetura de Informação](https://reader030.fdocuments.net/reader030/viewer/2022020721/558d3d86d8b42ad8228b46b6/html5/thumbnails/4.jpg)
![Page 5: Aula sobre Arquitetura de Informação](https://reader030.fdocuments.net/reader030/viewer/2022020721/558d3d86d8b42ad8228b46b6/html5/thumbnails/5.jpg)
ONDE É MAIS RÁPIDO ENCONTRAR ALGO?É mais fácil encontrar uma informação em um ambiente organizado.
![Page 6: Aula sobre Arquitetura de Informação](https://reader030.fdocuments.net/reader030/viewer/2022020721/558d3d86d8b42ad8228b46b6/html5/thumbnails/6.jpg)
1' SISTEMA DE ORGANIZAÇÃO
![Page 7: Aula sobre Arquitetura de Informação](https://reader030.fdocuments.net/reader030/viewer/2022020721/558d3d86d8b42ad8228b46b6/html5/thumbnails/7.jpg)
1' SISTEMA DE ORGANIZAÇÃO
O sistema de organização é o componente da Arquitetura de Informação responsável por organizar a informação do website.
Sua função é definir as regras de classificação e ordenação das informações que serão apresentadas e aplicar estas regras, categorizando todos os conteúdos oferecidos.
Seu principal desafio é organizar a informação de forma que ajude o usuário a encontrar o que precisa para atingir seu objetivo.
![Page 8: Aula sobre Arquitetura de Informação](https://reader030.fdocuments.net/reader030/viewer/2022020721/558d3d86d8b42ad8228b46b6/html5/thumbnails/8.jpg)
![Page 9: Aula sobre Arquitetura de Informação](https://reader030.fdocuments.net/reader030/viewer/2022020721/558d3d86d8b42ad8228b46b6/html5/thumbnails/9.jpg)
![Page 10: Aula sobre Arquitetura de Informação](https://reader030.fdocuments.net/reader030/viewer/2022020721/558d3d86d8b42ad8228b46b6/html5/thumbnails/10.jpg)
O QUE É CATEGORIZAR?Categorizar ou classificar é agrupar entidade (objetos, ideias, ações…) por semelhança. Cada grupo de entidades semelhantes é uma categoria.
![Page 11: Aula sobre Arquitetura de Informação](https://reader030.fdocuments.net/reader030/viewer/2022020721/558d3d86d8b42ad8228b46b6/html5/thumbnails/11.jpg)
AMBIENTE DESORGANIZADO
![Page 12: Aula sobre Arquitetura de Informação](https://reader030.fdocuments.net/reader030/viewer/2022020721/558d3d86d8b42ad8228b46b6/html5/thumbnails/12.jpg)
AGRUPAMENTO POR SEMELHANÇA
![Page 13: Aula sobre Arquitetura de Informação](https://reader030.fdocuments.net/reader030/viewer/2022020721/558d3d86d8b42ad8228b46b6/html5/thumbnails/13.jpg)
CATEGORIAS
círculos laranja
quadrados verdes
triângulos azuis
![Page 14: Aula sobre Arquitetura de Informação](https://reader030.fdocuments.net/reader030/viewer/2022020721/558d3d86d8b42ad8228b46b6/html5/thumbnails/14.jpg)
NA PRÁTICA
![Page 15: Aula sobre Arquitetura de Informação](https://reader030.fdocuments.net/reader030/viewer/2022020721/558d3d86d8b42ad8228b46b6/html5/thumbnails/15.jpg)
CATEGORIZAR É …
uma habilidade natural que a mente humana usa para compreender o mundo ao seu redor.
A. Como explicar um boto cor de rosa?
B. Grão de Bico?
C. Patins?
![Page 16: Aula sobre Arquitetura de Informação](https://reader030.fdocuments.net/reader030/viewer/2022020721/558d3d86d8b42ad8228b46b6/html5/thumbnails/16.jpg)
–“JACOB, E; SHAW, D.
“É um mecanismo cognitivo fundamental que simplifica a interação do indivíduo com o ambiente: ela não apenas facilita o armazenamento da informação, mas
também reduz a demanda da memória humana."
![Page 17: Aula sobre Arquitetura de Informação](https://reader030.fdocuments.net/reader030/viewer/2022020721/558d3d86d8b42ad8228b46b6/html5/thumbnails/17.jpg)
DIFICULDADES
![Page 18: Aula sobre Arquitetura de Informação](https://reader030.fdocuments.net/reader030/viewer/2022020721/558d3d86d8b42ad8228b46b6/html5/thumbnails/18.jpg)
AMBIGUIDADE
HETEROGENEIDADE
DIFERENÇAS DE PERSPECTIVA
POLÍTICAS INTERNAS
ESTÉTICA
Devido aos seus aspectos cognitivos e culturais, a organização da informação na web apresenta diversas dificuldades:
![Page 19: Aula sobre Arquitetura de Informação](https://reader030.fdocuments.net/reader030/viewer/2022020721/558d3d86d8b42ad8228b46b6/html5/thumbnails/19.jpg)
AMBIGUIDADE
![Page 20: Aula sobre Arquitetura de Informação](https://reader030.fdocuments.net/reader030/viewer/2022020721/558d3d86d8b42ad8228b46b6/html5/thumbnails/20.jpg)
Os sistemas de classificação se baseiam na linguagem humana, que é naturalmente ambígua. Isso dificulta a escolha do rótulo que melhor traduz o conceito da categoria e na definição de quais elementos fazem parte da categoria.
ELETRODOMÉSTICOS OU ELETROPORTÁTEIS
![Page 21: Aula sobre Arquitetura de Informação](https://reader030.fdocuments.net/reader030/viewer/2022020721/558d3d86d8b42ad8228b46b6/html5/thumbnails/21.jpg)
O QUE É UD? O QUE TEM DENTRO DE UD?
![Page 22: Aula sobre Arquitetura de Informação](https://reader030.fdocuments.net/reader030/viewer/2022020721/558d3d86d8b42ad8228b46b6/html5/thumbnails/22.jpg)
HETEROGENEIDADE
![Page 23: Aula sobre Arquitetura de Informação](https://reader030.fdocuments.net/reader030/viewer/2022020721/558d3d86d8b42ad8228b46b6/html5/thumbnails/23.jpg)
O conteúdo é altamente heterogêneo. Em um mesmo site podem estar presentes conteúdos de diversos tipos (textos, vídeos, sons… etc) em diversos formatos (html, gif, jpg, ppt, pdf, docs… etc).
![Page 24: Aula sobre Arquitetura de Informação](https://reader030.fdocuments.net/reader030/viewer/2022020721/558d3d86d8b42ad8228b46b6/html5/thumbnails/24.jpg)
É impossível criar um único sistema que atenda todo o site.
![Page 25: Aula sobre Arquitetura de Informação](https://reader030.fdocuments.net/reader030/viewer/2022020721/558d3d86d8b42ad8228b46b6/html5/thumbnails/25.jpg)
DIFERENÇAS DE PERSPECTIVA
![Page 26: Aula sobre Arquitetura de Informação](https://reader030.fdocuments.net/reader030/viewer/2022020721/558d3d86d8b42ad8228b46b6/html5/thumbnails/26.jpg)
Toda organização é afetada pela perspectiva do seu criador, sua cultura e sua visão de mundo. Além disso, diferentes usuários têm diferentes perspectivas.
![Page 27: Aula sobre Arquitetura de Informação](https://reader030.fdocuments.net/reader030/viewer/2022020721/558d3d86d8b42ad8228b46b6/html5/thumbnails/27.jpg)
ESTÉTICA
![Page 28: Aula sobre Arquitetura de Informação](https://reader030.fdocuments.net/reader030/viewer/2022020721/558d3d86d8b42ad8228b46b6/html5/thumbnails/28.jpg)
Além de possuir uma organização compreensível um site precisa ser esteticamente agradável. Porém, a estética não deve prevalecer sobre a compreensão da informação. Adequar a forma ao conteúdo não é uma tarefa simples.
http://barneybaker.co/
![Page 29: Aula sobre Arquitetura de Informação](https://reader030.fdocuments.net/reader030/viewer/2022020721/558d3d86d8b42ad8228b46b6/html5/thumbnails/29.jpg)
ESQUEMAS DE ORGANIZAÇÃO
![Page 30: Aula sobre Arquitetura de Informação](https://reader030.fdocuments.net/reader030/viewer/2022020721/558d3d86d8b42ad8228b46b6/html5/thumbnails/30.jpg)
2' SISTEMA DE NAVEGAÇÃO
![Page 31: Aula sobre Arquitetura de Informação](https://reader030.fdocuments.net/reader030/viewer/2022020721/558d3d86d8b42ad8228b46b6/html5/thumbnails/31.jpg)
2' SISTEMA DE NAVEGAÇÃO
O sistema de navegação é o componente de um site que especifica as maneiras de navegar, de se mover pelo espaço informacional e hipertextual do site.
Sua função é indicar ao usuário a sua localização, mostrar o caminho correto para que ele encontre a informação que necessita e auxiliá-lo a realizar suas tarefas.
![Page 32: Aula sobre Arquitetura de Informação](https://reader030.fdocuments.net/reader030/viewer/2022020721/558d3d86d8b42ad8228b46b6/html5/thumbnails/32.jpg)
–NIELSEN, 2000
“Um bom sistema de navegação deve, a todo momento, responder a 3 perguntas básicas.”
![Page 33: Aula sobre Arquitetura de Informação](https://reader030.fdocuments.net/reader030/viewer/2022020721/558d3d86d8b42ad8228b46b6/html5/thumbnails/33.jpg)
ONDE ESTOU? ONDE ESTIVE? AONDE POSSO IR?
![Page 34: Aula sobre Arquitetura de Informação](https://reader030.fdocuments.net/reader030/viewer/2022020721/558d3d86d8b42ad8228b46b6/html5/thumbnails/34.jpg)
![Page 35: Aula sobre Arquitetura de Informação](https://reader030.fdocuments.net/reader030/viewer/2022020721/558d3d86d8b42ad8228b46b6/html5/thumbnails/35.jpg)
![Page 36: Aula sobre Arquitetura de Informação](https://reader030.fdocuments.net/reader030/viewer/2022020721/558d3d86d8b42ad8228b46b6/html5/thumbnails/36.jpg)
![Page 37: Aula sobre Arquitetura de Informação](https://reader030.fdocuments.net/reader030/viewer/2022020721/558d3d86d8b42ad8228b46b6/html5/thumbnails/37.jpg)
![Page 38: Aula sobre Arquitetura de Informação](https://reader030.fdocuments.net/reader030/viewer/2022020721/558d3d86d8b42ad8228b46b6/html5/thumbnails/38.jpg)
–FLEMING, 1998
“10 princípios básicos para um sistema de navegação de qualidade.”
![Page 39: Aula sobre Arquitetura de Informação](https://reader030.fdocuments.net/reader030/viewer/2022020721/558d3d86d8b42ad8228b46b6/html5/thumbnails/39.jpg)
1. FÁCIL DE APRENDER
![Page 40: Aula sobre Arquitetura de Informação](https://reader030.fdocuments.net/reader030/viewer/2022020721/558d3d86d8b42ad8228b46b6/html5/thumbnails/40.jpg)
2. SER CONSISTENTE
![Page 41: Aula sobre Arquitetura de Informação](https://reader030.fdocuments.net/reader030/viewer/2022020721/558d3d86d8b42ad8228b46b6/html5/thumbnails/41.jpg)
3. PROVER FEEDBACK
![Page 42: Aula sobre Arquitetura de Informação](https://reader030.fdocuments.net/reader030/viewer/2022020721/558d3d86d8b42ad8228b46b6/html5/thumbnails/42.jpg)
4. PRESENTE DE DIFERENTES FORMAS CONFORME O CONTEXTO
![Page 43: Aula sobre Arquitetura de Informação](https://reader030.fdocuments.net/reader030/viewer/2022020721/558d3d86d8b42ad8228b46b6/html5/thumbnails/43.jpg)
5. OFERECER ALTERNATIVAS
![Page 44: Aula sobre Arquitetura de Informação](https://reader030.fdocuments.net/reader030/viewer/2022020721/558d3d86d8b42ad8228b46b6/html5/thumbnails/44.jpg)
6. ECONOMIZAR AÇÕES E TEMPO DE UTILIZAÇÃO
![Page 45: Aula sobre Arquitetura de Informação](https://reader030.fdocuments.net/reader030/viewer/2022020721/558d3d86d8b42ad8228b46b6/html5/thumbnails/45.jpg)
7. APRESENTAR MENSAGENS VISUAIS CLARAS E NO MOMENTO ADEQUADO
![Page 46: Aula sobre Arquitetura de Informação](https://reader030.fdocuments.net/reader030/viewer/2022020721/558d3d86d8b42ad8228b46b6/html5/thumbnails/46.jpg)
8. POSSUIR RÓTULOS COMPREENSÍVEIS
![Page 47: Aula sobre Arquitetura de Informação](https://reader030.fdocuments.net/reader030/viewer/2022020721/558d3d86d8b42ad8228b46b6/html5/thumbnails/47.jpg)
9. ESTAR EM SINTONIA COM O PROPÓSITO DO SITE
![Page 48: Aula sobre Arquitetura de Informação](https://reader030.fdocuments.net/reader030/viewer/2022020721/558d3d86d8b42ad8228b46b6/html5/thumbnails/48.jpg)
10. SUPORTAR OS OBJETIVOS E COMPORTAMENTOS DO USUÁRIO
![Page 49: Aula sobre Arquitetura de Informação](https://reader030.fdocuments.net/reader030/viewer/2022020721/558d3d86d8b42ad8228b46b6/html5/thumbnails/49.jpg)
3' SISTEMA DE ROTULAÇÃO
![Page 50: Aula sobre Arquitetura de Informação](https://reader030.fdocuments.net/reader030/viewer/2022020721/558d3d86d8b42ad8228b46b6/html5/thumbnails/50.jpg)
3' SISTEMA DE ROTULAÇÃO
O sistema de rotulação é o componente da AI que estabelece as formas de representação, de apresentação da informação, definindo signos para cada elemento informativo.
Seu desafio é criar para o site uma linguagem clara, compreensível e sem ambieguidades.
![Page 51: Aula sobre Arquitetura de Informação](https://reader030.fdocuments.net/reader030/viewer/2022020721/558d3d86d8b42ad8228b46b6/html5/thumbnails/51.jpg)
NUNCA MAIS HOME(R)
![Page 52: Aula sobre Arquitetura de Informação](https://reader030.fdocuments.net/reader030/viewer/2022020721/558d3d86d8b42ad8228b46b6/html5/thumbnails/52.jpg)
HOME QUEM SOMOS
NOSSOS PRODUTOS NOSSOS SERVIÇOS
FALE CONOSCO
![Page 53: Aula sobre Arquitetura de Informação](https://reader030.fdocuments.net/reader030/viewer/2022020721/558d3d86d8b42ad8228b46b6/html5/thumbnails/53.jpg)
O QUE SÃO RÓTULOS?Rótulo ou termo (em inglês utiliza-se a palavra label) é um símbolo linguistico utilizado para representar um conceito.
Atribuir rótulos a conceitos é uma habilidade natural dos seres humanos. Uma língua nada mais é que um conjunto grande e completo de rótulos.
O objetivo dos rótulos é comunicar o conceito eficientemente, ou seja, comunicar sem ocupar muito espaço na página e sem demandar muito esforço cognitivo do usuário para compreendê-lo.
Rótulos podem ser textuais ou não textual. Na web o tipo mais comum de rótulos não textuais são os ícones.
![Page 54: Aula sobre Arquitetura de Informação](https://reader030.fdocuments.net/reader030/viewer/2022020721/558d3d86d8b42ad8228b46b6/html5/thumbnails/54.jpg)
ÁRVORE
![Page 55: Aula sobre Arquitetura de Informação](https://reader030.fdocuments.net/reader030/viewer/2022020721/558d3d86d8b42ad8228b46b6/html5/thumbnails/55.jpg)
POR QUE VOCÊ DEVE SE IMPORTAR COM RÓTULOS?Rótulo é uma forma rápida e eficaz de representar uma informação ou de comunicar um conceito.
Rótulos são empregados nos títulos das páginas, nas opções do sistema de navegação, nos links contextualizados dentro das páginas e nos metadados usados na indexação para o sistema de busca (metatags keywords e description).
É por meio do rótulo que o usuário entende e se adapta aos sistemas de organização e navegação do site.
Na web, os usuários não gastam muito tempo para ‘decodificar' o rótulo. Por isso, o rótulo precisa comunicar o conceito rapidamente.
![Page 56: Aula sobre Arquitetura de Informação](https://reader030.fdocuments.net/reader030/viewer/2022020721/558d3d86d8b42ad8228b46b6/html5/thumbnails/56.jpg)
GELADEIRAS OU REFRIGERADORES?
![Page 57: Aula sobre Arquitetura de Informação](https://reader030.fdocuments.net/reader030/viewer/2022020721/558d3d86d8b42ad8228b46b6/html5/thumbnails/57.jpg)
![Page 58: Aula sobre Arquitetura de Informação](https://reader030.fdocuments.net/reader030/viewer/2022020721/558d3d86d8b42ad8228b46b6/html5/thumbnails/58.jpg)
![Page 59: Aula sobre Arquitetura de Informação](https://reader030.fdocuments.net/reader030/viewer/2022020721/558d3d86d8b42ad8228b46b6/html5/thumbnails/59.jpg)
![Page 60: Aula sobre Arquitetura de Informação](https://reader030.fdocuments.net/reader030/viewer/2022020721/558d3d86d8b42ad8228b46b6/html5/thumbnails/60.jpg)
VESTIBULAR OU PROCESSO SELETIVO?
![Page 61: Aula sobre Arquitetura de Informação](https://reader030.fdocuments.net/reader030/viewer/2022020721/558d3d86d8b42ad8228b46b6/html5/thumbnails/61.jpg)
VEREADORES OU 12ª LEGISLATURA?
![Page 62: Aula sobre Arquitetura de Informação](https://reader030.fdocuments.net/reader030/viewer/2022020721/558d3d86d8b42ad8228b46b6/html5/thumbnails/62.jpg)
4' SISTEMA DE BUSCA
![Page 63: Aula sobre Arquitetura de Informação](https://reader030.fdocuments.net/reader030/viewer/2022020721/558d3d86d8b42ad8228b46b6/html5/thumbnails/63.jpg)
4' SISTEMA DE BUSCA
O sistema de busca é o componente da AI responsável por determinar as perguntas que o usuário pode fazer e o conjunto de respostas que irá obter.
Sua função é implementar o mecanismo de busca do site que complementa o sistema de navegação.
![Page 64: Aula sobre Arquitetura de Informação](https://reader030.fdocuments.net/reader030/viewer/2022020721/558d3d86d8b42ad8228b46b6/html5/thumbnails/64.jpg)
INTERFACE PÁGINA DE
RESULTADOS PÁGINA SEM RESULTADOS
AJUDA