64
ARQUITETURA DE INFORMAÇÃO PROF. DHIEGO BICUDO dhiego.com.br [email protected]

Aula sobre Arquitetura de Informação

Embed Size (px)

DESCRIPTION

Neste conteúdo explico de forma prática e cheia de exemplos os sistemas de organização, navegação, rotulação e busca utilizados na Arquitetura de Informação para interface de sites. Aproveite!

Citation preview

Page 1: Aula sobre Arquitetura de Informação

ARQUITETURA DE INFORMAÇÃO PROF. DHIEGO BICUDO dhiego.com.br [email protected]

Page 2: Aula sobre Arquitetura de Informação

ONDE É MAIS RÁPIDO ENCONTRAR UMA PALAVRA?

Page 3: Aula sobre Arquitetura de Informação
Page 4: Aula sobre Arquitetura de Informação
Page 5: Aula sobre Arquitetura de Informação

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

1' SISTEMA DE ORGANIZAÇÃO

Page 7: Aula sobre Arquitetura de Informação

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
Page 9: Aula sobre Arquitetura de Informação
Page 10: Aula sobre Arquitetura de Informação

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

AMBIENTE DESORGANIZADO

Page 12: Aula sobre Arquitetura de Informação

AGRUPAMENTO POR SEMELHANÇA

Page 13: Aula sobre Arquitetura de Informação

CATEGORIAS

círculos laranja

quadrados verdes

triângulos azuis

Page 14: Aula sobre Arquitetura de Informação

NA PRÁTICA

Page 15: Aula sobre Arquitetura de Informação

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

–“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

DIFICULDADES

Page 18: Aula sobre Arquitetura de Informação

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

AMBIGUIDADE

Page 20: Aula sobre Arquitetura de Informação

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

O QUE É UD? O QUE TEM DENTRO DE UD?

Page 22: Aula sobre Arquitetura de Informação

HETEROGENEIDADE

Page 23: Aula sobre Arquitetura de Informação

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

É impossível criar um único sistema que atenda todo o site.

Page 25: Aula sobre Arquitetura de Informação

DIFERENÇAS DE PERSPECTIVA

Page 26: Aula sobre Arquitetura de Informação

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

ESTÉTICA

Page 28: Aula sobre Arquitetura de Informação

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

ESQUEMAS DE ORGANIZAÇÃO

Page 30: Aula sobre Arquitetura de Informação

2' SISTEMA DE NAVEGAÇÃO

Page 31: Aula sobre Arquitetura de Informação

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

–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

ONDE ESTOU? ONDE ESTIVE? AONDE POSSO IR?

Page 34: Aula sobre Arquitetura de Informação
Page 35: Aula sobre Arquitetura de Informação
Page 36: Aula sobre Arquitetura de Informação
Page 37: Aula sobre Arquitetura de Informação
Page 38: Aula sobre Arquitetura de Informação

–FLEMING, 1998

“10 princípios básicos para um sistema de navegação de qualidade.”

Page 39: Aula sobre Arquitetura de Informação

1. FÁCIL DE APRENDER

Page 40: Aula sobre Arquitetura de Informação

2. SER CONSISTENTE

Page 41: Aula sobre Arquitetura de Informação

3. PROVER FEEDBACK

Page 42: Aula sobre Arquitetura de Informação

4. PRESENTE DE DIFERENTES FORMAS CONFORME O CONTEXTO

Page 43: Aula sobre Arquitetura de Informação

5. OFERECER ALTERNATIVAS

Page 44: Aula sobre Arquitetura de Informação

6. ECONOMIZAR AÇÕES E TEMPO DE UTILIZAÇÃO

Page 45: Aula sobre Arquitetura de Informação

7. APRESENTAR MENSAGENS VISUAIS CLARAS E NO MOMENTO ADEQUADO

Page 46: Aula sobre Arquitetura de Informação

8. POSSUIR RÓTULOS COMPREENSÍVEIS

Page 47: Aula sobre Arquitetura de Informação

9. ESTAR EM SINTONIA COM O PROPÓSITO DO SITE

Page 48: Aula sobre Arquitetura de Informação

10. SUPORTAR OS OBJETIVOS E COMPORTAMENTOS DO USUÁRIO

Page 49: Aula sobre Arquitetura de Informação

3' SISTEMA DE ROTULAÇÃO

Page 50: Aula sobre Arquitetura de Informação

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

NUNCA MAIS HOME(R)

Page 52: Aula sobre Arquitetura de Informação

HOME QUEM SOMOS

NOSSOS PRODUTOS NOSSOS SERVIÇOS

FALE CONOSCO

Page 53: Aula sobre Arquitetura de Informação

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

ÁRVORE

Page 55: Aula sobre Arquitetura de Informação

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

GELADEIRAS OU REFRIGERADORES?

Page 57: Aula sobre Arquitetura de Informação
Page 58: Aula sobre Arquitetura de Informação
Page 59: Aula sobre Arquitetura de Informação
Page 60: Aula sobre Arquitetura de Informação

VESTIBULAR OU PROCESSO SELETIVO?

Page 61: Aula sobre Arquitetura de Informação

VEREADORES OU 12ª LEGISLATURA?

Page 62: Aula sobre Arquitetura de Informação

4' SISTEMA DE BUSCA

Page 63: Aula sobre Arquitetura de Informação

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

INTERFACE PÁGINA DE

RESULTADOS PÁGINA SEM RESULTADOS

AJUDA