Prévia do material em texto

MÓDULO III
ARQUITETURA DE INFORMAÇÃO, 
USABILIDADE E INOVAÇÃO E NOVAS 
MÍDIAS
Alderlane Aquino | 2019/1 
• DISCIPLINA
– Arquitetura de informação, usabilidade e inovação e 
novas mídias
• CARGA HORÁRIA
– 21 h
• EMENTA
– A abordagem sistêmica da Arquitetura da Informação 
e seus principais componentes; As etapas de um 
projeto de Arquitetura da Informação; Os Princípios 
de Usabilidade e a Experiência do Usuário. Inovação 
social e a evolução das mídias sócias. As novas mídias 
e as redes socias.
• OBJETIVO GERAL
– Desenvolver conhecimentos teóricos e práticos relativos a 
arquitetura da Informação e Usabilidade, tendo como 
princípio a experiência do usuário as exigências das novas 
mídias e do marketing digital.
• OBJETIVOS ESPECÍFICOS
– Compreender os aspectos gerais da Arquitetura da 
informação;
– Entender as necessidades de informação e 
comportamentos dos usuários 
– Compreender os princípios da usabilidade e sua aplicações
– Ampliar o conhecimento sobre a experiência do usuário;
– Assimilar a evolução das mídias sócias e comportamento 
do usuário;
• EXPECTATIVAS DE APRENDIZAGEM
– HABILIDADES - espera-se que ao final da disciplina 
os conhecimentos adquiridos permitam aos 
acadêmicos desenvolver novas estratégias que 
atendam as necessidades dos usuários de redes 
socias;
– COMPETÊNCIAS – capacitar os acadêmicos ao final 
da disciplina a entenderem a correlação entre a 
arquitetura da informação e usabilidade para a 
boa experiência do usuário nas novas mídias;
ARQUITETURA
DE INFORMAÇAO: 
conceitos, funções, 
componentes e 
aplicações.
• Arquitetura de 
Informação
• Usabilidade
• Experiência do usuário
• Inovação
• Novas mídias
• Para melhorar:
– ESTRATÉGIAS DE 
ABORDAGEM;
– CAPACIDADE DE 
SOLUÇÃO DE 
PROBLEMAS. 
• Para saber :
– PLANEJAR
– SOLICITAR 
– E EXAMINAR DEPOIS DE 
ENTREGUE.
O usuário deve 
estar no centro 
de tudo
Donald Norman 
popularizou esse 
termo nos anos 90, 
enquanto trabalhava 
na Apple, no mesmo 
tempo em que 
Jakob Nielsen 
escreveu as famosas 
10 heurísticas de 
usabilidade, ainda 
usadas hoje.
Diz respeito ao que um 
usuário sente ao utilizar 
um produto, sistema ou 
serviço. Equilibrando 
aspectos práticos, 
experienciais, 
significativos e valiosos de 
interação. UX é o TODO.
A experiência é o que vai 
fazer o usuário escolher 
entre o seu produto ou o 
do concorrente. 
E como 
projetar para a 
MELHOR 
experiência do 
usuário?
“Se eu perguntasse a 
meus compradores o 
que eles queriam, 
teriam dito que era um 
cavalo mais rápido.”
Henry Ford
DESIGN 
VISUAL
DESIGN DE 
INTERAÇÃO 
ARQUITETO DA 
INFORMAÇÃO
PESQUISA DE 
USUÁRIO 
USABILIDADE ESTRATÉGIA DO 
CONTÉUDO
• Teve início por volta da década de 70, muito 
antes do surgimento da web e aplicativos 
móveis, ou a popularização de UX Design.
• Tal como Usabilidade e Acessibilidade, a 
Arquitetura da Informação (IA) extrapola o 
mundo digital; 
• A sua influência está presente nos sites e 
aplicativos que usamos, em materiais 
impressos, e até nos locais em que 
convivemos..
ARQUITETURA DA INFORMAÇÃO É A 
PRÁTICA DE DECIDIR COMO ORGANIZAR 
AS PARTES DE UM SISTEMA DE FORMA 
QUE ESTE SEJA COMPREENSÍVEL.
Nos ajuda a entender o que nos rodeia, e a encontrar 
o que procuramos.
1. O design estrutural de ambientes informacionais 
compartilhados; 
2. A combinação de sistemas de organização, rotulagem, 
busca e navegação em websites e intranets; 
3. A arte e a ciência de adequar em produtos a 
informação e a experiência a fim de melhorar a 
usabilidade e a capacidade de encontrar uma 
informação; 
4. Uma disciplina e comunidade emergente com práticas 
focadas em trazer para o meio digital os princípios de 
design e arquitetura. 
(ROSENFELD et al., 2015, p.24)
858143952590613363537873
464568776650968459429719
115449522648941007624872
739293144821041121475387
983937236573091651320322
555834226221921864134835
407456588871151617288023
969519886660377067470328
QUANTAS VEZES O NÚMERO 9 APARECE ABAIXO? 
E AGORA MELHOROU? 
858143952590613363537873
464568776650968459429719
115449522648941007624872
739293144821041121475387
983937236573091651320322
555834226221921864134835
407456588871151617288023
969519886660377067470328
858143952590613363537873
464568776650968459429719
115449522648941007624872
739293144821041121475387
983937236573091651320322
555834226221921864134835
407456588871151617288023
969519886660377067470328
E AGORA MELHOROU MAIS? 
011233333345555667788899
012444455566666777889999
001112222444445566778899
011111222333444457778899
001122223333335566778999
111222223334445555668889
001111223445556677788888
000123345666667777888999
E ASSIM
Ajuda a deixar 
as coisas mais 
organizadas, 
simples e 
objetivas.
Facilitar o acesso à informação 
Equilibrar as necessidades dos usuários, o 
contexto e o conteúdo 
Dar ênfase às informações importantes 
Retirar as informações desnecessárias
1
2
3
4
CONTEXTO
USUÁRIOSCONTÉUDO
DIZ RESPEITO AO 
AMBIENTE E 
COMO ELE DEVE 
SER
DEVE SER 
INTEIRAMENTE 
DIRECIONADO AO 
USUÁRIO.
DEVEM SER:
CONHECIDOS 
INTIMAMENTE
Para ter 
sucesso 
em AI, é 
necessário 
uma 
compreens
ão 
diversificad
a de 
padrões 
para 
criação, 
armazena
mento, 
acesso e 
apresentaç
ão de 
informaçõe
s. 
• COMO DEVE SER E ONDE? - Você precisa entender o 
contexto, é importante que antes de começar a 
desenhar, você entenda o contexto para depois 
entender o que fazer com o conteúdo
– modelo de negócios;
– objetivos do projeto;
– tecnologias e metodologias de desenvolvimento;
– recursos (capital, pessoas, equipamentos, entre 
outros);
– restrições.
CONTEXTO
Para ter 
sucesso 
em AI, é 
necessário 
uma 
compreens
ão 
diversificad
a de 
padrões 
para 
criação, 
armazena
mento, 
acesso e 
apresentaç
ão de 
informaçõe
s. 
• O QUE DEVE TER? - O que deve ser colocado no site? 
como deve ser organizado? Existe algum conteúdo que 
não deve estar lá? por quê? Essa etapa é importante 
para que você consiga organizar a arquitetura de 
informação e contemple todas as informações 
importantes.
– textos, imagens, gráficos, conteúdo em áudio etc.;
– mapeamento das páginas ou telas;
– estrutura;
– taxonomia;
– volume de informações.
CONTEÚDO
Para ter 
sucesso 
em AI, é 
necessário 
uma 
compreens
ão 
diversificad
a de 
padrões 
para 
criação, 
armazena
mento, 
acesso e 
apresentaç
ão de 
informaçõe
s. 
• PARA QUEM? - essa é a grande chave: as pessoas 
possuem necessidades, vontades e opções diferentes. 
Cada uma delas, em cada projeto, será diferente. 
Precisamos entender quem é o nosso usuário e juntar 
essas informações com o Contexto e o Conteúdo do site 
ou aplicação. 
– persona;
– necessidades;
– comportamento de busca pela informação;
– experiência de uso;
– tarefas que pretende executar na sua aplicação.
USUÁRIO
SISTEMAS DE ORGANIZAÇÃO
SISTEMAS DE ROTULAGEM
SISTEMAS DE NAVEGAÇÃO
SISTEMAS DE BUSCA
Para ter sucesso 
em AI, é necessário 
uma compreensão 
diversificada de 
padrões para 
criação, 
armazenamento, 
acesso e 
apresentação de 
informações. 
1
2
3
4
• AGRUPAMENTO E ORGANIZAÇÃO - Determina o 
agrupamento e a forma de categorizar as informações. 
– Como entendemos o mundo? Cada um de nós enxerga e 
compreende de uma forma. 
– Temos que tentar entender tanto a perspectiva de QUEM 
VAI utilizar o produto ou serviço quanto os OBJETIVOS DO 
NEGÓCIO. 
– O que podemos usar pra organizar as informações?
SISTEMAS DE ORGANIZAÇÃO
NÃO PRECISAMOS COLOCARTUDO NA CARA DO USUÁRIO: 
PODEMOS IR MOSTRANDO AOS POUCOS O CONTEÚDO. O 
IMPORTANTE É MANTER A CONSISTÊNCIA.
SISTEMAS DE ORGANIZAÇÃO
• Dividido entre ESTRUTURAS e ESQUEMAS. 
– ESTRUTURAS: São o tipo de relação entre itens e 
grupos: podem ser lineares, em teia, hierárquica, 
facetada e emergente;
– ESQUEMAS: São regras para apresentação de itens 
específicos e podem ser classificados em ambíguos 
e exatos. 
SISTEMAS DE ORGANIZAÇÃO
• ESTRUTURAS 
– LINEAR - estruturação simples e sequencial 
utilizada quando uma sequência planejada de 
interações é necessária, não permitindo que o 
usuário acesse uma página sem passar por outra. 
Ex.: Web ou aplicações passo-a-passo, 
preenchimento de formulário, sistema de inscrição
• ESTRUTURAS 
– TEIA – estruturações em teia rede ou gráfico, são 
associativas compostas por links vinculados por 
assuntos relacionados, sem sequência ou níveis, possui 
diversas ligações cruzadas, permite ao usuário maior 
flexibilidade pois não necessitam seguir uma sequência 
ou um caminho pré-definido de navegação; 
Ex.: Páginas de notícias, onde o usuário acessa uma 
página sobre determinado assunto ou tópico de seu 
interesse, e nessas páginas possuem links para outras 
páginas que tratam do mesmo tema. 
• ESTRUTURAS 
– HIERÁRQUICA – Possui uma sequência pré-
definida, uma classificação hierárquica que 
reflete a taxonomia de informação. Estruturada 
em níveis, as informações são dispostas em 
uma sequência de menor a maior detalhe da 
informação. 
Ex.: Websites ou sistema interativos - inicia com 
uma interface que fornece caminhos para 
categorias, assim, o usuário parte de uma 
informação superior, como página inicial, 
percorre as categorias e subcategorias, até 
chegar à informação detalhada; 
• ESTRUTURAS 
– FACETA– Organizar a informação pelas 
características, propriedades e atributos relevantes 
ao usuário, fornecendo múltiplos pontos de acesso 
à informação e uma categorização mutuamente 
exclusiva, aqui permite-se o acesso à informação 
por meio de valores que descrevem a informação. 
Ex.: Comércio eletrônico - pode ser usada para 
localizar produtos por faixa de preço ou 
características como cor, marca ou tamanho, também 
pode ser usada em conjunto com a estruturação 
hierárquica para melhor resultado
• ESTRUTURAS 
– EMERGENTE– Ao contrário das outras, não possui 
um pré-planejamento que visa à organização da 
informação. O crescimento e desenvolvimento são 
resultados de diversas contribuições colaborativas, 
– Ex.: Wikis - é difícil estabelecer uma estrutura pré-
concebida devido a sua rápida expansão e 
crescimento, porém, possui regras que controlam 
seu crescimento 
• ESQUEMAS: 
– AMBÍGUO - organização baseada na subjetividade, 
como a organização por público-alvo, tarefas, 
temas, metáforas, ou combinação de
– EXATO - organização é feita em seções óbvias, 
claras e mutuamente excludentes, sem 
ambiguidades, como a organização por ordem 
alfabética, cronológica, geográfica ou sequencial. 
AMBÍGUO / PÚBLICO ALVO
EXATO/ ORDEM CRONOLÓGICA
AMBÍGUO / TAREFA
EXATO / SEQUENCIAL
• COMO REPRESENTAR A INFORMAÇÃO - Definem signos 
verbais (terminologia) e visuais para cada elemento 
informativo e de suporte à navegação do usuário. 
– É a interface para o sistema de organização, ou seja, os 
nomes das diferentes categorias. 
– Deve refletir o conteúdo e ser redigido na linguagem do 
usuário 
– É um dos mais importantes aspectos e um dos mais difíceis 
de ser realizado
SISTEMAS DE ROTULAGEM
QUAL TERMO SERÁ MAIS ADEQUADO? DEPENDE DO CONTEXTO 
E DO PÚBLICO.
ROTULAGEM POR ASSOCIAÇÃO
ROTULAR
AGRUPAR
CATEGORIZAR
RÓTULOS
Best friend
Principiante
Universitário
Educando
Brother
Acadêmico Estagiário
Aluno
Herdeiro
Discípulo
Mano
Tutelado
Colega
Aprendiz
Estudante
Pupilo
AGRUPAMENTOS
Aluno
Estudante
Colega
Aprendiz
Estagiário
Principiante
Tutelado
Herdeiro
Universitário
Acadêmico 
Educando
Pupilo
Discípulo
Mano
Best Friend
Brother
CATEGORIAS
Aluno
Estudante
Colega
Aprendiz
Estagiário
Principiante
Tutelado
Herdeiro
Universitário
Acadêmico 
Educando
Pupilo
Discípulo
Parceiro
Best Friend
Brother
ORGANIZE OS TERMOS EM GRUPOS E DEFINA UM 
NOME PARA CADA AGRUPAMENTO
Paris Hilton
Futebol
Carros
Terremoto
Grêmio
Internacional Atletismo 
Natação
Steve Jobs
Computadores
Ipod
Brasil
Tsunami
Índia
Japão
ORGANIZE OS TERMOS EM GRUPOS E DEFINA UM 
NOME PARA CADA AGRUPAMENTO
Atletismo
Futebol
Grêmio
Internacional
Natação
Paris Hilton
Steve Jobs
Carros 
Computadores
Ipod
Brasil
Japão
Terremoto 
Tsunami
Índia
• FORMAS DE NAVEGAR ENTRE AS INFOS - Especificam 
formas de se mover através do espaço informacional. A 
função da navegação é mostrar claramente por onde o 
usuário caminhará na Arquitetura de Informação
– Menu global – Usado pra navegar de uma seção pra outra
– Menu Contextual ou Local – Usado para ajudar 
especificamente no menu daquela página.
– j
SISTEMAS DE NAVEGAÇÃO
USAR JUNTOS, PODE SER UMA ÓTIMA EXPERIÊNCIA OU UMA 
EXPERIENCIA FRUSTRANTE, VAI DEPENDER DO CONTEXTO.
MENU GLOBAL
MENU CONTEXTUAL
ONDE ESTOU
ONDE ESTIVE ONDE POSSO IR
• COMO O USUÁRIO PODE PROCURAR ALGO NO SITE, O 
QUE ELE PODE PERGUNTAR PARA ALCANÇAR O QUE 
ELE PRECISA? - Os sistemas de pesquisa são aplicações 
de software com um modelo no qual os usuários 
expressam sua necessidade de informação ao digitar 
perguntas na caixa de entrada. 
– Determinam as perguntas que o usuário pode fazer e as 
respostas que irá obter no banco de dados
SISTEMAS DE BUSCA
VOCÊ JÁ IMAGINOU UM SITE ENORME SEM UMA BUSCA? SE 
VOCÊ ENTRA NUM SITE JÁ SABENDO O QUE QUER, POR QUE NÃO 
UTILIZAR UMA BUSCA?
FILTROS PARA 
OTIMIZAR
“NÃO HÁ UMA FÓRMULA MÁGICA QUE NOS 
DIZ COMO ORGANIZAR AS COISAS DENTRO DE 
UM PROJETO: DEPENDE DO CONTEXTO, DO 
USUÁRIO E DO PROPÓSITO.”
Bibliografia
• MARINHO, Rafael de Barros. Arquitetura de 
Informação para Web: projetando a 
experiência do usuário em ambientes 
digitais; Editora: Novas Edições Acadêmicas –
São Paulo, 2018
• MORVILLE, P.; ROSENFELD, L. Information 
architecture for the world wide web. 3.ed. 
Sebastopol: O’Really, 2006.