Apesar de boa parte dos navegadores modernos já suportarem boa parte das novas tags do HTML5, eu particularmente, não creio que seja possível ignorar os usuários que ainda utilizam browsers mais antigos ou que não suportam o HTML5 e CSS3.

Precisamos encarar o design para a web como uma forma de comunicação entre empresas e profissionais com seus clientes, quando utilizamos uma linguagem que restringe o alcance de nossa mensagem, estamos segregando e selecionando usuários, consequentemente criando uma barreira entre a empresa, serviço, profissional e o cliente que é a razão do negócio.

Boa parte dos usuários não possui conhecimento técnico sobre linguagens de programação ou marcação, sinceramente nem considero o fato de eles terem que possuir tais conhecimentos, afinal de contas o web designer existe para isso, para tornar a experiência do usuário mais simples e intuitiva, se você complica ou adiciona conteúdos que são restritos a certas tecnologias, você está inserindo ruído a está comunicação, qual seria a razão de uma dona de casa ou um empresário, saberem que o Google Chrome suporta o seu site e o IE não?

Como web designer posso dizer que adoraria que todos tivessem acesso ao HTML5 e CSS3 e tudo o que eles proporcionam, mas como sei que isso ainda não é realidade, defendo a continuidade do desenvolvimento em XHTML e CSS2, talvez em mais alguns anos o HTML5 seja uma realidade, antes disso temos que encarar o web design como um negócio, onde o cliente é prioridade e não nós os desenvolvedores.

Você concorda? Não? Comente!

A velocidade com que estes ciclos de técnicas, tecnologias e metodologias se renova é tão rápido, que não seria exagero afirmar que todo o conhecimento adquirido em curso superior na área, estará defasado antes da formatura do acadêmico, por isso é importante para o futuro profissional, estar em constante renovação.

Para exemplificar isso vou colocar uma cronologia de tendências do webdesign nos últimos anos, atualmente em desuso alguns tão obsoletos que chegam a ser encarados pelo mercado como pecado mortal ou blasfêmia, como no caso dos layouts em tabelas tão comuns no início da web.

2005

- Anunciava-se o fim dos sites cinzas e azuis e a cor do ano era o marrom.

- Surgia discretamente a tendência de utilização de CSS e XHTML

- A fonte Arial voltava com força sendo uma alternativa ao Verdana.

- O surgimento do Flash e possibilidade de utilização de diversas fontes em textos de hipertextos era comemorada.

- Massificação de layouts em 5 partes (cabeçalho, navegação, barra lateral, área de conteúdo e rodapé)

2006

- Padrões web começam a ganhar força e já são realidade.

- O Ajax surgido em 2005 começa a ganhar força e mostra-se uma alternativa aos pesados conteúdos interativos e dinâmicos em Flash.

- A interatividade entra na pauta de grandes sites e começa a surgir aquilo que seria batizada de Web 2.0

- Aplicações web começam a ser produzidas com base em aplicações desktop, é o ano dos ícones e logos bacaninhas.

2007

- É o ano dos cartoons e mascotes “fofinhos” em websites.

- A Web 2.0 já é realidade, surgem muitas aplicações dinâmicas baseadas na interatividade e colaboração, popularizam-se alguns dos pioneiros sites de social network.

- O design web sofre uma massificação de tendências como a utilização de ilustrações florais e geométricas em backgrounds e corpo de textos.

- A melhoria do suporte dos navegadores as folhas de estilo CSS popularizaram a utilização de bordas com imagens complexas, extrapolando as convenções de cantos arredondados ou linhas demarcando início e fim de seções do site.

- Ícones grandes, destaque de conteúdo a partir de cores e tamanhos de fontes diferenciados de acordo com a importância do conteúdo.

- Texturas, este ficou marcado pela utilização massiva de textura complexas na composição de layouts, texturas naturais e grunges dominariam o design web neste ano.

- Colorido, o web design ganhou destaque através de cores vivas em contraste com backgrounds, cores como azul claro, verde limão, rosa e laranja, marcaram o design de sites neste ano.

Exemplos

2008

- Design Retro foi uma grande tendência neste ano, cada vez mais surgiam sites que faziam referência ao estilo.

- Este ano ficou marcado pela utilização de um recurso visual muito comum e usado até hoje, as folhinhas de blocos de anotação (Post-It) no layout destacavam algum conteúdo.

- Neste ano também vimos a popularização de fontes do tipo manuscrito, que davam um ar mais despojado e pessoal aos sites.

- Grunge, os sites adotavam um visual “sujo”  com texturas que simulavam manchas, rachaduras e desgaste.

- Manchas de Tinta, o layout de boa parcela dos sites possui gotas de tinta em formato “splash”, esta tendência também poderia ser vista em muitos logotipos da época.

- Aquarelas, uma tendência que cresceu muito desde 2008, foi a utilização de imagens em formato de aquarela, com cores pastéis que davam aos backgrounds e imagens dos sites um aspecto ainda mais artístico e natural.

- Colagens, a organização de layouts em forma de colagens também surge e ganha muita força nesta época.

- Madeira, a textura de madeira se popularizou e adicionou um certo requinte ao design de sites.

Exemplos

2009

- Relevo Baixo, uma tendência que se popularizou bastante nesta época foi utilização de relevos baixos em fontes ou em componentes do layout.

- Transparências em PNG, surgiu com força total neste período a tendência de utilizar imagens com fundos transparentes para enriquecer ainda mais o design de web sites.

- Tipografia Grande, esta tendência ganha ainda mais importância, apesar de não ter surgido neste ano e sim em 2007, a tendência a utilização de fontes grandes como forma de destaque para conteúdos ganha muita força e passa a ser uma convenção do web design.

- Modal Boxes, a utilização de caixinhas destacadas do conteúdo através de lightbox torna-se uma tendência, com a popularização cada vez maior do Ajax e bibliotecas como jQuery, Mootools, Scriptaculous, etc.

- Magazine Look, populariza-se a diagramação de conteúdo de acordo a orientação utilizada na mídia impressa como em revistas, folders e jornais.

- Slideshows, em razão da popularização das bibliotecas javascript são cada mais comuns a utilização de animações e slideshows nos layouts, como forma de dispor conteúdo ou destacá-los.

- Blocos Introdutórios, o layout dos sites segue uma tendência em apresentar blocos destacados que apresentam ou introduzem algo relevante em relação ao site, geralmente composto por textos curtos e objetivos em fonte destacada os blocos introdutórios tornaram-se muito populares em sites ligados ao desenvolvimento de sites, música, moda e multimidia.

Exemplos

2010

- Oversized Headers, Footers and Logos, como as páginas introdutórias a muito tempo tornaram-se obsoletas, a utilização de cabeçalhos e logos em tamanho muito grande proporciona uma grande impacto ao visitante e com uma simples rolagem de página apresenta o conteúdo do site sem a necessidade de cliques. Além disso os sites passaram a ter rodapés cada vez maiores onde o desenvolvedor pode exibir ações do site ou empresa em redes sociais, disponibilizar de forma mais rápida informações relevantes de contato, formulários para adesão a newsletters, interação dos usuários como comentários referentes aquele conteúdo, etc.

- Desenhos, a utilização de desenhos do tipo Sketch não é nenhuma novidade no web design mas sua utilização como forma de personalizar sites, tornando-os mais singulares é uma tendência em 2010.

- Tipografia, o que antes era visto como adereço ao layout de um site web, ganha muito mais importância e passa a ser a alma do design de um site, a utilização de fontes como forma de atrair a atenção dos visitantes e customizar a página ganha força, juntamente com a tendência minimalista, as imagens passam a ser utilizadas apenas quando possuem algum tipo de relevância em relação ao conteúdo e sua complementação, imagens decorativas são praticamente proibidas.

- Layout de uma só página, cresce a tendência de apresentar todo o conteúdo do site em apenas uma página, com a eliminação de conteúdos desnecessários e imagens, de acordo com o minimalismo que marca a web e web design moderno, tudo que não faz falta para a transmissão de uma mensagem deve ser retirado.

- Imagens Enormes, seguindo a tendência dos cabeçalhos e logos em grandes dimensões, este recurso serve como forma de causar impacto visual aos visitantes sem a necessidade de segmentação do conteúdo em páginas introdutórias.

- Perspectiva, apesar de não ser nenhuma novidade a visão em perspectiva passa a se popularizar na produção de layouts, uma de suas utilizações mais clichê é a famosa mesa de trabalho do designer ou desenhista, com elementos como lápis, xícaras de café e outros objetos ao redor de uma página ou documento. Além desta abordagem de perspectiva, alguns sites fugiram da forma mais clichê e produziram verdadeiras obras de arte com conceitos de perspectiva simples como profundidade e planos.

- Design Interativo, a utilização de linguagens dinâmicas e a popularização de Ajax, deu aos sites um atrativo a mais a possibilidade de interagir em tempo real, com textos, imagens e formulários, enriqueceu ainda mais a experiência do usuário.

Exemplos

Conclusão

Concluo este post ressaltando a importância de atualização de estudantes e profissionais do Web Design, como podemos ver através da cronologia, em apenas 5 anos, muita coisa mudou na forma de desenvolver sites, aqueles que encontram-se atados as técnicas de 2005, certamente não encontraram espaço no mercado atual, algumas coisas em nossa área mudam tão rapidamente que exigem uma reciclagem constante e readaptação praticamente semestral, não fique para trás, renove-se.

Ser este profissional multidisplinar para atender todas estas demandas de um projeto web ou de um simples site, exige organização, é necessário, aliás é essencial saber gerenciar o tempo de forma produtiva, para que prazos e expectativas sejam atendidas, para isso é vital que o WebDesigner se programe, planeje suas ações e estudos métodos de trabalho, buscando a solução mais produtiva.

Organização

Organizar suas atividades e arquivos não significa apenas etiquetar uma série de pastinhas e nunca saber onde procurá-las ou desconhecer o que se têm arquivado, a melhor forma de organizar algo é definindo uma estratégia, buscando definir que tipo de classificação é a mais adequada a sua forma de funcionar, se você é uma pessoa metódica que separa cada nota, cada recibo, cada contrato em pastas separadas e organiza-as por datas, ordem alfabética, ou qualquer outro tipo de classificação que tenha sentido para você ótimo, senão é uma pessoa que sequer lembra onde guardou o cheque que recebeu de algum cliente é hora de começar a definir sua estratégia de organização.

Separação por Relevância, se o Google organizasse os documentos referentes a minha atividade de WebDesigner este seria o critério de classificação dos meus documentos, por isso procuro agrupar coisas semelhantes em diferentes formatos, por exemplo, se estou desenvolvendo um projeto para uma empresa, procuro arquivar em um só local todos os documentos, cartões, folders, cartazes, panfletos deste projeto em um mesmo local, assim facilitaria a minha busca.

Documentos que exigem uma constante revisão ou consulta, tem locais estratégicos, preferencialmente na primeira gaveta ao lado da escrivaninha, logo abaixo do mouse, claro que em seu escritório ou casa, você deve definir este local estratégico, mas o ideal é facilitar o acesso fácil a documentos que exigem constante consulta e revisão, deixando arquivos menos “acessados” em locais mais distantes e organizados.

Virtual X Real

Uma dica que poderá ser útil é tentar manter a mesma estratégia de organização de documentos reais, nos documentos virtuais, organizar seus arquivos, imagens, HTML, CSS, JS, Contratos, Emails, etc. Da mesma forma que organiza seus papéis, você estará familiarizado com a estrutura, o que facilitará sua navegação em documentos reais ou virtuais, poupando-lhe tempo e permitindo reduzir o tempo de busca por determinado documento.

Backups

É vital para qualquer profissional que utilize computadores, a realização de backups constantes, defina uma período de acordo com o volume de dados que deseja organizar, quando menor a quantidade de dados a serem armazenadas a necessidade de backup receberá um período maior, para profissionais que precisam armazenar grandes quantidades de dados, o ideal é que os backups tenham um intervalo menor.

Por experiência própria posso afirmar que é vital utilizar uma estrutura padrão para os backups (nem sempre fui organizado, e sofri muito para encontrar um email trocado com um cliente, sem saber ao certo de havia sido em 2006 ou 2007…), você conseguirá navegar de forma rápida e intuitiva através do arquivos, fazendo com que o backup tenha real utilidade, é interessante também utilizar um indíce global de seus backups, um simples documento de texto com a descrição dos arquivos encontrados em cada diretório na pasta raiz é capaz de minimizar sua busca em relação a um arquivo que você não se lembra exatamente quando foi produzido, recebido ou baixado da internet.

Com seus arquivos devidamente organizados, é possível aumentar ainda mais a produtividade do seu tempo, definindo rotinas de produção, definindo o que deve ser feito, evitando o desperdício de tempo em atividades não relacionadas e prolixas, definir uma forma de produzir, criar sua própria linha de montagem de sites.

Rotina de Produção

No WebDesign temos uma série de atividades e todas são importantes (a maioria é importante….), algumas necessitam de uma tarefa pré-requisito, portanto é necessário definir quais as atividades são prioritárias, quais podem ser realizadas em paralelo, quais podem ser descartadas de acordo com as necessidades do projeto a ser desenvolvido, os administradores utilizam um gráfico para visualizar de forma mais intuitiva estas tarefas, este gráfico é conhecido como “Gráfico de Gantt”, você não precisa produzir um gráfico destes a cada projeto, mas é importante entender seu funcionamento para definir quais as tarefas são críticas e quais são secundárias, onde estão e quais são as atividades que merecem maior atenção e empenho afim de maximizar a produtividade.

Após definir sua rotina, pratique-a, caso contrário você só terá desperdiçado seu precioso tempo, vou citar a estrutura geral da minha rotina produtiva de websites, talvez sirva como base para alguém, talvez não sirva para nada, ao menos você estará aprendendo com os meus erros e desenvolvendo algo mais adequado à você.

1 – Com o briefing em mãos, procuro conhecer quem são os concorrentes da empresa, do serviço ou do produto, procuro conhecer quais são as soluções e pontos positivos dos websites destes concorrentes, quais seus erros, acertos, identidade, público alvo, etc.

2 – Após a familiarização com o ramo do cliente ou natureza do projeto, defino uma estratégia e escrevo em uma folha de papel o que cada um dos sites dos concorrentes nacionais ou não possuem de positivo e negativo. Esta lista será a minha bússola durante todo o processo de produção, a partir da lista poderei me nortear evitando cometer os mesmos erros identificados, maximizar as idéias boas e já validadas pelos clientes como convenções, etc.

3 – Com o briefing e com a lista de familiarização é possível esquematizar o site a ser produzido, estrutura de navegação, formato, diagramação do conteúdo, destaques do conteúdo, call to actions, palavras chaves, organização e hierarquia do conteúdo, etc.

4 – Layout, com as idéias devidamente anotadas e com o briefing, abro o photoshop e inicio o desenvolvimento de uma imagem que representará a interface do website, após o desenvolvimento de 2 ou 3 propostas diferentes de layout, envio-as para a seleção e modificações do cliente.

5 – Após as devidas considerações do cliente e adequação do layout as necessidades apontadas, inicio a produção de uma página XHTML com CSS e Javascript, após a produção deste documento, tenho a base para a produção de todas as outras páginas do projeto, para qualquer linguagem web, assim o “template” do projeto estará concluído.

6 – Com o template pronto o próximo passo é realizar a produção da lógica do site, javascripts, phps, tabelas de banco de dados, manipulação de dados, etc.

7 – Testes, com as página prontas inicio os testes em diferentes navegadores e sistemas operacionais.

8 – Após as correções de possíveis problemas identificados durante os testes o site passa para a fase de otimização, para isso realizo a verificação de diversos itens, como carregamento de scripts, imagens, base de dados, segurança, etc.

9 – Apresentação e entrega, após todos os testes e otimizações, o site deverá ser entrega, antes disso realizo um backup do conteúdo final otimizado e devidamente revisado, uma midia com todos os arquivos é gravada e o cliente recebe uma cópia e a outra é arquivada.

De forma geral este é modelo que acredito ser o mais eficiente para o meu modo de trabalhar, espero que este artigo produza algum efeito e tenha alguma utilidade em sua forma de trabalhar, adapte as dicas aqui descritas as suas necessidades e reforce estes hábitos produtivos em sua rotina de trabalho.

Obs: Este artigo foi escrito baseado em Organization Tips For Web Designers

O mercado atual espera que o profissional de internet seja um especialista e não um generalista, é preciso conhecer a fundo algum destes conceitos e não saber um pouco de cada um destes conceitos, quando o assunto é Web Design eu humildemente discordo, do que adianta um Web Designer que projete sites belíssimos, mas pouco usáveis, ou ainda que levaria o usuário a esperar vários minutos até o seu carregamento total.

Alguém que projeta sites, precisa sim conhecer um pouco de cada um destes conceitos, você não precisa ser um Steve Krug em usabilidade, ou um Steve Soulders em matéria de otimização e performance de Web Sites, na verdade você nem precisa se chamar Steve…

Você deve conhecer a definição de usabilidade e otimização de sites, pois só assim você será capaz de produzir bons sites, sem deixar os programadores e especialistas em SEO com os nervos a flor da pele, para o trabalho de uma equipe de desenvolvimento é necessário que cada profissional conheça suas atribuições dentro do projeto e principalmente suas limitações, se o Web Designer conhece as limitações dos programadores e puder projetar sites que sejam “produzíveis” ele estará fazendo um grande favor a equipe.

Não basta fazer aquele layout destruidor no Photoshop ou no Fireworks e mandar para que os outros se virem em fazer aquilo virar um sucesso, ou na pior das hipóteses fazer aquilo funcionar como um site, o trabalho do Web Designer é projetar sites e projetar sites hoje em dia exige uma vasta gama de conceitos relacionados.

Generalistas sim, mas certamente especialistas em trabalhar em equipe e saber compreender as limitações da equipe…

O aparelho contará com telas touch screen (sensíveis ao toque), conexão wi-fi e sistema operacional baseado em distribuições Linux, informações sobre processamento e memória dos equipamentos não foram divulgadas.

Imagem Globo.com

Nós como desenvolvedores, devemos pensar em formas de desenvolver sites que sejam perfeitamente visualizados neste tipo de dispositivo, pelo jeito os tablets chegaram pra ficar e se realmente os preços chegarem à estes patamares, a quantidade de pessoas acessando a internet aumentará vertiginosamente nos próximos anos.
Se vocês quiser experimentar a visualização de seu site num iPad o site iPad Peek simula a visualização de qualquer site no dispositivo, através de um aplicativo em Flash, coisa que o iPad de verdade não faz e segundo Steve Jobs não fará, mas os dispositivos genéricos baseados em Linux farão com certeza.

Tilt-Shift é um efeito conseguido através de lentes fotográficas especiais que oferecem um certo grau de desfoque na imagem e apresenta resultados semelhantes a uma maquete ou imagens miniaturizadas, como não temos estas lentes a disposição, usaremos o Photoshop para tentar recriar estes efeito.

No webdesign podemos usar efeito para criação de banners de empreendimentos imobiliários, financiamentos, etc. O efeito deve ser utilizado com moderação e de acordo com sua imaginação.

Abaixo é possível ver uma fotografia comum e a aplicação do efeito.

Sem Tilt-Shift

Com Tilt-Shift

Passo-a-passo

Passo 1 – Abra a imagem que será trabalhada

Passo 2 – Duplique a camada de background utilizando as teclas CTRL + J e em seguida renomeie esta camada para “base”

Passo 3 – Aperte CTRL + U e coloque a saturação em +35 no canal Master, em Reds defina a saturação em +40 o mesmo em Blues saturação +40 ( Os valores devem variar de acordo com a imagem em que você está trabalhando ) dê OK para aplicar os valores de Saturação.

Passo 4 – Duplique a camada Base utilizando CTRL + J e renomeie esta nova camada para “mascara”

Passo 5 – Clique no ícone Add Layer Mask, depois clique sobre a imagem da miniatura da camada “mascara”

Passo 6 – Clique em Filter > Blur > Lens Blur

Passo 7 – Tenha certeza que a opção Source esta selecionada “Layer Mask” e defina os valores Radius 10 e Thresdhold 255 o restante pode ficar com valor 0

Passo 8 – Clique sobre a mascara da camada e com um pincel preto de opacidade 60% pinte a área que você deseja que fique nítida ou em foco

Passo 9 – Com um pincel menor e com opacidade de 100% destaque alguns detalhes da imagem como prédios, casas, etc.

Passo 10 – Selecione a Layer “base” e vá em Filter> Sharpen> Unsharp Mask

Passo 11 – Defina os valores do filtro em Amount 130%, Radius 0,6 e Thredshold em 20

Passo 12 – O efeito está pronto, se desejar você pode trabalhar um pouco mais a máscara da camada “máscara” para ajustar ainda melhor o efeito

Vídeo

Abaixo veja a imagem utilizada no tutorial e o resultado do processo, espero que gostem deste video-tutorial, se desejar saber mais sobre o efeito HDR sugiro uma visita ao site “Dicas de Fotografia”
Abaixo podemos ver a diferença em relação à contraste, detalhamento da imagem e principalmente em relação ao realismo das cores da imagem

Técnica 1 – Falso HDR

Passo 1 – Abra a imagem que deseja aplicar o efeito.

Passo 2 – Duplique o Background ou a camada onde esta a imagem a ser tratada duas vezes apertando CTRL + J

Passo 3 – Renomeie as camadas para Super e Sub como na imagem abaixo

Passo 4 – Remova a visualização da camada sub clicando sobre o ícone de olho em frente a camada

Passo 5 – Clique sobre a camada super e vá em Image> Adjustments>Exposure… e defina os seguintes valores

Passo 6 – Reabra a visualização da camada sub clicando novamente sobre o ícone do olho, e vá em Image>Adjustments>Exposure… e defina o valor de Exposure em -0,60

Passo 7 – Mude o mode blend das camadas sub e super para “Soft Light”

Passo 8 – Defina a opacidade de sub em 80% e super em 70% de opacidade

Passo 9 – Clique no icone “Add Layer Mask” logo abaixo do painel de camadas e adicione uma mascara para cada uma das camadas super e sub.

Passo 10 – Feche a visualização da camada sub clicando sobre o ícone do olho, em seguida clique sobre a máscara da camada super e com um pincel preto, pinte as áreas onde o branco está estourado.

Passo 11 – Faça o mesmo procedimento na máscara da camada sub, desta vez pintando com um pincel preto as áreas escuras na imagem.

Passo 12 – Duplique a camada Background com CTRL + J e coloque-a acima de todas as outras camadas, mude o modo blend desta camada para Overlay e defina a opacidade em 30% e em seguida aplique o filtro em Filter>Other>High Pass Defina o valor de Radius em 60,0 pixels

Pronto sua imagem já possui o efeito de falso HDR, agora basta salvá-la, para isso clique em File>Save for Web & Devices… e selecione o tipo de arquivo JPG

Imagem sem HDR

Imagem com HDR

Assista ao vídeo e não deixe de comentar em caso de dúvidas, sugestões, críticas ou elogios.

Esta técnica é bem simples de ser aplicada e apresenta alguns resultados muito bons, mas para alguns esta técnica é muito trabalhosa, abaixo apresento a segunda maneira de fazer um efeito muito semelhante e de maneira bem mais rápida.

Técnica 2 – Falso HDR

Passo 1 – Abra a imagem que deseja aplicar o efeito.

Passo 2 – Duplique o Background ou a camada onde esta a imagem a ser tratada apertando CTRL + J

Passo 3 – Pressione CTRL + SHIFT + U para desaturar a imagem

Passo 4 – Aperte CTRL + I para inverter as cores e transformar a imagem em uma espécie de negativo

Passo 5 – Mude o modo blend da camada para Overlay

Passo 6 – Aplique o filtro em Filter> Blur> Gaussian Blur defina o valor do Radius em 60 pixels

Passo 7 – Duplique novamente a camada do Background e coloque-a sobre todas as camadas

Passo 8 – Mude o modo blend desta camada para Overlay e aplique o filtro Filter> Other> High Pass defina o Radius em 60 pixels

Passo 9 – Duplique novamente o Background e coloque esta nova camada sobre todas as outras, modifique o modo blend da camada para Soft Light com 40% de opacidade

Passo 10 – Aplique o filtro Filter> Sharpen> Smart Sharpen> defina o valor de Amount em 350% e Radius em 1 pixel

Passo 11 – Pronto sua imagem já está com efeito de Falso HDR, basta apenas salvá-la e publicá-la onde desejar

Imagem sem HDR

Imagem com HDR

Segunda técnica mais simples e rápida

Depois da primeira “Guerra”, tivemos algo semelhante a Guerra Fria, onde os atores principais eram Google e Yahoo, com seus serviços online disputando a preferência dos usuários, uma guerra mais ideológica e estratégica, mas uma nova grande Guerra parece estar pronta pra estourar, de um lado teremos a Apple, com seus amados gadgets eletrônicos revolucionários, de outro a Adobe que adquiriu da antiga Macromedia a tecnologia Flash e desenvolvedora dos poderosos Photoshop, Dreamweaver , Fireworks e Adobe Premiere.

Quando a internet parecia caminhar para uma padronização e o tão sonhado desenvolvimento multiplataforma, com a redenção até do Internet Explorer 8 aos padrões web, eis que surgem os bloqueios da Apple à tecnologia Flash e carta aberta ao público criticando a tecnologia da Adobe, a resposta da Adobe foi “We Love Apple” que por trás de uma mensagem de declaração de amor, faz uma dura critica ao fato da Apple impedir seus consumidores de escolherem quais tecnologias desejam utilizar.

Com o grande crescimento da Apple depois da criação do Ipod, parece que o estilo monopolista da Microsoft de 1995, começa a se desenvolver nas entranhas da empresa da maçã, o problema disso tudo é que nós desenvolvedores teremos muita dor de cabeça extra, se realmente os navegadores ignorarem os padrões, e passarem a utilizar tags e seletores proprietários, teremos de desenvolver diferentes versões de um mesmo site, para podermos atingir todos os internautas. A  Apple também perderá muito se a Adobe decidir bloquear definitivamente o suporte de seus softwares, como o Photoshop por exemplo, saberíamos que a Guerra começou de verdade, mais uma vez a guerra fará muitas vitimas, que serão os usuários, os desenvolvedores e a web 2.0 que caminhava para uma padronização saudável e benéfica para todos.

Se a atitude da Apple em atacar o Flash em razão do HTML5 parece uma luta pela padronização, precisamos enxergar com maior clareza e ver que isso é mera questão mercadológica, que em breve mostrará se Steve Jobs está novamente sendo um gênio, ou um ditador digital megalomaníaco multimilionário (parecendo um vilão de história em quadrinhos). Por outro lado, a Adobe desempenha um papel de mocinho neste “drama”, que afirma querer garantir o direito do usuário escolher o que deseja utilizar.

Eu particularmente não sou fã do Flash, mas respeito os desenvolvedores desta ferramenta e acredito que as pessoas deveriam poder escolher se querem ou não usá-la, sou defensor dos padrões web, sonho com o dia em que um site rodará em qualquer navegador, sem folhas de estilos condicionais, sem scripts, sem plugins, etc…

De acordo com Graham, as doações realizadas por pessoas comuns ao candidato, aumenta o nível de comprometimento do candidato com a população, pois o modelo eleitoral americano era marcado por vultuosas quantias vindas de poucos doadores e grupos, com esta nova realidade o candidato tende a trabalhar para o bem de uma quantidade maior de pessoas.

No Brasil temos uma realidade completamente diferente, onde o processo eleitoral ocorre de forma obrigatória e poucas pessoas dão credibilidade aos partidos e candidatos brasileiros, neste contexto qual o potencial da internet para as eleições brasileiras? Quanto à angariar doações, os candidatos brasileiros podem esquecer, prova disso é o fracasso da tentativa da candidatura de Marina Silva do PV em angariar recursos para sua campanha, segundo a revista Isto É, o montante arrecadado até Abril de 2010 não passava de R$ 2.500,00 o que não é suficiente nem para o pagamento do salário de um dos seis profissionais responsáveis pelos sites da campanha.

Se para a arrecadação de doações a internet brasileira não seria viável, certamente como forma de divulgação esta já provou ser muito promissora, diversos candidatos decidiram ingressar em redes sociais, como Facebook, Youtube e Twitter, para aproximar-se de seus potenciais eleitores e simpatizantes.

O modelo mais empregado de campanha online no Brasil até o momento é através da utilização do Youtube para publicação de vídeos criados exclusivamente para este público, além de utilizar as publicações de outros usuários prós como forma de ganhar notoriedade, além do Youtube o Twitter vem cada vez mais ganhando força no modelo e-eleições 2010, candidatos como José Serra, Dilma Roussef e Marina Silva já somam milhões de seguidores no microblog do momento.

Fora das redes sociais o modelo e-eleições 2010 tem como principal ferramenta os sites/blogs, que são sites construídos em formato de blogs e que permitem a interação dos internautas com o site, publicando comentários ou em alguns casos promovendo os artigos publicados em sites e blogs de renome quanto este material agrega algum valor à candidatura.

Alguns políticos brasileiros estão tentando embarcar na onda da web e construir campanhas online, infelizmente muitos candidatos brasileiros ainda são políticos 1.0 e não conseguem perceber o poder da web 2.0 que está na interação. Lançam sites onde o usuário é mero espectador, sem formas de interagir, para políticos 1.0 a internet é uma forma de distribuir “santinhos” online.

Para o melhor aproveitamento da internet no processo eleitoral é preciso ter em mente algumas convicções, a internet é dinâmica e participativa, os sites e blogs de campanhas eleitorais devem ser pensados dentro destes princípios, a importância dada à participação do internauta servirá como combustível para um maior número de participantes, é preciso encarar com seriedade a utilização de redes sociais, isso exige profissionais capacitados e com certa autonomia para a produção e por ultimo e não menos importante a linguagem deve estar de acordo com o público, portanto é preciso pensar em vários sites focados em diferentes tipos de eleitores, que possuam visual e linguagem adequada ao público-alvo em questão.

Para o profissionais de desenvolvimento web é preciso conhecer as estratégias e adequá-las ao ambiente e público-alvo, produção constante de novos materiais, monitoramento constante da participação dos internautas, respondendo as dúvidas e oferecendo argumentação sólida quanto às críticas e denúncias.

É preciso evitar a utilização destas ferramentas para a divulgação de boatos e escândalos contra adversários, apenas quando necessário o site poderá ser utilizado para esclarecer boatos infundados, o que exige um trabalho árduo e que deve ser bem remunerado.

Estamos vendo o surgimento de um grande potencial para o Web Design, assim como os políticos, os desenvolvedores web deverão assimilar as necessidades deste novo modelo e se adequarem às novas necessidades deste segmento, será preciso reaprender a desenvolver sites quando o objetivo do cliente é eleições, visando aproveitar ao máximo o potencial da grande rede.

Se desejar saber mais sobre o modelo Obama de campanha online, leia o artigo produzido pelo blog do Domicio Neto, muito claro e bem escrito

Todos sabemos que as ferramentas não constroem nada, quem constrói sites é o Web Designer, que precisa saber fazer bem seu trabalho com qualquer ferramenta, ou sem nenhuma delas, quando o projeto ainda está sendo concebido. Pensar Design para Web exige uma série de conhecimentos que não podem ser adquiridos com cursinhos de três meses em escolas de informática, ou em tutoriais da internet.

Não estou querendo desmerecer nenhum autodidata, longe disso, quando comecei a desenvolver sites, fiz através de um cursinho de informática que abordava superficialmente o FrontPage da Microsoft, meu interesse cresceu e baixei e li muitos tutoriais da net, mas quanto mais eu lia, mais eu via a necessidade de estudar a fundo os conceitos que determinam o que é um bom design e o que não é.

Apesar de muitas pessoas acreditarem que a prática se basta e que a teoria pode ser supérflua, eu discordo inteiramente desta opinião, a teoria assim como a prática são essenciais para tudo e web design não é diferente, quando produzia meus sites através do Dreamweaver e criava coisas legais, eu sentia a necessidade de entender por que web designers renomados faziam a construção de layouts belos e funcionais parecer tão fácil, eu disse parecer, pois quando se tem noção das teorias que fundamentam a escolha de cada cor, a posição de cada elemento, o estilo de cada site de acordo com o público que se pretende atingir, você descobre que a teoria é importantíssima.

Cursando uma faculdade de Design ou Web Design, você passa a desvendar os conceitos que se escondem em trabalhos memoráveis e consegue entender o porquê de certos cuidados durante o desenvolvimento e até o motivo que vários sites famosos e importantes tem tantas coisas em comum. Eu acredito que é importante para o profissional de design para web ou Web Designer, a formação superior e a passagem pelos bancos da universidade, por si só um curso superior não concebe bons profissionais, isto depende exclusivamente do acadêmico, que deve ter em mente que a graduação é apenas um passo, um grande passo diga-se de passagem, para sua capacitação profissional, que também exigirá atualização, disciplina, talento, etc.

Assim como um edifício, um bom profissional precisa de uma base sólida, para que construa sobre esta base, uma grande carreira, se sua base for pouco sólida, em determinado momento você se vará limitado pelas proporções que as coisa tomaram, ou na pior das hipóteses ver sua tudo desmoronar por falta da tal base forte. Se você é um autodidata talentoso, saiba que a formação universitária irá contribuir e muito para que seus trabalhos tornem-se ainda melhores, se você não é autodidata e pretende iniciar uma carreira profissional baseada na web, a teoria pode ser um bom início.

Teoria e prática não são opostos ou adversários, são complementos para o aumento da sua capacidade profissional, você pode continuar fazendo sites da forma como sempre fez, mas após dominar as teorias que regem o desenvolvimento para web, estará agregando valor aos seus sites e assim oferecendo um produto melhor, com valor maior e diferencial.

Pense nisso…