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 Site

Introdução

Há razões retóricas e organizacionais fundamentais para subdividir
qualquer grande corpo de informação, se é apresentada na página impressa ou em um site da World Wide Web. Todos os esquemas organizacionais são as limitações do cérebro humano na retenção de lembranças de informação.
Psicólogos cognitivos reconhecem há décadas que a maioria das
pessoas só podem reter aproximadamente quatro a sete blocos
de informação na memória de curto prazo. A meta da maioria dos
esquemas organizacionais são manter o número de variáveis locais
que o leitor tem que manter na memória a curto prazo o mínimo possível, usando combinação de desenho gráfico e planejamento³, junto
com a divisão editorial da informação em unidades discretas.
O modo como as pessoas procuram e usam a informação
também sugere que unidades menores e discretas de informação
são mais funcionais e mais fáceis de navegar do que longos blocos truncados.

A maioria do sites Web contêm informação de referência que as
pessoas buscam em pequenas unidades. Usuários raramente
lêem longas passagens de texto na tela de computador, e a
maioria das pessoas que estão buscando uma informação específica
ficará aborrecida por ter que examinar longos blocos de texto para
achar o que eles estão atrás. Informações relacionadas também são
mais fáceis de organizar em unidades modulares que toda a parte em
um esquema de organização consistente que pode formar a base de
links de hipertexto dentro de seu site Web. "Pequeno" só pode ser
determinado no contexto de sua apresentação e o que você
espera da audiência. Neste manual de estilo nossa expectativa é
que a maioria das pessoas imprimirá estas páginas e as lerá
"off-line", assim nós tentamos dividir o manual em
Páginas de Web que serão impressas em unidades lógicas.

O cotidiano profissional e a vida social raramente exige que
nós criemos hierarquias detalhadas do que nós sabemos e como
essas partes se relacionam umas as outras, mas sem uma estrutura
organizacional sólida e lógica o seu site Web não funcionará bem
até mesmo se seu conteúdo básico for preciso e bem escrito.
Os quatro passos básicos para organizar sua informação são: dividir estas
em unidades lógicas, estabelecer uma hierarquia de importância e
gênero, usar a hierarquia para estruturar relações entre os
módulos, então analisar o sucesso funcional e estético de seu sistema.

Modulando a Informação

A maioria da informação na rede mundial consiste de
documentos de curta referência que são lidos não sequencialmente.
Isto é particularmente verdadeiro em sites educacionais, corporativos,
governamentais e sites organizacionais usados para distribuir um
tipo de informação que poderia ter sido impresso alguns anos atrás
em papel. Redatores de documentos técnicos descobriram muito
tempo antes da Web ser inventada que os usuários apreciam
"blocos" curtos de informação que podem ser esquadrinhados
e podem ser localizados rapidamente. Blocos curtos,
uniformemente organizados de informação prestam-se
particularmente para apresentação na Web, porque:

• Poucos usuários de Web gastam tempo lendo passagens longas de texto na tela. A maioria dos usuários irá salvar os documentos longos em disco, ou os imprimirá, em lugar de ler extenso material on-line.
  
  
• Blocos de informação se prestam à links Web.
  O usuário de um link normalmente espera achar uma determinada unidade de informação relacionada, não o conteúdo de um livro inteiro de informação para filtrar. Mas também não subdivida demais sua informação, ou você frustrará seus leitores.
  De uma a três páginas (impressas) de informação parecem
  O bastante para um módulo, ou bloco ,de informação na Web. Um link que traz só um pequeno parágrafo de informações seria tolice na maioria das situações.
  
  
• Um formato uniforme na organização e apresentação da sua
  informação permite aos usuários aplicar a experiência anterior deles com o site para explorações e pesquisas futuras, e permite aos usuários prever como uma seção pouco conhecida de seu site Web estará organizado.
  
  
• Módulos concisos de informação são melhor adequados para a tela do computador que dá somente uma visão limitada dos documentos longos. Páginas de Web muito longas tendem a ser desorientadoras, porque elas exigem que o usuário faça muita rolagem, e ainda se lembrar da organização das coisas que estão fora da tela.

O conceito de um bloco de informação deve ser flexível, e consistente
com bom senso, organização lógica, e a conveniência do usuário do
site Web. Deixe a natureza do conteúdo sugestionar os melhores modos para subdividir e organizar sua informação. Haverá tempos quando fizer sentido ter documentos longos em única página de Web, como unidades
de informação integradas. Embora a informação on-line normalmente deveria ser mantida em documentos curtos, faz certo sentido dividir
um documento longo arbitrariamente. Principalmente quando você quer
que os usuários possam imprimir ou salvar o documento no computador.

Hierarquia

Qualquer organização precisa de uma hierarquia de importância,
pelo menos para determinar a estrutura básica de navegação para o usuário. A maioria módulos de informação podem e devem ser enfileirados em importância, e organizados pelo grau de inter-relacionamento
entre unidades. Uma vez determinado um jogo lógico de prioridades,
você pode construir uma hierarquia do mais importante ou a maioria
dos conceitos gerais, até os tópicos mais específicos ou opcionais.
Organizações hierárquicas são virtualmente uma necessidade na
Web, porque a maioria dos esquemas de páginas iniciais e links
dependem de hierarquias, indo da visão mais geral de seu site
(sua página inicial), abaixo por submenu e conteúdos mais específicos.

Relações

Quando confrontado com uma informação nova e complexa
os usuários de sistemas começam a construir modelos mentais,
e então usam estes modelos para avaliar relações entre tópicos,
e para fazer suposições de como achar coisas que eles não
tinham visto. O sucesso de seu site Web como uma organização de
informações será determinado em grande parte por como bem seu
sistema de organização atual corresponde às expectativas de
seu usuário.
Uma organização lógica do site permite aos usuários fazer
bem sucedidas predições sobre onde achar coisas.
Métodos consistentes de agrupamento, ordem, endereçamento,
e arranjo gráfico das informações permitem os usuários estender
o conhecimento deles das páginas que eles já visitaram à páginas
que lhe são pouco familiares . Se você enganar os usuários com
uma estrutura que não é lógica (ou não tem nenhuma estrutura compreensível), os usuários ficarão constantemente frustrados
pelas dificuldades de encontrar os seus caminhos. Você não quer
que o modelo mental de seu usuário de seu site se pareça como isto:

Função

Depois que você criar seu site, você deveria analisar a
estética, e a viabilidade e eficiência de seu esquema organizacional.
Não importa qual estrutura organizacional que você escolheu para
seu site Web, o desenho de site mais adequado é em grande parte uma questão de equilibrar a estrutura e a relação entre o menu ou "página inicial" (home page) e o conteúdo individual das páginas ou outros
gráficos e documentos.
A meta é construir uma hierarquia de menus e páginas que pareçam natural ao usuário, e não interfere nem confunde o uso dele do site
Web. Sites Web tendem a crescer quase que organicamente, e freqüentemente esmagam o que era originalmente um esquema de
menu razoável.
Sites WWW com uma hierarquia de links muito rasa depende de
menus extensos que com o passar do tempo passam a ser uma
confusa de "lista de roupa suja" de informação sem conexão,
listada em nenhuma ordem particular:

Esquemas de menu também podem estar muito fundos,
enquanto a informação estiver enterrada
em baixo de muitas camadas de menus:

Os menus perdem o valor se eles não levam quatro ou cinco links
pelo menos; páginas de menus baseados em textos podem
facilmente levar uma dúzia de links sem preterir o usuário ou
forçando os usuários a rolar por longas listas.
Tendo que navegar por muitas camadas de menus agrupados
antes de alcançar qualquer conteúdo realmente é irritante e
desnecessário.

Se seu site Web está crescendo ativamente, o próprio equilíbrio de
menus e páginas são um objetivo constante. A avaliação dos usuários
(e analisando seu próprio uso de seu site Web) pode ajudá-lo a decidir
se seu esquema de menu manteve sua utilidade ou teve áreas mal projetadas. Estruturas de documento complexas requerem
hierarquias de menu fundas, mas os usuários nunca deveriam ser
forçados a ir de página em página de menus se o acesso direto for possível. A meta é produzir uma árvore hierárquica sensata, bem equilibrada que facilite o acesso rápido a informação e ajudar os
usuários a entender como você organizou as coisas.

Referências

December, J., e N. Randall. 1995. The World Wide Web unleashed.
Indianapolis: Sams Publishing.

Horton, W. K. 1994. Designing and writing online documentation,
2ª edição. New York: Wiley.