Idéia
Introdução
Propósito
Estratégias

Desenho de Interface
Introdução(interface)
Desenho de Interface
pra Web-básico
Assuntos de Acesso
Navegação
Links e Navegação

Desenho de Site
Introdução
Estrutura de Site
Elementos de Site I
Elementos de Site II
Desenho de Intranet
Capas de Sites

Notas e Glossário

Desenho de interface básico

Desenho centrado no usuário (user-centered design)

As interfaces gráficas foram projetadas para dar às pessoas o controle
direto sobre os seus computadores pessoais. Os usuários esperam agora um
nível de sofisticação do desenho de todas as interfaces gráficas, incluindo
páginas de Web. A meta é satisfazer as necessidades de
todos seus usuários potenciais, adaptando a tecnologia Web para as suas
expectativas, e nunca requerendo que o leitor simplesmente
conforme-se a uma interface que põe obstáculos desnecessários
no seu caminho.

Aqui é onde a sua pesquisa das necessidades e da
demografia de seu público-alvo é essencial.
É impossível projetar para uma pessoa desconhecida cuja necessidades
você não entende. Crie exemplos de cenários com diferentes
tipos de usuários que buscam informações no seu site. Um usuário
experiente que busca uma informação específica seria
auxiliado ou confundido pelo desenho da "página inicial"?
Um novato seria intimidado por um menu -texto muito complexo?
Testando seus desenhos e obtendo retorno dos usuários é o melhor modo de
ver se suas idéias de desenho estão dando para os usuários que eles
querem de seu site.

Construa uma navegação clara

No estado atual da tecnologia Web a maioria das interações do usuário
com páginas Web envolvem links de navegação de hipertexto entre
documentos. O principal problema de interface em sites Web é a
falta de um senso de onde você está, dentro da organização de
informação local. Clareza, ícones consistentes,
esquemas de identidade visual, , e projeto gráfico
e tela inicial podem dar ao usuário a confiança de que eles
podem achar o que eles estão procurando sem desperdiçar tempo.

i

Os Usuários sempre poderiam voltar facilmente a sua página inicial
(home), ou para outra navegação principal apontada em seu site.
Estes links básicos que deveriam estar presentes em todas as páginas
do seu site, freqüentemente são botões que permitem a navegação básica,
e que ajudam criar uma identidade gráfica que
sinaliza ao usuário que eles ainda estão dentro de seu site.
Por exemplo, no site do UOL esta barra de botões
aparece no alto de todas as páginas:

Gráfico reduzido do tamanho original. www.netscape.com

A barra de botão é útil (muitas escolhas num espaço pequeno),
previsível (sempre está lá, ao fundo de toda página), e dá uma
identidade gráfica consistente para todas as páginas dentro do UOL,
que hospeda milhares de páginas e sites.

Nenhuma página sem saída

 Toda página Web deve conter pelo menos um link .
Páginas "sem saídas": páginas sem links para qualquer outra
página local no local não é só uma frustração aos usuários, são
uma oportunidade perdida para trazer usuários para outras páginas
do seu site.
 Páginas de Web aparecem freqüentemente sem uma introdução:
os leitores freqüentemente ligam diretamente as páginas de
subseção enterradas na hierarquia de sites Web. Assim eles podem
nunca ver sua página inicial ou outra informação introdutória
em seu site. Se suas páginas de subseção não contêm links para um nível
acima (na hierarquia), para a home page ou para páginas de menu, o
leitor fica sem acesso para o resto de seu site Web:

Referências

LabUtil - ErgoList - UFSC
http://www.labiutil.inf.ufsc.br/ergolist/rec.htm

Apple Computers, Inc. 1992. Macintosh human interface
guidelines. Reading, MA,: Addison-Wesley.

Mullet, K., and D. Sano, 1995. Designing visual interfaces. Engle wood Cliffs, NJ: Sunsoft
Press-Prentica Hall

Home page de Netscape
Norman, D. A. 1988. The psichology of every day. New York: Basic Books