Aulas para AV1_Arquitetura da Informação_Estácio de Sá

Prévia do material em texto

ARQUITETURA DA 
INFORMAÇÃO
S
é
rg
io
 C
a
rv
a
lh
o
Arquitetura
S
é
rg
io
 C
a
rv
a
lh
o
 Arte ou técnica de projetar e construir 
ambientes e espaços para o homem. 
 É praticada desde que o homem 
procurou abrigo
 Ganha importância o design e boa 
utilização otimizando o uso dos 
espaços físicos
Arquitetura
S
é
rg
io
 C
a
rv
a
lh
o
Atributos na arquitetura
S
é
rg
io
 C
a
rv
a
lh
o
 Solidez, segurança
 Design, beleza
 Uso adequado e praticidade
 Conforto
 ERGONOMIA: adequação dos 
espaços ao homem
O que é arquitetura da 
informação? (A.I.)
S
é
rg
io
 C
a
rv
a
lh
o
 Conceito de informação utilizando sistemas
 Bibliotecas, gerenciamento de conteúdo, 
desenvolvimento de web pages, interface 
com o usuário, design de softwares e 
games
TRANSPOSIÇÃO DO DESIGN E 
ARQUITETURA PARA O CENÁRIO 
DIGITAL
Arquitetura da informação
S
é
rg
io
 C
a
rv
a
lh
o
Arquitetura da Informação
S
é
rg
io
 C
a
rv
a
lh
o
 Design de ambientes e sistema de 
informação compartilhados e 
interativos
 Funciona como uma diretriz 
organizadora
 Centrada no homem (o usuário)
Arquitetura da Informação
S
é
rg
io
 C
a
rv
a
lh
o
 Cuidado importante:
 O homem (usuário) é o centro
 Conforto
 Depois a tecnologia...
 interfaces simples e interativas
Arquitetura da Informação
S
é
rg
io
 C
a
rv
a
lh
o
Arquitetura da Informação
S
é
rg
io
 C
a
rv
a
lh
o
USABILIDADE
Usabilidade
 Facilidade em empregar 
uma ferramenta ou objeto 
para realizar uma tarefa 
específica
 Mensuração da eficiência 
desempenhada por um 
objeto, ferramenta ou 
sistema
S
é
rg
io
 C
a
rv
a
lh
o
Usabilidade
S
é
rg
io
 C
a
rv
a
lh
o
O texto flexível
“WEB 2.0 – The machine is us”
Usabilidade
Na informática...
• Simplicidade e facilidade 
na interface de um 
programa ou sistema
S
é
rg
io
 C
a
rv
a
lh
o
Usabilidade
Ergonomia
IHC 
(interação homem computador)
S
é
rg
io
 C
a
rv
a
lh
o
Ergonomia 
S
é
rg
io
 C
a
rv
a
lh
o
 Estudo das relações entre objetos e 
espaço e o homem
 O homem é o centro 
IHC (Interação Homem 
Computador)
S
é
rg
io
 C
a
rv
a
lh
o
 Disciplina que estuda o projeto, 
implementação e avaliação de 
sistemas computacionais interativos 
para uso humano, juntamente com 
os fenômenos relacionados a esse 
uso“.
IHC (Interação Homem 
Computador)
S
é
rg
io
 C
a
rv
a
lh
o
 A usabilidade em meios digitais 
(internet) é um termo também 
utilizado também nas novas mídias. 
 Procura entender as necessidades 
dos usuários no ambiente virtual 
facilitando a compreensão do 
conteúdo , deixando-o auto-suficiente
nos cliques do hipertexto. 
IHC (Interação Homem 
Computador)
S
é
rg
io
 C
a
rv
a
lh
o
 Superar até mesmo as dificuldades 
de leigos ou não usuários, como 
dificuldade motora ou problemas de 
navegação por falta de conhecimento 
técnico para alcançar o que deseja o 
produtor da informação,
 É um dos princípios trabalhados pelo 
webwriting.
O hiperlink
S
é
rg
io
 C
a
rv
a
lh
o
 A base da produção na web
 A história do Google
O arquiteto da informação
Arquiteto da Informação: 
características profissionais
S
é
rg
io
 C
a
rv
a
lh
o
 Organização da informação
 Boa comunicação
 Sensibilidade
Arquiteto da Informação: 
características profissionais
S
é
rg
io
 C
a
rv
a
lh
o
 Organização da informação
 Definir foco, público e prioridades
 Classificação, hierarquização e 
diagramação
 estruturação do conteúdo
 Eleger prioridades e a linguagem 
adequada
Arquiteto da Informação: 
características profissionais
S
é
rg
io
 C
a
rv
a
lh
o
 Boa comunicação
 Eficiência em eliminar ruídos entre o 
emissor (proprietário do site) e o receptor 
(usuário)
 Condução da mensagem pelo site, sem a 
participação pessoal
 Fazer com que a mensagem seja 
compreendida sem margens para 
interpretações ou múltiplas 
compreensões.
 CLAREZA, CONCISÃO e COERÊNCIA
Arquiteto da Informação: 
características profissionais
S
é
rg
io
 C
a
rv
a
lh
o
 Sensibilidade
 Focar no usuário
 Conhecer as pessoas e as características 
daqueles que vão frequentar o site
 Pensar na experiência de interatividade 
do usuário, não de sí próprio.
 Vivência de experiência com outros sites 
e ferramentas
 Curiosidade para novos modelos e 
ferramentas
 Criatividade
Linguagem global
S
é
rg
io
 C
a
rv
a
lh
o
 Necessidade cada vez maior de 
comunicação para todos:
 Símbolos
 Sons
 Cores 
 Vibrações
Linguagem global
S
é
rg
io
 C
a
rv
a
lh
o
 Eliminação dos botões
 Automação de funções
 Delegar rotinas às máquinas, de acordo 
com critérios e padrões humanos
 Kinect 
 NFC tags
A arquitetura da informação em 
ambientes hipermídia
S
é
rg
io
 C
a
rv
a
lh
o
A arquitetura da informação em 
ambientes hipermídia
 Digital Life Today Tomorrow
• Barcelona, 2011
S
é
rg
io
 C
a
rv
a
lh
o
Engenharia cognitiva
S
é
rg
io
 C
a
rv
a
lh
o
 Forma como o usuário vai interpretar 
e interagir com um sistema
 Ciência aplicada na construção e 
design de ferramentas computacionais 
no sentido de tomar decisões mais 
corretas quanto ao design, formatos 
etc.
Pessoas ou máquinas?
Conversando com a 
máquina
• Janelas
• Hiperlinks
• Hipertexto 
Teaching the web
 We are the web
Trabalho – AV1 – briefing 
 Projeto de um aplicativo para uso universitário
 Serviço para o estudante
 Criar o nome, segmento, serviços e seções
 Fluxograma do uso do aplicativo (árvore, ou mapa)
 Cadastro, filtros, geo-referenciamento, Facebook etc
 Breve explicação sobre o serviço (briefing)
 Integração com as redes sociais
 Um layout de tela (simples!)
 Apresentação em PowerPoint e entrega em PDF, via 
email (sergio.carvalho.professor@gmail.com)
 Prazo: AV1
Janelas
 Conceito de interface contemporânea
 Ferramenta para interagir, gerenciar, 
comunicar com um sistema (o 
computador) 
 Surge com a Apple no sistema 
operacional Macintosch
 MS Windows x MS DOS
  INTERFACE GRÁFICA
Janelas
 Simplifica a forma de enxergar o sistema 
operacional de forma intuitiva e simples
 Organiza informações de forma 
conveniente
 Inicio do desenvolvimento em 1981 e 
lançado em 1985
 Combinação de três elementos:
 MOUSE, JANELAS e ÍCONES
CASE TIPP-EX (BIC GROUP)
INTERFACE
Publicidade interativa
 Para marcar a volta às aulas, a Tipp-Ex , marca líder no mercado 
europeu de produtos de correção, criou para o Youtube uma 
campanha interativa única, engraçada e que surpreende o cliente.
 No vídeo viral, agência francesa Buzzman coloca frente a frente um 
urso e um caçador, oferecendo aos espectadores a escolher o final da 
história, diretamento no YouTube “usando o corretivo”. 
 São mais de 50 diferentes finais hilários
 Reforço no slogan “Tipp-Ex, white and rewrite.”
Case Tipp-Ex – setembro 2010 
(grupo Bic)
Interação com o cliente
Marca de 
popular 
corretivo na 
EuropaMarketing viral 
 Técnica para explorar o potencial da internet (e das 
redes sociais) para propagar rapidamente um 
conteúdo
 Interessante, exclusivo, inovador
 Aproveita-se de um momento, tendência ou notícia
 Motiva o receptor a virar transmissor
 Baixo custo de distribuição
 Conceito
Interação com o cliente
Marca de 
popular 
corretivo na 
Europa
Viral – serviço público
 Dumb ways to die. Campanha para 
evitar acidentes no metrô ganha 
Cannes
 Em 2012, foi criada a campanha na 
Austrália intitulada “Dumb Ways to
Die” (Maneiras estúpidas de morrer), 
com o objetivo de reduzir o número 
de acidentes na rede ferroviária do 
país.
Viral – serviço público
 Dumb ways to die
Revisão – Arquitetura da Informação
HIPERLINK
 Nome dado à ligação que leva a outras unidades de informação 
em um documento hipertexto. O hiperlink pode fazer referência 
à outra parte do mesmo documento ou a outros documentos.
HIPERMÍDIA
 A definição formal de hipermídia une os conceitos de hipertexto 
e multimídia. Ou seja, um documento hipermídia contém 
imagens, sons, textos e vídeos, como qualquer título 
multimídia. Além disso, usa ligações de hipertexto para permitir 
que o usuário salte de um trecho do documento para outro ou 
até mesmo para um documento diferente. O termo hipermídia 
também é utilizado como sinônimo de multimídia. Veja 
também: multimídia.
Revisão
 Janelas e o uso multitarefas
 Permite melhor interface com o 
usuário 
 Permite trabalhos simultâneos
 Simplicidade na interação com o 
usuário
 Não há necessidade de grandes 
conhecimentos técnicos
Sistemas que utilizam a arquitetura 
da informação
 Sistemas de busca e motores de 
busca
 Google
 Bing
 Yahoo
Revisão
 Personalização
 Coleta de informação do usuário
• Direta
• Indireta 
• (+ dinâmica)
• Não requer a intervenção do usuário e 
frequentemente atualiza informação do 
usuário e visitante
Revisão
 Objetivos da Arquitetura da 
Informação
 Design de interação
 Usabilidade 
 Modelagem conceitual
 Objetivos da organização (ou cliente)
 Classificação 
Revisão
 Atividades abordadas pela Arquitetura 
da Informação
 Análise de requisitos
 Estudar tipos de usuários 
 Usabilidade