O site da minha faculdade (Esamc [screenshot] ) é algo que me irrita profundamente. Visualmente ele é péssimo e não fica atrás no aspecto do desenvolvimento. Vou fazer aqui minhas ressalvas sobre o dito-cujo:

- Assim que o usuário entra no site, a primeira coisa que se depara são com essas imagens mal escolhidas e obviamente tiradas de algum site de stock photography, com pessoas claramente não brasileiras.

- Ao olhar para a página, algo irrita mas demora alguns segundos para perceber que são as imagens em baixa qualidade. Os JPEGs que compõe o layout parecem estar com compressões altíssimas, prejudicando em muito a aparência do site como um todo.

Ao examinar melhor, podemos perceber que o cabeçalho, uma das mais importantes e proeminentes imagens do layout, possui 760x113px e apenas 5KB. Também dá pra perceber algumas formas não muito bem definidas no cabeçalho, que o deixam sujo e desnecessariamente confuso.

- A imagem de background da barra lateral (o menu), também merece atenção a parte de vocês leitores. A típica baixa qualidade no arquivo persiste, apresentando um JPEG embaçado e lotado de artefatos.

Mas esse nem é o ponto mais interessante dessa maravilha do design moderno. Por algum motivo, o designer achou que seria interessante colocar umas linhas em ângulos não-retos, talvez para dar um aspecto de pirâmide a um site de uma faculdade (?!). Como se já não fizesse sentido e como se as imagens de baixa qualidade já não irritassem bastante a vista do visitante, o designer decidiu colocar linhas em ângulos diferentes. Bastante harmonioso, não? Genial.

- O site usa frames!!! Para quem não é da área, os frames foram praticamente abolidos de qualquer design decente porque eles causam dois efeitos muito negativos: várias barras de rolagem extremamente irritantes, feias e não-harmoniosas e são péssimos para ferramentas de busca (Google, Yahoo, etc).

Em uma explicação rápida sobre a evolução do design de websites, temos:

1. Frames: várias barras de rolagem, não são amigos de ferramentas de busca.
2. Tabelas: tabelas, teoricamente, foram feitas para guardar dados tabulares (parece óbvio, mas não é!), como uma lista de preços, dados de múltiplos usuários de um site, etc. Porém, no final da década de 90, a febre era desenvolver sites com layouts baseados puramente em tabelas. Cada coluna do layout era um célula da tabela, bem resumidamente. Porém, além de serem semanticamente equivocadas, as tabelas necessitavam de hacks infinitos para funcionar corretamente em diferentes browsers e, muitas vezes, funcionavam direito somente no Microsoft Internet Explorer, caracterizando-se como ferramentas nada democráticas.
3. CSS + XHTML: para salvar o mundo da confusão das tabelas, passamos a adotar o CSS e o XHTML, que são padrões definidos pela W3C, entidade que gerencia a internet. Grande parte dos sites modernos são construídos dessa maneira (como esse aqui), mas ainda falta muito para termos uma internet livre de tabelas.

Ou seja, o site da Esamc encontra-se na primeira fase da evolução do desenvolvimento para web. No começo da década de 90 fazia-se sites baseados em frames, mas em época de Web 2.0, é um tapa na cara de qualquer webdesigner.

A Esamc, para quem não sabe, é um tipo de spin-off da famosa e gloriosa ESPM, portanto não estamos falando de qualquer faculdade dessas que brotam a cada esquina (a mensalidade me lembra disso freqüentemente). Acredito que a entidade e nós alunos merecíamos coisa melhor.