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
Desenho de Interface
Introdução
Usuários de documentos Web
não procuram apenas por informação, eles
interagem com isto de novas maneiras, que não têm nenhum
precedente em
desenho gráfico. A interface gráfica do usuário (GUI,
Graphic User Interface) de
um sistema de computador inclui as metáforas de interação,
imagens e conceitos usados para transferir funções e significados
na tela de computador, as características visuais detalhadas de
todo componente da interface gráfica, e a seqüência
funcional
de interações por tempo que produz a característica
"olhe e sinta"1
das páginas de Web e hipertextos.
O Desenho gráfico e "assinatura" visual-gráfica
não se usam apenas para "avivar" páginas de Web.
Imagens são partes integrantes da
experiência do usuário com
seu site. Em documentos interativos é completamente impossível
separar
desenho gráfico do desenho de interface.
Páginas Web contra Desenho de documento convencional
A maioria de nossos conceitos atuais sobre estruturação
de informação
se origina da organização de livros impressos e periódicos,
e da indexação de bibliotecas e sistemas de catálogo
que se desenvolveram
ao redor da informação impressa. Os "padrões de interface"
de
livros no mundo de língua inglesa são bem estabelecidos
e
amplamente de aceitos, e instruções detalhadas para criação
de livro
podem ser achadas em livros como "Planejamento Visual Gráfico".
Todas as características de um livro, do sumário ao
índice e notas de rodapé evoluíram ao longo dos séculos,
e os
leitores dos primeiros livros enfrentaram alguns dos mesmos problemas
organizacionais que estão em frente dos usuários de documentos
hipermedia de hoje. A Bíblia de Gutenberg de 1456 é citada
freqüentemente
como o primeiro livro moderno, contudo até mesmo depois do crescimento
explosivo das publicações que sucederam Gutenberg levou
mais de 100
anos para que a numeração de páginas, índices,
tabelas de conteúdos, e
até mesmo páginas de título para se tornarem características
rotineiras de livros.
Os documentos Web sofrerão uma semelhante evolução
e
padronização da informação, da maneira como
são organizados e
disponíveis em forma eletrônica.
Precedentes de Desenho em impressão
Embora documentos de hipermedia interativos
em rede posaram
como desafios modernos aos desenhistas de informação, a
maioria das
orientações que você precisa para projetar, criar,
montar, editar, e
organizar múltiplas formas de mídia não é
radicalmente diferente
da prática atual da mídia impressa. A maioria documentos
de Web
pode ser feitos conforme as convenções de estilo editorial
e organização
de texto do "Manual
de Redação e Estilo do Estadão ou
no "Manual
da Redação" da Folha de São Paulo.
A maior parte do que uma organização precisa saber para
criar
padrões de publicações internas, amplos, claros,
e consistentes
já está disponível em guias como o "Xerox
Publishing Standards:
A Manual of Style and Design"(quem souber de
uma boa indicação de livro em português me escreva),
um manual de estilo e desenho.
Não fique tão perdido com as novidades de páginas
Web em que os
padrões básicos de desenho editorial e gráfico são
deixados de lado.
Faça suas páginas Web livre-posição (free-standing)
Páginas Web são diferentes de livros e outros
documentos em um aspecto essencial: links de hipertexto permitem aos usuários
acessar uma única página de Web sem prefácios. Assim
páginas Web
precisam ser mais independentes que as páginas de um
livro convencional. Isto normalmente significa que os cabeçalhos
e
rodapés de páginas de Web são mais informativos e
elaborados
que os de páginas impressas. Seria absurdo repetir os
direitos autorais, autor, e data de um livro no fim de cada
página, mas páginas Web individuais freqüentemente
precisam de tal informação
porque uma única página de Web pode ser a única parte
de seu site que
alguns usuários irão ver. Este problema de fazer documentos
livre-posicionados (free-standing) não é único à
páginas de Web.
Diários profissionais, revistas, e a maioria dos jornais repetem
a data,
volume, e números de edição ao topo ou fim de cada
página impressa porque eles sabem que os seus leitores freqüentemente
recortam
artigos de jornal ou fotocopiam páginas de diários e precisam
aquela citação da informação para localizar
a fonte original do artigo.
Dada estas dificuldades potenciais na criação de sites Web
que
tanto são fáceis de usar como cheios de conteúdo
complexo, a melhor
estratégia de desenho é constantemente aplicar alguns princípios
básicos
de diagramação de documentos em cada página Web que
você crie.
Os elementos básicos de um documento não são complicados,
e quase tem
nada para ver com tecnologia de Internet. É como uma classe de
jornalismo escolar: quem, que, quando, e onde.
Quem
Quem está falando? Esta pergunta é tão
básica, e a
informação é tão freqüentemente dada
como por certa que autores Web
freqüentemente negligenciam a peça mais fundamental de informação
que um
leitor precisa to avaliar a proveniência de um documento: quem
está me dizendo isto? Se a página é de um
autor individual ou uma instituição, sempre fale para
seu leitor quem criou
a página de Web. A inundação de sites Web que
propagam informações incorretas
ou boatos sobre acidentes de avião ou substâncias perigosas
presentes em shampoos.
São um exemplo vivo de como "informação" de origem
desconhecida
ou sem autenticidade podem rapidamente dominar uma legítima
investigação e discussão.
O que
Todos os documentos precisam de títulos
claros para atrair a atenção do leitor,
mas por várias razões estranhas à Web este
elemento editorial básico é deveras importante. O título
do documento
é o primeira coisa que os browsers Web vêem no documentos
quando a página surge.
Em páginas com muitas imagens o título pode ser a única
coisa que os usuários
vêem por vários segundos enquanto as imagens carregam a página.
Adicionalmente, o título de página se tornará o texto
de um
"marcador de páginas"(Favoritos ou Bookmarks) se o usuário
quiser
acrescentar sua página à lista de URLs
dele. Um título ambíguo ou errado,
ou um título que contém mais jargão técnico
que português, não ajudarão
os usuários a se lembrar por que eles marcaram sua página.
Quando
A Oportunidade é um importante elemento de avaliação
do valor de
um documento. Nós pegamos uma informação sobre a
época da maioria dos
documentos de papel dada como correta: jornais, revistas, e
virtualmente toda correspondência de escritório é
datada. Assim date toda
página Web, e mude a data sempre que o documento é
atualizado. Isto é importante em documentos on-line
extensos ou complexos que são regularmente atualizados, mas isso
pode
não parecer diferente o bastante para sinalizar uma mudança
no conteúdo para
leitores ocasionais. Informação institucional, manuais,
informações de produto, e outros documentos técnicos
publicados como páginas Web sempre deveriam ter datas de revisão.
Onde
O Web é um "lugar" ímpar
que tem enorme dimensão informacional
mas poucas sugestões explícitas para o local físico
da origem de
um documento. Dê um clique em um link, e você
poder estar conectado a um servidor de Web
em Sydney, Austrália,
Chicago, EUA, ou quase em qualquer outro lugar com conexões Internet.
A menos que você saiba rastrear URLs,
pode ser difícil dizer
onde uma página se encontra. Afinal de contas, esta é a
idéia da
World Wide Web, e a pergunta de onde um
documento veio às vezes é inseparável de quem
o documento veio.
Diga para o leitor de onde você é, com suas
afiliações corporativas ou institucionais, se for pertinente.
Incluir a URL da página inicial nas
páginas principais
é um meio fácil de manter a conexão para onde uma
página se
encontra. Uma vez que o leitor que tenha salvado a página
como um arquivo de texto ou impresso a página, esta
conexão pode ser perdida. Embora as recentes versões dos
principais
browsers de Web lhe permitem agora incluir automaticamente
a URL em qualquer coisa que você imprime, muitas pessoas nunca levam
vantagem destas características opcionais. Muitos de nós
agora
tem montanhas de páginas de Web impressas dispostos ao redor e
sem um
modo fácil de reencontrar os sites de onde esses documentos se
originaram.
Sempre que possível mencione o título,
o autor, a data de revisão,
e coloque pelo menos um link para a página inicial (home page)
em toda página do seu sistema Web.
Ponha a URL da "página inicial" em algumas páginas
principais dentro
do seu site. Inclua estes elementos básicos e você terá
90% do modo para dar aos seus leitores uma
interface Web compreensível.
Referências
Ribeiro, Milton. 1993.
Planejamento Visual Gráfico.
3.ed. rev. e atualizada. Brasília: Linha Graf. Ed..
Lemay, L. 1996. Teach yourself
Web publishing in
a week, 2nd ed. Indianopolis: Sams Publishing.
December, J., e N. Randall. 1995.
The World Wide
Web unleashed. Indianapolis: Sams Publishing.
Xerox Corporation. 1988. Xerox
Publishing standards.
New York: Watson-Guptill Publications.