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

Elementos de site I

Sites Web podem variar enormemente no seu estilo, conteúdo,
organização, e propósito, mas todos os sites Web que são
principalmente projetados para agir como recursos de informação dividem
algumas características básicas.

Página Inicial¹

Todos os sites Web são organizados ao redor de uma "página inicial"
que age como um ponto de entrada no complexo de páginas Web
em seu site. Em organizações hierárquicas, sua página inicial fica
no topo do quadro, e todas as páginas em seu site Web deve
conter um link direto para voltar à página inicial.
A URL de Web para sua página inicial é o "endereço" de Web
que você usará para direcionar os usuários para seu site Web, e o endereço de sua página inicial poderá se tornar parte tão importante quanto seu endereço postal ou endereço do departamento nos
próximos anos.
O topo de sua página será a primeira coisa Web os usuários vêem
ao acessar seu site (ou toda a empresa, no caso de sites
corporativos), assim o desenho adequado da página inicial é essencial
para o sucesso de seu site. As estratégias de desenhos para página
inicial variam, baseados na função e necessidades de usuários típicos
do site, a estética e metas de desenho para o site, e na natureza e complexidade do organização do site Web como um todo.

Gráfico ou menus texto

A primeira decisão de plano(leiaute) que você fará sobre a sua
página inicial interessa é quanto ao uso de gráficos
na página. A maioria das páginas corporativas, institucionais e
educativas exibem pelo menos uma pequena imagem(banner)
no topo da página, e em site comerciais a tendência está se
orientando rapidamente para menus complexos, gráficos de
tela cheia que emulam a aparência e funções
multimídias de CD-ROMs. Enquanto gráficos atrativos podem ser
eficientes para chamar a atenção de um usuário, imagens grandes,
levam muito tempo para carregar nas páginas, especialmente para
usuários que acessam à Internet por modem ou redes mais lentas.
Até mesmo se o usuário está tendo acesso a seu site Web por uma
Ethernet a velocidade de (10 Mbits/s) menus gráficos ainda podem carregar dez vezes mais lentos que listas de links baseadas em texto.

Quem é a audiência para o home page?

Esta dicotomia entre páginas iniciais de carregamento lento porém atraente, baseados em gráficos(imagens e fotos) e páginas iniciais
que carregam rápido mas baseados em prosaico texto também
refletem a necessidade para se dirigir à audiências diferentes, com expectativas diferentes. As metas para a maioria dos sites Web são
a transmissão de informação interna (para estudantes, empregados,
e os clientes existentes) e comunicação com os clientes potenciais
e o público geral da Web que estiver navegando aleatoriamente.

O Via Cards optou por uma capa totalmente com imagens,
o lay-out foi projetado para não exceda as dimensões de
uma tela com resolução de 640 por 480 num monitor comum de 14".
As imagens sempre são tratadas de maneira que permitam o
carregamento rápido da página.


                       Imagem reduzida do tamanho original: www.viacards.com.br

O Via JUS é quase totalmente baseado em texto para garantir um
rápido carregamento da página e permitir que os seu público principal
possa ver toda a página inicial mesmo em monitores mais antigos.
Todas os menus do site são textuais, para uma navegaçao fácil e rápida.


                       Imagem reduzida do tamanho original: www.viajus.com.br

Não escolha, tenha ambos os modos

O melhor modo para satisfazer as necessidades de usuários casuais e
usuários freqüentes mais visados é oferecer visões alternativas de
seu site de Web. Uma abordagem é fazer uma página principal
visualmente atraente direcionada à audiência geral de navegadores
Web, mas também oferecer uma página alternativa mais texto-orientada
que enfatize o acesso rápido à informação por detalhados menus texto. Outra abordagem é usar um banner no topo da página principal, seguido por um conjunto de links baseados em texto.

O site do Via Pública é um bom exemplo desta prática, os gráficos
indicam diferenças do tipo de informação que é detalhada pelos textos.
No topo se encontram menus textos que contém os mesmos caminhos
distribuídos na página, separados pelas imagens-subtítulos e botões.


                Imagem reduzida do tamanho original: www.viapublica.rs.gov.br

Referências

Via Cards

Via JUS

Via Pública