Introdução a arquitetura de informação

1. ROUND6 SAYS:
Arq. de
informacao
Disciplina:
WEB
Por:
Pedrina Brasil
+

2. Objetivos
01 Introdução
04 Dúvidas
02 ArquiteturadeInformação
03 Usabilidadena web

3. O que é preciso para passar uma msg?
arquitetura de info

4. o que é arquitetura de
informação?

5. Arquitetura de informação
éumaciência quebuscaorganizar ainformaçãoparaajudar as pessoas arealizaremouencontraroconteúdoque
precisamda formamaisintuitivaerápida possível
envolvea estruturação,classificação, agrupamento, rotulaçãoecriaçãodeesquemas de navegaçãodentrode um
sistemadeinformação.
também..

6. 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.

7. 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.

8. 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.

9. 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.
arq. de
informação

10. 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

11. É 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
arq. de informação

12. 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.

13. 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.

14. 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󰈡.

15. SISTEMAS DA ARQ DE INFO
ORGANIZAÇÃO ROTULAGEM BUSCA
NAVEGAÇÃO

16. Organização
Determina o agrupamento e a categorização do conteúdo informacional
Onde é mais fácil encontrar uma palavra ?

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

18. Organização
hierarquias: taxonômicas, níveis, modelos mentais
banco de dados: conteúdo estruturado e relacionamentos
hipertextos: referências cruzadas, contextual
Público Alvo
Cronológica
Metáfora

19. Rotulagem
Estabelece as formas de representação/apresentação da informação, definindo signos para cada
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.

20. Navegação
Especifica as maneiras de navegar, de se mover pelo espaço informacional e hipertextual.

21. 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.
Navegação
Realizada, em geral, por hiperligações de texto,
imagens, vídeos, etc.

22. 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.
A navegação global estão
presentes em todo o site,
justamente para possibilitar
a mobilidade do usuário.
exemplo: Global

23. Assim, a navegação local
é um “pente fino” feito
a partir da escolha do
usuário no âmbito
global.
A navegação local se destina
a permitir o aprofundamento
em um determinado
assunto/área do site.
exemplo: local
Ela funciona
principalmente para
permitir a navegação
dentro de uma área
previamente escolhida na
navegação global.

24. 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.
A navegação contextual
geralmente é feita a partir
do próprio conteúdo publicado
e fica à reboque do seu
contexto.
exemplo: contextual

25. exemplo:

26. exemplo:

27. exemplo:

28. exemplo:

29. exemplo:

30. Busca
Permite que o usuário acesse diretamente um determinado conteúdo sem a necessidade de se
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.

31. Busca
O projeto de busca envolve quatro partes.
Ajuda

32. Exemplos

33. o que é ergonomia
cognitiva?

34. 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.
é necessário a adaptação do sistema para que seja compatível com as
necessidades, capacidades e limites(físicos e mentais) das pessoas
também...

35. 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.
ergonomia cognitiva
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”.

36. o que é
Usabilidade?

37. usabilidade
é um padrão de qualidade de software que mede o quanto algo é simples e fácil de se usar.
é a capacidade de um objeto, programa, sistema ou página web de satisfazer as necessidades
do usuário de maneira eficiente.
ou seja...

38. 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.

39. 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).
usabilidade
Podemos utilizar os conhecimentos prévios dos usuários para
passar algumas metamensagens

40. 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.

41. 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?

42. 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.
qual válvula é água quente?

43. usabilidade na
web?

44. como o usuário pensa ao navegar em um site web:

45. 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

46. 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

47. Usabilidade na web
Elementos que flutuam/piscam
repetidamente
Sim reproduzido automaticamente
Lentidão de carregamento
Erros

48. Usabilidade na web
Excesso de textos densos
Pressão por um clique
Elementos parecidos com propaganda
Janelas pop-up

49. Usabilidade na web
Elementos que cobrem o conteúdo
Ausência de sair

50. 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.

51. Quais os produtos da
ARQ DE iNFO?

52. produtos da ai
VISÍVEL AO USUÁRIO

53. produtos da ai

54. plantas/blue prints

55. wireframes

56. ferramentas

57. ferramentas

58. ferramentas

61. ROUND6 SAYS:
Arq. de
informação
Disciplina:
Web
Por:
Pedrina Brasil
+