ROUND 6 SAYS:

Arq. de
informacao
+
Disciplina: Por:

WEB Pedrina Brasil

Objetivos
01 Introdução
02 Arquitetura de Informação
03 Usabilidade na web
04 Dúvidas
O que é preciso para passar uma msg?

fo
e in
a d
u r
i t et
q u
ar
 o que é arquitetura de
informação?
Arquitetura de informação
é uma ciência que busca organizar a informação para ajudar as pessoas a realizarem ou encontrar o conteúdo que
precisam da forma mais intuitiva e rápida possível

também..
envolve a estruturação, classificação, agrupamento, rotulação e criação de esquemas de navegação dentro de um
sistema de informação.
 O excesso de informação pode gerar a “síndrome da fadiga da
informação”, que é caracterizada por tensão, irritabilidade e
sentimento de abandono causados pela sobrecarga de informação a
que o ser humano é exposto.
 a explosão da informação

A era da informação é, na verdade, uma explosão da não-informação – uma explosão de

dados. Para enfrentar a crescente avalanche dos dados é imperativo fazer a distinção
entre dados e informação.
 a explosão da informação

Dado é qualquer valor armazenado. Já informação são dados organizados de maneira a

produzir um significado. A informação deve ser aquilo que leva à
compreensão/conhecimento.
arq. de
informação
Em 1976 ocorre a conferência nacional do American
Institute of Architec, cujo tema é Arq. de Informação.
Nesta conferência foi proposta a criação de uma nova
disciplina chamada de Arquitetura de Informação.
A arquitetura de informação surge para combater esse
sentimento de ansiedade, resultado da distância entre o
que compreendemos e o que deveríamos compreender.
 arquitetura de informação

O objetivo da Arquitetura de Informação é organizar a informação de forma

que os usuários possam assimilá-la com facilidade
 arq. de informação
É um novo campo no webdesign, que difere do
design ou programação visual pelo fato de focar
na estrutura do website invés da sua
funcionalidade ou aspecto.
Ela tem como objetivo a construção de websites
fáceis de usar, que preencham as necessidades
dos clientes e os objetivos dos usuários
 arquitetura de informação

De acordo com Jakob Nielsen, um webdesigner tem menos de dois minutos para conseguir
se comunicar com o usuário que entra pela primeira vez em seu website. Caso isso não
ocorra, o usuário imediatamente irá para outro site onde seja mais fácil de se
navegar.
 Produzir um bom site é muito difícil, principalmente devido aos
desafios de deixar um conteúdo complexo facilmente consumível.
Vários desenvolvedores web se especializam em como deixar um
site bonito e intuitivo.
 1 produzir o design
es󰉃󰈹󰉉t󰉊󰈸a󰈘 d󰈡󰈻 󰈛󰇵i󰈡s 󰇷󰇵 󰇸om󰈥󰈀󰈹t󰈏󰈗󰈋am󰈩󰈝󰉄󰈢 de 󰈎󰈝󰇿󰈢r󰈚açã󰈡

2
COMBINAR A ORGANIZACAO
ro󰉃󰉉󰈘󰇽ge󰈚, 󰇻󰉉s󰇹󰇽 e 󰈼󰈎s󰉃󰇵󰈛as 󰇷󰈩 󰈞󰇽ve󰈇󰈀çã󰈢 󰈞o s󰈎󰉃󰇵 󰈦ar󰈀 󰇾󰇽󰇸il󰈎󰉃󰇽󰈹 o
co󰈝󰈼󰉉m󰈢 󰇷e 󰈼󰈩󰉊s 󰇷a󰇶󰈡s.

3 MODULAR PRODUTOS
de 󰈎󰈝󰇿󰈢r󰈚açã󰈡 (ví󰇷󰇵o󰈼, t󰈩󰉕󰉄󰈢s, i󰈚󰈀󰈈󰇵n󰈻, e󰉄c) 󰈩 󰇵󰉕󰈦er󰈎ê󰈝󰇸󰈏as 󰈥󰈀󰈹󰇽 da󰈸
su󰈥󰈡󰈹t󰇵 à u󰈻󰈀󰇻󰈏li󰇷󰈀󰇶󰇵 e à 󰈩n󰇹󰈢󰈞t󰈸a󰇻󰈎l󰈏󰇷a󰇶󰈩

4 organizar os dados
co󰈚 󰈦rá󰉃i󰇸󰈀s 󰇾󰈢󰇸ad󰈀󰈻 󰈞󰈢s 󰈥󰈹in󰇹í󰈦󰈎󰈢s 󰇷o 󰇶󰈩s󰈏󰈇󰈞 e 󰈀r󰈫󰉊i󰉄󰈩t󰉊󰈸a 󰈞󰈡 m󰇵i󰈡 󰇷󰈏󰈈it󰈀󰈗.
Alé󰈚 󰇶is󰈻󰈡 󰈈󰇵re󰈝󰇸󰈎󰇽r o󰈻 󰇶󰈀d󰈢󰈻 e 󰇸󰈡n󰉃󰇵ú󰇶o d󰈡 󰈻󰈏󰉄e p󰈀󰈸󰇽 󰈬u󰈩 󰇵s󰉃e󰈼 p󰈡󰈻󰈼󰇽m 󰈇e󰈹󰈀r
co󰈝󰈋󰈩c󰈏󰈚e󰈞t󰈡.
SISTEMAS DA ARQ DE INFO

ORGANIZAÇÃO ROTULAGEM NAVEGAÇÃO BUSCA

Determina o agrupamento e a categorização do conteúdo informacional
Organização

Onde é mais fácil encontrar uma palavra ?

hierarquias: taxonômicas, níveis, modelos mentais
Organização
banco de dados: conteúdo estruturado e relacionamentos
hipertextos: referências cruzadas, contextual
hierarquias: taxonômicas, níveis, modelos mentais
Organização
banco de dados: conteúdo estruturado e relacionamentos
hipertextos: referências cruzadas, contextual

Cronológica

Público Alvo

Metáfora
Estabelece as formas de representação/apresentação da informação, definindo signos para cada Rotulagem
elemento informativo. O rótulo é uma forma de representar uma informação de forma rápida e
eficaz sem oprimir o usuário. Seu objetivo é a comunicação eficiente da informação.
Especifica as maneiras de navegar, de se mover pelo espaço informacional e hipertextual.
Navegação
 Navegação
Um bom sistema de navegação deve indicar
Indica a localização do usuário, mostrando em que
espaço ele está no website, em relação ao todo e o
caminho até seu destino.

Espera-se que o sistema de navegação posicione o

usuário na estrutura interna do site, informando a
ele quais caminhos são possíveis e como
percorrê-los.

Realizada, em geral, por hiperligações de texto,

imagens, vídeos, etc.
exemplo: Global
A navegação global estão
presentes em todo o site,
justamente para possibilitar
a mobilidade do usuário.

Nos sistemas comerciais,

onde a fácil localização
de produtos é
fundamental para sua
eficiência, há sempre
algum elemento de
navegação global através
do qual o usuário pode
optar entre as grandes
áreas do site.
exemplo: local
A navegação local se destina
a permitir o aprofundamento
em um determinado
assunto/área do site.

Assim, a navegação local

é um “pente fino” feito
a partir da escolha do
usuário no âmbito
global. Ela funciona
principalmente para
permitir a navegação
dentro de uma área
previamente escolhida na
navegação global.
exemplo: contextual
A navegação contextual
geralmente é feita a partir
do próprio conteúdo publicado
e fica à reboque do seu
contexto.

Os links colocados
dentro de um texto
permitem uma navegação
contextual, já que
permitem que o usuário
expanda um certo
conceito mencionado pelo
conteúdo.
exemplo:
exemplo:
exemplo:
exemplo:
exemplo:
Permite que o usuário acesse diretamente um determinado conteúdo sem a necessidade de se
Busca
trilhar o caminho até encontrá-lo. A busca da informação pode ser feita em vários passos. O
usuário busca uma informação, aprende como resultado e refina sua busca.
O projeto de busca envolve quatro partes.
Busca

Ajuda
Exemplos
 o que é ergonomia
cognitiva?
ergonomia
é uma disciplina que tem como objetivo compreender a interação entre os seres humanos e os componentes de um
sistema com o qual eles interagem, aplicando princípios teóricos, dados e metodologias para otimizar a realização das
tarefas nesse sistema.

também...
é necessário a adaptação do sistema para que seja compatível com as
necessidades, capacidades e limites(físicos e mentais) das pessoas
ergonomia cognitiva
A ergonomia cognitiva estuda a percepção, memória, raciocínio
e respostas motoras dos usuários na execução das tarefas para
compreender os empecilhos existentes, para, então, saná-los.
O profissional que trata da ergonomia deve analisar a carga mental
necessária para a execução das tarefas, por exemplo: os processos
de decisão que o usuário terá que fazer, o desempenho do usuário
ao interagir com a máquina, qual o seu nível de estresse ao
completar a tarefa, etc.

O Usuário, ao utilizar um sistema computacional, analisa todas

as possibilidades e escolhe a que mais se parece com a tarefa
que ele tem em mente. O sistema deve oferecer liberdade ao
usuário para que este possa navegar nas suas ferramentas sem
medo de “quebrá-lo”.
 o que é
Usabilidade?
usabilidade
é um padrão de qualidade de software que mede o quanto algo é simples e fácil de se usar.

ou seja...
é a capacidade de um objeto, programa, sistema ou página web de satisfazer as necessidades
do usuário de maneira eficiente.
1 Ex󰈥e󰈹󰈎ên󰇹󰈏a 󰇶󰈩 󰉊so
determina como o usuário irá se sentir durante a interação com o sistema;

2 Usa󰇼󰈎󰈘󰈏da󰇷󰈩
determina a capacidade do usuário em utilizar as funcionalidades facilmente;

3 Des󰈎󰈇󰈞 d󰇵 i󰈝󰉄󰈩r󰇽ção
determina o quanto o visual do sistema favorece uma interação agradável;

4 Uti󰈗󰈎󰇶󰇽de
determina o quanto o sistema é útil em atender às necessidades do usuário.
usabilidade

Para garantir a usabilidade, o arquiteto da informação deve

garantir que, além de ter um bom design, o sistema possua
elementos de interação funcionais, objetivos e atraente.

O arquiteto da Informação deve conversar com o usuário através

da interface, ou seja, ele deve enviar mensagens indiretas e óbvias
utilizando os elementos de interação (metamensagens).

Podemos utilizar os conhecimentos prévios dos usuários para

passar algumas metamensagens
 As metamensagens se baseiam no conhecimento prévio do
usuário para serem eficientes, mas como isso pode ser feito adequadamente?
Talvez pareça um pouco complicado, mas existem vários estudos na área que
mapeiam as variáveis e as possibilidades de reações dos usuários quando se
deparam com um novo elemento interativo. Esta área de estudo se chama
Engenharia Cognitiva.
 qual válvula é água quente?

a engenharia cognitiva tenta compreender os princípios da ação-reação (interação com

um elemento e análise de sua resposta) registrando o índice de desempenho humano
para a elaboração de sistemas mais fáceis de serem usados
 qual válvula é água quente?

O projetista deve avaliar todos os cenários possíveis ao desenvolver o objeto

interativo, levando em consideração que o usuário espera que o sistema responda
adequadamente às suas ações, de forma que esta resposta indique uma avaliação da
última ação que ele realizou e recomende o que esse usuário poderá fazer em seguida,
de maneira explícita ou, preferencialmente implícita.
usabilidade na
web?
como o usuário pensa ao navegar em um site web:
 Usabilidade na web

os usuários não olham a página inteira, eles apenas dão uma olhada rápida. Portanto,
saber como organizar o conteúdo pode atrair da maneira correta o olhar do usuário.
 Usabilidade na web

Os usuários não gostam de pensar ou de se esforçar, além disso, são muito exigentes
em relação a alguns componentes e elementos web. Isto é tão intenso que o simples
uso de um desses elementos pode até criar uma aversão imediata, fazendo com que o
internauta saia do site.
 Usabilidade na web

Erros Sim reproduzido automaticamente

Lentidão de carregamento Elementos que flutuam/piscam

repetidamente
 Usabilidade na web

Janelas pop-up Pressão por um clique

Elementos parecidos com propaganda Excesso de textos densos

 Usabilidade na web

Ausência de sair Elementos que cobrem o conteúdo

Saber como organizar o conteúdo pode atrair da maneira correta o olhar do
usuário. Porém, o uso errado de determinado fator pode fazer o usuário
ignorar alguns elementos da página instintivamente. Isso porque, mesmo
que o projetista use técnicas de design gráfico para dar destaque a um
componente, o usuário pode ignorar esse elemento por achar que se trata
de uma propaganda, já que é assim que as propagandas geralmente se
comportam.
 Quais os produtos da
ARQ DE iNFO?
 produtos da ai

VISÍVEL AO USUÁRIO
produtos da ai
plantas/blue prints
wireframes
ferramentas
ferramentas
ferramentas
ROUND 6 SAYS:

Arq. de
informação
+
Disciplina: Por:

Web Pedrina Brasil