A Associação Paulista das Agências Digitais (APADi) está lançando o Guia de Conduta para as Agências Digitais Associadas, que inclui as melhores práticas de acordo com a entidade em termos de postura e ética profissional por parte das agências. O Guia, que também pode servir de referência para profissionais e estudantes da área, assim como os outros manuais e guias da entidade, será gratuito na versão digital e está disponível para download no endereço: www.apadi.com.br/uploads/2012/12/manual_conduta_apadiv3.pdf  .

No Guia de Conduta APADi são abordados temas tais como princípios e valores  e políticas de conduta com relação à concorrência, aos clientes, aos funcionários/colaboradores e aos fornecedores.

“Há anos que ética e boa conduta são atitudes esperadas de uma empresa profissional, seja ela uma agência ou indústria ou qualquer outro segmento. No entanto, como o mercado digital é muito novo, faltam referências. Por isso, decidimos criar um conteúdo para orientar tanto os profissionais do mercado que estão iniciando, quanto estudantes do meio”, declara o presidente da entidade Cláudio Coelho, CEO da Nocaute.

Sobre a APADi

Fundada em 2005, a APADi é uma entidade sem fins lucrativos que tem a missão de representar os interesses das Agências Digitais Paulistas e trabalhar pelo desenvolvimento, normatização, consolidação, aculturamento e profissionalização do mercado corporativo de comunicação digital. [Webinsider]

…………………………

Leia também:

• Causas para as dificuldades das agências digitais brasileiras
• Agências digitais são catequizadores importantes
• As agências de publicidade e os criativos de hoje

…………………………

Acompanhe o Webinsider no Twitter e no Facebook.

Assine nossa newsletter e não perca nenhum conteúdo.

Acesse a iStockphoto. O maior banco de imagens royalty free do mundo.

Assim, há aproximadamente dois anos, começamos a estudar o Design de Interação como uma saída para as necessidades de cada cliente, quanto à construção de interfaces agradáveis, e com o conhecimento adquirido, mapeamos este novo papel dentro da empresa. O interessante sobre o Design de Interação é a mudança na forma como a concepção e a evolução de aplicações é construída, tirando da mão da engenharia a árdua tarefa de conceber interfaces funcionais, afinal, quem já desenvolveu softwares em algum momento da vida, presenciou a criação de aplicações ricas em funcionalidade, porém impossíveis de serem utilizadas.

A criação de experiências agradáveis de uso tornou-se fator chave para o sucesso referente à migração das aplicações do desktop para a nuvem. Desta forma, o valor entregue em UX (User Experience) é tão equivalente quanto às regras de negócio, em determinados modelos. Ao entender a questão do Design de Interação como a ciência que estuda o usuário como o centro da interação, também identificamos a necessidade de expandir o conhecimento da empresa, identificado como Design Thinking, uma palavra nova que aparentemente representa a mesma coisa, mas merece diferenciação.

No Design Thinking, a solução do problema vai muito além do produto, entrando em questões sociais e econômicas, antes atribuídas a área de negócios da instituição.

Como na administração clássica, uma empresa seguia um plano de negócios quase fixo, desenvolvido para ser executado em anos e a necessidade do feedback sobre alterações no produto dava margem a uma separação entre a área de negócio e o desenvolvimento de produto. Na era das startups e adotando o método lean, um plano de negócios clássico se tornou tão sem sentido quanto mortal, assim como a ausência do foco em design no processo central de negócio também pode ser considerada ainda mais fatal.

Colaborando com a evolução desta linha de pensamento, tive a oportunidade de acompanhar o Interaction South America 2012, um evento internacional sediado em São Paulo, voltado para o Design de Interação, onde pude entender um pouco mais sobre o papel da prototipação e interação até mesmo no Service Design. Depois de ouvir todas as palestras, consegui conversar com Don Norman, autor de “The Design of Everyday Things”, e ex-vice-presidente de tecnologia da Apple, tido como o criador do Design de Interação. A foto que ilustra este material mostra um simpático senhor, em uma conversa superinteressante sobre Steve Jobs e um pedido sem jeito de foto, durante a balada do evento, comprovando que não existe limite para a criatividade e diversão.

Com tantos termos novos para problemas antigos, temos a plena consciência de que a evolução das aplicações nos próximos anos será baseada no Design de Interação e suas vertentes, tanto para facilitar a rápida entrega de valor ao cliente, quanto para melhorar funções da tecnologia já existente ao nosso redor.  Afinal de contas, quem não gostaria de ter um micro-ondas capaz de mandar mensagens pela rede sem fio e avisar quando a comida estiver pronta? Há pouquíssimos anos isso não faria nenhum sentido. Hoje, com nossos smartphones e TVs, alguém precisa pensar em conectá-las adequadamente e criar funções inovadoras para gerar valor aos produtos e serviços que já dispomos em nossas casas.

Essa visão é algo que entendemos como a evolução das aplicações e do mundo que queremos ajudar a construir. [Webinsider]

…………………………

Leia também:

• Design Thinking vem da Ergonomia
• Design de experiência do cliente: vá muito além do produto
• A experiência do design centrado no usuário

…………………………

Acompanhe o Webinsider no Twitter e no Facebook.

Assine nossa newsletter e não perca nenhum conteúdo.

Acesse a iStockphoto. O maior banco de imagens royalty free do mundo.

Por que mudou para a mesma coisa?

O design passou por diversas transformações; antes tínhamos uma internet mais “quadrada”, com elementos retos, caixas e mais caixas, sombreados e tentativas frustradas de mudar a tipografia utilizando imagens.

Os designers mudaram e a tendência foi ter uma web mais “redonda”.

No fim da década de 90 e até uns três anos atrás, tudo deveria ter curvas. As bordas deveriam ser arredondadas, o que gerava bastante esforço do profissional para fazer com que isso fosse o mais dinâmico possível. A tipografia deveria ser Arial, porque criar texto em imagens não é favorável tanto para acessibilidade quanto para os buscadores. Sombras nem pensar. Bem resumindo, curvas chamavam atenção e eram o que deixava o layout elegante e moderno.

Menos curvas

Mas agora em 2012 tudo mudou, afinal o Google mudou e a Microsoft também. Bom, estou falando deste ano, mas essa evolução já começou um tempo atrás. Retornando ao começo deste artigo, mudamos para o que já era, tudo começou a ficar “quadrado” novamente.

As linhas são retas as caixas não são mais arredondadas. Veja os botões do Google e do novo Windows 8. O Facebook também não está atrás, assim como portais de notícias, provedores de hospedagem que reformularam os sites e empresas que buscam melhorar a experiência do usuário.

Características que agora mostram modernidade; hoje sombras são usadas em larga escala e temos a tecnologia para mudar as tipografia sem prejudicar a acessibilidade e a relevância das palavras para os buscadores. Ou seja, voltamos a um passado do design com sofisticação e acerto. Estranho dizer isso, mas agora temos elementos provenientes de décadas anteriores, mas com um toque mais refinado.

Os traços da arte concretista estão em destaque em 2012 na web, talvez porque a nova geração exija mais transparência e exatidão, porque estamos mais “preguiçosos” e o design deve ser mais racional e transmitir mais facilidade.

Mas também não é só isso: o nível de integração de sistemas e a programação dos sites evoluiu, fazendo com que os layouts passassem a ser mais flexíveis para poder suportar todo o dinamismo que esses sistemas oferecem. E um layout geométrico facilita a apresentação dos dados tendo um poder para expansão simplificado.

A tendência segue mundialmente. Quando entramos em sites que fazem concursos de “O Site do Dia”, estrangeiros ou nacionais, encontramos o mesmo estilo geométrico e visual na maioria deles. Não estou dizendo que o arrendondado sumiu de vez, mas as curvas abstratas cada dia abrem mais espaço para o concreto, eficiente e sofisticado. [Webinsider]

…………………………

Leia também:
Design com conceito é o que traz valor e transmite
Use bem a prototipação e evite o retrabalho
Por que padronizar interações visuais nas interfaces

…………………………

Acesse a iStockphoto. O maior banco de imagens royalty free do mundo.

Acompanhe o Webinsider no Twitter e no Facebook.

Assine nossa newsletter e não perca nenhum conteúdo.

Pobre mesmo nesta história é a mídia audiovisual. Longe de ser considerada arte por este mundo, incompreendida, mas igualmente mutilada. Hoje temos um mar de mutilações fílmicas: cortam-se filmes para exibição numa sala de aula, para entrar em um videoclipe, para sair do seu contexto e entrar em uma festa de aniversário.

É bem verdade também a teoria da experiência da reprodutibilidade, principalmente neste campo audiovisual: nenhuma experiência é igual a de assistir o filme no seu contexto original e qualquer outra mídia ou conversão será sempre um pastiche do original e não o próprio. Assiste-se apenas a informação do que foi o vídeo original, mas sempre existe a falsa sensação de que se trata da mesma experiência, quando na verdade não é.

Talvez nunca devêssemos restaurar filmes. Afinal, seus sinais do tempo são como machucados: cicatrizes que contam histórias também e o testemunho de que aquele filme está vivo, viveu muito para nos contar sua história e não nega sua idade. Restaurá-lo pode soar muitas vezes como uma plástica mal feita, então uma imperfeição aqui ou ali às vezes lhe confere não só a idade, mas o respeito.

Obviamente estamos falando de pequenas imperfeições, pois o filme, sendo uma das mais efêmeras expressões do nosso século, tem quase sempre a prerrogativa de não ficar simplesmente velho e sim desaparecer.

No mercado doméstico então, é inevitável: películas carentes de projetores, Super8 com bordas cada vez mais escuras ameaçando cobrir todo o conteúdo, apagando sua memória para sempre; VHS que vão criando fungos e telas que exibem no lugar das cores originais outras roxas e amarelas, chuviscos insistindo em aparecer nos momentos mais importantes; fitas Mini-DV com seus blocos cor de rosa e sons inaudíveis, danificados irreversivelmente.

Novos tempos, velhos modelos
Por outro lado, existe uma espécie de ode a estes riscos e chuviscos e entusiastas lotam as lojas de aplicativos e filtros virtuais para adquirir “efeitos de filme velho” a filmes que acabaram de criar. Talvez para lhes conferir nostalgia, um frescor que lhe ateste importância. Outros vão além através de técnicas como a LomoKino: filmando amadoramente em 35mm, revelam seus filmes e o telecinam, tentando reviver a experiência perdida de 1895. Tudo isso para instaurar velhas feridas a coisas novas.

Montagem de trechos de filmes, apropriá-los para si, transformar aquela cultuada série em um videoclipe. Tudo isso normalmente é tratado como simples cultura fandom. Faz parte da nova experiência coletiva, atestada principalmente pela anarquia da internet.

O videoclipe encomendado para o Bar Mitzvah do menino Nissim Ourfali, que saiu de sua festa e invadiu o YouTube é um exemplo disso. Sem o consentimento de seus “donos”, hoje este videoclipe dispõe de milhões de visualizações, transformou-se no novo “meme” da internet brasileira, recebeu compartilhamentos, mutilações e “homenagens” prestadas de todo o tipo.

E hoje o prosumer audiovisual não se contenta apenas em assistir, quer participar. E um destes prosumers criou em tempo recorde uma paródia deste clipe, usando vários trechos do seriado Um maluco no pedaço (The Fresh Prince of Bel Air, 1990). A série foi mutilada, suas cenas foras invertidas e completamente deslocadas do seu contexto apenas para atender um capricho engenhoso de Gabriel Xavier, que dispôs de horas para buscar as melhores imagens de várias temporadas exibidas, editou, colou e disponibilizou o vídeo no YouTube, recebendo quase de instantaneamente milhões de visualizações e ‘curtidas’ (sendo isto nosso melhor termômetro-contemporâneo-social).

No que difere esta intervenção do jovem Gabriel ao gesto da senhora Cecília? Talvez só o suporte. A vontade de fazer o bem foi idônea para ambos. E com certeza, tomamos por estes exemplos uma dimensão e critérios atualizados do que consideramos que deve ou não ser preservado. Pobre dos filmes. No dia em que não dispormos mais de Um maluco no pedaço, assim como já não temos à mão vários outros seriados e filmes, talvez reste unicamente o videoclipe de Nissim Ourfali para consolar nossa memória audiovisual.

[Webinsider]

…………………………

Leia também:

• Cantando na Chuva finalmente em alta definição
• Filmes antigos para download legal e gratuito
• Software é arte, técnica e base para criatividade

…………………………

Acompanhe o Webinsider no Twitter e no Facebook.

Assine nossa newsletter e não perca nenhum conteúdo.

Acesse a iStockphoto. O maior banco de imagens royalty free do mundo.

Design thinking, pra quem não sabe, é, literalmente, o pensar do design levado para cadeiras ou profissionais de marketing, administração e gestão. Mas acabou se tornando uma “disciplina” e um processo ao passo que Tim Brown assim a lançou, com metodologia e tudo, em seu livro com este nome. Só que não há novidade quando se entende o processo.

Para quem leu o livro em português e não pescou ou em inglês e desconhece o termo, aqui vai uma explicação: “human factors” é um outro nome para a disciplina Ergonomia, principalmente assim chamada nos Estados Unidos. E “fatores humanos”, como foi traduzido aqui, não é apenas uma expressão no texto, mas uma referência a essa disciplina que estuda o comportamento humano durante a interação com um produto, serviço ou em dada circunstancia e situação.

Tudo se baseia em pesquisa e metodologias como Observação (em caixa alta porque é um dos métodos da Ergonomia), Entrevistas Estruturadas, Análise da Tarefa, Avaliação de Usabilidade, Cenários e Personas, etc.

O grande mérito do fundador da IDEO foi elevar esse pensar do design ao patamar da inovação sob a ótica da responsabilidade social – na saúde, principalmente.

Com a participação de pessoas num processo de criação conjunta (ou co-criação para usar os termos da moda), em uma simulação ou na real situação pesquisada, Tim Brown e sua equipe puderam perceber as reais necessidades das pessoas em dada situação, as circunstâncias envolvidas no momento, suas limitações ou percepções culturais (que levam a modelos mentais específicos) para então fazer a pergunta certa e chegar numa solução que provavelmente não era a do problema percebido mas de outro não percebido, este sim, de fato a causa de todo o desarranjo.

Apenas com esse pensar, afirmou ele e dissemina-se agora, é possível de fato inovar e não apenas aprimorar alguma coisa. Sim, porque olhar para o problema de forma obtusa só faz com que seja possível aparar as arestas.

Mas se temos a chance de observar e entender as pessoas envolvidas com o processo em todo um contexto e histórico que as levam a fazer alguma coisa daquela forma, bem como associar isso à analise de situações semelhantes mas não necessariamente afins, só assim teremos o poder de pensar em algo que realmente faça diferença.

Acho ótimo que esse termo tenha ganho tanto destaque e esteja tão em voga – afinal é a essência do design centrado em pessoas (ou ergodesign, como batizou minha gurua Anamaria de Moraes), forma como enxergo o meu trabalho. Só acho que deve-se referenciar a origem de tudo e o verdadeiro embasamento teórico: a Ergonomia.

Convido a leituras complementares a este post:

Usabilidade não nasceu ontem e tem história
Modelo Mental: conheça algumas definições
Inovação Radical
Uma homenagem pessoal à Anamaria de Moraes: Ergonomia, Fatores Humanos e Divinos

Posicionamento da MaisInterface

[Webinsider]

…………………………

Acompanhe o Webinsider no Twitter e no Facebook.

Assine nossa newsletter e não perca nenhum conteúdo.

O minimalismo surgiu nos Estados Unidos por volta de 1960 e tinha como objetivo fazer com que a arte (pinturas, esculturas etc.) pudesse usar formas e cores com foco no essencial.

Na web também vemos muitos excessos – muita propaganda, imagens em movimento, conteúdo comprimido, apertado e letras miúdas. Por que não fazer o usuário navegar em um caminho limpo e focado nas informações precisas que ele realmente procura? Devemos evitar que o usuário perca o foco em suas tarefas.

Segundo o Six Revisions, quem projeta sites deve pensar em três palavras simples, mas de muito significado e força: assunto, usabilidade e equilíbrio.

Por esta ótica, devemos fazer com que o visitante fique focado nas informações que o site pretende transmitir, fazê-lo usar elementos e recursos que permitam a “facilidade” do uso das páginas. O equilíbrio de cores, tamanhos de fontes e posicionamento de imagens pode melhorar isso.

Sites minimalistas têm inúmeros benefícios – possuem menos código, imagens e textos distanciadas de forma adequada, em background simples que combina com o conteúdo. Um exemplo é o Visual Craftman, com visual clássico, detalhamento simples e cores suaves. Elementos gráficos contrastando com a cor de fundo, centralizados e boa usabilidade.

A tipografia pode ser uma aliada para se criar um site minimalista. São muitos tipos de fontes, cada uma com características específicas e que podem melhorar a aparência do que se quer transmitir.

Outro exemplo é o site do designer Daniel Gray, com bom distanciamento dos elementos, fundo branco e figuras dessaturadas. Tipografia clássica com um bom distanciamento entre linhas, tamanho de fonte maior que o convencional, informação necessária com pouca rolagem. No link “About” ele resume quem é, o que faz e como ser contactado.

A web é usada por todas as idades e dispositivos. Sites simples, com fontes grandes, links coloridos, fotos e/ou vídeos que transmitam a informação rapidamente e um conteúdo de texto resumido podem fazer a diferença.

Além disso, uma área na página com conteúdos relacionados ou complementares também é importante. O usuário navega sem se cansar e fica mais tempo no site sabendo onde está. Links que permitam o usuário voltar para o seu ponto de partida e locais específicos melhoram a usabilidade. Não fique limitado ao modelo vertical ou horizontal da barra de navegação; se quiser fazer algo novo, seja simples e prático.

O usuário busca informação ou mesmo diversão. E não quer ficar confuso, portanto seja prático. Deixá-lo navegando no seu site “perdido” entre as informações não é a forma mais coerente de mantê-lo.

As equipes que desenvolvem sites minimalistas têm no wireframe um desafio e um aliado para estruturar o conteúdo de cada página. A ferramenta marca o posicionamento de textos, imagens, navegação, links, formulários e outros elementos da página e facilitam o trabalho de design.

Ao iniciar, podemos estruturar uma página de forma superficial, com as áreas principais, o que seria um wireframe de primeira instância. E aumentar o nível de detalhamento para cada área relacionada na segunda instância.

É nessa etapa que devemos tomar cuidado para não exceder nas informações que o site deseja proporcionar. Decida o conteúdo essencial. Veja um exemplo interessante de navegação usado no site Corporate Risk Watch.

Para encerrar outro exemplo de simplicidade é o notepad.cc: uma página em branco que limita-se a informações de texto. Permite compartilhamento de forma simples, adicionar uma senha para proteger o conteúdo da url e trocar a url. Seu criador foi Marco Arment que escreve sobre tecnologia e pode ser encontrado em um site minimalista. [Webinsider]

…………………………

Leia também:

• Ser minimalista
• Cinco ferramentas para a produção de wireframes
• Tipologia ou tipografia? Não use o termo errado.
• Conceitos de design: função, letras, cores e formas

…………………………

Acompanhe o Webinsider no Twitter e no Facebook.

Assine nossa newsletter e não perca nenhum conteúdo.

A maioria dos consumidores utiliza-se de processos comparativos na hora da tomada de decisão de comprar. Porém, escolhendo um produto, começam as perguntas:

• Qual marca irá lhe satisfazer?
• A mais conhecida, a mais cara ou a mais barata?
• Utilizará apenas dos aspectos financeiros, escolhendo a mais barata ou deixará o impulso falar mais alto e comprará a mais cara?
• Ou se deixará levar pela comunicação visual, envolvendo-se pela embalagem mais “bonita”?
• Ou ainda, utilizará das cores, dos cheiros e, muitas vezes, até mesmo do glamour nome do produto?

O certo é que a percepção é um processo ativo e seletivo de informação. Por que algumas informações são “pescadas” pelo nosso cérebro e outras são sublimadas, simplesmente deixadas de lado? O estímulo visual é como peças misturadas de um quebra-cabeça. Em um trabalho de equipe, pequenos grupos de neurônios identificam cada detalhe desse emaranhado confuso que o olho captou. Em um circuito, estão equipes de neurônios especializadas em cor, forma e contornos. É basicamente esse circuito que identifica o objeto de desejo. Vale dizer que sublimamos tudo aquilo que queremos evitar.

O processo de escolha do produto

Segundo Gade (1998), A escolha (produto, fornecedor, marca), pode sofrer alterações de última hora, causadas por quatro fatores: súbita exposição a outra opção de compra, estratégias de preços, problemas de distribuição e ausência do produto desejado no ponto-de-venda. A falta do produto desejado, por qualquer motivo, influencia na mudança da marca preferida em cerca de 50% dos casos. Portanto, ao entrar numa loja, as intenções do consumidor, podem variar de um desejo de matar o tempo ao perfeito conhecimento do que se deseja adquirir, no que diz respeito a marcas e produtos. Ou ainda, de uma vaga noção de que precisa comprar algo à compulsão de possuir alguma coisa cujo motivo ele jamais saberá.

O fato é: até chegar onde está o produto desejado, o consumidor sofre uma infinidade de estímulos visuais. Gade considera relevante a posição de um anúncio dentro de um espaço, pois faz com que ele seja percebido com mais ou menos acuidade e valorizado de diferentes formas pelo consumidor. “O produto disposto em supermercado atrai maior atenção quando colocado em posições estratégicas. Por este motivo, as gôndolas são dispostas na altura dos olhos e na entrada dos corredores.

Mal-comparando, no caso de anúncios em revistas, a melhor captação se dá nos primeiros 10% de material impresso. Depois a sua posição dentro da publicação não apresenta diferenciação quanto à atenção e percepção (GADE, 1998).

Usemos o exemplo dos sabões em pó nos supermercados: esses se situam, em geral, na parte central do ponto de venda, então o consumidor terá dificuldades de leitura das informações visuais. Isso pode resultar numa compra por impulso, apesar do tamanho dessas embalagens serem maiores em relação às de outros produtos. Na maioria das vezes, a compra por impulso ocorre:

1. Por sublimação da realidade.
2. Por status.
3. Por necessidade de uso.

Embalagens estimulam compras por impulso

Aliás, as compras impulsivas representam cerca de 30% das compras de supermercados. Daí a importância de se montar uma estratégia de marketing para atingir o público específico de cada produto, para não deixá-lo refém da sua própria inconsciência. Isso equivale a dizer que a comunicação visual (composição visual da embalagem) é um componente fundamental de persuasão na hora compra, embora o grau de influência do discurso publicitário tenha sofrido uma queda substancial nas últimas décadas. A carga de mensagens recebidas, via mídia, parece ter efeito limitado. Segundo Draper citado por Castells (1999), embora nos EUA o cidadão comum esteja exposto a 1.600 mensagens publicitárias por dia, as pessoas respondem – e não necessariamente de forma positiva – a apenas cerca de 12 delas.

Em suma, o comportamento de consumo é definido como comportamento de procura, busca, compra, uso e avaliação de produtos e serviços para satisfazer necessidades. É vidente que um anúncio colorido, por exemplo, desperta maior atenção, possui maior poder de fixação, além de fornecer uma imagem de prestígio ao anúncio, principalmente se este estiver localizado perto de outros em preto e branco. De qualquer forma, Gade enumera ainda mais seis passos do modelo de comportamento decisório para o consumo:

1. Reconhecimento do problema.
2. Processo decisório.
3. Procura de alternativas.
4. Avaliação das alternativas.
5. Compra.
6. Resultado da compra.

Em princípio, o comportamento do consumidor passa por questões físicas, mentais e emocionais realizadas na seleção, compra e uso de produtos e serviços para satisfação de necessidades e desejos. Levando-se isso em conta, o trabalho de escolha do produto desejado requer uma boa dose de exercício de percepção, mas o consumidor sempre sairá perdendo por causa de seus limites físicos na capacidade de decifrar múltiplos estímulos visuais. Segundo Poetzle citado por Calazans (1992), os olhos realizam cerca de 100 mil fixações por dia, mas uma pequena porcentagem destes focos imagéticos se fixa conscientemente e o restante é subliminar. Segundo Castells (1999), se a TV apresenta 3.600 imagens por minuto, por canal, o cérebro responderá de forma consciente a apenas um estímulo sensorial entre cada milhão de estímulos enviados.

Confrontando teorias e teóricos

De acordo com a Teoria da Gestalt (o mesmo que forma em alemão), existe uma tendência humana para organizar e interpretar as partes da informação para formar um todo com significado, ou seja, uma forma (imagem) significativa. A teoria da forma tem procurado entender a importância dos padrões visuais e desvendar como o organismo humano vê e organiza uma imagem, a fim de tentar explicar os efeitos da propaganda sobre os consumidores.

Mas, Ehrenfels citado por Dondis (1997) nega a eficiência dessa teoria. Ehrenfels ilustra a sua teoria: “se cada um de 12 observadores ouvisse um dos 12 tons de uma melodia, a soma de suas experiências não corresponderia ao que seria percebido por alguém que ouvisse a melodia toda”. Entretanto, Arnheim citado Dondis (1997) afirma que “qualquer acontecimento visual é uma forma com conteúdo, mas o conteúdo é exatamente influenciado pela importância das partes constitutivas, como a cor, o tom, a textura, a dimensão, a proporção e suas relações compositivas com o significado”. Portanto, a força da estrutura de uma imagem visual está circunscrita aos elementos visuais presentes na sua composição gráfica e com qual ênfase essa presença ocorre.

Teoria da dissonância cognitiva

Já Festinger citado por (REGO (1986) usa o modelo da “exposição seletiva” para explicar o fenômeno da tomada de decisão. O modelo baseia-se na teoria da “dissonância cognitiva”, através da qual as pessoas tendem a sempre evitar, de algum modo, a existência de incoerências em sua estrutura de pensamento. Para Rego, tais incoerências devem ser eliminadas e, para tanto, cada indivíduo tende a operar uma série de mecanismos interiores a fim de recobrar alguma coerência, cada vez que ela é quebrada. Dentro da comunicação de massa, a teoria de Festinger tomou o seguinte aspecto: as pessoas tendem a selecionar as informações de acordo com suas opiniões e pontos de vistas anteriores, com o objetivo de evitar a dissonância cognitiva.

Mas, segundo Sears e Freedman citados também por Rego, não há evidência suficiente que permita assegurar que a audiência seleciona sua informação apenas de acordo com seus pontos de vista anteriores, para evitar ou reparar a dissonância cognitiva. Na verdade, segundo Rego, existe o objetivo de se evitar e reparar a dissonância cognitiva, mas isso é operado em nível de avaliação e interpretação da informação, e não no momento de sua escolha para o consumo ou não. Em outras palavras, o processo de seleção existe, mas leva em conta aspectos individuais.

Cada um faz seleciona e escolhe segundo sua base cultural. Portanto, o consumidor seleciona o que vai consumir (informação/produtos) buscando o que lhe parece mais útil para a sua vida pessoal, o que vai ao encontro de seus pontos de vista e interesses individuais, o que lhe pareça mais relaxante ou divertido, para cada situação. Em geral, quando o consumidor entra num supermercado, ele é convidado a participar de um game do consumo, em que a sua percepção é uma das suas armas principais. Como se sabe, nem todos os estímulos emitidos pelo anunciante serão percebidos pelos consumidores. Se, como afirma Dondis, “o ato de ver é um processo de discernimento e julgamento”, haverá sempre aqueles que não serão seduzidos pelo poder das embalagens.

Referências bibliográficas

CALAZANS, Flávio Mário de Alcântara. Propaganda Subliminar Multimídia. São Paulo, ed. Summus,1992.

CASTELLS, Manuel. A sociedade em rede. São Paulo, ed. Terra e Paz, 1999. 

DONDIS. Donis. A. Sintaxe da linguagem visual.São Paulo: Martins Fontes, 1997.

GADE, Christiane. Psicologia do Consumidor e da Propaganda. São Paulo, ed. Pedagógica e universitária, 1998.

REGO, Francisco Gaudêncio Torquato. Jornalismo empresarial: teoria e prática. São Paulo, Summus Editorial, 1984.

* Geraldo Seabra, jornalista e professor, mestre em estudos midiáticos e tecnologia, e especialista em informação visual e em games como informação e notícia. Na área acadêmica lecionou no UniBh, Unipac Lafaiete e Funorte. No mercado trabalhou em diversos órgãos de imprensa: Rádio Itatiaia, Rede Minas de Televisão, Rádio Alvorada, Agência de Publicidade CMK3, Revista AMIRT, Diário de Belo Horizonte e Jornal Sabará em Minas. Nascido em Belo Horizonte, está radicado atualmente em Treviso (Itália), onde atua como editor e produtor do Blog dos NewsGames.

[Webinsider]

…………………………

Leia também:

• Poder de propaganda da embalagem de produtos não anunciados
• Podcast: conquiste o seu cliente em cinco segundos ou morra
• Se o seu produto é maravilhoso, não precisa gritar

…………………………

Acompanhe o Webinsider no Twitter e no Facebook.

Assine nossa newsletter e não perca nenhum conteúdo.

Desde seu início, computadores eram tidos como engenhocas muito caras e muito complexas de serem operadas. Na década de 1980, era fato comum as próprias pessoas montarem seus microcomputadores pessoais. Mas ao contrário do que poderíamos chamar de prossumidores de informática, estas pessoas detinham na verdade amplo conhecimento tecnológico, o que descaracteriza de certo modo nossa inicial definição sobre o tema. Vários avanços neste campo seriam necessários para permitir o nascimento de fato de prossumidores audiovisuais nos computadores. São alguns deles:

• Elaboração de interface amigável nos microcomputadores;
• Surgimento de microprocessadores capazes de exibir imagens em movimento;
• Criação dos codecs (virtualização do formato);
• Criação de ferramentas de edição de vídeos via hardware/software;
• A internet e a web;
• A web 2.0.

Sobre o primeiro item da lista, não seria exagero creditar ao sociólogo austríaco Otto Neurath a concepção inicial da democratização da informática. Segundo suas ideias sobre o que seria universal para explicar à população as mudanças ocorridas na primeira grande Guerra Mundial, criaria na década de 1930 em conjunto com o designer Gerd Arntz o Isotype (International System Of TYpographic Picture Education). O sistema tinha como finalidade primordial transformar a informação em elemento pictórico/iconográfico para desmistificar e democratizar a comunicação de coisas à princípio complexas de serem entendidas por grande gama da população.

Desenhos de Gerd Arntz: tipos de bolsas, modelos de famílias, etnias, dogmas, religiões e regimes… tudo podia ser ‘compilado’ pelo Isotype.

O Isotype foi mais do que apenas um método de resumo assistencial. Foi na verdade uma escola de síntese visual, um exemplo seguido por vários designers nos anos seguintes. O alemão Otl Aicher, nas olimpíadas de Munique em 1972, criou uma série de pictogramas para representar as modalidades em disputa. O conceito Isotype tornava-se novamente referência e estes pictogramas formaram um modelo seguido com raras variações até os dias atuais.

Pictogramas de Munique.

Finalmente chegando ao campo da informática, temos como divisor de águas a designer Susan Kare. Baseada nos estudos de Isotype, seus ícones mudariam o perfil do usuário de microcomputadores que existia até então.

Credita-se esta mudança do sujeito mais técnico para o informal pela invenção do mouse de Douglas Engelbart em 1970, mas nada valeria o dispositivo sem a criação de ícones de entendimento universal. Kare trabalharia seus pictogramas nas duas maiores empresas do ramo: Apple em 1983 e Microsoft em 1990.

Experiências iconográficas já haviam sido feitas antes: data de 1981 o sistema IBM Xerox 8010 Star, um dos primeiros a apresentar ícones. Porém, a popularização dos sistemas operacionais mistura-se com a presença dos ícones criados por Kare. A desmistificação das funcionalidades dos computadores via ícones de entendimento universal podem ser tidas como uma das chaves iniciais para o avanço da democratização da informática. Usado largamente desde o sistema operacional até seus programas internos (softwares), a iconografia levaria a uma quase autoaprendizagem por parte dos seus usuários.

Mapa de ícones composto por Susan Kare para o Windows 3.0 em 1990. Nota-se o ícone do Media Player, um dos primeiros leitores virtuais dos computadores.

Antes ainda das redes sociais e da web 2.0, o próprio computador dava sinais de que o usuário comum, mesmo sem estudo prévio, poderia aprender a manejá-lo. É mais uma prova de que Otto Neurath estava certo ao associar aprendizado social a ícones. Se olharmos mais de perto e com a devida atenção, através dos ícones temos a sensação de que podemos aprender qualquer coisa.

E o resto é Google… [Webinsider]

…………………………

Acompanhe o Webinsider no Twitter e no Facebook.

Assine nossa newsletter e não perca nenhum conteúdo.

É fácil começar errado: sente na frente de um computador, abra uma ferramenta gráfica e comece a criar efeitos e vetores. Comece a escolher a tipografia que vem em sua mente ou aquela que parece ser mais adequada – pronto, certamente você já se perdeu no caminho.

O mais engraçado disso tudo é que esta acaba sendo a atitude mais comum em empresas, já que os prazos são curtos e parece que o pessoal do comercial e atendimento não se importa com os quês e porquês do design, mais sim em receber rápido algo que seja aceito pelo cliente e pronto.

Diante dessa situação, o designer enfrenta o que posso chamar de design sem conceito; ou seja, rabiscos aleatórios sem sentido tentando dar vida ao produto que precisa se destacar e chamar a atenção das pessoas.

Quando se faz esse tipo de “design” estamos esquecendo da essência, da excelência que o produto precisa ter para conquistar seu espaço dentre tantos outros. O conceito por trás da criação gera curiosidade, desperta lembranças e associações de aspectos emocionais ao seres humanos e tira a sensação de cansaço visual. Mostra uma nova identidade a qual não se viu antes, apenas referências a partir de outros objetos ou abstrações da realidade física.

A palavra Conceito propriamente dita vem do latim conceptus, do verbo concipere, que significa “conter completamente”, “formar dentro de si”, é aquilo que a mente concebe ou entende: uma ideia ou noção, representação geral e abstrata de uma realidade.

A partir disto o designer deve antes de tudo saber escutar, observar e questionar coisas que pessoas comuns não percebem. Antes de responder é necessário fazer as perguntas, para que o conceito seja moldado.

Design com conceito é criar estabelecendo condições de argumentos e defesas, mostrando porque se chegou ao resultado, qual foi o caminho e toda a importância de cada cor, tipografia, imagens, frases, curvas e tamanhos. E tantas outras coisas que fazem um site ou uma arte gráfica ter a importância que tem – e o resultado e benefícios que trarão para os negócios da empresa responsável pelo produto.

Criar um conceito para um determinado projeto é difícil? Sim, certamente essa é a tarefa mais complexa, da qual muitos fogem. Às vezes a necessidade de ver um resultado o mais rápido possível se torna prioridade e esquece que a paciência nesses casos deve ser uma amiga constante. Estabelecer um conceito que fará o cliente dizer “é disso que precisávamos” é uma tarefa que requer muita observação e interpretação dos requisitos entregues. [Webinsider]

…………………………

Leia também:
Use bem a prototipação e evite o retrabalho
Por que padronizar interações visuais nas interfaces

…………………………

Acompanhe o Webinsider no Twitter e no Facebook.

Assine nossa newsletter e não perca nenhum conteúdo.

A solução normalmente aparece sob a forma de sons, resumos e frases escritas com 140 caracteres – ou menos.

Também estamos rapidamente redescobrindo coisas que os homens das cavernas, construtores de pirâmides e os antigos sabiam instintivamente – que a comunicação por meio de imagens é brutalmente eficaz!

Na verdade, nada chama mais a atenção de um internauta cansado do que uma boa foto ou ilustração. E, nas redes sociais, o uso estratégico de imagens também pode diferenciar, construir, dar credibilidade e até criar personalidade.

Gostemos ou não, as redes sociais estão aí para ficar

Hoje, estar nelas é imperativo e só estar não é bom o bastante para se destacar da multidão. Em lugares como o Facebook ou o Twitter, o conteúdo ainda é o principal, mas se você quiser realmente marcar um momento precisa fazer algo totalmente diferente.

As melhores e mais populares páginas do Facebook são altamente customizadas – muitas vezes com a ajuda de designers ou de empresas especializadas em redes sociais.

Exemplos disso são as páginas da Red Bull ou da Coca-Cola, que são graficamente sofisticadas para dar boas vindas aos novos visitantes, compelindo-os a dar um “like” na página em que o conteúdo, sempre atraente aos olhos, os espera. Mesmo com recursos simples, a nova Timeline permite a qualquer um usar uma imagem deslumbrante para representar uma ideia.

Claro que a página com mais likes não poderia deixar de ser algo ligado ao futebol: Ricardo Kaká lidera com 16 milhões de fans!.

Em seguida as marcas Guaraná Antártica, Skol e Lóreal de Paris seguem com 5,7, 5 e 3,2 milhões de fans!

https://www.facebook.com/GuaranaAntarctica

https://www.facebook.com/LOrealParisBrasil

https://www.facebook.com/cervejaskol

As páginas do Twitter também podem ser facilmente modificadas. Com pouco esforço você pode usar texto e imagens para criar um certo clima ou personalidade, capazes de ajudar no reforço da sua marca. E incorporando texto na sua imagem de fundo você pode dar a si mesmo mais espaço para a descrição de seu negócio ou do propósito da sua página (às vezes, os 160 caracteres que o Twitter oferece para os templates básicos não são suficientes).

Dois exemplos de páginas bem customizadas incluem as da agência AlmapBBDO – @almapbbdo – e da Natura – @adoromaquiagem.

Muitas delas são construídas com a ajuda do Photoshop, capaz de combinar um fundo ilustrado com texto e imagens.

Blogs também são lugares em que um pouco de esforço extra é amplamente recompensado. Os hobistas se contentam com layouts amadores, mas se você vai construir algo que realmente represente uma empresa ou uma organização, é melhor fazer com que a aparência geral seja tão boa quanto a de um website contemporâneo (o que o site realmente é). Como no caso do Facebook, isso geralmente exige a ajuda de um profissional que faça o projeto da estrutura do blog.

Depois, fazer posts atraentes é fácil – textos ilustrados com imagens vão atrair os leitores e ajudar a destacar os principais pontos da história. A imagem abaixo é de um excelente artigo ilustrado que fala sobre conceitos em imagens e pode ser lido em: http://istockpho.to/Ken9Yz

Qualquer post, independente do seu tamanho, deve ter ao menos uma imagem

Posts mais longos devem ter várias imagens, não somente para estimularem o leitor a continuar, mas também para quebrar longos trechos de texto, que podem desencorajar as pessoas a terminarem a leitura. Muitas vezes um post precisa da imagem de uma pessoa, coisa ou lugar específico, mas a verdade é que qualquer coisa mais genérica acaba dando conta do recado.

A imagem é tudo

As melhores imagens têm força para informar, inspirar, confundir, chocar, deliciar, revigorar, enraivecer, iluminar. Para serem mais atraentes, devem ser cuidadosamente escolhidas. Comece pensando em coisas como:

• Seu público.
• Sua mensagem.
• Seu tom e.
• Reação esperada.

A imagem que você escolher precisa estar relacionada ao tema geral, mas não tem de ser óbvia, literal. Brinque com a sua busca pela imagem e esteja aberto às muitas maneiras pelas quais você poderá representar suas ideias.

Com relação à busca, é muito ineficaz passear entre milhões de imagens na internet com um simples mecanismo de busca.

Mesmo se achar uma coisa da qual você goste, são baixas as probabilidades de que ela esteja no tamanho, formato, resolução e qualidade que você precisa.

E ainda há as questões de direitos autorais e privacidade, principalmente se você pretente usar as imagens em ambiente comercial.

Uma imagem que você pode utilizar

Algumas pessoas têm a falsa impressão de que é legal usar qualquer coisa achada online. Nada pode estar tão longe da verdade. É bem mais garantido supor que todas as imagens têm direitos reservados, contenham ou não informações que digam isso.

Felizmente, um número cada vez maior de artistas tem decidido colocar seus trabalhos à disposição do público, para uso comercial ou particular. As licenças Creative Commons proporcionam alternativas padrão simples para as notas de copyright do tipo: “Todos os Direitos Reservados”.

Com esse tipo de licença, o dono da imagem pode escolher as variáveis relacionadas a uso pessoal ou comercial, uso e reprodução, e se ela pode ou não ser usada em trabalhos derivados do inicial.

Um artista pode, por exemplo, liberar uma imagem para uso comercial ou não-comercial, desde que a imagem não seja alterada e que seu crédito apareça. Ou pode decidir que a imagem pode ser mexida, ajustada, retrabalhada, modificada, desde que protegida por uma licença Creative Commons.

Um dos melhores jeitos de encontrar trabalhos em regime de Creative Commons é usar o mecanismo de busca do próprio Creative Commons, em  http://search.creativecommons.org. Para muitas aplicações, essas imagens são uma alternativa excepcional.

Mas é importante lembrar: o tipo de licenciamento não é o único fator a considerar

Dependendo de como você pretende usar a imagem, há várias outras questões de propriedade intelectual e de privacidade que precisam ser consideradas – particularmente se a imagem vai ser usada com finalidades comerciais.

Imagens que contêm logotipos, marcas, nomes de empresas ou mesmo certos prédios, desenhos de produtos ou monumentos, por exemplo, podem não estar liberados para uso como imagens comerciais. E se uma pessoa na imagem é reconhecível, ela precisa ter dado sua autorização para esse uso.

Uma solução elegante…

Felizmente, há lugares em que se pode conseguir imagens baratas e que podem ser utilizadas legitimamente para uma enorme quantidade de fins. Elas podem ser adquiridas de lugares como o http://www.istockphoto.com.br a partir de um ou dois dólares.

Para posts em blogs, projetos com orçamentos apertados ou organizações sem fins lucrativos, a iStockphoto oferece facilidade de busca, numerosas categorias de imagens em muitas áreas, de “arquitetura” a “negócios”, “tecnologia” e muito mais.

Essas imagens podem ser reutilizadas e foram criadas como esse propósito. São oferecidas em diferentes formatos, tamanhos, cores e resoluções. Muitas contêm espaço livre que pode facilmente acomodar texto. E todas foram rigorosamente inspecionadas para se garantir que quem as usar não terá dores de cabeça com relação a direitos autorais, intelectuais ou privacidade.

Há também grande flexibilidade de preços, de modo que você pode comprar apenas uma imagem, um pacote delas com vários tamanhos e resoluções ou mesmo fazer uma assinatura anual.

Para imagens que serão reutilizadas/reimpressa mais de 500.000 vezes basta que você selecione o modelo de licença indicado para os usos mais complexos.

Para mais informações sobre como usar imagens, desde as regras do Creative Commons até as diferentes licenças que você pode escolher para o seu projeto, o site  http://www.stockphotorights.com é um excelente ponto de partida!

Para falar com a iStockphoto no Brasil, siga-nos em: http://www.facebook.com/istockbrasil, @istockbrasil no Twitter e Instagram ou envie um email para brasil@istockphoto.com.

Até o próximo! [Webinsider]

…………………………

Acompanhe o Webinsider no Twitter e no Facebook.

Assine nossa newsletter e não perca nenhum conteúdo.