Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
2
Introduo........................................................................................................................................... 2
Contedo..............................................................................................................................................3
A aplicao web e sistemas convencionais ............................................................................3
A arquitetura e o arquiteto da informao ............................................................................. 4
Componentes da arquitetura da informao de websites.............................................. 5
Sistema de Navegao (Navigation System) ......................................................................... 5
Elementos de navegao ............................................................................................................... 6
Sistema de rotulao (labeling system) ....................................................................................7
Sistema de busca (search system)...............................................................................................7
A usabilidade ........................................................................................................................................ 9
Tcnicas de avaliao de usabilidade ..................................................................................... 12
A usabilidade no projeto de uma aplicao ........................................................................ 12
IHM interface homem mquina. ........................................................................................... 13
A importncia das interfaces ...................................................................................................... 14
Princpios de projeto....................................................................................................................... 15
Atividade proposta........................................................................................................................... 17
Exerccios de fixao ...................................................................................................................... 18
Chaves de resposta ..................................................................................................................................................... 22
ARQUITETURA DA INFORMAO
Introduo
O design estrutural est relacionado ao design de interao, ou seja, criar um
projeto composto de objetos interativos, como websites e mesmo softwares de
aplicao local, onde o foco a criao de uma interface totalmente interativa,
funcionando tambm como meio de comunicao interpessoal.
As aplicaes em ambiente web tm uma caracterstica completamente
diferente das aplicaes locais, a comear pelo nmero de pessoas que as
acessam. A forma como essas informaes sero inseridas e acessadas garante
o sucesso das aes no ambiente e consequentemente a satisfao do usurio.
Objetivo:
1. Definir o design estrutural de ambientes de informao compartilhados;
2. Conceituar e entender usabilidade e seus atributos, a importncia do usurio
no desenvolvimento e as noes de interface homem-mquina.
ARQUITETURA DA INFORMAO
Contedo
A aplicao web e sistemas convencionais
As aplicaes web e sistemas convencionais apresentam algumas diferenas. A
engenharia de um sistema para web envolve, alm dos aspectos definidos na
engenharia de sistemas convencionais, aspectos que so relevantes apenas
para esse tipo de sistema, como o ambiente exploratrio baseado em
navegao e navegao personalizada entre usurios, ou seja, o acesso s
informaes independente de outras pessoas.
importante neste contexto diferenciar aplicaes web de websites. Uma
aplicao web consiste em websites que possibilitam a interao do usurio
com a aplicao, ou seja, aplicao web seria a composio de websites que
disponibilizam um determinado servio aos seus usurios. Basicamente, uma
aplicao web cuida das funcionalidades e website cuida da apresentao,
aparncia e navegao.
Vrios conceitos sobre desenvolvimento so tratados de forma diferente em
aplicaes web, pois trata-se de um ambiente distribudo onde cada parte que
compe o programa pode estar localizada em mquinas diferentes. Ignorar
esse fato pode ser um srio problema no processo de desenvolvimento para
aplicaes deste tipo.
Como as aplicaes desenvolvidas para web esto se tornando cada vez mais
complexas devido s caractersticas de negcio que devem ser levadas em
considerao, vrios aspectos especficos devem ser considerados para o
desenvolvimento dessas aplicaes.
Em uma aplicao web os elementos de uma pgina dispostos de forma
desordenada podem levar o usurio a se perder e ter como consequncia a sua
sada. Como se trata de um espao praticamente sem limite, a informao deve
ARQUITETURA DA INFORMAO
visando
atravs
de
elementos
prprios
garantir
Ateno
No desenvolvimento do projeto o Arquiteto da Informao deve se
preocupar com trs elementos fundamentais que so as dimenses
estrutural (ou conceitual), navegacional e de apresentao. A dimenso
estrutural define a organizao das informaes a serem tratadas pela
aplicao e os seus relacionamentos, a dimenso navegacional define como
as informaes sero acessadas atravs da aplicao e a dimenso de
apresentao define como as informaes e o acesso a essas informaes
sero apresentados ao usurio da aplicao.
ARQUITETURA DA INFORMAO
Ambgua
Divide a informao em categorias subjetivas. Baseia-se na ambiguidade
(capacidade de vrias interpretaes) inerente da lngua e na subjetividade
humana. No possui regras claras de como incluir novos itens.
ARQUITETURA DA INFORMAO
Ateno
Desta forma, deve-se criar cenrios para que o usurio possa
navegar pelo site de forma livre, sem a percepo de que
esteja sendo mantido preso.
Existem estudos que mostram que o usurio de Internet em
mdia, percorre a pgina comeando pelo ngulo superior
esquerdo, at o ngulo inferior direito. o efeito zig-zag.
Elementos de navegao
So instrumentos que norteiam as aes do internauta de forma a mant-lo
ciente de onde est, retornar e deslocar-se no site. Eis alguns exemplos:
ARQUITETURA DA INFORMAO
no
conseguem
uma
resposta
seguindo
os
ARQUITETURA DA INFORMAO
links
O sistema de busca visa facilitar a vida do usurio com base nas possveis
informaes que o site possa lhe fornecer. A deciso de se criar ou no um
sistema de busca depende do objetivo do site.
Deve-se implementar um sistema de busca em sites muito grandes com sistema de
navegao muito complexos, ou em sites com contedo muito dinmico.
Por outro lado, se a realidade for de pouco contedo no h a necessidade de
se criar um sistema de busca. Deve-se ficar atento tambm condio de
configurao desse sistema, pois no uma tarefa to fcil assim e caso no
haja um profissional para cuidar dessa ferramenta, o mecanismo poder ter
resultados no esperados.
Veremos agora alguns tipos de necessidade de se obter informao:
Procura por item existente Usurio sabe o que quer mas no sabe
como descrever, ou no sabe se a resposta ser completa;
Para
projeto
de um
sistema
de busca
deve-se
levar
considerao:
ARQUITETURA DA INFORMAO
em
A usabilidade
Com o intuito de criar uma interface amigvel e ter os objetivos da empresa,
instituio ou de uma pessoa bem definidos no site, importante conhecer as
necessidades dos usurios e dessa forma manter uma relao capaz de tornar a
navegao prazerosa e bem-sucedida por este usurio. Elementos como
navegabilidade e interface homem-mquina esto presentes como fatores
determinantes no sucesso de um projeto web. Existem vrias definies para
usabilidade, que tm suas orientaes destinadas a abordagens especficas,
segundo alguns autores.
Ateno
As normas certificadoras, obedecendo suas caractersticas de
avaliao de produto, tambm tm suas definies, como a
seguir:
ARQUITETURA DA INFORMAO
ARQUITETURA DA INFORMAO
Funcionalidade
Confiabilidade
Usabilidade
Eficincia
ARQUITETURA DA INFORMAO
ARQUITETURA DA INFORMAO
Ateno
Garantir uma boa usabilidade no projeto to importante
quanto a sua prpria aplicao e por essa razo a avaliao
da usabilidade detectar problemas de desconformidade e
poder ter uma resposta quanto ao grau de satisfao do
cliente.
ARQUITETURA DA INFORMAO
Ambientes virtuais.
Ambientes colaborativos.
ARQUITETURA DA INFORMAO
Princpios de projeto
Com base no projeto de interface de usurios foram pesquisados alguns
princpios de projeto:
ARQUITETURA DA INFORMAO
Normalmente
existe
uma
equipe
de
desenvolvimento
composta
por
ARQUITETURA DA INFORMAO
Atividade proposta
Faa uma pesquisa em trs sites de propostas diferentes e faa uma crtica com
relao aparncia, contedo e navegabilidade.
ARQUITETURA DA INFORMAO
Exerccios de fixao
Questo 1
A descrio de contedo estabelecendo uma hierarquia dentro do texto est
ligada :
a) Sistema de busca
b) Sistema de navegao
c) Sistema de rotulao
d) Sistema de organizao
e) Design estrutural
Questo 2
Qual das opes abaixo apresenta de forma correta os trs elementos
fundamentais para o desenvolvimento de um projeto de software?
a) Dimenses navegacional, estrutural e de controle.
b) Dimenses de controle, estrutural e de apresentao.
c) Dimenses estrutural, de apresentao e de design.
d) Dimenses estrutural, navegacional e de controle.
e) Dimenses estrutural, navegacional e de apresentao.
Questo 3
Marque a opo correta sobre sistema de rotulao:
a) Determina as perguntas que o usurio pode fazer e o conjunto de
respostas que ir obter.
b) Especifica as maneiras de se mover pelo espao informacional e
hipertextual.
c) Estabelece as formas de representao, de apresentao da informao,
definindo smbolos para cada elemento informativo.
d) Determina o agrupamento e a categorizao do contedo informacional.
e) Determina o design estrutural do projeto.
ARQUITETURA DA INFORMAO
Questo 4
Sobre, Tarefa, Pblico Alvo, Metfora e Hbrido, podemos afirmar que:
a) So categorias da informao exata.
b) So categorias da informao ambgua.
c) So categorias de sistema de rotulao.
d) So categorias de sistema de busca.
e) No esto ligados ao sistema de navegao.
Questo 5
Mapa do site ou site map representa um:
a) Elemento de navegao
b) Sistema de busca
c) Esboo de site
d) Instrumento de navegao
e) Descrio de contedo
Questo 6
Qual das opes abaixo no representa uma tcnica de avaliao de
usabilidade?
a) Tcnicas prospectivas
b) Tcnicas preditivas
c) Tcnicas objetivas
d) Tcnicas de padronizao
e) Medio de satisfao do usurio
ARQUITETURA DA INFORMAO
Questo 7
O que representa familiaridade do usurio?
a) Interfaces definidas em termos e conceitos do cotidiano.
b) Os componentes da interface devem ter o mesmo formato.
c) A interface deve ter recursos para ajudar o usurio.
d) Abordar as diferenas entre habilidades e limitaes dos usurios.
e) Interface que guia o usurio no processo de navegao.
Questo 8
Sobre problemas relacionados usabilidade, o que significa trabalho adicional?
a) Causa
b) Re-design
c) Contexto
d) Retorno
e) Efeitos sobre a tarefa
Questo 9
Qual das opes abaixo est relacionada com facilidade de aprendizagem?
a) O usurio consegue fazer o que precisa de forma rpida e eficaz.
b) Medida de quanto o usurio se sente feliz em utilizar o sistema.
c) Capacidade com que o usurio comea a interagir rapidamente com o
sistema logo na primeira vez que o utiliza.
d) Facilidade com que o usurio lembra como o sistema deve ser utilizado.
e) Facilidade com que o usurio acessa as opes da pgina.
ARQUITETURA DA INFORMAO
Questo 10
A definio de que a usabilidade est relacionada s tarefas especiais realizadas
por usurios especficos do produto, em determinado ambiente de trabalho,
com base em:
a) Orientada ao produto.
b) Orientada ao usurio.
c) Baseada no desempenho do usurio.
d) Orientada facilidade do usurio.
e) Orientada no contexto de uso.
ARQUITETURA DA INFORMAO
Aula 2
Exerccios de fixao
Questo 1 - C
Justificativa: A afirmativa refere-se a rtulos como cabealho que uma
caracterstica do sistema de rotulao.
Questo 2 - E
Justificativa: O termo dimenses de controle no est correto e design faz parte
da dimenso de apresentao.
Questo 3 - C
Justificativa: A refere-se busca, B refere-se navegao, D refere-se
organizao e E representa a prpria estrutura do projeto de desenvolvimento.
Questo 4 - B
Justificativa: So categorias subjetivas da informao ligadas ambiguidade.
Questo 5 - A
Justificativa: um dos elementos que norteiam as aes do internauta.
Questo 6 - D
Justificativa: Tcnicas de padronizao no fazem parte dos modelos de
medio para avaliao.
Questo 7 - A
Justificativa: Conceitos do cotidiano fazem com que o usurio se familiarize com
cones e aparncia conhecida.
ARQUITETURA DA INFORMAO
Questo 8 - E
Justificativa: O trabalho adicional faz o usurio as vezes repetir uma
determinada tarefa.
Questo 9 - C
Justificativa: Quando no primeiro acesso o usurio consegue interagir com o
sistema significa que houve um aprendizado de forma fcil.
Questo 10 - E
Justificativa: A especificidade e o ambiente de trabalho representam contexto
de uso.
ARQUITETURA DA INFORMAO