WEB DESIGN

Usuários iniciantes têm muitas dificuldades no uso do mouse, assim como em clicar e arrastar objetos na tela. Não conhecem a diferença entre o clique e o duplo–clique e têm dificuldades para gerenciar o tempo necessário entre as duas ações. A administração das janelas pode se tornar difícil: quando uma janela encobre a outra, o iniciante pensa que ela não existe mais. Esses usuários têm problemas no gerenciamento de arquivos, porque a organização de arquivos ou pastas em mais de dois níveis se distancia do modelo físico.

Usuários intermediários compreendem melhor hierarquias de pastas mas podem apresentar dificuldades em mover e copiar arquivos.

Usuários avançados querem eficiência. O desafio é prover eficiência sem prejudicar os usuários menos experientes, sendo uma boa estratégia apresentar–lhes atalhos. Usuários avançados podem ser dependentes de interfaces específicas, de modo que não ficará muito fácil lidar com mudanças em uma interface já conhecida.

Gribbons foi um autor que identificou cinco grandes grupos de usuários da tecnologia da informação e os descreveu mais ou menos assim:

1. O usuário atual. O usuário utilizava em média três a quatro pacotes de software nos anos 80 mas atualmente está utilizando oito a dez pacotes. Os programas sofrem freqüentes atualizações. É fácil imaginar que logo se atingirá o limite do indivíduo em termos de capacidade de adaptação e de aprendizado.

2. Usuários funcionalmente iletrados. O desafio no caso é a incapacidade do funcionalmente iletrado de aprender a operar e manter um sistema. Ele não possui habilidade cognitiva de se moldar a um sistema que não espelha diretamente as suas necessidades. Há também a restrição de memória, a dificuldade de ler instruções escritas e a inabilidade de organizar tarefas.

3. Usuários internacionais. Há anos, os grandes produtores de programas passaram a obter a maior parte de seu faturamento de vendas internacionais. Os campos da comunicação intercultural e do design sugerem importantes áreas a serem estudadas e desenvolvidas.

4. Terceira idade. Os mais velhos passam pela experiência da memória em declínio, têm perda da acuidade visual e uma habilidade decrescente em detectar cores. Esse trabalhador ainda pode ter dificuldades de controle motor e problemas em mecanismos de input, como o mouse.

5. Jovens. Seu aprendizado brota da própria interação com o computador. Crianças e jovens beneficiam–se de uma interação multissensorial que vai muito além de controles verbais ou simplesmente gráficos. Este grupo trará mudanças revolucionárias pois cresceu profundamente condicionado pelas novas mídias. Isso significa dizer que os padrões de usabilidade mudarão, no futuro, assim como muda a população de usuários. Uma boa interface – amanhã – pode ser algo totalmente diferente do que é hoje.

Conclusão. Os produtos de tecnologia da informação devem ser utilizáveis por uma vasta gama de pessoas. É sempre uma boa idéia compreender quem são os usuários do seu sistema ou website e onde eles querem efetivamente chegar. Assim, podemos imaginar o grau de frustração que eles estarão dispostos a agüentar, antes de desistir do sistema e partir pra outra. Se os padrões de usabilidade mudam, então é preciso buscar dados e informações junto às pessoas que estão utilizando os sistemas.

Os designers e desenvolvedores de produtos interativos devem tomar a iniciativa de compreender a sua comunidade específica de usuários e agregar esse conhecimento, visando a obter os melhores resultados para os seus projetos de interfaces.

Leia todo o seu texto antes
Um projeto de design como o do JonesingFor provavelmente seria uma dor de cabeça para a maioria dos designers; como resolver a navegação do site apenas utilizando a tipografia e isto funcionar. Mas, no momento em que você domina a tipografia, você deixa de se preocupar com o que vai escrever, mas sim com o que vai ler.
Alguns “web designers” acham que copiar e colar um texto representa o total de suas tarefas textuais. Porém, apenas a leitura completa do texto permite ter uma idéia básica de como este texto pode ser intergrado ao web site, evitando a disconexão entre o texto em si e o projeto gráfico deste web site.
Você poderá ler seu texto inteiramente assim que ele for colocado em seu lugar, mas, para isto, dê atenção especial aos espaços entre as letras. Será que não tem espaços demais? Ou de menos? Um pequeno cuidado com a tipografia pode eliminar estes problemas. Você pode também ter uma idéia das linha muito compridas e difíceis de ler, melhorar quebras de linhas e outras pequenas questões como estas.

Mostre uma clara hierarquia.
Quando você vê o website da  Rikcat Industries pela primeira vez, você sabe imediatamente onde deve comecar a leitura. Embora existam alguns links no topo da página, a saudação da Rik Catlow chama a atenção em primeiro lugar, pois ela é bem maior e usa apenas a tipografia para estabelecer uma hierarquia clara.
Qualquer website precisa, sempre, de uma hierarquia de importâncias muito bem definida e planejada: indicadores de onde começar a ler, para onde ir, como proceder, etc. A tipografia empregada pode, sem problemas, definir esta hierarquia, como mostrado no exemplo. Mas você deve fazer a sua parte,  conhecendo ou definindo esta hierarquia antes de definir os aspectos gráficos de seu website. Tendo em mente as possibilidades de variação do tamanho e do desenho de letras em seu design, você poderá destacar determinados pedaços de seu texto (como uma chamada) de uma forma muito mais rica, o que apenas um posicionamento diferente não poderia fazer.
Your design’s hierarchy goes beyond just the typography you employ, of course, but since users almost always start with the text, it makes sense for designers to do the same.

Preste atenção na macro e na micro tipografia
Confiando somente na tipografia em sua página inicial, o web site da Crowley Webb and Associate’s foi planejado tendo dois fatores em mente: A integração harmoniosa da micro e da macro tipografia.
Macro tipografia é a estrutura geral do seu tipo, como ele aparece no contexto de seu projeto e sua estética, quando você considera o seu texto como um bloco com função gráfica própria.
A Micro tipografia está mais preocupada com os detalhes dos espaçamentos (entre linhas, entre letras, entre parágrafos, etc.), as questões que determinam se as palavras são ou não fáceis de ler.
Micro tipografia é uma necessidade absoluta quando se trata de reunir blocos de texto: se não for legível, não há nenhuma possibilidade de acontecer o fenômeno da comunicação.
A Crowley Webb and Associates abordou esta questão através do cuidado, tanto na escrita quanto no espaçamento, das palavras que o site destaca.
Mas, além disso, a tipografia nos dá a oportunidade de tornar o texto muito mais do que bem-espaçado: ela dá a chance de tornar a aparência do site mais atraente e também de fazer parte de seu conjunto. A escolha de caracteres tipográficos e as cores neste site torna viável criá-lo como um todo. Ignorar qualquer faceta da tipografia náo é apenas prejudicial para a comunicação, é sinal de falta de inteligência.

Cuidado com as cores dos textos…
Seria muito fácil perder a leitura do texto sobre o fundo escolhido para o site ArtofElan, especialmente o vermelho brilhante sobre vermelho escuro, combinação utilizada pelo designer.  Quando um web designer trabalha com tipologias coloridas, um cuidado especial é absolutamente necessário, pois, devido ás diferenças de browsers, sistemas, monitores, condições de iluminação e uns 500 etc. mais, não há nenhuma garantia de que uma combinação vermelho no vermelho, ou mesmo uma combinação amarelo sobre vermelho será visível. Todos nós um dia visitamos um site (um pequeno passeio pelo Myspace.com tem o poder de mostrar isso facilmente) onde o texto parecia ser apenas uma sombra da cor de fundo, que deve ter parecido lindo para quem o fez.
A melhor solução para esta situação é fazer com que a cor do seu tipo seja drasticamente diferente daquele de seu fundo.  Preto e branco funciona muito bem, porque eles são a combinação mais radicalmente diferente que você pode obter, mas existem algumas outras combinações de cores que funcionam bem: algo semelhante ao de uma letra azul escuro, sobre um fundo rosa claro vai funcionar. Porém, estas mesmas cores Invertidas torna-se bem mais complicado … ao trabalhar com rosa claro no texto sobre um fundo azul escuro, você tem mais chances de se complicar (até pelo menos acertar os tons das cores).

Invista no seu CSS
Seu CSS pode fazer milagres. Se ele é sólido e bem construído, você pode mover-se entre as páginas do seu site sem descontinuidades, tal como nas diferentes versões do website  Hutchouse.com, que baseiam-se em diferentes folhas de estilo (cascade style sheets –CSS) para criar alguns efeitos impressionantes. Mesmo se você não levar as coisas tão longe como a Hutchhouse, as CSS podem ajudar a eliminar questões realmente amadoras em tipografia, como por exemplo, mudança de caracteres tipográficos e tamanhos de letras entre as páginas.
CSS pode fornecer facilmente a coerência entre a tipografia e a totalidade de um site. Se você é coerente em como você usa os tipos, é fácil encontrar harmonia e equilíbrio em seu design… no entanto, se você deseja ousar, quebrando uma pequena quantidade desta coerência, poderá obter resultados que  verdadeiramente se destacam, da mesma forma que estabelecer e, em seguida, quebrar uma grade pode fazer para uma efetiva concepção de design gráfico. Na web tipografia, manter as fontes escolhidas padronizadas de forma consistente pode ser uma simples questão de CSS.

Dispense o texto centralizado
Escolher uma alternativa ao texto centrado em seu website pode fazer um desenho de fácil leitura, tal como DesignCanChange.org.
A opção pelo texto centrado, especialmente em uma página como esta, faria uma página problemática: as bordas recortadas criadas em cada lado a tornariam muito mais difícil de ler e poderiam distorcer o resto do suas concepções sobre diferentes monitores. Para algumas pessoas, o tipo centralizado é só um pequeno passo até a utilização da Comic Sans em um design de website. Você pode até considerá-lo para um título, mas, em geral, alinhando o seu texto para a esquerda fará seus leitores lerem de forma muito mais confortável.

Seja inteligente ao lidar com aspas e outros símbolos
O website de Luigi Ottani mostra o que uma atenção especial para aspas e outros símbolos pode te dar: uma total ausência de problemas quando o site mostra estes símbolos.  Muitos sites são salpicados com símbolos que um determinado navegador pode não exibir (e não adianta isolar estes símbolos , pois o que funciona com um não necessariamente funciona com outro).  É infelizmente uma verdade o fato de que a maior parte do texto com que um web designer trabalha provavelmente foi escrito em Microsoft Word ou outro software de processamento de texto que faz todo o tipo de alterações ao texto sem que o escritor se de conta. E estas alterações comprometem sobremaneira o resultado do mesmo texto em uma página web.
Um das piores “mudanças inteligentes” do Word são as aspas: As aspas  comuns no Word são automaticamente substituídos por aspas retas ou inglesas.  Outra área problemática surge quando você trabalha com textos escritos em outro idioma: acentos e caracteres especiais manipulados pela Ajuda do Word podem causar tanto ou mais problemas do que a Ajuda do Word pode resolver.  Se você simplesmente copiar e colar texto com essas mudanças em seu projeto, é provável que você tem que voltar e corrigi-los mais tarde, pelo menos para alguns browsers. Antes de fazer isso, copie o texto do Word, cole-o em um notepad, e aí sim copie-o do notepad e cole-o no seu projeto.
Prefira sans serif
Se você olhar para o web site A List Apart’s poderá perceber que todos os grandes blocos de texto estão definidos em um tipo sem serifa, tornando-se muito mais fácil de ler.  Manchetes e outros pequenos blocos de texto estão em uma fonte serifada, criando um equilíbrio entre os dois.
Quando se trata de texto para ser lido em uma tela, fontes sans serif são quase sempre a melhor aposta, especialmente se você optou por uma fonte como Verdana, que foi projetada para ser exibida em uma tela de computador. Fontes serifadas tem maior chance de serem apresentadas de forma pior na tela, aparentando estarem borradas ou pixelizadas.
É claro que não é possível evitar as fontes serifadas completamente, é claro. Mas para os grandes blocos de texto, em particular, usar ma fonte sem serifa pode oferecer um nível extra de garantia de que os visitantes poderão facilmente ler um texto do site. Quando você estiver escolhendo fontes para um projeto, considere em primeiro lugar as fontes sem serifa.

Comentário final
A tipografia é facilmente negligenciada, e mesmo quando um designer a leva em consideração, é fácil descrevê-la como uma atividade que consome muito tempo e tem pouco retorno, ou pelo menos, é menos visível. Mas investir  alguns minutos no texto que será a peça central de seu projeto pode transformá-lo, de alguma coisa que qualquer web designer poderia fazer em um elemento de página que poderá suportar todo o resto do design.