Top Banner
Arquitetura de Informação é o desenho de uma interface, incluindo todos seus fluxos de navegação e estruturação de conteúdo.
21

Arquitetura E Info2

Jun 05, 2015

Download

Technology

Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Arquitetura E Info2

Arquitetura de Informação é o desenho de uma interface, incluindo todos seus fluxos de navegação e estruturação de conteúdo.

Page 2: Arquitetura E Info2

ASPECTOS INTERACIONAIS DA NAVEGAÇÃO

Como interferem?

Page 3: Arquitetura E Info2
Page 4: Arquitetura E Info2

ARQUITETURA DA INFORMAÇÃO: O QUE É ISSO?

Componentes da AI em um website: sistema de organização,sistema de rotulação, sistema de navegação e sistema de busca.

Page 5: Arquitetura E Info2

USUÁRIO REAL X

USUÁRIO IDEAL

Design baseado em “personagens”:

homem/mulher,adolescente/adulto,solteiro/casado...

Page 6: Arquitetura E Info2

QUEM SÃO OS RESPONSÁVEIS PELOS CLICKS DOS USUÁRIOS?

O Projetista ou Design de interfaces

Page 7: Arquitetura E Info2

O projetista / design de interfaces leva em consideração 3 fatores prioritários no desenvolvimento de um projeto de internet:

* USUÁRIO

* SISTEMA

* INTERFACE

Page 8: Arquitetura E Info2

WIREFRAME

“O nome “wireframe” vem da junção de duas palavras em inglês: “wire” (linhas) e “frames” (ecrãs). Ou seja, são ecrãs de baixa resolução e com um aspecto gráfico muito pobre que servem apenas para indicar onde devem estar localizados os objectos e menus de interacção. O wireframe serve para mostrar a funcionalidade e não o aspecto gráfico de uma aplicação.” (GOMES, 2005)

Page 9: Arquitetura E Info2

FUNÇÕES DO WIREFRAME

* Função estrutural

* Marcação das etapas de um processo de interação entre usuário e sistema

Page 10: Arquitetura E Info2

Competências de um Arquiteto de Informação

Usabilidade

Identidade e Marca

Page 11: Arquitetura E Info2

RISCOS X VANTAGENS

Page 12: Arquitetura E Info2

PRINCIPAIS ELEMENTOS DE UM WIREFRAME

Page 13: Arquitetura E Info2

Exemplo de wireframe de GOMES (2005)

Page 14: Arquitetura E Info2

PRINCIPAIS SOFTWARES PARA CONSTRUÇÃO DE WIREFRAMES

*Visio*Freehand*QuarkXPress*InDesign.*OminiGraffle*llustrator ou ainda, em XHTML

Page 15: Arquitetura E Info2

Prototipagem em papel

Page 16: Arquitetura E Info2

INSTITUTO DA ARQUITETURA DA INFORMAÇÃO

(Information Architecture Institute)

Missão: organização global voluntária para apoiar ações individuais ou organizacionais relacionadas à construção de ambientes de informação compartilhada.

Page 17: Arquitetura E Info2

O VALOR DA ARQUITETURA DA INFORMAÇÃO

Trabalho intangível e invisível = incompreensão e desvalorização

Page 18: Arquitetura E Info2

REFLEXÃO PROPOSTA PELO INSTITUTO DA ARQUITETURA DA INFORMAÇÃO

Qual o custo de…

...encontrar uma informação?

...não encontrar uma informação?

…usar uma informação?…construir e gerenciar um sistema de informação?

Page 19: Arquitetura E Info2

REFLEXÃO PROPOSTA PELO INSTITUTO DA ARQUITETURA DA INFORMAÇÃO

Qual o custo de…

…educar empregados e consumidores?

…criar redes de conhecimento?

…fortalecer uma marca?...encorajar a inovação?

Page 20: Arquitetura E Info2

Na trilha dos olhos

Pesquisas do Instituto Poynter

Page 21: Arquitetura E Info2

ALGUNS PONTOS-CHAVE DESCOBERTOS PELO ESTUDO DE “EYETRACKING”:

*Fotos coloridas não chamam atenção automaticamente

*Leitores acessarão jornais online onde o elemento mais forte estiver

*Usuários enxergam a página na tela como uma coisa só

*Usuários aceitam facilmente o uso de negrito e a experimentação de cores berrantes*As cores não diminuem a aquisição de informação visual pelo usuário.