O design de um site é a sua cara, a imagem que passa aos seus leitores e/ou clientes. É uma vitrine onde as empresas expõem seus produtos e profissionais exibem seu estilo. Uma interface de um site pode aproximar ou afastar um possível contato.

É possível ter uma noção de que o seu site está ou não agradando. O site Who Should Redesign? possibilita que o visitante veja um site e diga se seu design deve ser refeito ou não. Não é preciso cadastro nenhum, é só ir lá e votar. E para quem gosta do assunto, é um pouco viciante ficar clicando os botões de Sim ou Não.

Você pode também enviar seu site (ou qualquer outro) para que as outras pessoas avaliem-no. Ele demora um pouco para aparecer, mas aparece. Também há um ranking dos melhores e piores designs exibidos no site, de acordo com a votação.

É um boa ferramenta para os designers analisarem como as outras pessoas vêem seu trabalho.

Computadores completos em promoção!

Você pode não perceber, mas as cores influenciam um tanto no nosso dia. Elas estão muito ligadas aos sentimentos e comportamentos das pessoas. Lógico que tudo no seu contexto, né: o vermelho pode significar “pare!”, se tiver num semáforo, e “eu te amo”, se tiver num buquê de flores. Viu só como a cor influencia tudo?

Iaí, qual desses você gostaria de receber do affair?Por isso que temos que prestar muita atenção na hora de utilizar as cores, pois elas influenciam mais do que pensamos na hora de se utilizar uma interface. Mas atenção: não podemos nos apegar muito a elas pra orientar o usuário. Não podemos nos esquecer de uma coisa: acessibilidade. É preciso lembrar que existem usuários que não enxergam as cores da mesma forma que você.

Mas, como vamos saber se o contraste e as cores usadas são confortáveis para todos? O Vischeck ajuda muito nisso. Ele mostra como os usuários que possuem três tipos de daltonismo vêem alguma página web ou uma imagem.

Post do Mundo Tecno visto por um quem possui deuteranopia

Post do Mundo Tecno visto por um quem possui protanopia

Post do Mundo Tecno visto por um quem possui tritanopia

E sem aquele papo de “não é esse público que eu quero que entre no meu site”, por favor. Afinal de contas, daltônico tem em um monte de lugar, ocupando diversas profissões. Eles também têm que acessar aos sites e imagens, certo?

Computadores completos em promoção!

Eles são a primeira coisa que se vê numa área de trabalho : os ícones existem para facilitar a nossa vida.

As imagens nos ajudam a lembrar o que vai acontecer se eu clicar ali. Disquetinho para salvar. Lupa para procurar. Carrinho de compras para err… compras. O ideal é que seja óbvio assim mesmo, o usuário não pode ter dúvidas, lembra?

Além de ser fácil de memorizar, um ícone tem que ser legível. Afinal de contas, a imagem irá substituir as palavras de um link. O conjunto iconográfico tem que ser consistente, com características iguais. O contraste, o tamanho e as cores utilizadas devem tornar as imagens agradáveis. Fazer um ícone é algo muito trabalhoso e exige o conhecimento de um monte de coisas, de Teoria das Cores a Gestalt, e parece algo distante de nós, pobres mortais que queremos interfaces legais. Para nos ajudar, existem os sites de download de ícones grátis.

Iconspedia

No Iconspedia tem ícones muito bonitos em .ico e em .png, divididos em várias categorias. E se você quiser compartilhar seus ícones, é só preencher o formulário.

Monofactor

O set de ícones do blog Manofactor também é muito bonito. A vantagem é que eles vêm em formato .ai; isso quer dizer que é possível editá-lo com o Adobe Illustrator a partir da versão 8.0. É gratuito, mas você pode fazer uma doação para o criador dos ícones e dono do blog.

DaPino Colada

Outro set de ícones editáveis, dessa vez em Photoshop. Destaque também para os mini-ícones, muito bonitinhos.

Além desses, tem os que a Cynara falou um tempo atrás, que são ótimos. Agora não tem mais desculpa pra usar ícones feiosos no seu site ou blog.

Computadores completos em promoção!

Vi no Planta Baixa o link para o interessante Bad Usability Calendar, que mostra o que NÃO se deve fazer para ter uma boa usabilidade em um site. Coisas como personalização em excesso, login em excesso, compartilhamento em excesso. Os recursos ficam interessantes quando usados na hora certa. Destaque para o mês de junho, onde os criadores alfinetam a interface do site useit.com, de Jackob Nielsen, um dos grandes nomes da Usabilidade.

Leitura recomendada.

Computadores completos em promoção!

Metatags, longdesc, peças fundamentais para um html bem escrito, não acham? Pena que só alguns autores de blog, aqui e ali, ou ainda, um ou outro indivíduo que os acompanha sabem da existência da tag e do atributo os quais destaco neste post.

La fora, certamente em um mundo no qual poucos lerão este post, a realidade é totalmente contrária aos padrões para desenvolvimento web. Muitos acham pura frescura, outros simplesmente são desprovidos de conhecimento (se bem que na área isso nunca foi desculpa, é fácil aprender) e continuam com seus “portais” em flash.

Eu tenho mania de ficar olhando código fonte, faço isso algumas vezes por dia e é muito fácil encontrar documentos sem doctype, fácil encontrar agências, que quando não escolhem flash para seus sites, ainda fazem uso de tabelas, entre outras coisas.

Já ouvi, de profissionais que respeito inclusive, argumentos do tipo “este é um site publicitário então deve ter esse apelo”. Já disse e repito, acessibilidade não é apenas algo para auxiliar portadores de deficiências.

Sinceramente, foi o tempo no qual valia a migração aos poucos de tabela para um código adequado. Quem começou a fazer html há 2 ou 3 anos, ao meu ver, tem obrigação de saber escrever código utilizando o máximo possível de tags corretas.

Há um texto do Pedro Rogério, falando sobre o atributo longdesc e sobre uma pesquisa feita em agosto do ano passado referente ao uso do mesmo. Eu acredito que o resultado da pesquisa ainda possa mudar, tudo vai depender da qualidade dos profissionais da nossa área. Boas referências não faltam, é questão de ir atrás, pesquisar, de levar nosso trabalho a sério e não mais como uma brincadeirinha de adolescente.

Para finalizar, vou deixar essa referência. Acho importante, principalmente para os designers.

Computadores completos em promoção!