A análise foi feita sobre a semiótica de Pierce, onde o signo é triádico, possuindo três focos de análise: significação (o signo em si mesmo), a objetivação (a referencialidade do signo) e a interpretação (reações e efeitos provocados no interpretante do signo).

Se for de algum proveito para alguém, façam-se ouvir! Sugestões, críticas e comentários também são bem vindos por aqui.

ANÁLISE SEMIÓTICA DE DESIGN DE EMBALAGEM
SUCRILHOS® KELLOGG’S®

Ao contrário do que se imagina, Gestalt não é o nome ou sobrenome de ninguém, é uma palavra de origem germânica. Em alemão significa puramente forma, mas nos termos gerais denota o conjunto de entidades físicas, biológicas, fisiológicas ou simbólicas que juntas formam um conceito, padrão ou configuração unificado que é maior que a soma de suas partes. Ou seja, o princípio básico da teoria gestaltista é que o inteiro é interpretado de maneira diferente que a soma de suas partes.

Hoje, usa-se as terminologias Gestalt, Gestaltismo, Psicologia da Gestalt ou ainda Psicologia da Forma, para referir-se a esta teoria sobre o fenômeno da percepção.

Nomes importantes por trás da teoria gestaltista

O precursor da psicologia da Gestalt foi o filósofo Christian Von Ehrenfels, embora muitas vezes Max Wertheimer seja creditado como fundador do movimento. Max Wertheimer, Wolfgang Köhler e Kurt Kaffka são os teóricos do início do século XX.

Os teóricos comprovaram através de experimentos que não vemos partes isoladas, mas relações. Como cita o artigo da Wikipédia, vemos uma cadeira como um objeto diferente do que apenas a soma de suas partes (encosto, pernas e assento).

Como descreve João Gomes Filho em seu livro Gestalt do Objeto: Sistema de leitura visual da forma (2004), são diversas as leis da Gestalt onde, segundo ele, foi criado o suporte sensível e racional que permite e favorece toda e qualquer articulação analítica e interpretativa da forma do objeto.

Leis da Gestalt

Há excelentes referências sobre as leis da teoria Gestaltista de percepção espalhadas pela Web e, portanto, não convém descrevê-las aqui pois, além de tudo, as referências disponíveis em alguns sites são escritas por pessoas que possuem mais propriedade do assunto.

• Gestalt Psychology - Dr. C. George Boeree, professor do departamento de Psicologia da University of Shippensburg
• Gestalt Psychology - Wikipedia

Literatura recomendada

Gestalt do Objeto: Sistema de Leitura Visual da Forma, de João Gomes Filho, é um livro interessante que encontrei na biblioteca da onde estudo, a Universidade de Caxias do Sul. A leitura não é muito atrativa, porém todas as páginas possuem vários gráficos que ilustram cada uma das leis.

O livro dá uma boa introdução sobre o movimento e sua base teórica, além de explicar a razão de cada uma das leis. Estou ainda em estudos iniciais sobre percepção e Gestalt, e acredito que este seja um bom livro para quem esteja começando. Os exemplos que o autor coloca, ao contrário dos exemplos encontrados na Internet, são exemplos reais de aplicação da teoria Gestaltista no design, arquitetura, artes, etc.

A minha opinião, sempre pessoal, contudo, me fez indagar bastante e ver um grande ponto negativo nessa história. Qual é o verdadeiro agente que acarreta o crescimento profissional? Seriam as paredes coloridas, os M&M’s transbordando grandes tubos de acrílico, as cestas de basquete in-house e o XBOX360 com a televisão de alta definição?

Não me entendam mal, o Google faz produtos incríveis, possui uma filosofia incrível, até por que eu acredito que o Google foi o divisor de águas da Internet.

Mas voltando ao assunto, sonhar é humano, natural e saudável. Otimismo também é sempre importante, mas paremos por um instante, e vamos refletir sobre a realidade. Posso afirmar com absoluta propriedade: clientes não faltam, faltam os bons profissionais. Mas, onde estão esses profissionais? Estariam eles esperando uma chance de ter uma vaga em Mountain View, um carro importado e uma mansão com piscina?

Existe algo, que se chama sonho, e aí está apenas um processo incubatório. Destacar-se-á aquele que, partindo de um sonho, estabelece uma meta, vira noites sem dormir, trabalha aos fins de semana se preciso, vence os espinhos talvez não com total presunção, mas com superação e aprendizagem. E, ao desprender-se da presunção, compartilha seu conhecimento com o mundo, sem medo de que alguém possa tomar o seu lugar.

Alguma mente alheia já parou para pensar que nós também somos responsáveis pelo nosso ambiente de trabalho? Coolness não é status restrito ao Google, minha gente. Nossos relacionamentos, a maneira como vemos o trabalho, nosso amor ao ofício, preparação, prioridades. Tudo isso é parte importante e fundamental ao ambiente de trabalho “2.0″. Amor à camisa, ao trabalho da equipe, à simplicidade e ao usuário. É isso que move o Google. E não o refrigerante grátis.

Admiro muitas empresas, que fazem um magnífico trabalho de design. Mas elas, até hoje, não me trouxeram tudo que eu aprendi, pragmaticamente, onde eu trabalho hoje. Essa convivência, essa aprendizagem apenas por dividir a mesma sala, as grandes empresas gringas não me trouxeram. São uma meta para o meu futuro, mas antes, com pés no chão, dou valor e reconhecimento ao lugar e às pessoas que me ajudam a ser um profissional melhor.

Eu também sonho, faço planos, traço metas e tenho minhas aspirações e pretensões. Mas não tiro o pé do chão até ter certeza de pisar em terreno firme. E é isso que alguns profissionais, erroneamente, fazem no Brasil. Pés pelas mãos, sonhar além da sua capacidade de estabelecer objetivos e cumpri-los, isso é ruim.

Estou começando minha carreira, quero continuar valorizando cada empresa que me acolhe, e tudo assim tem dado certo para mim. As oportunidades têm aparecido sem que eu precise correr atrás delas. Sem afobação, apenas com disciplina, e construindo meu crescimento sem depender de amenidades.

Se este artigo merece algum comentário, não sei. Mas essa é minha contribuição para amenizar minha própria ignorância. Ainda sou bastante jovem, talvez imaturo para falar sobre o que falei, mas reflito um bocado sobre o que ocorre dentro de mim, ao redor de mim e ao redor de onde eu vivo. Isso é importante para mim, pois se não escrevo para vocês, escrevo para mim, para me fazer pensar.

Estes acima são os livros que li e que quero compartilhar com você. Não encontrei maneira mais ilustrativa de mostrar vários livros ao mesmo tempo do que em uma prateleirinha que fiz no Fireworks. Fazer resenhas é algo que leva certo tempo, pois gosto também de opinar sobre os temas abordados em cada livro. Você já deve estar imaginando que as estrelinhas são um ranking da minha opinião sobre cada título, certo? Certo. Começando de cima, da esquerda para a direita. Vamos lá?

• Projeto Gráfico, de Antônio Celso Collaro. Summus Editora
• Elementos do Estilo Tipográfico, de Robert Bringhurst. Editora Cosacnaify
• Digital imaging for Photographers, de Adrian Davies e Phil Fennessy. Focal Press
• Aprenda em 14 dias Fotografia Digital, de Haydenbooks / Rose, Carla. Editora Campus
• Tipografia Pós-moderna, por João Pedro Jacques. Editora 2AB
• Homepage Usability: 50 websites deconstructed, de Jakob Nielsen e Marie Tahir. New Riders Press
• The Elements of Color, de Johannes Itten. Wiley
• Fotografia Digital sem Mistério, de Altair Hoppe. Editora Photos

Meus critérios de avaliação

Eu gosto muito de ler, e eu sinto bastante diferença entre um livro e outro. Cada autor imprime em sua obra um pouco da sua personalidade, através da maneira com que escreve. Não tenho, com absoluta certeza, autoridade para julgar ou questionar a qualidade das obras lidas. Todas elucidaram questões antes obscuras na minha cabeça, mas os livros avaliados em três e quatro estrelas não despertaram tanto interesse quanto eu imaginava. Sim, trouxeram assuntos importantes e conceituais à tona. Alguns são livros mais antigos, mas tratam daquela base teórica que raramente se altera.

Agora, os livros com cinco estrelas, são dignos de compra. Ainda não comprei nenhum dos três títulos assinalados com cinco estrelas, mas vou providenciar assim que possível. The Elements of Color, Elementos do Estilo Tipográfico e Homepage Usability: 50 Websites Deconstructed são verdadeiras bíblias de conhecimento em suas respectivas áreas, e valem releituras e até mesmo a compra, pois, além de tudo, são escritos pelos grandes gurus da Web e do design.

Estes são os livros que li, e se estão aqui nesta prateleira é por que merecem minha recomendação. São todos livros bons, mas uns são excepcionais. Vale ressaltar, claro, que é minha opinião, pessoal. Se você já leu algum dos livros e não concorda com a minha opinião, use o espaço dos comentários abaixo, ou escreva um post em seu blog e mande um trackback para cá!

Never stop reading, folks!

Enfim, o assunto não é esse. Mesmo tendo mudado de título definitivamente (de quase-programador para aprendiz-de-designer), não nego a importância da programação para o Web designer. Você tem sim que saber um pouco de XHTML e CSS, mas um pouco de programação não faz mal. Não é questão de prioridades, de se focar num assunto específico, isso é bobagem. O profissional deve ser bom sim no que faz, mas sempre deve estar aberto e ter conhecimento do trabalho do colega ao lado.

Eis que então, meus amigos, como é de conhecimento de vocês, eu já tenho alguma experiência básica com CakePHP. Começamos a utilizá-lo na agência onde eu e o Julio trabalhamos, e eu realmente fiquei surpreso com o grande potencial tanto do framework quanto do PHP. Li por várias vezes a documentação, a API, e as entranhas do Cake, e vi como o funcionamento é simples.

PHP, de fato, não é uma linguagem ruim. Eu digo que não gosto da sintaxe do PHP, pois prefiro a do Ruby, mas nem por isso odeio o PHP. Essa é a minha opinião. Quanto mais eu conheço a linguagem, mais estou gostando dela. Até pouco tempo utilizava PHP4, mas em 2008 comecei a entender toda a lógica por traz da orientação a objetos. Isso me abriu as portas para entender esse potencial do PHP.

PHP, apesar da sintaxe não tão legal (opinião pessoal), está bastante madura, a julgar pela quantidade de extensões existentes, sem falar na grande abrangência desta linguagem.

Como eu havia dito, independente da linguagem cada um tem que procurar ser mais produtivo. Talvez eu não seja mais produtivo que o pessoal que comentou lá (cujo tom de arrogância de alguns faz parecer que estes sabem tudo de PHP), mas eu sei que estou amadurecendo e que estou me tornando produtivo se comparado a mim mesmo há um ano. Inclusive no design.

Espero não entrar mais nessas discussões, pois já disse aqui várias vezes o que penso e que estou me distanciando um pouco da programação pois - salvas excessões - há muita arrogância e ignorância entre os programadores.

Como eu estou decidido que quero seguir na carreira de designer, já estou tomando providências. Trabalho com design e, mais do que isso, estudo design. Só acho ridículo - e confesso com vergonha que já fui assim - que muitos que se dizem designers não estudam e não se interessam pelo estudo do design e da arte.

A ferramenta não faz o designer

Você pode ser o ninja do Photoshop, saber tudo de Fireworks e Flash. Mas nada disso é válido se você não souber como utilizar essas ferramentas para tornar o seu design efetivo.

Design é função

É isso o que difere design de arte. Você faz um trabalho de arte, e ele pode ser tão subjetivo, tão abstrato, que ninguém pode entendê-lo. Seu design não pode ser assim. E arte só é design quando esta arte for aplicada. Você deve fazer com que o seu design - ou melhor, a mensagem que você quer passar - seja compreendido pelo seu público-alvo, pelo seu consumidor. Você faz design para vender seu produto ou idéia, não pela simples expressão do seu eu interior. O design Web possui técnicas que, quando bem dominadas, tornam seu serviço, site ou campanha na Web realmente funcional.

Claro, existe uma liberdade gigante na criação, e prova disso é a enorme variedade de peças distribuídas no mundo, mas perceba que os projetos de sucesso seguem algumas orientações básicas, entre elas o alinhamento racional, a escolha da boa tipografia e a harmonia de cores.

Web 2.0: uma nova abordagem ao design na Web

Por muitos anos, a abordagem que vigorou pelos então designers de Web foi o design centrado na utilização, na tarefa. Nesta abordagem, todo o design era focado nos objetivos e tarefas que envolviam um produto ou serviço on-line, sem preocupações com o que o usuário realmente precisava e conseguia utilizar. Com o estouro da bolha uma nova tendência se fortaleceu, e os novos serviços - chamados “2.0″ - seguiam (e ainda vêm seguindo) a abordagem do design centrado no usuário (UCD), que se preocupa diretamente com as limitações e capacidades do usuário final.

O design centrado no usuário foi um marco para o design da Web por dar o merecido valor ao usuário final. Nesta abordagem de design, os designers de Web não apenas projetam interfaces de acordo com o que consideram melhor para o usuário final, mas testam e avaliam a efetiva funcionalidade de suas telas. Isto ocorre pois os designers possuem experiências que divergem das do usuário final, o que influencia também na maneira com que fazem design para Web. Assim, o que é simples e intuitivo para eles pode não ser para o grande público.

São quatro os elementos principais do design centrado no usuário: visibilidade, acessibilidade, legibilidade e linguagem.

Visibilidade

A visibilidade ajuda o usuário a construir um modelo mental. O modelo mental ajuda o usuário a formar uma imagem sobre o funcionamento do seu serviço, e também prever os efeitos das suas ações. Eu já escrevi sobre isso. Seu site deve ter navegação clara, e o usuário deve saber exatamente onde está, para onde pode ir e por onde já passou.

Acessibilidade

Não são apenas os cegos e pessoas com dificuldades motoras que são o alvo da acessibilidade de um site. No design de interação, todos os usuário possuem suas particularidades e são, pois alvo da acessibilidade. Cada usuário possui - devido às experiências anteriores - um modelo mental de como sites geralmente funcionam. Esperam um logo no canto superior, navegação logo abaixo ou em barra lateral, e busca no canto superior direito.

Quando algum desses itens não está presente, o usuário pode se sentir desorientado. Assim, um projeto de design na Web, geralmente na forma de um site, deve manter sempre claras e visíveis as informações básicas que o usuário deve ter. Além disso, o conteúdo deve ser escrito de maneira a tornar fácil a leitura e escaneamento do texto, pois o usuário provavelmente não lerá o conteúdo todo para encontrar o que precisa.

Legibilidade

Nunca esqueça que o usuário está em seu site em busca de conteúdo, e que geralmente este se encontra em forma de texto. Tornar esse texto legível e escaneável, então, é o mínimo que você pode fazer. Lembre-se de dar preferência às fontes sem serifas, que são mais legíveis em monitores do que as serifadas, pois a resolução dos monitores é muito inferior à dos livros impressos. Além disso, a relação das cores do texto com a cor do fundo é importante para a legibilidade, pois se o texto for pouco contrastante fica difícil a leitura.

Linguagens

Algo que está escrito em todos os livros de usabilidade que já li: use terminologias comuns, não específicas e nem aquelas que fazem sentido apenas a um grupo específico. Ou seja, “marketês” pode não fazer sentido para a grande maioria. Além disso, se a sua empresa utiliza nomenclaturas internas (jargões) para produtos e seções do site que diferem do vocabulário esperado pelo usuário, pense novamente.

Por onde começo?

Resumindo: para ser um Web designer, você precisa estudar design. Se não souber nada de tipografia, teoria de cores, alinhamento e posicionamento, semiótica, estética e comportamento humano, você não está nem perto de ser um designer, quem dirá um Web designer. Li esses dias no Plurk alguém que disse “ainda bem que escolhi design, assim não preciso ler tanto”.

Muito pelo contrário, meus colegas. Leitura é essencial em qualquer área, o conhecimento é muito, e livros são uma ótima maneira de adquiri-lo. Se você freqüenta uma universidade, sua biblioteca deve ter bons títulos sobre o assunto.

Conclusão

As ferramentas não fazem um bom designer, e um Web designer não é um Web designer se não souber a teoria básica sobre design. Vejo que falta em muita gente a vontade de estudar e aprender design. Talento é importante e conta, mas se você tem talento e não possui técnica e teoria, você é uma pedra preciosa não lapidada. Estude, estude e estude, e você brilhará.

Sua página inicial é o ponto de partida para todo o site

Nunca tire isso da mente. As páginas iniciais devem prover informações claras sobre o que é o site, o que o usuário encontrará no site e amostras de conteúdos importantes. As páginas testadas no livro de Nielsen possuem, em média, 770 pixels de largura e até três telas de comprimento (em resolução 1024X768). Tome cuidado para não desperdiçar espaço na sua página inicial com conteúdo ambíguo.

Se seu site possui busca, coloque-a na página inicial

Usuários começam a navegar em seu site ou através de links, ou através da busca. Sobre a sua busca funcionar corretamente ou não, fica para um próximo artigo, mas ela deve sim estar presente na página inicial, pelo fato de ser um dos grandes pontos de partida para a navegação. Segundo as estatísticas das análises de Nielsen, o lugar mais apropriado para colocar sua caixa de busca é no canto superior direito. Sua caixa deve ter, no mínimo, 27 caracteres de extensão, para permitir que os usuários consigam rever o que digitaram, e o botão mais apropriado deve ter a palavra “Buscar”.

Comunique a proposta de seu site

Seja claro sobre o que sua empresa faz e para que serve o seu site, logo de cara. Para tal use algum texto introdutório curto e sem “marketês”. Além disso, aposte em uma tagline clara e objetiva, que seja curta mas que explique exatamente a proposta do seu site.

Não ofereça formulários de registro sem dar vantagens

É interessante e importante que seu usuário registre-se no seu site. Informações de registro, como um link, devem estar disponíveis logo na página inicial. Contudo, é importante citar vantagens de ser um usuário registrado naquele momento, e não apenas um link do tipo “Clique para Registrar”. Ofereça conteúdo mais atrativo, como  “Registre-se agora e ganhe descontos nos produtos”, que explicita realmente alguma vantagem em efetuar um cadastro.

Sobre as boas-vindas

Dar as boas vindas aos usuários se mostrou não tão efetivo, a menos que acompanhado do nome da pessoa. Dizer “Seja bem vindo”, apenas, não traz vantagem alguma para a simpatização do usuário com seu site. Se ele for registrado e estiver logado, aí sim vale utilizar uma mensagem customizada como “Olá Rafael, seja bem vindo”.

Atenção aos gráficos animados

Os usuários, ao longo dos anos, desenvolveram um instinto inigualável para evitar anúncios. Eles têm associado os banners à propaganda e hoje muitos possuem uma certa “cegueira” aos anúncios. O problema então é que se você tiver algo em sua página que lembre um banner, há grandes chances de que esta seção seja descartada pelo usuário. Preste atenção, então, ao uso de gráficos animados e mesmo gráficos coloridos e chamativos demais, principalmente quando estiverem em formato de anúncio. Eles podem ser totalmente ignorados pelo visitante.

Estas são algumas conclusões que eu tirei da leitura do livro de Jakob e Marie. São muitas as análises feitas durante o livro, todas muito bem justificadas. Vale ressaltar que trata-se de um livro de 2002, e mesmo que algumas falhas na usabilidade permaneçam, como a Web está mudando e o usuário está mudando, precisamos ter certo discernimento que nem tudo que Nielsen disse há 6 anos é válido hoje.

Além disso, Jakob Nielsen é radical em sua opinião sobre usabilidade. Fica com você avaliar o que mudou, o que não mudou, e quanto radicalismo você pretende impor à sua criação. De qualquer maneira, todos os livros que li de Nielsen até então são muito esclarecedores e abriram a minha mente para o lado crítico que precisamos ter.

Desconsiderando o fato do grande atraso na publicação do episódio, está no ar o quinto podcast de CodeCast! Nesta edição, temos um convidado especial, Jader Rubini, que conversou conosco sobre linguagens de programação e frameworks Web, CakePHP para PHP, Ruby on Rails para Ruby e Django para Python, e jQuery como framework de Javascript.

Esperamos realmente que vocês gostem, pois o papo rendeu e o podcast está comprido (56 minutos). Falamos também do Plurk, serviço de microblogging, e também respondemos aos e-mails dos ouvintes. Desta vez está pesando 39MB, mas vale a pena.

Mas hoje estou aqui pra anunciar mais um trabalho que estive/estou envolvido de umas semanas para cá. É o blog de tecnologia TechZilla. Fiz o redesign do blog e agora, como serviço periódico, estarei por lá postando artigos legais sobre tecnologia. Desde já agradeço pela oportunidade ao Julio Câmara, que me convidou para esta tarefa. Me sinto muito feliz de saber que divido um blog com gente grande da blogosfera.

A única coisa que posso dizer é que o conteúdo é bem legal, e que vocês podem descobrir mais entrando e conhecendo nosso conteúdo. www.techzilla.com.br.

E voltamos agora com nossa programação normal.

Mesmo trabalhando com design, a gente acaba fazendo um pouco de código também, é bom e faço questão de continuar fazendo. Vejo meu progresso no design diariamente, a cada trabalho entregue, a cada cliente satisfeito. Mas na programação eu estive um pouco relaxado nos últimos anos. Fiz um bom trabalho com Padrões Web, e hoje domino XHTML e CSS. Mas com PHP era diferente.

Eu já tinha começado a estudar CakePHP um tempinho atrás. A idéia do framework era ótima, mas eu não entendia como ele funcionava, pois todo o código é orientado a objetos. Esse ano resolvi estudar um pouco sobre os conceitos da orientação a objetos e também um pouco da organização de software seguindo o pattern MVC. Foi aí que Ruby on Rails e CakePHP começaram a fazer muito sentido para mim. São ambos frameworks que, no meu ponto de vista, são muito parecidos no funcionamento.

A questão não é se eu prefiro Rails, Django ou Cake, mas a questão é que eu estou usando um framework. Ponto. Depois de assistir algumas palestras do Elcio, a gente aprende que precisa mesmo ser mais produtivo, e que uma das melhores maneiras é usar um framework, ou criar o seu próprio. Estou me distanciando um pouco da programação ultimamente; reconheço. Mas mesmo assim, toda esse estudo tem valido a pena.

Acho interessante, mais do que usar um framework criado por outros, criar o seu próprio. Ou sua biblioteca, que seja. Eu já tinha percebido que reinventava a roda a cada novo site que começava, e já tinha feito uma pequena biblioteca padrão para os novos sites. Isso é bem bacana, evita bastante retrabalho.

Próximo passo: Controle de versão

No início é complicado, e parece trabalhoso. Pode até ser, mas estamos perseverantes. Queremos tentar usar controle de versão pois, se não fosse bom, tanta gente não estaria falando tão bem. Não me lembro de ter perdido arquivos por conta de trabalho em equipe, mas já sofri com código espalhado em vários lugares. Por isso, é interessante pensar na implantação do controle de versão do código.

Conclusão: Não seja preguiçoso!

Permanecer no status quo é fácil, muito cômodo. Anime-se, desenvolvedor! Tanto comodismo é prejudicial à produtividade, e quem ainda nem se importa com isso não tem muito futuro. A programação se torna divertida quando há organização, pois tomando certas medidas para aumento de produtividade, o trabalho se torna muito mais fácil.