Grafismos sumptuosos e animações, mais ou menos interessantes do ponto de vista estético, tecnologias de ponta, mas que tornam as páginas pesadas e consequentemente lentas, não chegam ou não serão o ideal para fidelizar os utilizadores. Eis alguns pontos que não se devem ignorar na construção de páginas WEB.

António Carvalhal © 1999/2001.    (adaptado da "Univers MacWorld" nº 85, 12-98)

O conteúdo é o elemento principal - Um bom "site" deve fazer-se notar pela sua originalidade e pela qualidade do seu conteúdo, bem como pela exactidão das informações que transmite. A qualidade do conteúdo deve ser uma referência. Deve ser rigoroso e evitar transmitir dados ou informações obsoletas e ser actualizado regularmente.
As imagens ou grafismos utilizados devem ser preferencialmente originais, e não "pilhadas" na WEB.
Todas as transcrições, de livros ou de outras páginas WEB, devem ser devidamente assinaladas e o autor identificado.
Também a ortografia deve ser revista antes da publicação da página.
O anonimato é totalmente desaconselhado, pois não transmite confiança aos utilizadores / cibernautas. O "site" deve transmitir algumas indicações básicas, como o nome e currículo do autor, data de edição e eventualmente o seu E-mail.
Fotografias da família, do cão, do gato, etc. são totalmente desaconselháveis (a não ser que seja esse o objectivo do "site", neste caso...), bem como assuntos irrelevantes ou de gosto duvidoso.

Acessibilidade - Os documentos devem ser acessíveis ao maior número de cibernautas possível. Actualmente a maior parte deles ainda utiliza Modems de 28.800 a 56.600 bps (lentos, muito lentos), CPU´s pouco poderosos, écran de 15 polegadas e navegadores  ("browsers") desactualizados que não interpretam o último grito do HTML, nem possuem extensões ("Plug-ins") que permitam ler páginas com as tecnologias mais recentes, como por exemplo imagens realizadas em "Flash", "Shockwave", ficheiros audio, imagens PNG, etc.
(Jakob Nielsen, conhecido "Guru" de design na WEB, a propósito disto, afirma na revista "Exame Informática" de Março de 1999: "Os textos animados devem ser exterminados o mais rapidamente possível. É muito difícil lê-los, não servem para nada. A utilização do Flash e Shockwave deve ser minimizada. Muitos utilizadores não têm o "plug-in", o conteúdo demora para carregar e a maior parte das animações não agrega nada...").
Os elementos gráficos contribuem para uma boa parte da identidade de um "Site" WEB. As imagens (de qualidade) são naturalmente um conteúdo apelativo, mas como demoram muito mais a carregar do que o texto, só devem ser utilizadas se a sua utilização o justificar. O formato ideal para imagens será o JPEG a 75 Dpi e em baixa definição (nível 2 ou 3) para imagens fotográficas, pinturas, desenhos, etc., e o GIF para logotipos, pictogramas, etc.

Páginas de leitura fácil - Textos sobre fundos escuros ou texturados, tornam a leitura mais difícil. Se o texto for muito grande, o ideal será dividi-lo por vários documentos. O título de cada documento deve estar destacado, separado do resto do texto, mas não necessariamente em letras enormes.
Uma página WEB não tem que ser necessariamente uma demonstração de tecnologia, nem de gosto pessoal demonstrado em fundos complicados que pretendem fazer a diferença, sons, etc..
A  propósito, recorda-se um ditado que diz  "Quando o sábio aponta para a lua, o idiota olha para o dedo".

Organização do "site" - O estilo gráfico é importante para a qualidade de um "site". Deve ser constante, mesmo se o conteúdo é heterogéneo. Os "sites" da Apple e da Microsoft, solucionam, cada um de seu modo esta aparente contradição. Esta unidade gráfica reforça a impressão dum "site" bem organizado e aumenta a sua facilidade de utilização.
Todas as páginas devem estar ligadas entre si e com possibilidade de acesso directo à "Homepage" e/ou aos temas principais.
Portanto, o design de um "site" deve dar muita importância à estética, mas também, à estruturação visual da informação e integrar noções de funcionalidade.
Depois de um conteúdo original e de uma boa acessibilidade, convém realizar uma obra interactiva. Não se trata de "Frames" ou animações, mas de estabelecer uma relação entre os responsáveis do "site" e os utilizadores, e entre os próprios utilizadores.

Programas - Software específico para realização de páginas WEB - Netscape Composer, Microsoft FrontPage,  Pagemill, Adobe GoLive, Macromedia Dreamweaver, FileMaker Home Page,  BBEdit, entre outros..

Sugestão - Antes de criar um "site", independentemente do assunto ou tema a desenvolver, convém "navegar" durante uns tempos na WEB, analisando em particular sites com boa qualidade estética (na página de entrada "Design" do "Sépia" existem "links" para diversos "sites" com "excelente visual", com ligações a muitos outros. Ainda no "Sépia" em "Arte Digital" existe um dicionário de termos técnicos - "ABC Digital", que eventualmente poderá esclarecer dúvidas sobre termos técnicos relacionados com "Hardware", "Software" e Internet ).
Sugere-se ainda a visita ao site Graphica 6+ (Web design lab), que apresenta soluções e opiniões para grafismo de páginas WEB, e links com bons exemplos de design.
 

A propósito de Design de Páginas WEB (e não só), junta-se aqui (com a devida vénia) um texto extremamente interessante, publicado na revista da Telepac @net, nº 10, de Janeiro de 1999. Os destaques em corpo 12, ou "Bold" são do "Sépia".
 

"TABULA RASA - O Desafio do Design na Internet: Menos é mais.

"ÖA linguagem do computador é a linguagem da tecnologia e não a linguagem do design. Sem conhecimentos de design, o computador (tal como a caneta) é perfeitamente inútil, uma vez que é capaz de produzir material supérfluo em quantidades suficientes para criar a ilusão de estarmos a inventar algo quando estamos, de facto, meramente a produzir variações sobre um tema, muitas vezes sem significado algum."

Paul Rand, Design Form and Chaos, 1993

(Paul Rand é considerado o avô do design gráfico norte-americano. De entre os muitos clientes para os quais trabalhou como consultor e/ou designer encontram-se a American Broadcasting Company, IBM Corporation e a Westinghouse Electric Corporation. Paul Rand foi um dos mentores pessoais de Sarah).

Nunca nenhum meio de comunicação se desenvolveu tão rapidamente como a Internet. A rádio demorou 39 anos a chegar a 50 milhões de pessoas. A Internet atingiu o número de 50 milhões de utilizadores em menos de 4 anos.

Para criar os locais na rede que compõem a WorldWideWeb, recorreu-se a uma linguagem de referência HTML já existente, tendo os primeiros browsers sido disponibilizados em 1993. Ninguém planeara a sua utilização para fins comerciais ou privados. Mas era fácil de utilizar, e dava a todos aqueles que tinham acesso a um servidor de rede a possibilidade de publicar, para uma audiência global, quase gratuitamente. À medida que milhões de pessoas começavam a criar as suas páginas próprias como meio de afirmação individual ou para transmitir e comunicar questões da esfera pessoal ou de negócios, as imagens e os gráficos começaram a encher os locais da Web, criando um novo tipo de manuscrito iluminado - e alimentando o desejo humano por coisas intrigantes e de aspecto descontraído.

Contudo, esta sua fome nem sempre inspirou a criação de design de boa qualidade e funcional. As possibilidades oferecidas pela tecnologia prevaleceram sobre as regras e conceitos do design - ou pelo menos do bom gosto -, levando à inclusão de todo o tipo de características que estivesse mais à mão.

O excesso de liberdade, a existência de demasiadas opções e o livre acesso a todos os tipos de software teve efeitos adversos na maioria dos locais e documentos concebidos pelos próprios utilizadores. A capacidade de mudar o estilo e a dimensão das fontes, de aplicar filtros que deformam o texto e as formas para utilizar qualquer combinação de cores e texturas constitui uma verdadeira tentação para muitas pessoas.

Os sites que, sem critério, exibem verdadeiras sobreposições de estilos criam assim um confusão visual. De facto, o desejo de embelezamento electrónico levou a uma proliferação de modernas e sofisticadas vitrines, mas sem qualquer sentido de localização ou de clareza. Um exemplo clássico disto são os logotipos animados de correio electrónico, as tochas com chamas ondulantes e os animais a correr pelas páginas.

Todas as ferramentas e produtos de software têm que ser acompanhadas do conhecimento e da sensibilidade que permitem o despertar de uma maior consciencialização da forma como devem ser melhor aplicadas. Somos diariamente confrontados com atrocidades, resultado de uma certa negligência.

Apesar das promessas dos fabricantes de hardware, o design não é tão fácil e imediato quanto isso, o mesmo se aplicando à utilização que se faz do software novo, também ele de mais difícil utilização do que uma caneta normal, daí os muitos desastres em matéria de design. Os designers gráficos tornaram-se directores de informação, tendo as ferramentas altamente especializadas do design visual e de tipografia e composição passado a ser um questão de conveniência nos computadores, à medida que as ferramentas altamente especializadas se encontram à disposição de todos os PCs dos nossos lares.

A abordagem Tabula Rasa

Um dos maiores entraves ao sucesso dos projectos de meios de comunicação digital é a falta de uma plataforma sólida de compreensão. As ideias pré-concebidas e erróneas sobre a web e sobre o design na web, em geral, criam falsas expectativas e obrigam a correcções dispendiosas e morosas. Como utilizador da Internet, das duas uma: ou tem um site na web ou está a pensar criar um. Qual a melhor forma de criar um site? Será que deve fazê-lo sozinho ou contratar um designer? Como avaliar o sucesso do design?

Não comece apenas pela tecnologia; pergunte-se antes o que gostaria de comunicar e a quem e o que pode ser usado. Corte 50 % - esta é normalmente uma boa forma de se ver livre de material desnecessário. Tentações sob a forma de gráficos animados "engraçados" ou "giros" que podem ser retirados (roubados) de outros locais, padrões de fundos que mudam as cores do arco-íris estão automaticamente à sua disposição em todo o lado e a qualquer altura. Resista pura e simplesmente a essas tentações e evite provocar um desastre visual. Filtros: excepto se souber como usar a perspectiva e as sombras, parta do princípio que as hipóteses de fazer tudo mal são de 90%. Fontes: trate os tipos de letra como uma criatura viva - com cuidado. Não as torça, estique ou distorça. Magoa o olhar. Há uma boa razão para o facto de uma fonte, ela própria uma obra-prima, ser exactamente o que parece.

Faça um teste: observe o seu local e outros locais na web e "ouça o design". Qual o som das formas e cores? Consegue suportar o barulho?

O design exige aptidões que compreendem mais do que as explicações comuns sobre o que é o design e como deve ser usado. Pode recorrer ao senso comum ao criar um site na web. Organize a informação, crie uma configuração simples baseada nalgumas formas e defina o seu próprio conjunto de regras:

Uma fonte legível, algumas cores e uma estrutura de navegação clara farão com que chegue mais rapidamente a um site na rede extremamente eficaz e é muito mais fácil do que mexer em 55 filtros Photoshop que, de qualquer forma, não entende. Se estiver em dúvida, pense que teria de pagar 3000 dólares para fazer o que criou. Um pensamento que, por vezes, resulta.

Faça uma coisa simples, concentre-se nos seus objectivos, deixe maturar por alguns dias e volte a visitar o seu local. Se se sentir bem a olhar para o que vê, considere a hipótese de o pôr logo na rede. Menos é mais e, por favor, mantenha a simplicidade. De vez em quando risque a sua tábua electrónica e apague tudo.
 

*) Tabula Rasa é uma palavra latina que significa tábua rasa, uma tábua na qual a escrita se esbateu ou foi apagada, e na qual se pode assim voltar a escrever. Em sentido filosófico, é a mente no seu hipotético estado em branco ou vazio antes de receber impressões do exterior. Na Brody, Inc. somos de opinião que a Tabula Rasa constitui uma oportunidade de começar desde o início e de reinventar uma identidade, uma marca ou uma empresa.

Sobre a Brody, Inc. A Brody, Inc é uma empresa criada na Califórnia em 1997, pareceira da Digital Lifestyle Company para a era da informação. A missão da Brody's consiste em criar o principal ambiente multi-dimensional para o consumidor global com consciência de marca inteligente e que necessita de um produto de primeira classe e personalizado que integre funcionalidade, conteúdo relevante, serviço e estilo de vida. Recorremos a tecnologia inspirada com um toque humano para melhorar o dia a dia das pessoas. Sarah Anastasia Hahn, VP, Directora Executiva Hahn é uma designer na área da computação gráfica para computadores, escritora e editora bastante conhecida. Sarah é licenciada com distinção em Design de Comunicação e de Computação Gráfica pelo Art Center College of Design in Pasadena, California onde ainda se encontra neste momento a frequentar um mestrado em media digital, sendo membro do Alumni Council. Hahn tem obtido excelentes resultados com a aplicação de design para fins editoriais e de revistas, filmes, media digital dinâmico e estratégias de identidade e de branding. O seu trabalho combina a incidência na estética com a componente prática do design, integração da forma e conteúdo. Florian Brody, Presidente e Director Executivo Florian Brody é um especialista em media digital aclamado internacionalmente e um perito em publicações electrónicas. Como pioneiro do multimedia desde 1984, tem tido um papel determinante no desenvolvimento de soluções inovadoras para empresas constantes da Fortune 500, Governo Áustriaco e Comissão Europeia. Brody co-inventou e desenvolveu a Expanded Books e a Voyager Company, Califórnia. É licenciado em Informática e Linguística pela Universidade de Viena. Brody é membro da Graduate Faculty of Art Center College of Design e é uma frequente presença chave em eventos internacionais.  Literatura e Links Recomendados: Para mais informações e bibliografia interessante sobre design consulte a nossa página da Brody, Inc. em www.brodynewmedia.com Para ver design mesmo mau visite Bud Uglly em www.wwwvoice.com/bud/bud.html Isto é tudo menos um exemplo de bom design. Contudo, é bastante útil para ter uma melhor ideia do que é "mau" design. Para mais informações sobre tipografia visite: http://www.studiomotiv.com/counterspace/ Para obter as ferramentas básicas e uma abordagem bastante directa ao design na rede, viste o local de Lynda Weinman's site em www.digitalartscenter.com. Os seus livros são bastante recomendados para todos aqueles que pretendem criar um local na web.

Florian Brody and Sarah Anastasia Hahn © 1998"

Já agora mais uma opinião sobre este assunto, citada do "Público - Computadores" de 28.9.98 (exclusivo "Wired"/PÚBLICO).

"Martha Stewart, Rainha Norte-Americana do "Habitat" doméstico
- Os computadores devem ser exibidos - (extracto)
(...)
Pergunta - Os princípios de "design" que utiliza nos seus outros projectos também se aplicam "online"?
    Resposta - Sim. Na Web, as pessoas reagem bem aos "sites" bonitos e também reagem bem aos "sites" simples. Não quero cacofonias que não fazem sentido. Um "site" deve ser um lugar agradável, repousante - com boa funcionalidade, sem ser invasivo.
P. - Acha que a Web se coaduna com esse tipo de ambiente?
    R. - O que quero é transmitir a maior quantidade possível de informação no espaço de tempo mais curto possível. Quero que o "site" seja simples - não me apetece ter de abrir gavetas e portas. Detestei o "Myst". Era tão esquisito."
(...)
 
 
 

Sepia - design...................

Sepia - design - citações e links