Design


18
jan 10

Entre Designers e Programadores

Um pouco antes da internet aparecer no Brasil eu era um frequentador de BBSs, um serviço de dados prestado via linha telefônica, onde era possível conversar com pessoas e baixar arquivos. Era uma micro internet com diversas informações interessantes e importantes.

Um dia eu me conectei ao BBS e tive uma ótima surpresa, ao ler o menu principal notei uma nova opção, email. E simples assim foi o meu primeiro contato com a internet.

As informações chegavam através do meu impressionante modem de 2400kbps. Me recordo até hoje, após aqueles barulhos de conexão discada, a tela de boas vindas da BBS era desenhada na tela, linha a linha, como se fosse um pintor passando o rolo de tinta naquele exato momento. Eu achava impressionante a forma como podíamos nos comunicar através do computador com pessoas que estavam espalhadas por toda cidade.

Não demorou muito para as BBS se tornarem provedores de internet ofertando acesso discada. O primeiro site que acessei foi o Yahoo!, fiquei horas navegando e aproveitando cada minuto, pois naquela época, eu pagava uma mensalidade por algumas horas de acesso, algo em torno de 15 à 20 horas, e como o acesso era lento, você aproveitava cada linha de uma página, afinal ela demorava vários minutos para carregar.

Os sites eram praticamente mono-cromáticos, com o fundo branco ou cinza, fonte preta e links azuis. Usar imagem era uma afronta ao usuário, já que a maioria das pessoas não possuía uma conexão rápida suficiente. Eram todos verticais e bem compridos. Isso porque a linguagem html naquela época, estava nas suas primeiras versões, não existia tantos recursos como existem hoje.

O primeiro livro da minha vida foi um de html. O autor era o típico nerd, óculos grandes e fundo de garrafa, cabelo praticamente blackpower e um grande sorriso no rosto.

Eu comi aquele livro, foi fantástico aprender como fazer sites. Nesta época o html já estava em uma versão um pouco mais evoluída, já suportava tabelas, frames e imagens. Foi nesta mesma época que aprendi a utilizar os programas de edição de imagens, então meus primeiros sites já saíram um pouco mais bonitos do que os tradicionais mono-cromáticos.

Mas mesmo assim, conseguíamos dividir as funções, naquela época a pessoa que fazia site era chamado de webmaster, era um designer que projetava tudo e com um editor qualquer, transformava muito rapidamente um belo design em html, que era posteriormente entregue ao programador, que faria toda a interação com o usuário.

A criatividade das pessoas evoluiu mais rápido do que a própria tecnologia, então começaram a aparecer sites cada vez mais bonitos e interativos. O único problema é que o html nunca havia sido pensado para ser utilizado daquela forma, o que causou um problema muito grande pois os códigos começaram a ficar enormes, com centenas de tabelas, difíceis de entender e caros para manter.

Com esse problema em mãos, a w3c, organização que define os padrões da internet, teve que trabalhar na evolução das linguagens. Nasceu então o CSS, uma forma de criar estilos para o HTML, que por sua vez também evoluiu bastante. Apesar de ter ajudado, não foi suficiente, exatamente por isso que o HTML5 e o CSS3 estão em desenvolvimento, para tentar de uma vez por todas resolver este problema que a muito tempo se arrasta.

Acontece que todo esse movimento criou um problema muito grande no mercado. Os designers que antigamente conseguiam desenvolver o layout e também converter seus designs para HTML, hoje já não conseguem, pois ficou tão complicado que chega a quase ser uma programação para um designer.

O programador então teve que colocar a mão na massa, mas a maioria deles odeia, porque não é uma programação em si e existem muitos detalhes de design, onde é necessário cortar imagens, definir fontes, bordas, posicionamento, alinhamento, etc.

Infelizmente os programas não fazem este trabalho bem feito, e como o programador é o responsável por receber o produto transformado, seu terror é receber designs cortados com programas, o mais famoso deles é o Dreamweaver da Adobe, que gera um código muito grande, ineficiente e péssimo de manter. O resultado é tão ruim, que normalmente todo o trabalho é jogado no lixo e refeito manualmente.

Quando contratamos um designer aqui na Vex, o problema surgiu imediatamente: Quem cortaria o design?

A resposta foi imediata: Os programadores, é claro.

E assim foi feito. Nenhum deles ficou feliz, pois como eu disse isso não é programação, e o tempo que eles estavam levando para fazer finalizar o trabalho, estava altíssimo.

O designer começou a ficar triste, porque ele fazia um trabalho de excelente qualidade e o resultado não refletia exatamente o que ele tinha feito, afinal o bom corte de design tem que ser uma replica perfeita do trabalho inicial do designer.

Então ele me chamou para conversar e disse: “Não faz sentido você ter um bom designer se você não cortar com perfeição”. E ele tinha total razão.

Foi então que tomei a decisão de terceirizar todo corte de design aqui na Vex. O designer faz todo a criação, enviamos o PSD para corte e em poucos dias recebemos o design cortado.

O resultado é um documento seguindo os padrões da w3c, desenvolvido manualmente, com marcação semântica, extremamente organizado e bem codificado, em XHTML 1.0 Strict, CSS, compatível e testado em todos os principais browsers, com SEO em mente e bem otimizado.

Foi uma das melhores decisões que já tomamos, o designer ficou feliz porque seu trabalho continuava perfeito, mesmo após o corte.

Os programadores ficaram felizes porque não precisavam mais fazer coisas que não eram de programação, além disso recebiam o site muito bem codificado e estruturado, pronto para iniciarem a programação.

Os coordenadores e eu, ficamos muito felizes, pois todos os funcionários ficaram mais satisfeitos e nós pudemos diminuir o tempo com o corte de designs e aumentar a qualidade dos trabalhos. Economicamente foi muito interessante, pois pudemos nos concentrar na criação e programação, e o que nos dava mais trabalho ficou transparente, gerando uma economia enorme.

Se você produz sites, talvez não saiba, mas pode estar passando pelo mesmo problema, perdendo bastante tempo e dinheiro. Recomendo que terceirize os cortes de design da sua empresa.

Minha recomendação de empresa é o CSS Gurus, que faz um trabalho rápido e de excelente qualidade:


24
out 09

Readability and Design

Everyone noted the new layout? I’ve been using for quite some time now, an application called Readability, it’s a bookmark you put in your menubar and whenever the website you’re browsing is crappy to read, you just push this button and voila. It will magically add readability to the content.

This theme change is all about design and readability, unfortunately you won’t have to use it in this website.