O surgimento do Flash deu asas à imaginação dos webdesigners. Desde então, a febre pelas maçantes e intermináveis introduções já passou, mas ficou a experiência para um novo uso do Flash: o chamado alto-impacto.

No Brasil, um dos grandes responsáveis pela popularização do conceito é o designer Marcos Albuquerque, que dirigiu os antigos sites da Farmaervas, MHK e Surya Henna, este último feito já pela sua agência, a Lifemotion. Hoje, seus clientes estão descobrindo o Flash como alternativa mais barata para o vídeo-empresa. Segundo ele, uma animação pode custar 10 vezes menos que uma produção em vídeo e ter impacto muito maior, se for bem feita.

Fiz uma breve entrevista sobre o assunto com ele:

Flash de alto-impacto [MP3] 10'

Dica: Você pode escutar e gravar podcasts longe do PC comprando um Mp3-Player portátil de R$250

Bons exemplos de Flash de alto-impacto hoje na Web:

• Ipanema Essences (Lifemotion)
• Havaianas
• CPM 22
• Mais exemplos

Pontos principais

• No ramo de Flash de alto impacto, o que que mudou desde o ano 2000, quando surgiu, até os dias de hoje? 30"
• Estamos ainda aprendendo a fazer Flash mais comercial, mais pé-no-chão
• No entanto, é importante sonhar quando se te um objetivo definido, saber onde chegar 1' 30"
• Alto-impacto agrega valor, mexe com a emoção das pessoas e gera repercursão 1' 45"
• Quais são as características do alto impacto? 2' 25"
• Seu objetivo é impactar o público emocionalmente
• É difícil fazer isso, é preciso ter muitas referências: gibis, jogos, filmes 3 '
• O mais importante, entretanto, é pensar no público-alvo 3' 20"
• Como é o processo criativo de um trabalho de alto-impacto? 4'
• A primeira coisa é fazer uma boa reunião de briefing, saber o que o cliente quer. O objetivo é a parte mais importante.
• Se você vai fazer uma animação mecânica, vai lá, veja como é o mundo dessas pessoas 5' 10"
• Você produz o som ou a animação antes ou depois? 6' 50"
• Depende do caso. Som antes dá um resultado com mais qualidade, porém, dá mais trabalho, leva mais tempo
• Sincronizar uma animação existente com um som, é mais fácil, só precisa adaptar um pouquinho. Se você já começa sabendo mais ou menos que estilo musical vai usar, melhor ainda 7' 30"
• Que tipo de tática funciona melhor para emocionar as pessoas? 8' 15"
• Sem dúvida é o som integrado com a imagem. O grande barato é ter o tempo certo para cada coisa.
• Como você descobre esse timing? 9'
• Existem um técnica que é uma só: é você assistir muito filme, muita animação e etc.
• É claro que é preciso escapar dos clichês 9' 30"
• A melhor forma de lidar com isso é fazer coisas simples 9' 55"

Comente este post

Durante a conferência sobre games que fui no mês passado, entrevistei o palestrante André Poyart, que há alguns anos estuda à fundo produção sonora para jogos. A palestra do músico explicou aos futuros desenvolvedores de games como é a produção sonora profissional de games. Ele enfatizou a importância de criar um bom relacionamento com o músico, que segundo ele são pessoas que merecem um carinho especial. O músico, em geral está alheio aos detalhes técnicos da produção de um game e por isso precisa de bastante explicação.

Na entrevista, consegui pescar algumas dicas valiosas sobre o papel do som não só nos games, mas também na Web.

Realismo nos gráficos, fantasia no som [MP3] 4 minutos

Dica: Você pode escutar e gravar podcasts longe do PC comprando um Mp3-Player portátil de R$250.

Notas

• qual o papel do som para emocionar o usuário?
• mesmo peso que o roteiro e a imagem 15"
• som destruir ou salvar a imagem 41"
• como criar emoção de som com interação 1'
• inovação dos gráficos é o realismo, portanto resta à trilha explorar o lado fantástico 1' 26"
• e na Web, o som pode aumentar a emoção? 2'
• limitações tecnólogias impedem o avanço
• poucas pessoas navegam com a caixa de som ligada 2' 30"
• é necessário mudar uma cultura de tecnologia e de comportamento 2' 45"
• a Web ainda não está madura o suficiente para saber o que podemos fazer com ela 3'
• a Internet tem que descobrir como oferecer algo mais que a TV e o rádio não oferecem 3' 15"
• som pode ser interativo? 3' 30"
• já existem jogos em que o som dá pistas para chegar ao destino
• o som já é interativo; quando ouvimos um som de mensagem de erro, reagimos de acordo 3' 50"

Minha opinião sobre o papel do som na emoção já foi deixada neste post, mas talvez não tenha sido muito claro. Para mim, o som é melhor meio para transmitir ou provocar emoções. Edite um filme e desorganize completamente o roteiro, retire as imagens. Ainda assim o som pode causar emoção. Tire o som só de uma cena do filme original e o, irremediavelmente. Quer emocionar? Use som!

Comente este post

Tô no mercado curitibano há quatro anos e ainda não tinha visto nada parecido por estas bandas, sinal de que a coisa tá melhorando. Apesar da divulgação restrita regional, o 1° Web Masters reuniu mais de 200 pessoas por três dias seguidos. O assunto principal foi publicidade online, provavelmente por interesse da organizadora do evento em incentivar a venda de espaço publicitário no seu portal regional.

No segundo dia, tivemos a presença de 11 profissionais de mídia online do mercado de São Paulo para debater questões levantadas por Ricardo Almeida (I-group). AlmapBBDO, BuscaPé, Age, Ogilvy, JW Thompson, África, Dez Minutos, RMG, I-bizz, Euro, Chleba, tavam todos lá. Tinha tanta gente no debate que cada um só pode falar um pouquinho e mesmo assim só terminou 1 hora depois do previsto.

No intervalo, tive o prazer de conhecer pessoalmente um dos profissionais que me influenciam, o Michel Lent Schwartzmann da 10 Minutos. Claro que não perdi a oportunidade para uma entrevista em áudio:

Entrevista sobre Publicidade Online com Michel Lent [MP3] quase 10 Minutos ;)

Dica: Você pode escutar e gravar podcasts longe do PC comprando um Mp3-Player portátil de R$250.

Novos formatos rich-media

Antes do debate, João Binda contou sua experiência na AlmapBBDO, onde faz a ponte entre a mídia offline e online. A empresa cuida de contas como Pepsi, Linhas Aéres Gol, Volkswagen e etc. Hoje, quase toda campanha que sai da Almap inclui ações na Internet. As vantagens do meio são a segmentação, modernindade, agilidade no gerenciamento, visibilidade garantida e as oportunidades de inovação. Os clientes estão percebendo isso e pouco a pouco investindo cada vez mais.

Ele mostrou uma série de cases da agência que aproveitam novos formatos, as chamadas rich-media. O full-banner padrão está perdendo espaço para o expanding-banner, que é igual até o usuário passar o mouse por cima. Num deles, o usuário passava o mouse por cima e imediatamente descia uma tela para especificar os detalhes para uma viagem de avião pela Gol.

Depois vieram outros formatos mais intrusivos: dhtml checkm8, intersticiais, video commercial, superstitial e por aí vai. Basicamente, eles se colocam em cima do conteúdo do portal que o usuário está acostumado a ler por alguns segundos. O vídeo commercial carrega enquanto o usuário lê o site e quando fecha a página, pula o popup e exibe o vídeo. Para veicular anúncios como esse, é preciso pagar muito e ter uma boa relação com o veículo.

Durante o debate Ricardo Almeida levantou se esses formatos poderiam incomodar os usuários, mas todos os publicitários concordaram que não havia risco desde que houvesse um botão para fechar e o anúncio fosse de qualidade.

Minha opinião sobre o assunto é que a propaganda na Internet deve ser o mínimo intrusiva o possível. Internauta não tem paciência, Web não é televisão. Não é à toa que o banner já era. No futuro, prevejo que a propaganda vai estar cada vez mais integrada ao conteúdo, como merchandising. Um exemplo é o site-piada The Legend of Omaha criado pela Almap para divulgar um novo carro off-road da Volkswagen.

Marketing Viral

No primeiro dia, Ricardo Almeida havia explicado que, quando a publicidade tem conteúdo, o próprio usuário faz a replicação da mensagem e convida amigos a vê-la. Através da curiosidade, inovação, comoção ou culpa, o usuário pode ser atraído para tais peças e, se tiver algum benefício, certamente irá propagá-la mais ainda.

Durante todo o evento, foram exibidos diversos daqueles vídeos curtos de humor rasgado que vemos volta e meia cair na nossa caixa postal. Pelo meio viral, é possível veicular peças mais ousadas, porque é o próprio usuário que escolhe quem vai receber. Os vídeos podem ser produzidos com menos recursos e mesmo assim ter um impacto muito bom para a divulgação da marca.

Outro dia um amigo me mostrou um vídeo de um cara que entrou cheio de bombas num carro e estacionou em frente a um restaurante. O homem detonou os explosivos ao invés de quebrar tudo em volta, o carro parecia não ter sofrido grandes estragos. Polo: pequeno, mas seguro. A Volkswagen não admite ter produzido, mas tenho certeza que foram eles.

Comente este post

Quando você tiver a oportunidade de ouro de fazer o design de um hotsite de filme, não desperdice. O usuário acessa disposto a ser entretido, ter uma idéia do que vai encontrar no filme ou rever cenas. Nesse tipo de job, temos o aval do usuário para quebrar os padrões. Certamente ele não ficará satisfeito se o site do fime Nina for um portal com três colunas.

Felizmente, a maioria dos designers sabe disso e hoje temos a categoria como exemplo de inovação, em todo o mundo. O objetivo é alcançado quando o designer consegue criar a mesma atmosfera do filme, invocando seus símbolos emocionais. Já falei da importância do som nesse sentido, mas não ressaltei que a própria interação com a interface também pode ser emocional.

Na época em que escrevi esse post, nem acreditava que isso fosse possível. Porém, um hotsite coreano me convenceu do contrário: The Uninvited.

Sugiro que antes de prosseguir na leitura desse post, você reserve pelo menos 10 minutos do seu tempo para acessar com calma, senão vai perder a graça. Desligue a mente analítica e entre no clima. Você vai se sentir dentro da história quando forem ativados símbolos do seu próprio passado. Depois da fruição, volte aqui e note as sutilezas da interação que permitiram isso.

Já acessou?

Se estiver mentindo, quem sai perdendo é você.

Já disse! Clique aqui seu estúpido!

Caso você NÃO tenha acessado o site, deve estar com raiva e a causa disso é um problema intencional de interação. Caso você tenha de verdade mesmo, jurando de pé juntinho, acessado o site, deve estar sentindo várias emoções ao mesmo tempo... e caso você seja o robot do Google... ah, esqueça...

Vejamos como a interação contribui para emocionar:

Na entrada do site, sem nem abrir qualquer popup, já fica claro a idéia central do filme: "todos tem verdades que não gostariam de pensar que são verdaderias". Não preciso nem dizer, mas a imagem sugere que o homem está exigindo que a mulher diga a verdade.

O usuário pode escolher entre saber a verdade (truth) ou os fatos (fact). Que pergunta besta, quem é que não quer saber a verdade? Quem já sabe! Trata-se de uma forma muito perspicaz de segmentar o site entre os que já assistiram o filme e os que não e também entre os que querem ser entretidos e aqueles que estão atrás de uma informação específica. Truth leva a uma série de animações interativas e Fact leva a uma seção com textos, dados e fotos.

É claro que a experimentação toda de que falo, está na seção Truth. Trata-se de várias sequências de animações que usam muito bem texto animado, som de fundo e imagens. De vez em quando, a sequência é interrompida por uma imagem interativa (se é que se pode chamar assim). Nesta, o movimento do mouse faz sugir perguntas que são feitas à personagem, como balas de uma metralhadora. O som acompanha. Só há como progredir se o usuário ver suficientes perguntas.

Numa outra seção, o tema é claustrofobia. A cada clique, surge um novo popup, cada vez menor até que... bem, você viu o site. Não é à toa que escolheram o popup para tal conotação negativa. Morte aos hotsites em popup!

Você está diante de um gravador de som e há fitas espalhadas pela tela. A tela está parada. Não é preciso dizer que você deve colocar as fitas no gravador, essa á reação lógica. As fitas são movidas pelo arrastar-e-soltar, mas caso você solte antes de chegar no gravador, a fita permanece ali. Como a área de clique é enorme, você pode arrastá-la muito facilmente. Ao se aproximar do gravador, elas são puxadas automaticamente. Estes designers sabiam que arrastar-e-soltar é um modo de interação que exige muita destreza do usuário e deram toda a ajuda necessária. O ganho lúdico compensa o esforço extra.

A magia só se quebra quando os designer sentem a necessidade de dizer como o usuário pode interagir. Eles sabiam que no caso dessa porta, não estava clara sua clicabilidade. Já que a experiência conta com várias outras ocasiões onde o usuário pode clicar em coisas incomuns, porque não contar com esse conhecimento prévio? Poderiam ter usado outras dicas visuais...

Outra coisa que me incomodou muito foi o menu, localizado no canto inferior esquerdo. Apesar de se contrair durante as animações interativas, preferia se ele tivesse alguns dos elementos subjetivos que permeiam o site.

Quem gostou desse hotsite, vale à pena conferir outra produção dos coreanos, The Scandal. O clássico Donnie Darko é mais chato, mas explora bem o formato. No Brasil, temos o exemplo da A Agência Click, com o Projeto 404. Alguém mais tem bons exemplos de sites que exploram a interação emocional?

Comente este post

O sistema funciona assim: o anunciante define um valor máximo por cada clique em seu anúncio ou paga por impressões, independente de cliques. No primeiro, é mais fácil controlar os gastos, mas se o anúncio não gerar cliques, ele é deixado de lado automaticamente. Numa campanha de marca, melhor a segunda modalidade.

O pulo-do-gato do serviço é que o anunciante escolhe palavras-chave que especificam quais buscas do Google e sites associados exibirão o anúncio. É por isso que a taxa de clique é muito mais alta do que a de um banner comum: o anúncio tem mais a ver com o que o usuário está procurando ou lendo.

É possível até mesmo restringir por área geográfica ou um site específico, como no caso o próprio Usabilidoido. Se você olhar com atenção, vai perceber que existem quatro áreas principais de propaganda aqui:

• O menu de anúncios embaixo da navegação que só exibe uma ou duas palavras
• A caixa de links relacionados
• O resultado da busca
• No final da página de cada categoria do Blog

Essas são justamente as áreas onde os usuários terminam de ler algo e se preparam para o próximo clique. Se o link anunciado for de seu interesse, o usuário clica sem remorso de interromper a leitura.

No Usabilidoido é possível anunciar com apenas R$0,20 por dia. Quanto mais investido, mais cliques ou impressões. Apesar de receber muitas visitas de usuários anônimos do Google, a pesquisa sobre o perfil dos leitores sugere que estariam interessados em:

• Cursos e livros sobre webdesign, programação e afins
• Equipamentos eletrônicos de ponta, como computadores de mão, MP3 players e câmeras digitais
• Hospedagem de sites
• Softwares que agilizem sua rotina
• Hardware

Se você comercializa alguns desses produtos ou conhece alguém que o faça, indique o Google Adwords. Custa muito pouco experimentar!

Indico o serviço não só porque recebo com a veiculação da propaganda, mas também porque defendo há tempos que esse é o futuro da propagada. Banner tradicional já era!

Comente este post

Vocês querem saber como eu acho que vai ser a TV Interativa? Pois bem, acessem o site da lendária Amazon e verão que estão destacando na primeira página um curta-metragem muito, mas muito bom. Adivinha que tecnologia escolheram para o formato do vídeo padrão? Flash! E porquê? Fora a ubiquidade do plugin, o filme é interativo. Não parece, mas é. Aliás, acho até que eles deveriam dar uma indicação mais direta (uma seta dizendo onde se deve clicar), afinal, nunca interagi com um filme dessa forma. Fiquem espertos ;)

O filme conta a história de um cara atormentado, que sai correndo pelas ruas alucinado atrás de não sei o quê. Não entendi muito bem os diálogos porque a qualidade do som estava ruim demais para minha compreensão parca de inglês falado. Já que era um filme destinado para a Web, deveriam tomar o cuidado de deixar mais claros os diálogos, eliminando sons de fundo no momento.

No meio de toda a confusão, toda hora aparece algum aparelho eletrônico que a Amazon vende. No final, é claro que estão lá as ofertas dos produtos exibidos no filme. Propaganda não intrusiva, subliminar e inteligente. Quem não é seduzido assim?

Sei que dessa forma, estarei ainda mais à mercê de publicitários ardilosos, mas prefiro do que ser obrigado a assistir comerciais, ser incomodado por banners, receber spam...

Publicitários, acordem! Não precisa ser Amazon para fazer merchandising. Google Adsense é um bom exemplo...

Comente este post

Acabei de ler esse artigo escrito pela portuguesa Ivone Ferreira que postula que as imagens tem papel preponderante no estímulo de emoções. Apelando para a emoção, conseguimos persuadir o consumidor a comprar uma idéia, um produto. Assim, ela conclui que "a visão global da página irá afectar mais intensamente o sujeito do queum texto longo que descreve as qualidades de algo."

Para se sustentar, ela cita a pesquisa do neurocirurgião Antônio Damásio:

As imagens não são armazenadas sob a forma de frames de coisas, acontecimentos ou palavras. O nosso cérebro não arquiva fotografias de pessoas nem armazena filmes de cenas da nossa vida; não retém cartões salva-vidas como usam os apresentadores de televisão. Não, o nosso cérebro faz, antes, uma interpretação, uma nova versão reconstruída do original. Temos no entanto a sensação de que podemos evocar nos olhos ou ouvidos da nossa mente, imagens aproximadas daquilo que experienciámos anteriormente. Elas podem ser sonoras ou visuais, tactéis, gostativas ou olfactivas mas são predominantemente visuais.

Uma vez que o contacto que o homem actual tem com
a internet é essencialmente visual, através da imagem que aparece no ecrã, parece ter coerência prestar atenção a um discurso que procura convencer pela imagem. A impressão que guardamos de um site é essencialmente uma imagem de um todo global, da aparência de uma estrutura visual. É essa imagem
que vamos guardar, a visual.

O design fornece-nos uma espécie de primeira impressão, à semelhança do que acontece quando vemos alguém pela primeira vez e reparamos para na sua aparência: podemos amá-la ou detestá-la. A página deve ser, por isso, algo agradável de ver, com efeitos visuais adequados à transmissão do conteúdo.

Apesar de concordar com ela que a imagem tem papel essencial no discurso persuasivo ("a primeira impressão é a que fica"), discordo quando ela diz que a imagem é mais importante do que o texto para criar emoção. O texto é que dá a sequência, que traz a dimensão do tempo para a experiência do website. Sem tempo, não há ações, não há compras. A imagem sozinha é pura contemplação, mais nada.

Apesar do fluxo de som ainda ser deficiente na Web, foi falha grave não citar a importância do som na incitação de emoções. Costumo dizer aos meus amigos da Lifemotion: "acreditem ou não, o som é o grande diferencial do trabalho de vocês".

Ontem conheci um trabalho recente da 2avanced, o site do novo filme do Exorcista. Fiquei frustrado. Imagens fantásticas, sequências de vídeo em 3D super-pesadas, mas som fraquíssimo. Gastaram banda com o elemento errado para esse tema. Em algum momento você mijou nas calças? Levemente assustado? Eu nem um pouco.

Podiam ter feito uma apresentação menos luxuosa usando vetores e apostado as fichas num som mais assustador! O site do jogo Gosth Hunter é parecido, mas usa muito melhor o som. Aliás, não é só o som... Esse site é exemplo de como todas as facetas de uma boa experiência estão bem desenvolvidas:

• o texto só aparece quando estritamente necessário, é super conciso e sempre leva à interatividade
  
• som que cria clima, mas não distrai e ainda reponde ao input do usuário
  
• animação de transição rápida e reagente ao input

No final das contas, todos esses elementos confluem para um único objetivo: fazer o internauta se sentir dentro do jogo e persuadí-lo a comprá-lo. Essa é a solução: a visão holística, que considera todos os lados da moeda. Por isso, uma equipe multi-disciplinar tem mais chance de ter sucesso. Ainda mais, se dentro dessa equipe existem profissionais multi-disciplinares. Aqueles que estudam não só design, mas marketing, comunicação social, arquitetura da informação e tudo o mais que gostarem.

Comente este post

A Samsung lançou um novo celular turbinado, que ao invés de dobrar, ele desliza. O hotsite está fantástico, pena que fique redimensionando a janela do browser. Notem como os elementos da interface se comportam como se estivesse deslizando, tal qual o celular. Também há a presença de imagens que passam rapidamente, provavelmente uma tentativa de transmitir mensagens subliminares. Na verdade, a mensagem é bem clara: com esse celular você vai impressionar as pessoas ao seu redor.

Como já havia comentado num post antigo, o design de aparelhos de celular são muito importantes porque eles servem como objetos de ostentação. Da mesma forma, na Web as interfaces mais "transadas" tem mais chance de conquistar o gosto das massas. O hotsite do novo celular consegue fazer isso com certeza, só não sei quanto ao aparelho em si.

Não sou designer de produto, mas tenho um pressentimento de que ainda vai demorar muito até alguém conseguir fazer uma aparelho que converja celular, palm e câmera de fotografar sem perder a usabilidade das interfaces dos aparelhos separados. Faz tudo, mas faz mal feito. Pense na dificuldade do designer. Ele precisa fornecer isso tudo e mais:

• botões grandes para digitar telefones com uma só mão
• uma área sem botões para poder segurar com uma mão só sem fazer cagada
• uma tela o maior possível (no mínimo duas polegadas)
• caber dentro da palma levemente fechada
• resistente para não quebrar se cair, porque celular vive caindo
• meio que à prova d´água, porque vive caindo uns pingos
• ter um lugar para anexar uma caneta stylus
• como se não bastasse, ele tem que ser fino e caber confortavelmente num bolso

Comente este post

Didier Hilhorst e Dan Rubin lançam agora um ebook de 17 páginas sobre como lidar com orçamentos curtos e mesmo assim entregar trabalhos de qualidade no mercado Web. Faça o download rápido, porque a partir do dia 6 de junho, eles vão começar a cobrar. Já dei uma folheada (ou rolada) e achei interessante. Veja esse trecho:

É de senso comum que qualquer produto ou serviço caro é sinal de estética e funcionalidade superiores. Nós acreditamos que isso é uma concepção errada. Fundos limitados não é mais uma desculpa válida para desanimar e entregar trabalhos porcos.
(tradução livre e enviesada)

Comente este post

Não é à toa que o Submarino é líder em vendas diretas ao consumidor no Brasil, eles sabem o que estão fazendo. Criaram um hotsite fantástico para o dia dos namorados. Ao invés de substituir a estrutura da loja num suporte Flash, o hotsite serve para indicar os principais atalhos para o presente que o usuário quer.

A interface é lúdica e muito bem bolada. Se basea numa metáfora de escrivaninha bagunçada, personalizada para o homem e para a mulher. Dá pra escolher o presente ideal pelas categorias mais indicadas, pelas ofertas, pela faixa de preço e algumas outras opções. Note cada detalhe da interface porque o trabalho foi muito cuidadoso.

Lembra quando critiquei as lojas virtuais porque elas estavam exagerando na decoração de natal? O Submarino foi a única que se safou. Assim como a Amazon é o arquétipo de loja virtual lá fora, o Submarino é aqui no Brasil.

[Atualização] Meu amigo Claudio Nossa, escreveu um artigo bem legal analisando as campanhas dos dias dos namorados no ano passado. Compare e veja como o Submarino "aprendeu" com elas.

Comente este post

E se o cliente não puder ou não quiser te passar um, simplesmente invente um! Briefing é onde estão as primeiras especificações do que quer o cliente nesse trabalho e o que você pode oferecer para ele. É a matéria-prima que o designer precisa para sair do zero e começar a esboçar uma solução, seja na mente, no papel ou no monitor. Com um briefing detalhado, não há possibilidades de bater aquele branco e a desorientação de não saber por onde começar. Claro, o começo É o briefing!

Nem sempre podemos fazer a reunião de briefing direto com o cliente. Ficamos à mercê do contato comercial e, como não será ele quem vai ter que quebrar a cabeça para inventar algo, em geral, eles não se dão o trabalho de sentar com o cliente e fazer um bom briefing (existem exceções, mas eu ainda tô pra conhecer um pessoalmente). Caso, haja a possibilidade do designer conversar direto com o cliente, melhor. Tem até um livro inteiro só para dar as dicas no assunto.

Uma vez eu recebi um briefing sensacional. O diretor da agência me entregou um cartão da empresa e disse: "Ó, faz um site aí. Eles querem essa logo animada, bem grande na home". O resultado não poderia ser pior. Aprendi a lição. No próximo job, fiz questão de sentar com o cliente para especificar o briefing. Percebi que não era tão fácil quanto parecia e tivemos uma nova novela na agência, mas dessa vez benigna. Nos sentimos no controle e o projeto acabou dando certo, embora tenha havido um bocado de retrabalho e o prazo tenha estourado.

Eu consegui, mas sei que muitas agências não permitem esse contato, ou por questões de tempo ou por questões de filosofia empresarial. De qualquer forma, ainda existe a possibilidade de inventar um briefing. Não quero dizer que você deve ler mentes, mas pode se basear no que já ouviu falar sobre o projeto, nas instruções verbais iniciais, em pesquisas gerais de marketing e sua experiência pessoal.

Ao invés de ficar esperando marcar uma audiência com a direção da Universidade em que estudo, resolvi criar o briefing direto com o meu professor orientador da disciplina. Veja como ficou o exemplo de briefing fictício e pegue a manha.

[ Atualização ] A pedidos, disponibilizo um briefing real de um pequeno projeto que fiz: Briefing Mercado da China [DOC] e o Website final

Resumo

A UFPR precisa de um website melhor. Em primeiro lugar, ele precisa se tornar mais organizado e agradável aos olhos. Em segundo, mais útil. A proposta é repensar todos os nuances e amplitudes do website, sem ignorar a experiência do website que está no ar há anos. O objetivo é propor mudanças no website que o tornariam o mais fácil de usar de todas as demais Universidades Federais do Brasil.

Audiência e suas supostas principais expectativas ao usar o website

• Alunos
  • ter acesso à produção científica da universidade que seja de seu interessse
  • efetuar matrículas e outras atividades burocráticas sem depender de servidores ocupados e mal-humorados
  • receber avisos de eventos e notícias de mudanças que afetem sua rotina de estudante
  • encontrar telefones e outras formas eficientes de obter maiores informações
• Professores
  • encontrar informações de contato com outros professores e entidades dentro da Universidade
  • disponibilizar sua produção científica e pesquisar nas dos colegas
  • receber avisos de eventos e notícias de mudanças que afetem seu trabalho
  • ficar a par da estrutura administrativa e eventuais procedimentos burocráticos
• Técnicos
  • receber notícias de mudanças que afetem seu trabalho
  • ficar a par da estrutura administrativa e eventuais procedimentos burocráticos
• Aspirantes aos cursos
  • saber o que a Universidade tem a oferecer
  • comparar cursos
  • informações para contato com professores e alunos dos cursos
  • notícias sobre os concursos para ingresso
• Jornalistas
  • informações para contato com professores
  • notícias sobre mudanças na estrutura administrativa, eventos e produção científica da Universidade
• Sociedade em geral
  • receber notícias de descobertas científicas, eventos e outros benefícios que a Universidade oferece

Principais problemas identificados

O website está organizado de forma a refletir a estrutura administrativa interna da instituição e isso causa problemas aos usuários que não a conhecem por completo (quase todos). É praticamente impossível uma pessoa que não tenha noção da estrutura administrativa encontrar uma informação específica. Além disso, há uma irregularidade tremenda de um ponto do website ao outro, tanto no aspecto gráfico, como textual. Isso é funesto ao usuário porque a navegação é inconsistente, o que leva à confusão e a desorientação. A Universidade desperdiça assim, a chance de imprimir uma imagem coesa e bem definida.

Características desejadas na solução

O produto entregue deve refletir as seguintes características da UFPR:

• comprometimento com o ensino público, gratuito e de qualidade
• apoio nos pilares de Ensino, Pesquisa e Extensão
• tradição e ao mesmo tempo, desbravamento do futuro
• envolvimento nas causas sociais
• ponto de referência no saber

Comente este post

Em hotsites, é crucial uma boa Direção de Arte, mas o que viria a ser isso? Poucas pessoas sabem, porque poucas escolas ensinam. Que eu saiba, tem a Miami Ad School, onde meu amigo Michel Lent dá aula. Deve ser um curso fascinante.

Resolvi escrever esse post em virtude de uma conversa com o Marcos Albuquerque, comentando sobre o último site que a MHK produziu (só no IE). Concordamos que era o melhor trabalho que eles produziram desde que ela perdeu seus principais talentos de outrora. Um design razoável, alguns efeitos aqui e ali, mas faltando um elemento agregador, uma idéia forte, uma direção de arte.

E hoje, li dois artigos muito interessantes exatamente sobre o assunto. Primeiro, no Webinsider, Maira Costa diz que:

"O boom da internet fez surgirem muitos profissionais de design autodidatas, o que é ótimo do ponto de vista criativo, pois aí surgem as novas técnicas. Porém a falta de embasamento cria no mercado designers sensíveis, muito sensíveis, sensíveis demais às “agressões” à sua “arte”. Enquanto deveriam ser sensíveis às necessidades do cliente."

E então, a revista Alistapart lança o artigo que diz que:

Na matemática, o todo é sempre igual a soma das suas partes; dois e dois são invariavelmente quatro. Nas artes, entretanto, o todo é muito mais do que a soma das partes ou muito menos. (...) Designers, programadores e outros especialistas criam os elementos essenciais do todo. Mas é o diretor de arte que é incumbido de amarrar essas partes para ter o máximo de resultados.

Resumindo, estou embebido pelos conceitos de Direção de Arte e louco para começar um novo projeto que me desafie nesse sentido. Realmente são poucas as vezes que temos a oportunidade de botarmos nossas garras para fora no campo das idéias, mas quando podemos, temos que ser rápidos, rasteiros e não largar de jeito nenhum. Enquanto esse job não chega, me divirto com esse teste de conhecimentos de Direção de Arte.

Comente este post

Corroborando o que eu já havia dizendo há tempos, Marcelo Guz da Globo.com vê o Flash como elemento fundamental na transição do modelo atual de interfaces para um mais interativo, com uma linguagem próxima a da Televisão. Falava para meus amigos da Lifemotion, que estão terminando o website da Ipanema Coffes, que eles estão adiantando a linguagem da TV Interativa que ainda está por vir. Fique de olho que quando eles terminarem, eu dou um toque pra todos verem. É de cair o queixo.

Comente este post

Não repare a cacofonia do título, é que estou emocionado. Só de onda digitei www.amstel.com (o meu sobrenome) para ver onde entrava. Claro, imaginei que fosse entrar na cervejaria de mesmo nome que já conhecia (e que não é da minha família, ok?). O que me impressionou foi que o site é um exemplo de usabilidade no Flash, haja coincidência!

É uma prova de que usabilidade não significa website feio. Ele é bonito, atrativo e extremamente funcional. A começar pelo aproveitamento de streaming (fluxo de dados - mostrar conteúdo na medida em que carrega) e a velocidade de download. Estava numa conexão discada e ele foi tão ou mais rápido do que um website similar usando HTML. A versão do Flash que ele pede é a 5, a mesma que eu uso nos meus projetos. A execução técnica é tão perfeita que estou até mais receptivo com relação ao uso de frames.

Fora o aspecto técnico, eles exploraram bem a vantagem visual do Flash e há imagens estouradas de fundo, textos curtos e até um (pasme) infográfico interativo na seção About Amstel > Pouring Tips. Na história da cerveja, tem pseudo-vídeos com a técnica de recorte de imagens, pouco conhecida e muito interessante. O menu tem uma leve mudança de cor imperceptível ao olhar desavisado, mas com uma influência terrível sobre a motivação do usuário em clicar mais.

Comente este post

Quem é que gosta de folhear um livro atrás de um parágrafo específico? Imagine se o livro não tivesse índices e nem números nas páginas. Mais difícil ainda! Quando estamos na Web, estamos sempre atrás de informações específicas, do mesmo jeito. No livro ainda podemo abrir uma página aleatória, mas nesse exemplo que passei acima, é preciso folhear uma por uma.

Folhear com o dedo é mole: lambe o dedo e em frações de segundo, temos a próxima página. No exemplo, é preciso arrastar o mouse da ponta inferior direita da página até pelo menos a metade da página. Já vi exemplos piores, que era necessário arrastar até o outro lado da página.

Não sei onde que li que o browser poderia ter efetivamente uma transição de virar a página entre cada URL que o usuário visita. Seria interessante para entreter o usuário nesses tempos de velocidades baixas. Creio que nunca foi implementado pelo custo de processamento que isso teria. Isso também vale para peças em Flash, realmente o resultado final fica meio pesado se o conteúdo das páginas é mais complexo.

Na primeira vez em que apliquei esse efeito, aprendi a lição. Deu mais trabalho de Actionscript do que pensava para controlar a superposição de páginas e o efeito fica lento demais em computadores menos turbinados. Nesse projeto mais recente, adotei uma transição mais simples, que dá a idéia de que foi virada a folha, sem impedir que o usuário continue a leitura imediatamente após virar a página.

O website do jogo Zelda (seção "Cast", pena que não dá pra linkar :P) também usa o efeito, mas ativado com clique único sobre botões avançar / voltar. É legal, mas não precisava ser tão ao pé da letra, porque mesmo no meu micro, fica lento

Comente este post