O Jogo da Negociação by Clebson Maia

abril 2006 :: ano 3 :: n 28 :: www.arteccom.com.br/webdesign

abril 2006 :: ano 3 :: nº 28 :: www.arteccom.com.br/webdesign

O jogo da

Negociação Internet em dispositivos móveis: um mercado promissor “Devemos estar um passo à frente do cliente. Quando ele ouvir falar que isso pode ser feito, já devemos ser especialistas no assunto” Diego Eis (Visie Treinamentos)

Ergonomia não é custo, é investimento

Webdesign

Como o ambiente de trabalho pode inﬂuenciar na produtividade de sua empresa

Usar ou não usar Templates?

R$ 8,90

4 :: quem somos

Editorial

Equipe Direção Geral

Minha agenda é de papel :-(

Adriana Melo adriana@arteccom.com.br

relacionado a padrões web, 2006 promete ser o ano da internet móvel. Esse tema não me atraía muito... Por incrível que pareça, sou meio avessa às “últimas tecnologias”. Para se ter uma idéia, minha agenda é de papel, fui a última a ter um celular, fico com um mesmo modelo durante alguns anos (enquanto atender às minhas necessidades) e por aí vai...

Direção de Redação Luis Rocha luis@arteccom.com.br

Criação e Diagramação Camila Oliveira camila@arteccom.com.br

Leandro Camacho leandro@arteccom.com.br

Ilustração Beto Vieira

Lembro que no 7º Encontro de Web Design, Mauro Alencar (AKQANY) veio ministrar uma palestra sobre internet móvel. Ele apareceu com o notebook mais fofo do mundo, um celular muito chique, palm... tantos aparatos ao mesmo tempo... Achei o máximo! Até que li a entrevista “Como uma onda no ar” (pág. 20) sobre internet móvel e percebi que realmente se não começarmos rapidamente a treinar nossas equipes para criar sites em versões “mobile”, vamos perder o barco... E, agora que temos esse grande novo desafio pela frente, fiquei empolgadíssima

beto@arteccom.com.br

Publicidade Jane Costa jane@arteccom.com.br

Gerência de Tecnologia Fabio Pinheiro fabio@arteccom.com.br

Financeiro Cristiane Dalmati cristiane@arteccom.com.br

Atendimento e Assinaturas

para desenvolver esses “minisites”! Se ter um aparelho desses nunca

Renata Fontan

me atraiu muito, a possibilidade de criar para eles está me deixando

renata@arteccom.com.br

fascinada. De agora em diante, prometemos manter os leitores da Webdesign bem informados sobre o tema! Leiam esta entrevista e fiquem de olho no assunto! Como citou Diego Eis “Devemos estar um passo à frente

A Arteccom é uma empresa de design, especializada na criação de sites e responsável pelos seguintes projetos: Revista Webdesign :: www.arteccom.com.br/webdesign Curso Web para Designers :: www.arteccom.com.br/curso Encontro de Web Design :: www.arteccom.com.br/encontro Portal Banana Design :: www.bananadesign.com.br Projeto Social Magê-Malien :: www.arteccom.com.br/ong

do cliente”. Criação e edição www.arteccom.com.br

Boa leitura! Abraços,

Produção gráfica

Adriana Melo

www.prolgraﬁca.com.br

Distribuição www.chinaglia.com.br

:: A Arteccom não se responsabiliza por informações e opiniões contidas nos artigos assinados, bem como pelo teor dos anúncios publicitários. :: Não é permitida a reprodução de textos ou imagens sem autorização da editora.

Se em 2005 procuramos informar nossos leitores sobre tudo

menu :: 5

apresentação pág. 4 quem somos pág. 5 menu

contato pág. 6 emails pág. 6 fale conosco

fique por den tro pág. 8 bloguices pág. 10 métricas e mercado

portfólio pág. 14 agência: Nitrocorpz pág. 18 freelancer: Mariana Julião

matéria de capa pág. 20 entrevista: Diego Eis e Thiago Rigonatti pág. 28 reportagem: O jogo da negociação

e-mais pág. 39 debate: templates pág. 43 ergonomia pág. 47 estudo de caso: Mcdonalds pág. 52 tecnologia na web: Formulários web pág. 54 tutorial: AJAX - parte 4 com a palavra pág. 58 e-mail marketing: Rodrigo Ribeiro pág. 60 marketing: René de Paula Jr. pág. 62 bula da Catunda: Marcela Catunda pág. 64 webdesign: Luli Radfahrer

6 :: emails

Assunto: Direito Direito na web

Assunto: Direito Podcastna web

23 (Emprego), vocês exibiram

a revista está nas bancas dos

uma tabela de Média Salarial.

seguintes bairros: Centro, São

Gostaria de saber o que cada área

Gerardo, Aldeota, Papicu, Edson

É preciso elogiar MUITO a Revista

Estou vendo o site da Heineken

é responsável em fazer.

Queiroz, Seis Bocas e Cidade

Webdesign porque ela é muito

e achei muito legal. Os caras têm

Sou uma webdesigner que faz

dos Funcionários. Por e-mail

boa mesmo e vale muito mais do

um podcast sensacional. Sem

de tudo dentro da empresa

encaminharemos para vocês os

que se paga. Uma das colunas de

contar que o site é muito rápido.

que trabalho e por isso não sei

endereços completos das bancas,

grande utilidade é a “Direito na

Como sei que estão sempre

onde me enquadro dentro das

ok? Lembrando que a Revista

Web”, da Dra. Marianna Furtado.

abertos a sugestões, sugiro

vertentes: webdesigner Pleno,

Webdesign é distribuída para todo

Gostaria de saber como enviar

falarem sobre a Heineken, em

Sênior etc. Um grande abraço,

o Brasil.

uma pergunta a ela!? Acredito

uma edição, acho que seria um

Érika Lopes

Abraços!

que tenha usado o canal errado,

case e tanto.

erikallc@hotmail.com

porque utilizei o e-mail dela,

Adriano Santos

publicado na revista, e não obtive

artes@doiscliques.com

Olá, Érika. Obrigada por sua participação! Segundo as empresas

resposta alguma... Repasso agora o e-mail com

Realmente, Adriano, é um site

de Recursos Humanos, essa

minha pergunta para vocês: qual

bacana, mas exploramos o

diferenciação (Júnior, Pleno e

a relação de direito existente

tema podcast no case da Kaiser

Sênior) depende de alguns fatores,

entre o registro de uma marca

(outubro de 2005). Mas, com

como o tempo de experiência

nominativa junto ao INPI e

certeza, estamos abertos a novas

na área (Pleno: três anos; Sênior:

a reserva de domínio de um

sugestões! Não deixe de participar

acima de quatro anos, por

endereço da web (www...).

e contribuir, sempre. Obrigada!

exemplo), se possui ou não curso superior etc. Na página 32 de sua

Antecipadamente, grato,

revista “Emprego”, você pode

João Batista Ribas jb.ribas@gmail.com

Excelente questão, João! Com

conferir as deﬁnições completas.

Sou um novo assinante, mas

Qualquer dúvida volte a entrar em

há algum tempo ando lendo

contato, ok?

sua publicação. Sou um diretor

certeza, outros leitores também

de arte publicitário, mudando

têm essa mesma dúvida. Bem, a

na web Assunto Direito Ó xente

partir de agora, a coluna “Direito

de ares: o de design na web. Gostaria de saber onde estudar,

na Web” será redigida pelo Dr.

Por que a revista não é vendida

Gilberto Martins, advogado

em Fortaleza-CE?

formado na PUC/RJ, com mestrado

Alano Morais

na USP e cursos em Harvard e no

alanomorais@yahoo.com.br

M.I.T. Seu e-mail já foi encaminhado

Assunto: Cursos no Brasil e no exterior

web tempo Assunto: Direito Tudo aona mesmo

para ele e sua resposta sairá na edição de maio.

Em primeiro lugar, gostaria de

Abraços e muito obrigada pela

parabenizar a todos pelo nível

contribuição!

maravilhoso de conteúdo e de

Por favor, disponibilizem a

bem que poderiam escrever sobre isso... Rodrigo Azambuja rodbuja@terra.com.br

venda da revista para Fortaleza, obrigado.

Rodrigo, já atendemos, em parte,

Alessandro Maia

seu pedido. Na edição de junho

alemmaia7@yahoo.com.br

de 2005 (Cursos), falamos sobre os

fácil leitura da revista. A minha dúvida é a seguinte: na edição

aqui no Brasil e no exterior. Vocês

principais cursos no Brasil. Como Caros, Alano e Alessandro. Fomos

sua sugestão é oportuna, vamos

informados pela distribuidora

colocar o tema “cursos no exterior”

Chinaglia que, em Fortaleza,

em nossa pauta de reportagem. Aguarde!

Desculpem a nossa falha! - Na edição de março (Comunidades), página 9, seção “Bloguices”, a palavra “INSCRIÇÃO” foi grafada de forma errônea. Assim, onde se lê: “...E aí, já fez sua inscrissão?”; por favor, considerar “...E aí, já fez sua inscrição?”. - Na edição de fevereiro (Tipograﬁa), página 34, seção “Reportagem de capa”, a palavra “ESPREMIDOS” foi grafada de forma errônea. Assim, onde se lê: “...textos exprimidos...”; por favor, considerar “... textos espremidos...”.

fale conosco pelo site www.arteccom.com.br/webdesign :: Os emails são apresentados resumidamente. :: Sugestões dadas através dos emails enviados à revista passam a ser de propriedade da Arteccom.

8 :: blog

Bloguices

By Margarida Flores apareceu_a_margarida@hotmail.com

OLÊ ESQUINDOLELÊ. OLÁ ESQUINDOLALÁ Passado o frenesi carnavalesco, a imprensa volta a falar de coisas mais interessantes que o peso das plumas sob o efeito da chuva, as profundas interpretações sobre samba-enredo, pequenos e grandes peitos alegóricos, carros etc. E eu, que nunca aprendi a cantar nem "Mamãe eu Quero", fiquei completamente perdida até a quartafeira de cinzas. QUE FUTURAMA QUE NADA Se você é uma daquelas pessoas apaixonadas pelo futuro vai adorar a competição "Imagine The Home in 2020" - que revelou produtos tecnológicos pra lá de futuristas de todas as partes do mundo. Imagine uma minilavadora em formato de ovo, e que tal um sapato que ajuda a limpar o chão da casa? Curioso, maluco ou do futuro? Criado pela Designboom e a ElectroluxLabs, o concurso, que faz com que os participantes pensem nas casas do futuro, selecionou os12 melhores e vale a pena conferir quem ganhou com qual produto. http://www.designboom.com/contest/winner.php?contest_pk=9

ULTILIDADES "BLOGUÍSTICAS" Os 10 principais erros que atravancam o seu blog. Aproveite e analise a organização do autor do site. Acho que ele não passa em quase nenhum item. http://www.useit.com/alertbox/weblogs.html

É SÓ PROCURAR NO GOOGLE QUE VOCÊ ACHA... Bom, essa frase pode ter sentido em qualquer lugar no mundo, mas não é bem assim na China. Quer dizer, não era: a dupla do site de buscas já tá dando um jeito nessa situação e anunciou que os resultados de buscas feitas em seu site na China agora serão armazenados nos servidores norte-americanos. http://info.abril.com.br/aberto/infonews/032006/02032006-6.shl

NÃO FAZ MAL. EU TÔ CARENTE, MAS EU TÔ LEGAL MARA descobre vírus Crossover que pode infectar PCs e PDA (palm). Por mais que seja tentador achar que uma ex-apresentadora de programas infantis tenha se tornado perita em segurança de computadores, MARA é na verdade uma sigla: Mobile Antivirus Researchers Association (Associação dos Desenvolvedores de Antivírus Móveis). Aparentemente trata-se de um vírus experimental, que infecta PCs e PDAs, durante a sincronização de dados. Os desenvolvedores de antivírus já estudam amostras visando desenvolver definições e ferramentas de remoção da ameaça, e acabar com a ilusão de fãs desamparados da moça já nem tão moça assim. http://www.estadao.com.br/tecnologia/informatica/noticias/2006/mar/01/181.htm

blog :: 9

LINKS BRINDES Diversão garantida ou seus cliques de volta Nesse hospital psiquiátrico, os pacientes são bichos de pelúcia. E cada bichinho tem uma desordem mental. Não vamos deixar um bichinho bonitinho desses virar um

MENSAGEM PRA NÓS Cuidado com o que você anda salvando ou vendo na internet no computador do

psicopata, certo? Escolha seu paciente e qual abordagem

seu trabalho. Já há jurisprudência suficiente que permite que a empresa, além

você vai utilizar. Assim, você vai trazer luz

de investigar o computador usado por seus funcionários, use as informações e

e felicidade à vida de uma pobre vítima das

mensagens de correio eletrônico colhidas (dependendo do caso), como prova

armadilhas da mente, ou ferrar tudo de

em ações trabalhistas. Fique esperto! http://www.estadao.com.br/tecnologia/informatica/noticias/2006/mar/02/110.htm

uma vez. Simplesmente TUDO! http://www. parapluesch.de/whiskystore/test.htm

Você não tem nada o que fazer, mas tem

O SISTEMA NÃO ESTÁ RECONHECENDO A OLHEIRA ESQUERDA

que ficar no trabalho fazendo nada? As

Tá chegando ao mercado japonês, por volta de abril desse ano, um celular que será

pessoas que estão no seu MSN nessa hora

capaz de reconhecer a face do usuário. O sistema que permitirá esse avanço utilizará

são absolutamente dispensáveis, pra não

como parâmetros as dimensões de olhos, sobrancelhas e a boca do proprietário.

dizer desagradáveis e chatas? Olhe pra isso. Talvez você fique hipnotizado e encontre no

Agora, cara de pau nenhum vai tentar usar seu celular.

seu inconsciente um bom motivo para tê-las

http://www.estadao.com.br/tecnologia/noticias/2006/mar/01/175.htm

adicionado. http://www.neave.com/imagination/

DE OLHO NO OSCAR E NA LITERATURA Eles desfilaram no tapete vermelho e levaram estatuetas douradas. Philip Seymour Hoffman recebeu o prêmio como melhor ator por “Capote”. E é da Editora CIA das Letras o genial "Músicas para Camaleões" (1980), de Truman

Hooga Hooga Chakka!! Fã da Super Máquina? Talvez do SOS Malibu? Reveja seus conceitos enquanto ainda dá tempo. http://www.youtube.com/w/Hooked-on-a-

Capote, um livro que radicaliza o projeto do jornalismo literário.

feeling?v=Gi2CfuqcUGE&eurl=http%3A%2F

http://www.ciadasletras.com.br/web_store.cgi?details=11605&buy=yes&slink

%2Fwww%2Eth

=1&cart_id=5219707.21425

FLASH BACK BEM-VINDOS À ILHA DA FANTASIA? Super interessante. Você sabia que o parque do Zé Colméia está sobre a caldeira de um vulcão? E que o álcool pode ajudar no combate ao stress? E que o Urso

De volta aos anos 90, relembremos Chris Isaak. Quem não lembra daquele vídeoclipe em preto e branco? Eu me lembrei. Mas fica bem melhor na versão do amigão aí abaixo.

famoso aí de cima, combatendo o stress, tomou umas biritas e acabou cozido no

Clique em “more from this user” e conheça

vapor de um geyser de Yellowstone? Bom, a última informação é mentira. Mas

todo o repertório.

vai lá dar uma checada. Tem até cuecas, camisetas e uma bela tanga fio dental na

http://video.google.com/videoplay?docid=-

loja on-line. http://www.damninteresting.com/

CULTURA É SEMPRE NOTÍCIA Sendo assim, vamos lá pessoal, encher esse browser de cultura:

2250356377103691103

RÁDIO DO MÊS Você entende japonês? Eu também não, mas o som é bem legal. http://www.radionikkei.jp/index.cfm - link pro site, meio complicado de ler.

http://www.museodelprado.es/home.html http://www.getty.edu/museum/ http://www.guggenheim.org/

10 :: métricas e mercado

50 milhões Esse é o número de usuários nos EUA e Reino Unido que não sabem que utilizam RSS (padrão para compartilhamento de conteúdo web). Fonte: Marketing Sherpa

Uso de navegadores - Fevereiro/2006

Resolução de Tela - Janeiro/2006

Browser

Total

Definição de Pixels

Total

Internet Explorer 6

59,5%

1024x768

57%

Firefox

25,1%

800x600

20%

Internet Explorer 5

5,7%

Acima de 1024x768

17%

Mozilla

2,9%

Desconhecido

Opera 8

1,4%

640x480

Netscape

0.3%

Opera 7

0 Fonte: W3Schools.com

0,1% Fonte: W3Schools.com

O mercado brasileiro atingiu a marca de

60,7 mil

3,46

conexões IP Dedicado.

milhões de conexões de Banda Larga e

Fonte: Barômetro Cisco da Banda Larga

19 elementos mais comuns em páginas web 1) <head>

5) <a>

9) <table>

13) <script>

17) <link>

2) <html>

6) <img>

10) <td>

14) <div>

18) <form>

Top 10 Linguagens de programação Posição

Linguagem

Percentagem

Java

22%

18%

C++

11%

PHP

9,9%

Com esse percentual, os europeus se firmam como os usuários mais ativos do navegador Firefox. Na América Latina, a utilização atinge apenas 5,79%.

Basic

9,8%

Perl

3,1%

Fonte: XiTi Monitor

Python

68,70%

Delphi/Kylix

1,8%

JavaScript

1,7%

Outros

13,7

3) <title>

7) <meta>

11) <tr>

15) <b>

4) <body>

8) <br>

12) <p>

16) <font>

20,10%

19) <input>

Fonte: Google Code - Dezembro/2005

de Apache

Em março, de um total de 77 milhões de sites ativos, a Netcraft registrou o predomínio no uso de servidores web Apache. Fonte: Netcraft

Fonte: Tiobe Software – Março/2006

métricas e mercado :: 11

ViuIsso?

Por Michel Lent Schwartzman michel@10minutos.com.br

Notícias e comentários sobre comunicação digital, internet e publicidade. MS promete ser melhor que o Google em seis meses

aparelho que deve ganhar outras funções (celular, acesso à

A Microsoft anunciou planos para tornar o MSN Search

internet etc.) ao longo do caminho. Ele é o Apple portátil que

melhor que o Google em seis meses. A idéia é aprimorar a

levaremos conosco no futuro. Portanto, acredito que separar

relevância dos resultados das buscas para os usuários, ofere-

a divisão de iPods vai matar o futuro da Apple.

cendo um serviço muito mais preciso.

Google entra na hospedagem grátis com editor on-line

Michel: Independente da distância que o sistema de bus-

O Google Page Creator permite que usuários criem de

cas do Google tem hoje ao seu favor com relação ao MSN Sear-

forma fácil suas próprias páginas e hospedem gratuitamen-

ch, é sempre bom lembrar que estamos falando de Microsoft,

te no domínio Googlepages.com [http://www.googlepages.

a mesma que: saiu atrasada na guerra dos browsers e matou

com/].

a Netscape; saiu atrasada na guerra dos instant messengers e

Michel: A idéia não é nova. HPG, Kit.Net, Geocities e

praticamente matou o ICQ; saiu atrasada na guerra dos siste-

tantos outros sites já fizeram isso antes. Qual é a novidade

mas operacionais gráficos e basicamente matou o Macintosh;

aqui? Uma interface padrão ‘2.0’ (como o GMail) e o fato de

saiu atrasada na guerra dos processadores de texto e matou

que o Google com isso vai gerar mais conteúdo para inserir

o WordPerfct; saiu atrasada na guerra das planilhas e matou o

suas ‘adwords’ e aumento de receita. Me parece um modelo de

Lotus 1, 2, 3. Veja bem, uso Mac. Não sou um ardoroso defen-

negócios fabuloso para a velha idéia das páginas gratuitas.

sor da MS, mas quando ela se dispõe a entrar numa batalha, é

O efeito ‘Katilce’

para gente respeitar. Vamos ver o que vem por aí.

Michel: OK, todo mundo ‘viu isso’, mas essa não dava

Wozniak não separe o iPod da Apple!

para deixar de falar. Em seu show no Brasil, Bono Vox (U2)

Steve Wozniak, co-fundador da Apple, disse em entre-

levou ao palco - e à fama instantânea - Katilce Miranda, uma

vista recente acreditar que a Apple deve transformar sua di-

menina da platéia que passou a ser instantaneamente ODIADA

visão de iPods em uma empresa independente. Ele diz que a

por todas as outras fãs do moço no estádio e na web. Aconte-

Apple é uma empresa de computadores que deve pensar em

ce que a Katilce, como toda adolescente brasileira, estava no

computadores e não em produtos como o iPod.

Orkut e seu perfil se espalhou feito viral pela internet, gerando

Michel: É uma total petulância minha, um reles mortal,

MILHÕES de scraps. Liga não Katilce, é pura inveja :)

mas vou discordar de Wozniak nesta minha humilde coluna.

Mercado interativo

Acho que separar a divisão iPod da Apple é uma tremenda

Os diretores de arte Domenico Massareto (ex-Agência

burrice por uma simples razão: acredito que o futuro dos com-

Click) e Rodrigo Buim (ex-AlmapBBDO) são os novos con-

putadores é desaparecer dentro de objetos do nosso uso co-

tratados da África para trabalhar de forma multidisciplinar

tidiano. Não me vejo sentado, usando um num PC de mesa ou

na equipe da diretora de criação, Suzana Apelbaum. Já está

laptop para trabalhar em um futuro próximo. Teremos telas e

em Portugal, para trabalhar na Leo Burnett, o diretor de arte

aparelhos móveis 100% conectados que carregaremos conosco

Marcelo Bruzzesi (ex-10’Minutos).

durante o dia. Para mim, o iPod é o primórdio deste tipo de

12 :: direito na web

Segredo na web: entre o público e o privado

Gilberto Martins de Almeida Advogado formado na PUC/RJ, com Mestrado na USP e cursos em Harvard e no M.I.T. ExGerente Jurídico da IBM, onde trabalhou por 11 anos, no Brasil e nos EUA. Sócio de Martins de Almeida - Advogados, escritório especializado. Envie sua dúvida para: gmalmeida@all.com.br

Qual a fronteira legal entre informa-

ções comerciais secretas. Não há lei que as

ção pública e informação privada? Essa

defina, portanto é preciso pinçar parâme-

pergunta foi enfrentada em recente de-

tros úteis para analogias. Um deles vem a

cisão da Justiça nos EUA, que condenou

ser fornecido pelo STJ, que julgou que a

um ex-funcionário que apagou (usando o

participação em chats, se aberta ao público

Secure Empty Trash) arquivos do laptop

em geral, pode ser monitorada. Pergunta: a

da empresa antes de o devolver, quando

internet faz as informações estarem sempre

da sua dispensa.

abertas ao público?

O fato de ele ter passado a compe-

Nem sempre. A CVM (Comissão de Va-

tir com a empresa pesou na condenação,

lores Imobiliários) entende que ofertas via

mas interessantes mesmo foram as arro-

internet são públicas a menos que se provi-

jadas conclusões da decisão. Primeiro, a

dencie ato que impeça na página o acesso

de que apagar dados caracteriza “dano”,

do público em geral, não divulgação pública

portanto, torna-se devida à indenização.

da página, ou indicação clara de que a pági-

Segundo, a de que a cláusula de “devolver

na não é destinada a qualquer um.

ou destruir” não pode ser interpretada ao

Em relação a áreas restritas em sites,

pé da letra para permitir destruição de in-

ou a e-marketplaces, simplesmente interpor

formações de interesse da empresa.

prévio cadastramento é suficiente para in-

Essa decisão aponta a importância de

dicar que a área é restrita? Mencionar que

se rever termos de confidencialidade, pois

a área é de acesso exclusivo é suficiente

o estado da arte na jurisprudência revela

para implicitar as penalidades aplicáveis ao

novos parâmetros de diligência necessá-

acesso indevido? Detectar (monitorando)

ria na solicitação ou aprovação desse tipo

sem prevenir (impedindo) o acesso indevi-

de documento. Um texto deficiente pode

do é suficiente como padrão de diligência?

levar o administrador a ser enquadrado

Alusão genérica a informações sigilosas é

na responsabilidade civil, como culpado

suficiente para dar a conhecer quais infor-

por negligência. Para prevenir esse risco,

mações deverão ser assim consideradas?

convém obter um “live update” de docu-

Essas perguntas - junto com a constan-

mentos legais, que reflita a rápida prolife-

te atualização de documentos e de ressal-

ração de julgados.

vas - devem ser feitas por administradores e

No Brasil, a lei (n. 9.279, art. 195) pro-

usuários para criar inibidores ao indesejado

tege segredos comerciais contra a revela-

vazamento de segredos, evitando que eles

ção não autorizada, tida como crime de

se tornem públicos de fato e de direito.

concorrência desleal. Mas sua aplicação depende do que se entenda por informa-

14 :: portfólio agência - Nitrocorpz

Nitrocorpz: os desbravadores do design no Centro-Oeste brasileiro

Já se tornou lugar comum no mercado dizer que não existem obstáculos para quem tem talento. Imagine, então, quando em um mesmo time se reúnem quatro deles. A prova viva desse cenário está localizada em Goiânia, Goiás. Estamos falando da Nitrocorpz Design. “Nos conhecemos (Claudio Cologni, Greyner Santos, Marcilon Almeida e Rhawbert Costa) ainda no curso de design gráfico da Universidade Federal de Goiás. O grupo se uniu por afinidade. E, mesmo antes do término do curso, já realizávamos alguns projetos. Obviamente, cada um tinha interesses e aspirações diferentes, mas sempre em áreas relacionadas ao design ou cultura visual. Neste aspecto, não fizemos muito diferente de muitos estudantes universitários, sabíamos que para crescer profissionalmente e viver de design precisaríamos desenvolver o mercado e nos projetar em outros”, conta Rhawbert, responsável pelo gerenciamento e produção dos websites. Um dos primeiros desafios dos rapazes seria desenvolver o “Curso Passo a Passo de Webdesign”, encomendado pela Editora Terra. “Em março de 2001, recém-graduados, montamos uma pequena estrutura no sótão da casa de um dos sócios e, em 11 meses, desenvolvemos o que viria a ser nosso primeiro ‘grande’ trabalho: uma publicação, distribuída nacionalmente, que consistia de oito fascículos, quatro CDs-ROM e um mini-dicionário que foi um verdadeiro exercício de design: criamos a identidade visual do produto, redigimos e diagramamos o conteúdo, produzimos os impressos promocionais. Tudo mesmo. Até comercial para TV dirigimos”.

portfólio agência - Nitrocorpz :: 15

Nessa época, o empreendimento era chamado de Ni-

no teu trabalho, dentre outras coisas”, completa.

tromedia. Porém, como a originalidade faz parte do DNA

Investimento nos diferenciais

do grupo, o nome seria trocado para Nitrocorpz. A explica-

Se você olhar o portfólio construído pela Nitrocorpz,

ção? “Estávamos cansados do nome ‘media’ que, na épo-

é possível descobrir as particularidades que definem bem

ca, era lugar-comum, usado por agências de publicidade a

o seu estilo no mercado de design. “Apresentamos um

termos que definiam empresas ‘de internet’ (new media).

mix de minimalismo com uma estética local de certo modo

Era preciso mudar e, como todo designer deseja dominar

exótico e contemporâneo. Misturamos isso com bastante

o mundo, usamos a estratégia da subversão e então asso-

tecnologia e influência do universo digital que nos rodeia

ciamos Nitromedia à palavra ‘corporação’. Ao registrarmos

e saem trabalhos interessantes e criativos. Esses diferen-

o domínio da empresa, descobrimos uma Nitrocorp (mexi-

ciais foram construídos sob demanda: visualmente fazemos

cana). A solução: adicionar a letra ‘Z’ para diferenciar e dar

o que achamos interessante e fugimos do óbvio o tanto

sonoridade. Funcionou. Todos gostamos”, revela.

quanto possível. Pesquisamos muito para embasar e não

O mercado em Goiânia

apenas justificar conceitos ou soluções propostas. Tecnica-

É notório que boa parte do mercado de design está

mente, procuramos fazer algo que funcione acima de tudo

localizado no Sudeste, principalmente em São Paulo e no

em qualquer lugar”, explica Rhawbert.

Rio de Janeiro. Dessa forma, como a Nitrocorpz luta para

Nos projetos web, essa filosofia se traduz na simplici-

sobreviver? “Estar fora do chamado ‘eixo RJ-SP’ é uma

dade do uso e na complexidade do desenvolvimento. “Pro-

questão paradoxal, uma vez que nossa base de operações

curamos seguir sempre os standards do W3C em layouts

sempre foi aqui, mas para contornar isto criamos duas fren-

tableless. Buscamos compatibilidade e testamos intensiva-

tes de trabalho: uma para o mercado regional e outra para

mente nossos projetos entre browsers de diferentes siste-

o externo”, afirma Rhawbert.

mas operacionais (Windows e Mac OS X). Quando o assunto

Na parte regional, ele explica que a abordagem é feita de forma extremamente didática, para convencer um

é Flash, nunca usamos a última versão do player, a menos que já esteja sendo usado pela maioria dos internautas”.

segmento não acostumado a investir em design. “Muitos

A importância do planejamento

dos clientes nunca investiram nessa área, muitas vezes eles

Mas para que toda essa criatividade e originalidade

nem sabem o que desejam atingir com as mudanças visuais

surjam nos trabalhos, a Nitrocorpz prima pelo planejamen-

que serão inseridas na empresa. O atendimento tem de

to de cada tarefa realizada em seu cotidiano. “Planejar

estar atento e propor soluções interessantes, mas dentro da

é o começo de tudo, ou pelo menos deveria ser. É algo

realidade do cliente. É uma luta diária para catequizar este

intrínseco para o designer. Planejar e projetar são qua-

mercado em vários aspectos, de preço a atendimento, de

se sinônimos, se você projeta uma interface gráfica está

prazo a contrato. Fatores que vão muito além da proposta

também planejando como a informação estará organizada

visual ou conceito que criamos”.

e não apenas definindo estilos aleatórios. É virtualmente

Já para o mercado externo, a empresa aproveita as van-

impossível de se separar as duas coisas. No dia-a-dia do

tagens oferecidas pela internet. “Com exceção dos contra-

nosso estúdio, existem vários planejamentos: pagamento

tos e cobrança, tudo é tratado via e-mail/fone/fax/instant-

das contas, divisão das tarefas para entregar determinado

chat. Temos conseguido ajustar o atendimento para atender

projeto no prazo, evitar que um fornecedor pise na bola...

clientes de outros estados e internacionais de maneira sa-

Enfim, adiantar tudo que puder, coordenar a equipe e man-

tisfatória. Aliás, tem sido até mais fácil lidar com clientes re-

ter a produção fluindo”, diz Rhawbert.

motamente, pois eles já esperam um resultado diferenciado,

Além disso, ele destaca a importância da estruturação

oferecem mais liberdade criativa, possuem mais confiança

do ambiente físico da empresa. “Um bom ambiente de tra-

16 :: portfólio agência - Nitrocorpz

balho transmite paz e sensações de conforto e aconchego

direção. Foi um produto de forte apelo comercial, pois sua

que podem influenciar a criatividade, ou não. Sua principal

metodologia estava atrelada aos softwares da Macrome-

função é transmitir uma impressão positiva aos clientes.

dia (Fireworks, Flash e Dreamweaver) e, ao mesmo tempo,

Você pode ser criativo trabalhando num sítio, no seu quarto

possuía extensa bagagem teórica: conhecimentos gerais

ou no sótão de sua casa, mas o seu cliente pode não en-

como tipografia e cores davam base a tudo que era pas-

tender e criar preconceitos nada bons para seus negócios.

sado na prática. Sabemos que muitas unidades do Senac

Recentemente, passamos por uma reforma de nossas insta-

pelo Brasil usaram/usam nosso material por algum tempo”,

lações, pois não estávamos satisfeitos com a impressão que

conta Rhawbert.

os clientes poderiam ter de determinadas ‘coisas”.

Não podemos esquecer também a influência das raízes

Apostando em um mercado sem tradição

regionais no trabalho do grupo. “O fato de querer tanto

Apesar de ainda não ter recebido nenhuma premia-

divulgar nossa terra não é apenas um pensamento bairrista,

ção, e acreditar no seu valor para divulgação do trabalho

é uma questão de qualidade de vida. Trabalhar com o que

de um estúdio, as realizações da Nitrocorpz passam pela

você ama, no lugar que deseja e ainda perto dos seus, com

participação ativa na evangelização de um mercado ainda

certeza é uma grande realização”.

em construção. “Acreditamos que a principal realização está em fazer

Juscelino Kubitschek

algo acontecer em um lugar onde não existe tradição no

Em seu mandato presidencial, Juscelino lançou o chamado

que fazemos, ser uma espécie de ‘bandeirante’ às avessas

Plano de Metas e construiu a cidade de Brasília, na Região

ou um Kubitschek do design. O projeto da coleção Webdesign, citado anteriormente, foi um grande passo nesta

Centro-Oeste, num ambicioso plano de desenvolvimento e modernização do país, baseado na expansão industrial. Fonte: Wikipédia (http://tinyurl.com/p2sgy)

CASES NITROCORPZ Nitrocorpz www.nitrocorpz.com Considerado pelos sócios como “o l a b o r a t ó r i o ” . “ N e l e , t e m o s a l i b e rd a d e d e t r a b a l h a r c o m n o v a s p ro p o s t a s n ã o só visuais, mas também estruturais e tecnológicas. Seu conteúdo, todo em XML, nos permite atualizá-lo com facilidade, mesmo sendo bilíngüe e construído em Flash. A intenção do atual projeto é de fazer um uso ‘invisível’ e elegante da tecnologia Flash, tornando quase impossível para o usuário leigo de identificar o que é Flash do que não é”.

Átrio Academia www.atrioacademia.com.br

O desafio deste projeto envolvia a produção de um novo website onde os profissionais da academia pudessem atualizar seu conteúdo, sem deixar de fazer uso dos recursos de animação e interatividade que o Flash oferece. “A solução encontrada foi produzir um front-end em Flash e um sistema de gerenciamento de conteúdo que os professores e administradores do sistema pudessem acessar para atualizar as informações dos alunos ou conteúdo das sessões de qualquer lugar”, diz Rhawbert.

Campos e Valtuille Advogados Associados www.camposevaltuille.com.br

O que seria apenas o desenho de um novo logotipo, acabou se tornando uma reformulação completa: nova identidade corporativa e website. “Assim, tivemos total controle ao projetar um website que dialogasse com a identidade criada. Procuramos sair do lugar comum, colocando a navegação principal na base da página, o que ajudou a valorizar o conteúdo e contribuiu para o visual limpo. Tecnologicamente este é um exemplo de website tableless, programado segundo os standards do W3C, de conteúdo acessível e extremamente leve de ser carregado”.

18 :: portfólio freelancer - Mariana Julião

Contato: contato@maryjuliao.com.br Site: www.maryjuliao.com.br

A experiência como guia do conhecimento

www.rccom.com.br

A busca pelo conhecimento é um dos principais

E m t e r m o s d e d i f i c u l d a d e s , e l a a c re d i t a q u e o

caminhos para o profissional que deseja crescer no mercado.

profissional de design enfrenta as mesmas encontradas em

Um bom exemplo é o caso da mineira Mariana Julião. Sua

outras profissões. No entanto, quando falamos de design

aptidão pelo design foi um atalho para se formar pela escola

na web, identificamos algumas particularidades. “Criar

de Desenho Industrial da UEMG.

um site vai muito além do desenho do layout. Você deve

“No quarto período, senti necessidade de aprender

considerar a ergonomia, a navegabilidade, fora as questões

mais sobre a profissão, e vivenciar a prática do dia-a-dia de

como o universo de cores na web e as proporções de peso

um designer, e busquei por oportunidades de estágio. O

e qualidade que precisam ser mensuradas para cada

fato de não ter nenhuma experiência expandiu meu leque

imagem”, cita.

de possibilidades. Depois de algumas entrevistas, e um

Além disso, Mariana lembra a importância do controle

pequeno período atuando como freelancer de uma agência

das tarefas. “Quem trabalha sozinho pode encontrar

de design, consegui conquistar uma vaga de estagiária

dificuldades para conciliar todas as tarefas, pois pequenas

em uma empresa que produzia sites. Lá, tive meu primeiro

ocupações do dia-a-dia de qualquer escritório (telefonemas,

contato com a área e também com a criação para mídias

suporte aos clientes, reuniões etc.) podem acabar atrasando

interativas”, revela.

o cronograma quando as tarefas não são priorizadas. Por isso, o cuidado do freelancer com a sua agenda deve ser redobrado. Aprendi, a duras penas, que sempre deve haver um tempo extra reservado para tais eventos, e que nunca devemos deixar toda a agenda preenchida, pois telefones tocam, e-mails chegam...”. Para finalizar, manter uma boa rede de relacionamentos serve como uma ótima ferramenta na busca de projetos. “Procuro novos clientes através da minha rede de contatos.

www.maryjuliao.com.br

São programadores, designers, ilustradores e amigos, que

Segundo Mariana, esse período foi fundamental para

sempre me indicam clientes ou compartilham projetos.

que novas oportunidades surgissem, além de aumentar seu

Além disso, realizo parcerias com agências de design e

interesse pela web. “Acredito que essa base foi o que me

comunicação. A assinatura com link para o portfólio também

guiou até o caminho onde estou hoje, pois a experiência me

ajuda na divulgação. Tenho o costume de inscrever os sites

levou ao conhecimento e a busca pelo conhecimento me

em e-zines nacionais e internacionais, que, além divulgar,

levou à especialização”.

dão credibilidade para o trabalho”.

20 :: entrevista - Diego Eis e Thiago Rigonatti

Com o Int

贸veis

o ar

m vos siti

n nda

o sp di

u m

ern et e

entrevista - Diego Eis e Thiago Rigonatti :: 21

22 :: entrevista - Diego Eis e Thiago Rigonatti

Atenção, passageiros do vôo “Design na Web 2.0”!

montanha...”. Podemos dizer que a velocidade com que ela

Rumando para o horizonte, chegaremos na “Era do

se modifica, é proporcional a velocidade que precisamos

Nano(web)design”. Isso porque os dispositivos tecnoló-

dela. Na verdade, torná-la móvel é admitir a sua própria

gicos com acesso à internet se desprenderam dos fios,

natureza dinâmica e mantê-la sempre a mão para acessá-la

diminuíram de tamanho e ganharam mobilidade. Para se

a qualquer instante.

ter uma idéia, os celulares, parte expressiva desse universo móvel, já ultrapassaram 80 milhões de aparelhos em operação no Brasil, segundo dados da Agência Nacional de Telecomunicações (ANATEL).

Wd :: Quais motivações podem levar ao aumento da adoção da internet móvel? Diego :: O mercado de internet móvel não é fechado para um tipo de público específico. Ele é muito vasto, co-

Diante deste cenário, os desenvolvedores de sites

meçando pela turma de pessoas que querem compartilhar

podem aproveitar a abertura de um promissor mercado.

fotos, SMS, MMS etc. O camarada está no super show

A seguir, Diego Eis, sócio da Visie Treinamentos, e Thiago

daquela banda irlandesa e conseguiu tirar ótimas fotos.

Rigonatti, administrador do site Mobile Life, analisam quais

Então, essas fotos são enviadas imediatamente para algum

são as oportunidades disponíveis e como se preparar para

serviço on-line (como o Flickr), ou até mesmo direto para o

este novo desafio. Confira.

álbum de fotos do site da minilab que ele costuma revelar

Wd :: Em apresentação durante o 5º Encontro de

suas fotografias. Tudo ali, no meio do show. Esse é um

Web Design, realizado em julho de 2002, no Rio de

exemplo que se tornará muito comum (já é mais comum do

Janeiro, Mauro Alencar, ex-diretor de criação da JWT

que pensamos) deste ano para frente.

Digital e atual AKQA, apontou que “a natureza da in-

Saindo desse usuário mais doméstico, chegamos

ternet é ser móvel. É estar com você onde quer que

àquele grupo mais corporativo, que precisa de mais flexi-

você esteja”. Quais são as principais diferenças entre a

bilidade para ações corriqueiras. Imagine ter uma agenda

internet “fixa” e a móvel?

de compromissos e contatos que seja totalmente idêntica

Diego :: Você não está mais preso à mesa do seu es-

tanto no PC do escritório ou de casa quanto no celular,

critório ou de casa. Você é livre para acessar qualquer coisa

smartphones, PDAs e daí por diante. Todas essas infor-

em qualquer lugar e quando quiser. O conceito está mu-

mações podem ser gerenciadas por uma aplicação na web

dando muito. Hoje, não somos nós que galgamos algumas

e integradas com os aparelhos já citados. Nada de pre-

escadas e chegamos à informação, mas sim a informação

cisar sincronizar o dispositivo móvel com algum software

que vem até nós... E o melhor: temos toda a liberdade para

no PC. Isso se tornará desnecessário já que todas as infor-

acessá-la a hora que quisermos.

mações serão gerenciadas via web. Não importa se você

Rigonatti :: Em suma, fixa ou móvel se refere obvia-

está no escritório ou preso no trânsito, você terá acesso às

mente ao modo como você acessa a informação. A internet

mesmas informações. As vantagens são muito abrangentes,

é um meio extremamente dinâmico e rápido de acesso a

envolvendo diferentes tipos de público, cada um com sua

dados. Em questão de instantes, seu conteúdo pode ser

necessidade.

atualizado, corrigido, reformulado ou até mesmo criado.

Rigonatti :: Diversas atitudes podem ser especuladas,

Essa é a natureza móvel da internet. Hoje, o acesso a essas

mas particularmente acredito na concorrência. Em algumas

informações é mais uma ferramenta indispensável para di-

regiões asiáticas, o usuário pode trocar de operadora de

versos profissionais.

telefonia celular sem alterar seu número instantaneamente.

Toda essa dinâmica, velocidade e necessidade de

Isso faz com que usuários troquem diversas vezes de ope-

acesso se fundem num conceito onde a internet precisa

radora num único dia atrás de promoções. Os preços

estar disponível a qualquer instante quando se fizer ne-

abusivos cobrados pelas operadoras de telefonia celular

cessário. É o velho conceito de “Se Maomé não vai até a

podem ser combatidos com a divulgação e a instalação

entrevista - Diego Eis e Thiago Rigonatti :: 23

de mais pontos de acesso públicos. Até mesmo os estabe-

não tem celular. Temos que parar de pensar que tudo é

lecimentos que possuem perfil de cliente voltado a essa

futuro. Futuro nada... A maioria de todas as possibilidades

utilização já estão solicitando esse serviço.

do mundo móvel já é presente, somos nós que não nos to-

Toda concorrência é benéfica do ponto de vista co-

camos ainda. Da mesma forma que abrimos a mente para

mercial e de popularização de recursos. Esses pontos de

os padrões web, devemos nos antenar nessas novas ten-

acesso custam em torno de R$ 60,00 para acesso 24 horas

dências, tornar possível essas qualidades.

por 30 dias. Para telefonia celular, onde a contagem é feita

Na minha opinião, o principal desafio é o próprio

por quantidade de dados, podemos chegar a ter custos de

desenvolvedor, ao contrário do que muitos pensam. Os

R$ 5,00 por 1 Mb. Hoje, já existem tecnologias suficientes

usuários já estão nessa onda, basta sair na rua e prestar

para cobrir cidades e metrópoles. Como é o caso de Za-

cinco minutos de atenção para perceber pessoas de todos

mora (Espanha) e Ouro Preto (Brasil). Esse tipo de iniciativa

os tipos, tirando celulares do bolso para fazer coisas que

eliminaria o abuso com relação a custos e abriria um novo

até James Bond duvidaria.

mercado com novos concorrentes e usuários.

Rigonatti :: Os principais desafios estão relacionados

Wd :: Em entrevista recente, Tim Bernes-Lee, con-

ao modo como vemos a internet. Todo usuário acha o Mac

siderado um dos inventores da World Wide Web, diz

OS um sistema operacional difícil porque a primeira per-

que “…os designers de sites aprenderam a projetar para

gunta que se faz é: “Onde está o menu Iniciar?”. O modo

deficientes visuais e outras pessoas dotadas de neces-

como vemos a internet não difere muito. A internet em

sidades especiais. Aprenderão, em poucos anos, a criar

dispositivos móveis é um mundo pequeno. Pequenas telas,

sites que atendam às pessoas que usam celulares”. Quais

resoluções, velocidades... Tudo é relativamente menor

são os principais desafios no desenvolvimento de sites

em um dispositivo móvel se comparado ao nosso mundo

para dispositivos móveis?

de computação pessoal. Isso não é uma tecnologia, é um

Diego :: Conscientização dos desenvolvedores de que

conceito que precisa ser revisto e aprimorado conforme a

estamos em um ambiente totalmente mutável. Alguns anos

necessidade dos usuários, em especial a criação de inter-

atrás, você deve lembrar de que os celulares eram artigos

faces. Isso inclui um estudo não só de desenvolvimento,

de luxo. Atualmente, é difícil encontrar uma pessoa que

mas também do conceito de mobilidade, dos dispositivos e suas categorias e da maneira como as informações trafegam entre ele e a rede, e como são apresentadas ao

Exemplos de sites desenvolvidos para dispositivos móveis

usuário. Wd :: Quais cuidados devem ser tomados na hora de desenvolver projetos web para dispositivos móveis?

Flickr (versão mobile) www.flickr.com/mob

Diego :: Devemos ter os mesmos ou mais cuidados ao desenvolver projetos para esses dispositivos. Planejamentos de usabilidade, arquitetura de informação e

Google (versão mobile)

acessibilidade passam a ser indispensáveis. Os limites e

www.google.com/xhtml?hl=pt-BR&lr=&rl=1&sc=1

a maneira de utilizar os aparelhos móveis são totalmente diferentes. Conhecer esses aparelhos deve ser o primeiro

Opera Mini (simulador) www.opera.com/products/mobile/operamini/demo.dml

passo. Conhecê-los como conhecemos os PCs. Por exemplo: hoje, a maioria das pessoas usa, no mínimo, monitores de 15’’ para acessar a internet. Isso dá

Fontes: Diego Eis e Thiago Rigonatti

uma flexibilidade para o desenvolvedor de criar sites de 800x600 pixels para cima, esquecendo os antigos usuários

24 :: entrevista - Diego Eis e Thiago Rigonatti

de 640x480. Acontece que a maioria dos dispositivos tem

exemplo, cores de fonte e de fundo; tamanho de imagens

320x320 de dimensão. É outro mundo, totalmente dife-

e objetos da tela. Mais do que nunca, é preciso prestar

rente do que estamos acostumados. A tela é pequena. É

atenção na acessibilidade desses dispositivos. Ele deve en-

necessário um cuidado maior para filtrar conteúdo e dispo-

contrar meios alternativos, que não agridam a experiência

nibilizar para esse pessoal apenas o que interesse a eles.

de navegação dos usuários nesses meios. E, claro, ele terá

A grande sacada é: como fazer isso sem ter que modificar

que aplicar todas essas possibilidades com clareza, funcio-

profundamente a estrutura de um site?

nalidade e beleza... Esse é o trabalho dele.

Outro ponto que muda: em dispositivos móveis, não

Mas, com a ajuda do CSS, o designer terá pratica-

temos o efeito de “hover”, ou seja, o usuário de mobile não

mente as mesmas possibilidades. Poderá usar imagens para

“passa o mouse em cima de objeto”, eles apenas clicam

suas composições, formatar seus textos de forma criativa,

ou arrastam. Logo, efeitos de “hover” são totalmente dis-

posicionar objetos na tela etc. De maneira geral, ele terá

pensáveis. Assim, o desenvolvedor deve pensar em outros

que fazer apenas um design se baseando em uma pequena

caminhos, para, por exemplo, substituir um submenu que é

tela, tomando cuidado com as limitações dos aparelhos.

ativado ao passar o mouse na opção. Entende o que quero

Rigonatti :: Muitos dos recursos devem ser dife-

dizer? É um outro ambiente, com outras limitações e pos-

rentes, em especial com relação à formatação de fontes e

sibilidades. Devemos pensar diferente.

cores de fundo. Diversos sites que se apresentam bem em

Rigonatti :: Diversos cuidados podem ser citados,

um monitor com resolução de 1024x768px, quando são

entre eles o respeito ao tamanho da tela e rolagens hori-

visualizados em telas de 320x240px, ficam praticamente

zontais (os usuários de PDA odeiam isso) e a interação do

impossíveis de ler. Um usuário de dispositivo móvel não

usuário com o conteúdo. Existe um artigo no Mobile Life,

“navega” na internet. Um estudo prévio do que realmente

onde abordamos 10 regras essenciais (mas não únicas) para

o usuário pretende visualizar, quando estiver no seu site,

esse tipo de desenvolvimento (http://tinyurl.com/ja7w4).

pode ajudar muito no design final. Pouco tempo atrás fiz

É claro que existem algumas dicas úteis como usar a unidade “em” (percentagem) para elementos com menos

um vídeo que mostrava essa experiência de navegação (http://tinyurl.com/hmelu).

de cinco pixels, excluir o uso de frames, pop-ups, links

Wd :: Alguns tradicionais desenvolvedores de

para reload e efeitos dinâmicos. Nem sempre os browsers

software, como a Adobe, a Opera e a Fundação Mo-

“renderizam” como o PC e isso pode ser um empecilho.

zilla, lançaram produtos voltados exclusivamente para

Alguns outros aspectos também podem ser citados como

dispositivos móveis (Flash Lite, Opera Mini e Minimo,

benefícios para o usuário: por exemplo, a correta identifi-

respectivamente). Quais ferramentas são utilizadas no

cação de elementos com ALT e TITLE, figuras otimizadas

desenvolvimento de projetos web voltados para estes

para dispositivos móveis e a vasta utilização de âncoras de

dispositivos?

texto por todo o site. Como é um conceito novo, muitas

Diego :: Se você usa Photoshop para fazer layout,

coisas dependem de estudos e testes. Muito esforço já

você continuará a usá-lo. Se você utiliza o Dreamweaver

tem sido feito para se padronizar o desenvolvimento para

para implementar seu XHTML e CSS, também continuará

dispositivos móveis.

a usá-lo. A medida é a única coisa que muda. Você vai de-

Wd :: Em termos de design, o que praticamos em

senvolver um site para mobile para ser visto em uma tela

dispositivos fixos que não fazemos em móveis e vice-

minúscula, para ser clicado por uma Stylus (caneta) e não

versa?

por um mouse.

Diego :: O designer deve ter em mente que ele está

Você vai fazer um layout no Photoshop pensando no

pisando em um terreno perigoso. Ele não pode ter todas as

limite de 320 pixels de largura e não com os 740 pixels

regalias como em um desktop. Os cuidados envolvem, por

normalmente usados. Acho que não há necessidade de ou-

entrevista - Diego Eis e Thiago Rigonatti :: 25

tras ferramentas para a criação de sites especificamente para dispositivos móveis. No entanto, sempre há possibi-

Saiba mais

lidade de algum maluco inventar um software inovador e que quebre com todos os conceitos.

About Palmtops/PDAs

Rigonatti :: Em suma, editores de texto. Todo e qual-

http://palmtops.about.com

quer código para desenvolvimento web pode ser realizado InfoWorld: Wireless

no bloco de notas. Atualmente, alguns softwares, como o

www.infoworld.com/techindex/wireless.html

Dreamweaver, já estão implementando soluções que visam desenvolver código otimizado para dispositivos móveis.

MobileBurn.com

Para ferramentas específicas, como o Flash Lite, existem

www.mobileburn.com

suas versões de desenvolvimento.

Mobile Life

versão para dispositivos móveis? Quando os clientes

www.mobilelife.com.br

começarão a solicitar isso?

Wd :: Quando devemos desenvolver um site com

Diego :: Muitas empresas só tomarão a atitude de ter Tableless

um site com suporte a dispositivos móveis, depois de terem

www.tableless.com.br

feito um estudo bem aprofundado do seu público-alvo. Porém, para começarmos bem, precisamos estar prontos

The Register - Mobile

para quando o cliente ligar e fazer a pergunta mágica:

www.theregister.co.uk

“Meu site não é bem visualizado em dispositivos móveis, vocês podem resolver isso?”. Assim, você terá a resposta que ele quer ouvir. Ofe-

Fonte: Thiago Rigonatti

recer essa possibilidade para o cliente será o grande diferencial, tanto para as agências quanto para os desenvolvedores freelancers. Para isso, devemos estar um passo Você já desenvolveu algum

à frente do cliente. Quando ele ouvir falar que isso pode

projeto para dispositivos móveis

ser feito, já devemos estar especializados e antenados nas

(celulares, palms etc.)?

novidades da área.

total de votos: 630

Rigonatti :: A pergunta não é quando devemos desenvolver um site para dispositivos móveis. Isso é uma decisão

Sim - 56%

do cliente que deverá ser avaliada internamente, pesando

Não - 44%

a necessidade e o impacto disso no seu negócio. A per-

acesse e participe! www.arteccom.com.br/webdesign

gunta é: quando estaremos prontos caso o cliente venha a solicitar? O grande ponto é que a “explosão móvel” já aconteceu e diversos clientes já começam a avaliar o impacto

Confira este

disso nos seus negócios. É importante saber desenvolver

tema na palestra de

esse produto, mas também entender deste mercado e suas

Luli Radfahrer no

tecnologias mais efetivas para justificar os investimentos

11º EWD!

nesse primeiro estágio.

28 :: negociaĂ§ĂŁo

O jogo da

negociação :: 29

“Para negociar bem, é necessário treinar dois jogos: pôquer e xadrez. No primeiro, se aprende a blefar. No segundo, a pensar como o outro lado, antever seus movimentos e neutralizá-los” André Lima (Infobase)

Conheça as regras, as estratégias e os jogadores envolvidos na conquista de um projeto de internet Vamos fazer uma viagem no tempo e retornar aos

Século XXI, ano 2006, mês de abril. Nossa máquina

idos dos anos de 1500 e 1530. Naquela época, o território

do tempo volta ao presente, palco da transição de um

hoje conhecido como Brasil era habitado por milhares de

mundo real com experiências cada dia mais virtuais.

tribos indígenas, que baseavam sua economia na produ-

Porém, assim como nos tempos de colonização, saber

ção de subsistência.

negociar continua sendo vital para garantir a sobrevivên-

As expedições européias para desbravar o “novo

cia no mercado.

mundo” acabaram por conhecer essa terra rica em maté-

A maturidade do mercado

ria-prima. Analisando as primeiras formas de negociação

Passados dez anos de existência da internet comer-

entre índios e europeus, fica claro o sentido e o valor que

cial no Brasil, já podemos afirmar que o mercado já

cada parte dava para seus objetos de troca. De um lado,

sabe “comprar internet”? Segundo André Lima, diretor

são oferecidas facas, tesouras, pentes, cristais, para serem

da Infobase Consulting e do site Netpartner, apesar de

trocadas por galinhas, porcos, cavalos, peixes, raízes etc.

toda a evolução, essa realidade ainda não se concretizou

Estamos falando do

e o aprendizado tem que ser buscado tanto do lado do

cliente, como das agências.

X Simples troca de mercadoria por mercadoria, sem equivalência de valor. Fonte: Banco Central do Brasil

“Muitas vezes, não há um responsável específico para projetos desta natureza. De uma forma geral, TI não entende de Marketing, Marketing não entende de TI e nenhum dos dois entende de Finanças. Pela abrangência e dimensão estratégica, os projetos de internet deveriam

30 :: negociação

estar sob a gestão de um comitê multidisciplinar, que pudesse garantir o alinhamento entre sua condução e o planejamento estratégico da empresa”. Assim, um dos caminhos para se atingir uma outra realidade está no investimento da capacitação dos pro-

“Praticamente não existem gestores preparados para entender a construção de internet dentro da empresa num formato mais holístico” Cesar Paz (AG2)

fissionais. “Essa evolução depende da cultura distribuída sobre a construção de internet corporativa. Praticamente não existem gestores preparados para entender a construção de internet dentro da empresa num formato mais holístico. Isso exige uma formação nas áreas de tecnologia de informação e comunicação e demanda algum tempo de experiência”, diz Cesar Paz, diretor da AG2 (Agência de Inteligência Digital). Outra opção é ensinar ao mercado do que são constituídos os projetos web. “Como atuamos na internet desde que começou a ser usada para negócios no Brasil, ajudamos muitos clientes e prospects a adquirir uma visão de tudo o que envolve comprar internet: da definição de papéis do cliente e agência, passando pela validação das etapas intermediárias, cumprimento do escopo contratado, até a necessidade de alocação de um responsável ou equipe para manter um site e gerenciar o relacionamento com a agência”, relata Tatiana Brugalli, responsável pela gestão de negócios na Aldeia Internet.

erro e aprendemos a lição”, revela Laert Yamazaki, diretor da Idéia 3 Digital. Outra experiência interessante envolveu a renovação de um projeto administrado pela Infobase. “O objetivo era aumentar nossos preços de manutenção. Quando cheguei, fiquei um tempo sozinho na sala de reunião e dei uma olhada no bloco de anotações de um dos participantes por parte do cliente. Nele, existia um tópico ‘tratar passagem do site da Infobase para a empresa X (não me lembro o nome dela)’. Naquela época, perdê-los poderia ser muito grave para nós. Como eles não sabiam nada sobre o ‘aumento’, revi meu texto e fiz uma abertura dizendo: ‘Vim aqui dar uma boa notícia, pois resolvemos dar um desconto para vocês nessa renovação...’. Não sei se aquele bloco foi ‘esquecido’ sobre a mesa de propósito, mas sei que serviu para eles baixarem o valor do contrato sem falar uma palavra. Costumo dizer que esse foi o ‘preço da aula’. Essa situação e outras táticas que apren-

Experiência: o melhor aprendizado

demos com eles nos são úteis até hoje”, diz André.

Já dizia o ditado popular que “se conselho fosse

Você teria paciência suficiente para levar uma nego-

bom, a gente não dava, vendia”. Pois é, nada melhor

ciação durante um bom tempo? A AG2 teve e colhe

do que vivenciar determinadas situações para construir

seus frutos atualmente. “Temos um caso interessante

seu próprio estilo. Falando em negócios de internet, os

na Embraer, onde negociamos um contrato importante

empreendedores da área colecionam boas histórias que

durante mais de dois anos. Ao término da negociação, já

servem de lição para quem pretende se aventurar neste

precisávamos iniciar uma outra só para corrigir os valores

segmento.

em mais de 12%. Para conquistá-la, tivemos que investir

“O caso não foi tão interessante. Pelo menos para a

na relação de longo prazo. Já no início da operação foi

agência. Negociamos com um cliente o desenvolvimento

fundamental termos uma equipe dedicada ao cliente e

de um site e, por um deslize do atendimento, não foi

criar uma extranet de relacionamento, onde cada hora tra-

especificado na proposta e no contrato alguns pontos que

balhada pudesse ser auditada pelo cliente em tempo real.

foram discutidos presencialmente. Não preciso dizer que

Outro ponto importante foi a dedicação de um gerente

ao identificar esse ‘furo’, o cliente exigiu que as solicita-

de contas apoiado em tempo integral por um analista de

ções fossem atendidas ou estaríamos configurando uma

negócios, que estudou profundamente o mercado da avia-

quebra de cláusula contratual. Óbvio que assumimos o

ção internacional”, conta Cesar Paz.

negociação :: 31

As etapas de uma negociação

vai esquentando com a apresentação de uma proposta

Este é o tipo de jogo em que os jogadores, ao longo

comercial bem detalhada. “Nela, é preciso constar o tipo

das “batalhas” ocorridas, vão estabelecendo e aperfei-

de serviço, a equipe envolvida, prazos específicos para

çoando suas maneiras de atuar. Na Idéia 3 Digital, por

sua realização, demandas legais decorrentes e um orça-

exemplo, tudo começa com uma visita. “Geralmente,

mento pormenorizado. Costumo indicar a apresentação

peço ao cliente que venha até a agência, não só para

desta proposta de forma presencial, mas, quando não for

conversarmos sobre o projeto, mas também para que

possível, um e-mail bem escrito e uma ligação em seguida

ele conheça nossa estrutura e veja que, por trás de todo

podem ajudar. É normal que o preço assuste e somos cha-

projeto, existe uma equipe bem preparada para entre-

mados para rodadas de conversações. Neste momento,

gar o melhor produto. Em seguida, definimos uma data

o mais importante é não tirar da cabeça um tripé clássico

para enviarmos a proposta comercial, que já contempla

em gerência de projetos web: escopo, prazo e preço. Se

um planejamento inicial para o projeto. Caso o cliente

o escopo aumenta, o prazo e o preço devem aumentar.

aprove, prosseguimos para as etapas de planejamento

Se o prazo diminui, preço e escopo devem diminuir e

mais aprofundado e, se não aprovar, identificamos os

assim por diante. Fechada essa equação, podemos dizer

pontos de ‘não-conformidade’ e analisamos caso a caso”,

que o projeto tem grandes chances de não apresentar

afirma Laert.

surpresas no que se refere ao valor do trabalho versus

Lembrando que a variedade nas etapas de uma

quantidade de tempo empregada”.

negociação é algo comum, pois estamos falando de um segmento composto por empresas, freelancers, de concorrências entre várias organizações, de clientes do mer-

Os erros mais comuns em negociações

cado privado ou estatal... “Os cenários variam muito em cada um desses casos. Mas, se formos tentar traçar um

“Oferecer uma solução padrão e pouco adap-

comportamento mais generalista, podemos depreender

tada para os negócios de diferentes clientes” - Ana

um ciclo básico”, orienta Mauro Amaral, editor do site

Maria Nubié (AgênciaClick)

Carreira Solo (veja entrevista no final da reportagem).

“Fixar os argumentos de venda no que o ven-

Segundo ele, descontando os contatos iniciais,

dedor acha que o projeto tem de melhor, em vez

conhecidos como prospecção, a rodada de negociações

de ouvir a outra parte e tentar dar foco ao que realmente lhe interessa” - André Lima (Infobase) “Subestimar o impacto da negociação no projeto e, principalmente, na relação entre cliente e agência” - Tatiana Brugalli (Aldeia Internet) “Ao negociar um projeto, o representante da agência deve estar 100% consciente e seguro. O cliente identifica qualquer insegurança rapidamente” - Laert Yamazaki (Idéia 3 Digital) “A má escopagem do projeto. Isso acaba determinando uma diferença grande no volume de horas de desenvolvimento e acarreta prejuízos e discussões intermináveis de responsabilidades” Cesar Paz (AG2 - Agência de Inteligência Digital)

32 :: negociação

“Ajudamos muitos clientes e prospects a adquirir uma visão de tudo o que envolve comprar internet” Tatiana Brugalli (Aldeia Internet)

adequado: um valor mensal ou por demanda. Normalmente, esta decisão é tomada já na primeira negociação”,

André Lima reforça que um detalhe pode ser funda-

orienta Tatiana Brugalli.

mental para a continuidade do jogo: procurar estabelecer

Dessa forma, os especialistas apontam que a manu-

a sensação de “ganha-ganha”. “Ao contrário de quando

tenção deve ser acertada logo na apresentação da

compramos um carro ou apartamento, por exemplo. Nes-

proposta inicial. “Sabendo que o cliente vai precisar alte-

tas situações, apesar de devermos ser justos, podemos

rar conteúdo no site, já passamos os valores que serão

‘pressionar’ a outra parte ao máximo, pois provavelmente

cobrados mensalmente e explicamos tudo o que está con-

o relacionamento acontecerá apenas uma vez. Em projetos

templado naquela manutenção. Isso justifica o valor que

de internet, não é saudável que uma parte se sinta ‘per-

será cobrado. É muito importante deixar isso logo claro

dedora’, pois a manifestação do sentimento de revanche

para que não haja dúvidas ou entraves depois do projeto

aumenta a possibilidade de futuros impasses colocando

pronto e funcionando”, acrescenta Laert, da Idéia 3.

em risco, futuras ‘rodadas’ e novos negócios”. Evitando desgastes no pós-venda

Como se preparar para uma negociação Quem está disposto a ter participação ativa neste

Muitos profissionais relatam as dificuldades em torno

jogo, precisa se preparar para enfrentar qualquer desafio

do pós-venda. Principalmente, quando o site vai ao ar e o

que venha pela frente. Ou seja, um hábil negociador será

cliente continua pedindo determinadas tarefas, pois não

aquele que conseguir dominar algumas conhecidas técni-

ficou previamente definido um acordo de manutenção.

cas de dois antigos jogos. “Para negociar bem, é neces-

Assim, como justificar a cobrança de um valor mensal para

sário treinar dois jogos: pôquer e xadrez. No primeiro,

esse tipo de serviço e em qual etapa, na negociação, ele

se aprende a blefar. No segundo, a pensar como o outro

deve ser definido?

lado, antever seus movimentos e neutralizá-los”, orienta

“Na Aldeia, o pós-venda começa pelo Termo de Qui-

André Lima.

tação, que marca a entrega do escopo contratado inicial-

Além disso, os especialistas recomendam inves-

mente e define o prazo de garantia do projeto. A partir

tir no planejamento comercial das propostas a serem

da assinatura deste Termo, anexo ao Contrato, todos os

oferecidas. “Isso significa avaliar bem as necessidades do

serviços não cobertos pela garantia são considerados adi-

cliente, envolver técnicos na montagem do escopo e solu-

cionais, ou seja, não inclusos naquele escopo. Para cada

ções propostas, aplicar experiências anteriores no dimen-

caso avaliamos, junto com o cliente, qual o formato mais

sionamento e alocação de recursos, preparar bons argu-

negociação :: 33

cio. Se o cliente não vê retorno, pode se sentir inseguro e comprar de você apenas um projeto pontual”, afirma Tatiana. “Retorno é o que o cliente busca em primeiro lugar. E é muito importante mostrar que você sabe que esta é uma preocupação dele. Um projeto realista e de acordo com as necessidades do anunciante pode demonstrar o comprometimento da agência com uma expectativa de retorno”, finaliza Ana Maria Nubié, VP de Atendimento da AgênciaClick.

“Retorno é o que o cliente busca em primeiro lugar” Ana Maria Nubié (AgênciaClick)

Dicas para uma boa negociação

mentos e colocar-se no lugar do cliente. Sem um mínimo

- Comece a negociação fornecendo e solicitando

de empatia, a negociação trava. Então, orçar um portal ou

informações. Deixe para depois os julgamentos, opi-

mesmo um site de um dia para o outro não é recomen-

niões e valores.

dado. Cada projeto requer um nível razoável de análise

- Faça o planejamento por escrito.

e amadurecimento para a proposição das soluções mais

- Trace antecipadamente um perfil do outro nego-

adequadas. Um orçamento enviado sob pressão, sem ava-

ciador.

liação, tende a gerar novas negociações, que podem ser

- Coloque-se no lugar do outro negociador.

resolvidas, mas geralmente acarretam em prejuízo para a

- Nunca esqueça que um negócio só é bom quando

agência digital”, aconselha Tatiana Brugalli. Para quem acredita na eficácia de apresentações

ambas as partes saem ganhando. - Evite perguntas cujas respostas sejam “sim” ou “não”.

cheias de aparatos, é bom tomar cuidado para que a per-

- Gere confiança no outro negociador.

formance não desvie o foco de seu objetivo principal.

- Evite colocações definitivas ou radicais.

“Não gosto de montar um teatro para vender um pro-

- Não pressione o outro negociador. Lembre da terceira

jeto. Claro que deve haver uma preparação, mas nada

Lei de Newton: “a cada ação corresponde a uma reação

que mobilize tanto tempo quanto um planejamento ini-

em sentido contrário e com a mesma intensidade”.

cial para o trabalho. Uma apresentação clara e objetiva,

- Esteja sempre preparado para uma situação de conﬂito.

destacando os pontos principais e a forma de trabalho da

- Lembre-se que toda pessoa tem estilos, necessida-

agência é o suficiente para o verdadeiro cliente identificar

des e motivações diferentes.

se a empresa é ou não adequada para trabalhar com ele”,

- Veja os aspectos positivos do outro negociador.

diz Laert.

- Desenvolva contra-argumentos previamente.

Assim, a jogada de mestre está na demonstração do retorno sobre o investimento (ROI) que o cliente pretende

- Não se intimide com ofertas finais. - Negocie sempre pensando no amanhã.

ou vai fazer. “É mais fácil ele investir num projeto se você puder mostrar a ele que não está apenas vendendo desenvolvimento, mas um bom plano de presença internet, ajudando-o a retornar o investimento em seu próprio negó-

Fonte: Sebrae (http://tinyurl.com/ppfhm)

34 :: negociação

A negociação na vida dos frilas Bate-papo: Mauro Amaral, Editor do site Carreira

profissional é não se julgar como tal. Devemos prestar bastante atenção nisso. Wd :: Como os frilas devem se preparar na hora de

Solo (www.carreirasolo.org)

negociar um projeto web? Wd :: Diante de sua experiência, você poderia

Mauro :: Vamos lá: formalize documentos, registre

apontar quais são os erros mais comuns cometidos

o andamento da negociação e seja profissional na hora

pelos frilas em um processo de negociação?

de cobrar. Uma dica fundamental: treine antes de reuni-

Mauro :: O freelancer enfrenta um grande desafio:

ões importantes. Uma reunião é uma performance muito

ser encarado como um profissional. Muitos clientes con-

especial. Analise o público ao seu redor, identiﬁ que quem

sideram o designer, o redator, o programador, o músico,

realmente decide, veja quem são seus concorrentes diretos

o fotógrafo etc. como alguém desorganizado, que não

etc.

precisa ganhar, não pode cobrar e deve fazer tudo o que for demandado, mesmo que fora do contrato previamente

“O mais importante é não tirar da

estabelecido. E o pior: esta percepção é construída todo

cabeça um tripé clássico em gerência

dia pelos próprios freelancers, através de erros de nego-

de projetos web: escopo, prazo e

ciação e muitos outros. No site www.carreirasolo.org, no qual sou editor e

preço” Mauro Amaral (Carreira Solo)

atendo a dúvidas desta comunidade, muitos leitores me perguntam se podem mandar um e-mail só com o preço e se isso está bom. Claro que não está. Formalizar a proposta comercial é o primeiro passo para uma negociação bem feita.

Wd :: Ainda é comum “valorar” um projeto pela cara do cliente? Mauro :: Prefiro encarar esta questão de outra forma.

Outro erro comum: não registrar o dia-a-dia do pro-

Existem clientes que não pagam o valor justo e você tem

jeto (e-mails, documentos gerados etc.). Acontece muito

que baixar. O problema é que isso cria um ciclo vicioso.

de, três meses depois de o projeto começado, o cliente

Para compensar a subvalorização, em um próximo projeto

lembrar que, agora, precisa de mais três seções no site.

você terá que cobrar mais. E no outro, ainda mais. O fre-

Como se resguardar? Guardando tudo. Particularmente,

elancer depende de uma agenda de projetos ininterrupta

arquivo cada e-mail trocado e registro em planilhas tudo o

para poder sobreviver. Ele paga impostos, não tem férias,

que o projeto gerou. Não podemos esquecer que estamos

nem décimo terceiro salário.

administrando, sobretudo, a ansiedade de clientes no que

Agora, é óbvio que um mesmo trabalho pode repre-

se refere a uma mídia que é nova e na qual, difícil provar o

sentar orçamentos diferentes, baseado nas horas traba-

retorno do investimento.

lhadas para tal. Vou dar um exemplo simples: um hotsite.

A cobrança de valores devidos costuma ser feita de

Digamos que você faça um hotsite para uma pequena

forma não adequada também. O freelancer, ele mesmo,

empresa de jóias. Você vai falar diretamente com o dono,

às vezes, não se dá o valor merecido, sentindo-se triste e

no máximo, o gerente de marketing. Vai receber um sinal

explorado por ter que cobrar um valor. Outro dia me pro-

para começar, vai enfrentar uma aprovação tranqüila,

puseram uma parceria onde ficaria encarregado de geren-

receber a parte final e estamos conversados.

ciar este tipo de coisa para os clientes de um outro fre-

Um mesmo hotsite feito para uma grande empresa

elancer. Ora, essa, se você como profissional não conse-

ou empresa estatal é uma realidade totalmente diferente.

gue administrar aquilo que deve à sua empresa (ou você),

Você vai receber 30 ou 60 dias após a entrega do projeto.

como outra pessoa o fará? Enfim: o principal erro de um

A aprovação envolve instâncias várias e a velocidade de

negociação :: 35

é a o ã int n t, e s e) e s n s r a e e b nt part (Info i e a ma d i s m L o u t e dré e j u An o q r p vel a" "Em udá dor sa erde 'p

36 :: negociação

resposta é outra. Este projeto vai consumir muito mais

Mauro :: Na verdade, podemos classificar este como

horas do que o anterior. Portanto, um mesmo site, com

mais um erro comum. Para fugir desta situação, o mais

um mesmo número de páginas, pode assumir orçamentos

seguro é dividir em dois projetos. E, na verdade, o são.

diferentes. Não foi a cara do cliente que comandou esta

Procuro aconselhar meus clientes a pensar uma coisa de

mudança, mas a necessidade de se trabalhar em linha de

cada vez. A prioridade é traçar os objetivos e demandas

montagem, para manter a fila de projetos andando.

do site. Entregue e colocado no ar, sentamos novamente

Wd :: Muitos profissionais relatam as dificuldades

na mesa e negociamos equipe, prazos e preços para a

em torno do pós-venda, ou seja, quando o site vai ao

tarefa de manutenção. É a hora de pensar se esta manu-

ar, não é fechado um contrato de manutenção mensal e

tenção vale a pena para você. Caso contrário, cobre para

o cliente continua pedindo determinadas tarefas. Como

ministrar um workshop para ensinar seu cliente a atualizar

justificar a cobrança de um valor mensal para esse tipo

o site, de repente vale mais a pena.

de serviço? Em qual etapa ele deve ser definido na negociação?

“A manutenção é deﬁnida já na proposta inicial. É muito importante deixar isso logo claro para que não haja dúvidas ou entraves depois do projeto pronto e funcionando” Laert Yamazaki (Idéia 3 Digital)

Estilos de Negociação Fonte: Sebrae (http://tinyurl.com/nkqzh)

Estilos

Conceitos

Comportamentos Típicos

Comportamentos Extremos

Persuasão

levar os outros a aceitar

- fazer propostas e sugestões

dispersão:

a sua idéia

- argumentar, raciocinar e justificar

- propostas apresentadas e não defendidas - argumentos incapazes de levar à propostas tangíveis

Afirmação

Ligação

Atração

impor e julgar o outro

- fazer conhecer exigências e normas

tirania:

- expor seu ponto de vista e seus desejos

- excesso de pressão sem manifestação clara de

- avaliar os outros e a si mesmo

expectativas

- punir, recompensar e conceder

- uso indiscriminado do poder de posição

compreender o quadro

- encorajar a participação do outro

indecisão:

de referência do outro

- procurar pontos de acordo

- apoiar ou escutar o outro com um ﬁm em si mesmo

- escutar com empatia

- reformulações constantes de propostas

abrir-se ao outro, procu-

- influenciar ao outro pelo seu próprio

falsidade:

rando envolvê-lo

comportamento

- reconhecer falhas e dúvidas inexistentes

- seduzir, motivar o outro, elevar o moral - partilhar informações - reconhecer os próprios erros

- uso excessivo do poder pessoal

comunidades virtuais :: 37

Etapas de uma negociação - Preparação: estabelecer objetivos que devem ser alcançados e os que a realidade permitirá atingir. Para isso, é preciso refletir sobre o comportamento do outro negociador. - Abertura: criar um clima de abertura, reduzindo a tensão. Deixar claro os benefícios esperados do trabalho conjunto. - Exploração: ser objetivo. Estabelecer uma reciprocidade psicológica, em que as pessoas tendem a tratar os outros da mesma forma que são tratadas. - Apresentação: devem-se colocar claramente os objetivos e expectativas iniciais de ambas as partes. - Clarificação: devemos considerar as objeções levantadas como oportunidades para detalhar mais o objetivo. Assumir mais uma postura de ouvinte atento. - Ação Final: é aqui que ocorre o fechamento do negócio. Se as etapas anteriores foram bem desenvolvidas, essa etapa é facilitada. Não esquecer de oferecer opções de escolha para o outro negociador. - Controle/Avaliação: é quando, já concluída a negociação e distante do outro negociador, verificase o saldo da negociação, os seus pontos positivos e negativos. Refletir sobre o que se passou é bom para não se cometer futuramente os mesmos erros. Fonte: Sebrae (http://tinyurl.com/mzn36)

38 :: negociação

Quais são os principais desaﬁos encontrados na hora de se deﬁnir o valor de um projeto?

Sabrina Bet sabrina@uniplac.net

Um grande desafio é a insegurança do cliente a respeito do que ele deseja. Muitas vezes, o cliente acha que o que ele quer é simples (“fácil e rápido”),

ra encedo

porém as coisas são diferentes do que ele imagina. E aqui deve entrar uma peça fundamental: a comunicação. Saber expor o seu produto de forma adequada e mostrar o porquê deste investimento, principalmente quando o concorrente faz o mesmo projeto pela metade do valor.

Daniel Marques contato@fullbiz.com.br

Acredito que o principal desafio é saber valorizar o produto ou serviço em si. Muitas vezes nos baseamos em valor de hora técnica. Porém, ao entregar o trabalho, nos deparamos com outro produto semelhante que foi vendido por 60% a mais do que o seu e que os clientes pagam porque vale.

Éric Coutinho email@ericcoutinho.com

Para o freelancer, em primeiro lugar, é saber o valor exato de sua hora de trabalho e definir esse tempo para cada projeto. Férias, 13°, fins de semana e feriados, gastos com equipamentos, luz, serviços e softwares devem ser cuidadosamente medidos nessa definição. O mais difícil, no entanto, é “prever” as horas gastas em cada projeto, pois isso depende muito do cliente; e ainda assim ter o dissabor de oferecer um valor justo e ser desmerecido por não contar com uma estrutura. Terceirização de serviços também pode trazer problemas imprevisíveis e que influenciam diretamente no lucro líquido final.

Leonardo Frangelli leonardo.frangelli@gmail.com

Creio que os principais desaﬁos são: falta de experiência (não saber quanto tempo irá demorar para desenvolvê-lo); quando o cliente não tem um “rumo” certo, não sabe bem o que quer; medo de achar que o cliente vai se assustar com o valor; ou até mesmo por falta de um bom brieﬁng pelo qual poderíamos saber o budget de nosso cliente.

Cesar Mariano cesar@cesarmariano.com.br

Justificar esse valor na “linguagem do cliente”, ou seja, de forma que ele entenda o quanto vale o nosso trabalho (ou as nossas horas)!

Se você é assinante, participe desta seção pelo site www.arteccom.com.br/webdesign/clube

debate - templates :: 39

Usar ou não usar

templates: eis a questão Se você quer gerar um debate acalorado entre os profissionais de internet, cite o tema “Uso de Templates”. De um lado, existem aqueles que defendem e apontam um mercado para esse tipo de modelo de desenvolvimento de sites. Do outro, as críticas envolvem a falta de personalização, profissionalização e criatividade. Considerando tais pontos de vista, existe ou não espaço para o uso de templates em projetos de internet?

“Num primeiro momento, podemos pensar que templates apenas engessam o trabalho do designer, limitando o processo criativo. Porém, analisando a questão de uma forma mais ampla, vemos que o uso de templates também tem aspectos positivos e, em muitas vezes, até se faz necessário. Grandes portais, por exemplo, os utilizam com freqüência e não entendo isso como uma escolha equivocada. Quando bem utilizados,

“Vale lembrar que utilizar ou não templates deve ser uma decisão consciente, no qual prevalecem o bom senso, a relação custo/

os templates diminuem o tempo de desenvolvimento, garantem o uso de soluções de interface já testadas e, portanto, menos sujeitas a erros, dão unidade às páginas do portal e diminuem a curva de aprendizado, fazendo com que o usuário sinta-se em casa, mesmo ao visitar uma área

benefício e as características de cada projeto”

recém lançada. Isso porque, no nosso dia-a-dia, muitas vezes nos vemos obrigados a atender interesses específicos de clientes, driblar limitações de prazo e orçamento e, principalmente, garantir que o público-alvo tenha uma boa experiência de navegação. Tendo isso em mente, fica claro que os templates têm seu espaço no desenvolvimento de sites e que não devemos ignorar a possibilidade de usá-los apenas por engessar um pouco o trabalho do designer. Vale lembrar que utilizar ou não templates

:: Alexandre Saddi

deve ser uma decisão consciente, no qual prevalecem o bom senso, a

Designer do núcleo de inovação e

relação custo/benefício e as características de cada projeto.”

desenvolvimento de produtos da Globo.com www.alexandresaddi.com

40 :: debate - templates

“Entendo a revolta do designer ao ver, principalmente

empresa usa um template, ele pode ser usado por qualquer

nos serviços de hospedagem, Assistente de Criação

outro. Esta é a imagem que ela vai vender na internet? De

induzindo o cliente a criar sua própria página. Assim são

uma empresa como qualquer outra?

montados, hoje, os famosos fotologs, blogs, e páginas

Templates são mais uma oportunidade de trabalho,

em serviços, que nada mais é que um grupo de páginas

do que concorrência. Designers têm mais esta abertura no

pessoais interligadas, com layout padrão e sem espaço

mercado, uma nova área: desenvolvimento de templates

para personalização. Nem por isso deixa de ser um sucesso

“coringa” para portais ou a oportunidade de ter um negócio

e uma via interessante para comunicação.

próprio na web que disponibilize templates para venda. O

Mais uma vez é preciso ser criativo e inteligente para

designer tem uma função muito importante na internet,

se adaptar a evolução. Olhar as mudanças com otimismo.

em comunicação e novas linguagens visuais. O Assistente

Sobrevive o que oferece seu serviço às empresas, mostrando

nasce disso e não o substitui. Designers e desenvolvedores

o quanto é mais vantajoso ter um site personalizado, com

precisam ver isso como mais uma tendência na internet,

funcionalidades, cores, formas e identidade. Este sim

não como um risco para sua profissão.”

é o grande negócio da profissão. É importante valorizar o próprio trabalho e ressaltar para os clientes que, se a

“Sobrevive o que oferece seu serviço às :: Stela Garcia Vice-presidente da ABRAWEB (Associação Brasileira de Web Designers e Webmasters) www.abraweb.com.br

empresas, mostrando o quanto é mais vantajoso ter um site personalizado, com funcionalidades, cores, formas e identidade”

“Existem situações onde a utilização de templates

layout utilizado em um escritório brasileiro de advocacia

pode viabilizar a presença de pequenas empresas e projetos

pode ser encontrado, por exemplo, em um site pornográfico

na internet. Com preços variando entre 50 e 100 dólares

na Malásia. Ambos comprados legalmente em um site de

(referência: TemplateMonster.com), os templates se tornam

templates.

uma alternativa atraente para projetos de baixo orçamento,

O ideal é consultar agências ou especialistas antes

que não exigem exclusividade nem comprometimento visual.

de se aventurar on-line. A informação é o ponto mais

Infelizmente não existe mágica. A má utilização dos

importante nesse processo. Se houver oportunidade, crie.

templates pode ser extremamente prejudicial para negócios

Nenhuma economia será mais valiosa que a sua identidade

maiores, que dependem de exclusividade on-line. O mesmo

na internet.”

“A má utilização dos templates pode ser extremamente prejudicial para negócios maiores, que dependem de exclusividade on-line”

:: Rodrigo David Gerente de Produção dos portais iG, iBest e BrTurbo; Sócio do Camiseteria.com www.camiseteria.com

Nesse mês, o escritor Thiago Cascabulho apresentou um workshop sobre seu livro Jujuba Princesa do Jardim. Nele é apresentado uma emocionante história onde as crianças aprendem a desenvolver auto-estima.

42 :: debate - templates

“Consigo compreender o porquê de um pequeno e m p re s á r i o o p t a r p o r p a g a r 6 0 d ó l a re s p a r a t e r u m layout adquirido em uma dessas empresas de templates prontos. Não podemos esquecer que vivemos num país pobre. É

“Eu mesmo ganhei uma porção de clientes que viram que template pronto não tem muito futuro”

difícil de acreditar, mas apenas 10% da população brasileira ganha mais de R$ 571, segundo dados do IBGE/1999. E hoje esses 90% de brasileiros que ganham menos de R$ 571, cada vez mais estão tendo acesso à internet, através de projetos de financiamento e democratização da web. Isso significa um aumento progressivo de microempresários necessitando de sites e esse número cresce à medida que seu público começa a utilizar esse canal. Nesse início, o uso de templates prontos é interessante para o cliente, mas não por muito tempo. Logo, ele percebe que é necessária personalização, criatividade e acaba contratando o designer após experimentar a web. Eu mesmo ganhei uma porção de clientes que viram que template pronto não tem muito futuro. Um deles até se arrependeu ao ver o concorrente com o mesmo layout. Então, adoro os templates prontos! Eles chamam novos clientes para a web que, lá na frente, irão migrar para um template personalizado por um designer após entender a necessidade de uma identidade visual exclusiva.”

:: Bruno Ávila Autor do DVD “Proﬁssão: Webdesigner” www.brunoavila.com.br

e-mais - ergonomia :: 43

Quando o ambiente físico

estimula o trabalho A produtividade de sua equipe não anda bem? As dores

pessoas e equipamentos causa incômodos, que faz com

nas costas e nos punhos e a irritação nos olhos são algumas

que a pessoa dê uma pequena ‘paradinha’ para se ajeitar.

das reclamações mais constantes entre os colaboradores?

Estas ‘paradinhas’ vão aumentando de tempo em tempo,

Pois bem, sua empresa pode estar precisando de uma

até que a pessoa fique afastada por dias por não conseguir

reestruturação no ambiente físico.

nem chegar ao trabalho”, alerta o professor Mario Cesar

“Num sistema integrado por homens, máquinas,

Vidal, coordenador geral do Grupo de Ergonomia e Novas

materiais e ambientes, há que se estruturar muito bem

Tecnologias (GENTE) da Universidade Federal do Rio de

todas estas interfaces. Mal dimensionada, a interação entre

Janeiro (UFRJ).

fotos: Ilona Werneck

44 :: e-mais - ergonomia

Para evitar que tais problemas começassem a

de criação”, afirma Ludmilla.

acontecer diante do crescimento da agência, a Mkt Virtual

Outra questão foi o cuidadoso planejamento com a

(www.mktvirtual.com.br) decidiu se antecipar e investir

iluminação. “Afinal, são muitas horas do dia com os olhos

na reformulação de seu ambiente de trabalho. “Sempre

cravados nos monitores. Entre lâmpadas fluorescentes e

procuramos ter uma estrutura enxuta. Em 2004, estávamos

brancas, encontramos uma disposição agradável e coerente,

buscando um escritório e encontramos um interessante,

contando ainda com dimmers que controlam a intensidade

com uma boa localização e bastante iluminação natural.

da luz conforme a hora do dia. Um pouco de iluminação

Na época, a empresa tinha seis funcionários e o espaço era

natural é ecologicamente correto e econômico, além de ser

suficiente. Porém, a equipe cresceu, mais profissionais foram

agradável ter a visão do ambiente externo”.

contratados e o espaço não acompanhou esse crescimento.

Além disso, não faltou ousadia na escolha de alguns

Quando demos conta, estávamos precisando de uma

elementos e acessórios. “Eles dão uma pitada de humor,

metragem maior”, explica Ludmilla Rossi, sócia-proprietária

que é essencial para um ambiente leve. Prateleiras coloridas

da agência.

dão vida às paredes. Na sala de reunião, é proporcionada

A oportunidade serviu também para que a empresa

a privacidade necessária para tratar de negócios, porém

reformulasse por completo a distribuição de seu espaço.

de uma forma descontraída e agradável. O chão é feito

“Começamos um período alucinante de criar e imaginar

de piso de calçada e, por mais sério e corporativo que o

como seria o novo escritório, obviamente pensando no

cliente seja, a maior parte deles aprova dizendo ‘que legal!’.

máximo de economia e qualidade. Nem todas as idéias foram

É interessante ver também como, além da equipe, o cliente

financeiramente viáveis, mas, no final das contas, com menor

repara nas cadeiras, na iluminação e na disposição do

investimento, conseguimos encontrar as melhores opções.

escritório”, revela.

Como a nossa idéia é realmente ter uma equipe integrada, não temos divisões, salvo a sala de reunião que é outro ambiente. Diretoria, administração, atendimento, design, desenvolvimento e programação ficam no mesmo ambiente, mantendo uma comunicação saudável, garantindo a troca de conhecimento e idéias para os projetos. Os departamentos são agrupados de forma organizada, conforme o núcleo de atividade diária”, diz.

Mas é caro investir em Ergonomia? Nada melhor do que transferir a resposta desta pergunta para quem já passou por tal experiência. Com a palavra, Mkt Virtual. “Não, não é caro e o custo-benefício é medido diariamente com o sucesso de cada projeto publicado e a cada cliente satisfeito”, destaca Ludmilla. Os investimentos envolveram desde a compra de mobiliário a modernos equipamentos tecnológicos. “As

Estímulo à criatividade

mesas cresceram na quantidade. São claras e sem detalhes,

O ritmo alucinante da vida moderna nos leva a

com cantos arredondados. Ficamos o dia todo com os

despender mais tempo no trabalho do que na própria

braços apoiados, o atrito deve ser o menor possível. As

casa. Dessa maneira, quanto mais o ambiente profissional

cadeiras são ergonômicas, largas e ajustáveis, com braços

proporcionar uma boa sensação, melhor será o rendimento

emborrachados e encosto bastante confortável. Outra

de sua equipe.

medida - e meta - é trocar os monitores por LCD, pois alguns

“A equipe da Mkt Virtual é formada, em sua maior

ainda não são. Apesar de mais caros, eles compensam pela

parte, por designers que são influenciados pelos estímulos

economia de espaço e energia elétrica, além de menor

externos que os cercam. Assim, é de extrema importância

cansaço visual. Acredito que fazer o melhor para que as

que estejam rodeados por um ambiente limpo, moderno e

pessoas trabalhem da forma mais confortável possível

que proporcione o máximo do potencial criativo de todos.

não custa caro e com criatividade há sempre soluções

As cores utilizadas foram estrategicamente posicionadas de

econômicas”.

forma que não influenciassem negativamente no processo

e-mais - ergonomia :: 45

R$10 mil em Ergonomia pode significar sonantes R$ 60 mil aos ativos da empresa. E ainda mais interessante é que os retornos se fazem em tempo muito curto, numa faixa de 46 a 57 dias segundo nossas pesquisas e desenvolvimentos no tema. Em miúdos: o investimento em Ergonomia pode aparecer no mesmo exercício de gestão. Obter retorno financeiro, respeitando a lei, em conformidade às normas e fazendo a coisa certa, me parece uma boa perspectiva de gestão. Wd :: Quais riscos uma empresa está exposta por não adotar os preceitos básicos da Ergonomia? Mario :: Um negócio tem sempre um grande risco: não funcionar. Ou, o que é pior por enganoso que vem a ser, o de funcionar mal. Ou ainda des-funcionar. Quando a pessoa compra um carro não pensa que ele vá quebrar e ser obrigado a esperar três a quatro semanas por uma peça de reposição. Mas, isso acontece, é o lado des-funcionante.

Além de melhorar a qualidade do ambiente para seus profissionais, a agência consolidou uma imagem positiva entre seus clientes. “Outro dia, achei engraçado um deles

A Ergonomia busca saber como os sistemas funcionam, como desfuncionam e sobretudo com que custo se fazem as regulações, como se dá a “volta por cima”. Então, o risco é a empresa ter que trabalhar mais para cobrir um custo elevado, um custo escondido do

comentar, enquanto batíamos um papo: ‘é, vocês investi-

mau funcionamento. Custo esse que as práticas de gestão apenas

ram bastante em Ergonomia aqui’. Ele disse isso por causa

conseguem detectar, porém não conseguem a compreensão do que

das cadeiras e olha que foi uma cadeira muito bacana, de

esteja acontecendo. Ora, num diagnóstico médico é sempre mais

altíssima qualidade, mas não era um determinado modelo

interessante descobrir a causa do que manter o paciente anestesiado

da marca mais famosa que temos no mercado. É interessante como isso foi externado para o cliente. Ele achou que realmente investimos muito nas cadeiras e levou isso de forma extremamente positiva”.

ou em coma induzido, não é verdade? No campo da legislação, a notificação, multa, interdição ou embargo estão previstos. E, atualmente, outros campos governamentais como Previdência, ANS (Agência Nacional de Saúde Suplementar) e Meio-Ambiente já começam a se interrogar sobre a questão da ausência da Ergonomia, entendida como um certo desleixo. Isso não é bom e não deixa de ser um risco. No campo do negócio, o risco é de perder

Ergonomia não é custo, é investimento! Bate-papo: Professor Mario Cesar Vidal, do Grupo de Ergonomia e Novas Tecnologias (GENTE) da UFRJ

dinheiro e deixar de ganhá-lo. Uma perspectiva emocionante, sobretudo para acionistas e outros stackholders. Wd :: Quais são as dicas para a adoção da Ergonomia dentro de uma empresa? É caro investir em Ergonomia? Mario :: Dica básica: primeiro busque saber o que é Ergonomia

Wd :: Por que a Ergonomia deve ser adotada pelas empresas? Quais são os seus benefícios?

através de um treinamento de qualidade. Uma firma japonesa de automóveis resolveu fazer um programa participativo motivacional

Mario :: Algumas razões levam as empresas a adotarem a

para aumentar a produtividade e foi um desastre. As DORT (Distúrbios

Ergonomia. Dentre as principais, existe o fato de ela se tratar de

Músculo Esqueléticos Relacionados ao Trabalho) quintuplicaram

injunção legal e certificatória. A lei 6.514 (onde se vincula a NR-17,

no período subseqüente a esta inovação e a causa era o baixo

Ergonomia na CLT) estabelece a obrigatoriedade de toda e qualquer

conhecimento de Ergonomia. Não dá para fazer qualquer coisa em um

empresa em adotar preceitos mínimos de Ergonomia, tais como não

sistema de trabalho. Depois disso, faça uma aplicação exemplar, algo

trabalhar todo o tempo de pé ou sentado, de estabelecerem-se pausas

que seja bem visível para a organização. Ver para crer ainda funciona.

e compensações, de limitar o manuseio de cargas de modo a não

Em seguida, treine e prepare um comitê para organizar as ações de

comprometer o estado da pessoa etc.

Ergonomia como um sistema de gestão. Para isso, procure empresas

Outro ponto, e talvez o mais importante, é porque a Ergonomia é um excelente negócio para a empresa. As margens de retribuição de um investimento em Ergonomia variam de 1:3 até 1:6. Ou seja, investir

qualificadas.

46 :: e-mais - ergonomia

Dicas de Ergonomia para as empresas - Iluminação: para evitar reflexos, as superfícies de trabalho, paredes e pisos devem ser foscas e o monitor deve possuir uma tela anti-reflexiva. Evite posicionar o computador perto de janelas e use luminárias com proteção adequada. - Cores: equilibre as luminâncias usando cores suaves em tons mate. Os coeficientes de reflexão das superfícies do ambiente devem estar em torno de: 80% para o Teto; 15 a 20% para o Piso; 60% para a Parede (parte alta); 40% para as Divisórias, para a Parede (parte baixa) e para o Mobiliário. - Temperatura: como regra geral, temperaturas confortáveis, para ambientes informatizados, são entre 20 e 22 graus centígrados, no inverno, e entre 25 e 26 graus centígrados no verão (com níveis de umidade entre 40 a 60%). - Acústica: é recomendável para ambientes de trabalho em que exista solicitação intelectual e atenção constantes, índices de pressão sonora inferiores a 65 dB(A). Por esse motivo, recomenda-se o adequado tratamento do teto e paredes, através de materiais acústicos e a adoção de divisórias especiais. - Humanização do ambiente: sempre que possível humanize o ambiente (plantas, quadros e, quando possível, som ambiente). Estimule a convivência social entre os funcionários. Muitas empresas que estão adotando políticas neste sentido vêm obtendo um aumento significativo de produtividade. Lembre-se que o processo de socialização é muito importante para a saúde psíquica de quem irá trabalhar nele. Fonte: Ergonomia.com.br (http://tinyurl.com/rfulb)

Dicas de Ergonomia para os profissionais - Conforto visual: para garantir o conforto visual, mantenha seu monitor entre 45 e 70 cm de distância e regule sua altura no máximo, até sua linha de visão. Isto pode ser feito através de um suporte de monitor, ou pela utilização de mesas dinâmicas. Sempre que possível procure “descansar” a vista, olhando para objetos (quadros, plantas, aquários etc.) e paisagens a mais de seis metros. - Punho neutro: assim como a altura do monitor, a do teclado também deve poder ser regulável. Ajuste-a até que fique no nível da altura dos seus cotovelos. Durante a digitação, é importante que o punho fique neutro (reto). Mantenha o teclado sempre na posição mais baixa e digite com os braços suspensos ou use um apoio de punho. - Pés bem apoiados: é importante que as pessoas possam trabalhar com os pés no chão. As cadeiras devem, portanto, possuir regulagens compatíveis com as da população em questão. Para o Brasil, o ideal seriam cadeiras com regulagem de altura a partir de 36 cm. Quando a cadeira não permite que a pessoa apóie os pés no chão, a solução é adotar um apoio para os pés, que serve para relaxar a musculatura e para melhorar a circulação sanguínea nos membros inferiores. - Descanso para as costas: com exceção de algumas atividades, as cadeiras devem possuir espaldar (encosto) de tamanho médio. Uma maior superfície de apoio garante uma melhor distribuição do peso corporal e um melhor relaxamento da musculatura. É recomendável ainda que as cadeiras não tenham braços (o apoio deve estar nas mesas, para garantir um apoio correto) e o revestimento deve ser macio e com forração em tecido rugoso. Fonte: Ergonomia.com.br (http://tinyurl.com/rfulb)

estudo de caso - Mcdonalds:: 47

Por dentro do mundo do hambúrguer A pergunta parece parte de um teste de conhecimento, mas serve como um bom aprendizado: a internet ainda é um canal alternativo ou já evoluiu como uma ferramenta para a ampliação do relacionamento das empresas com seus clientes? Nada melhor do que apontar tal resposta através de exemplos. Neste caso especíﬁco, vamos recorrer ao caso do gigante do mercado de serviço rápido de alimentação, McDonald’s.

48 :: estudo de caso - Mcdonalds

“A internet é uma poderosa ferramenta de relacio-

“O conceito principal foi o de produzir na

namento. Ela possibilita às empresas interagir diretamente com os seus públicos, promover a experimentação da marca, criar empatia, fidelizar. É um canal de mão dupla, no qual as empresas divulgam informações sobre seus posicionamentos, ações, promoções, produtos e serviços

web uma experiência tão intensa quanto à que o McDonald’s oferece a seus clientes nos restaurantes da rede”

e obtêm dos clientes respostas e reações que permitem ajustar direcionamentos e gerar resultados mensuráveis”, afirma Gerson Penha, diretor da CDN Interativa, agência

CDN Interativa, com uma equipe formada por profissionais

responsável pelo redesenho do portal McDonald’s Brasil.

de comunicação e marketing, jornalistas, webdesigners,

A seguir, você vai conferir quais são os resultados que a

ilustradores e programadores. O projeto começou a ser

empresa vem colhendo com seu novo site.

desenhado em agosto de 2005 e o primeiro protótipo en-

Wd :: Como a CDN Interativa iniciou o relacionamento com o McDonald’s Brasil?

trou no ar em meados de outubro. O lançamento público ocorreu em novembro. Foi um processo veloz e o reconhe-

Gerson :: A CDN é uma agência de comunicação com

cimento veio de forma rápida também. Ganhamos o prêmio

múltiplos serviços, tem 19 anos de experiência no mercado

Abanet/MSN, na categoria Portais Empresariais, e ficamos

e uma carteira com cerca de 60 clientes, a maioria grandes

entre os Top 10 do iBest em duas categorias (Bebidas e

empresas. O McDonald’s é cliente da CDN há dez anos, nas

Alimentos e Revelação).

áreas de consultoria estratégica de comunicação, relações com a mídia e auditoria de imagem. Temos uma relação muito próxima, de confiança e parceria.

Wd :: Quais foram as principais modificações feitas no redesenho do portal? Gerson :: O conceito principal foi o de produzir na web

A CDN Interativa, que é a unidade de mídia digital

uma experiência tão intensa quanto à que o McDonald’s

da CDN, começou a prestar serviços ao McDonald’s em

oferece aos seus clientes nos restaurantes da rede. Para

2001, quando desenvolvemos o primeiro website da em-

isso, apostamos num design contemporâneo e numa nave-

presa. Esse projeto obedecia a guidelines internacionais

gação confortável, sem complicações. O desenho muda de

da corporação e tinha foco no conteúdo institucional. Aos

acordo com o tipo de público ou o perfil de determinada

poucos, foi crescendo o espaço dedicado aos produtos

campanha, mas a unidade do projeto é garantida por recur-

e promoções e, portanto, à interação com o consumidor.

sos como a barra do menu principal, presente em todas as

O novo portal nasceu para atender a essa demanda com

páginas, e pela disposição semelhante dos elementos em

mais qualidade e para abrir novas perspectivas de relacio-

todos os canais. Utilizamos textos curtos e objetivos, com

namento via web.

linguagem adaptada a cada público, e fontes sem serifa,

Wd :: Quais departamentos do McDonald’s estiveram envolvidos no processo? Qual o perfil da equipe que a CDN utilizou neste projeto e qual foi o prazo para que ele fosse cumprido?

para facilitar a leitura. Wd :: Como os conceitos de arquitetura da informação e usabilidade foram aplicados neste projeto? Gerson :: O McDonald’s tem um público bastan-

Gerson :: O reposicionamento do McDonald’s na in-

te diversificado. A rede está presente em todo o país,

ternet foi concebido pelo departamento de Comunicação

atinge todas as faixas etárias e tem alcance nas diversas

e Marketing da empresa. Foram envolvidas no processo

camadas sociais. Por isso, mesclamos recursos mais sofis-

as áreas de Tecnologia da Informação (TI), Comunicação,

ticados, como as animações em Flash, que oferecem uma

Segmentos, Franquia e outras.

experiêcia de maior impacto, com uma arquitetura de

Todo o projeto foi desenvolvido internamente pela

informação facilmente apreensível pelo usuário.

estudo de caso - Mcdonalds :: 49

“Testes de usabilidade foram aplicados internamente e orientaram diversos ajustes no projeto. Vamos continuar a fazê-los, para manter o portal em constante evolução”

Como o portal é grande, com diversos canais e seções, procuramos facilitar ainda mais a navegação com recursos como os breadcrumbs e links cruzados. Testes de usabilidade foram aplicados internamente e orientaram diversos ajustes no projeto. Vamos continuar a fazê-los, para manter o portal em constante evolução. Breadcrumb

Seqüência de itens de menu que informa onde a página exibida se encontra na estrutura do site. Permite que o usuário volte à página “mãe” do item que está sendo exibido. Fonte: www.bcb.gov.br

Wd :: Retomando um ponto de sua explicação, você poderia citar qual o perfil do usuário que acessa o www.mcdonalds.com.br e sua influência na construção e manutenção do portal? Gerson :: No universo dos clientes McDonald’s, há dois segmentos principais: as crianças (e seus pais) e os jovens adultos. Esses segmentos ganharam canais específicos no portal, com conteúdos que vão muito além da oferta de informações sobre a empresa ou seus produtos. Por exemplo: o canal criança procura criar um ambiente mágico, explora os temas das campanhas do McLanche Feliz e traz jogos e brincadeiras. Já o canal jovem reúne conteúdos sobre música, estilo de vida, games e futebol. Como o McDonald’s é um dos patrocinadores oficiais da Copa do Mundo da Alemanha, estamos nos preparando para trazer um pouco da emoção desse evento para o nosso portal.

50 :: estudo de caso - Mcdonalds

a Atrativa e a Globosat. Wd :: Um detalhe interessante neste projeto é que a CDN ficou responsável pela realização de campanhas e promoções, além da estruturação do Database Marketing. De que forma essas ferramentas contribuem para o negócio de uma empresa? Gerson :: Em relação às campanhas, nossa responsabilidade é produzir os conteúdos correspondentes a cada uma delas dentro do portal. Cuidamos também das iniciativas de e-mail marketing, da criação ao envio e monitoramento dos resultados. Como o McDonald’s tem várias bases de dados, criamos uma rotina de importação em XML www.mcdonalds.com.br

para trabalhar essas bases de forma unificada no portal. Isso tornou possível a realização de ações segmentadas de

Wd :: Como é feita a atualização desses canais e dos

e-mail marketing e outras iniciativas de marketing direto.

outros elementos do site? A agência também foi contra-

Wd :: Sobre a construção da infra-estrutura do site,

tada para fazer a manutenção ou o cliente utiliza alguma

percebe-se o uso combinado de ASP e Flash. Por que a

ferramenta específica de gerenciamento de conteúdo?

escolha dessas tecnologias?

Gerson :: A CDN Interativa é responsável pelo ge-

Gerson :: Optamos pelo ASP para facilitar a integra-

renciamento de todo o projeto, incluindo a expansão, a

ção com a ferramenta de gerenciamento de conteúdos e

renovação e a atualização dos conteúdos. A grade de atu-

também por ser uma linguagem bastante difundida, com

alização segue, de um lado, o calendário de campanhas e

muitas bibliotecas disponíveis, o que garante agilidade nas

lançamentos do McDonald’s, e de outro uma pauta especí-

soluções. Quanto ao Flash, entendemos que é a linguagem

fica do portal, para produção dos conteúdos dos canais.

que possibilita um melhor resultado para atingir o nosso

A home page destaca as principais campanhas e pro-

objetivo de levar à internet uma experiência com o mesmo

moções da empresa no período, de acordo com as prio-

padrão de qualidade que os clientes encontram nos restau-

ridades e o calendário definidos pelo departamento de

rantes e na comunicação off-line do McDonald’s.

Marketing. Além disso, há um espaço editorial dedicado

Wd :: Na divulgação oficial do novo portal, ficamos

a notícias e novidades e também uma área com chamadas

sabendo que a agência ficou responsável pela montagem

para os conteúdos internos. A idéia é que o internauta

e definição da infra-estrutura de hospedagem. Qual a

encontre novidades toda vez que acessar nosso endereço.

importância da escolha do provedor para hospedagem

E que volte sempre.

de um site? E quais riscos a indisponibilidade de acesso

Wd :: Em termos de divulgação do portal, que tipo de recursos são utilizados?

pode trazer para quem mantém um negócio na internet?

Gerson :: O site é divulgado por meio de ações de

Gerson :: A montagem da infra-estrutura de hospe-

assessoria de imprensa. Já foram realizadas algumas cam-

dagem e de banco de dados seguiu as premissas definidas

panhas de publicidade on-line, conduzidas pela Taterka, a

pelo departamento de TI do McDonald’s. Essas premissas

agência de publicidade do McDonald’s. Essas iniciativas,

valorizam a segurança, a alta disponibilidade, a redundân-

assim como a integração com as campanhas off-line, serão

cia e a capacidade e agilidade para realização de upgrades.

intensificadas a partir deste ano. Além disso, realizamos al-

A alta disponibilidade é essencial para uma empresa como

gumas ações de divulgação com parceiros como o Maplink,

o McDonald’s, que mantém um alto padrão de qualidade

“O McDonald’s tem um público bastante diversiﬁcado. Por isso, mesclamos recursos mais soﬁsticados, como as animações em Flash, que oferecem uma experiência de maior impacto, com uma arquitetura de informação facilmente apreensível pelo usuário”

em todos os aspectos de sua operação. Wd :: Já foi possível medir o retorno obtido após a finalização desse projeto? Caso sim, de que forma foram mensurados esses resultados? Gerson :: Já temos os primeiros resultados e eles são muito positivos. A visitação ao www.mcdonalds.com.br cresceu mais de 100% entre outubro de 2005 e janeiro de 2006. Em algumas campanhas de e-mail marketing, a taxa de cliques superou os 30%. Registramos mais de 50 mil visitas por dia em algumas campanhas. A mensuração desses resultados é feita pelo monitoramento da visitação e dos índices de retorno dos usuários do site. Também por intermédio dos relatórios das campanhas de e-mail marketing e da análise da evolução do cadastramento e de outras interações do internauta com o portal, como a participação em enquetes, download de conteúdos especiais, envio de comentários etc.

52 :: Tecnologia na web

Tecnologia na web Como evitar que formulários web sejam ferramentas para o envio de spam Não recebimento de e-mails, gasto desnecessário

<label for=”assunto”>Assunto:</label><br /> <input type=”text” size=”60” name=”assunto” /><br /> <label for=”mensagem”>Sua mensagem:</label><br />

de tempo, aumento de custos, perda de produtivida-

<textarea name=”mensagem” cols=”60” rows=”8”></

de etc. Segundo a Cartilha de Segurança para Internet

textarea><br />

(www.cartilha.cert.br), esses são alguns dos prejuízos gera-

dos pela prática do spam. Para se ter uma idéia do tamanho

</form>

do problema, o Centro de Estudos, Resposta e Tratamento de Incidentes de Segurança no Brasil (CERT.br) recebeu, só em 2005, mais de dois milhões de reclamações envolvendo este tipo de incidente. Se você é um desenvolvedor web, pode ajudar a com-

Vejamos agora o código de um programa ingênuo que o processa: ... <script language=”php”>

bater tal prática. Isso porque os spammers têm utilizado

mail(‘faleconosco@exemplo.com.br’,$_POST[‘assunto’],

formulários na web para enviar mensagens não solicitadas

$_POST[‘mensagem’],

em massa. “Essa prática é uma ameaça, porque o spam

‘From: ‘.$_POST[‘email’]);

enviado dessa forma é praticamente indistinguível de uma

</script>

mensagem lícita, pois vem de um servidor válido (enganan-

...

do protocolos, como o SPF) e de um agente de transporte

“Em condições normais, o endereço

com cache e retransmissão (passando através de esquemas

‘faleconosco@exemplo.com.br’ recebe uma mensagem

de defesa, como o Greylisting)”, afirma Danton Nunes, es-

com assunto e remetente conforme preenchidos no for-

pecialista da empresa InterNexo.

mulário. O perigo mora na forma ‘burra’ como a função

Erros mais comuns no desenvolvimento Segundo Danton, os erros mais comuns envolvem os formulários que enviam mensagens por e-mail. “Essa é uma situação bastante comum nos ‘Fale Conosco’ e consiste em usar cegamente recursos de envio sem fazer uma crítica rigorosa dos dados postados pelo usuário”, alerta. Para entendermos como ocorre esta situação, o especialista descreve a seguir um exemplo prático deste cenário. Primeiro, vamos analisar um fragmento de HTML, típico

‘mail’ do PHP procede e na possibilidade de subverter o formulário”, afirma. Dessa forma, explica Danton, o spammer poderá enviar um formulário da seguinte maneira (sem contar os dados técnicos do HTTP): email=spam@espalha.lixo.com.br Bcc: fulano@algum.lugar, beltrano@outro.lugar, john. doe@somewhere.else Subject: compre agora, pague depois!

de um formulário de “Fale Conosco”: mensagem=isto é um spam, mané! <form action=”faleconosco.php” method=”post”> <label for=”email”>Seu e-mail:</label><br /> <input type=”text” size=”60” name=”email” /><br />

“Note a linha em branco dentro do campo ‘email’. Ela introduz uma separação entre os cabeçalhos e o corpo da mensagem. Como a função ‘mail’ simplesmente con-

nível básico

catena seus argumentos na ordem adequada e os envia para o agente de submissão (tipicamente ‘sendmail -t’), a mensagem vai ser enviada para fulano@algum.lugar, beltrano@outro.lugar, john.doe@somewhere.else, em vez de ir para o destinatário correto, porque ele não aparecerá nos cabeçalhos e sim no corpo da mensagem (graças a quebra de linha no campo ‘email’). Resumindo, um formulário como este é um paraíso melhor que um relay aberto para um spammer”, argumenta. Para contornar esta situação, o especialista ressalta que o desenvolvedor precisa criticar os dados recebidos pelo formulário. “A simples adição de um comando para exigir que o campo ‘email’ tivesse a sintaxe de um verdadeiro endereço de e-mail seria o suficiente para prevenir este ataque. E não adianta fazer isso do lado cliente, com javascript. Isso tem que ser feito do lado servidor, uma vez que o cliente de Web não necessariamente é um navegador como o Firefox”, orienta. Quem quiser obter mais informações sobre o combate ao spam, pode acessar o site www. antispam.br.

Glossário: - Greylisting: termo que refere-se a um método de filtragem de spams, implantado diretamente no servidor de e-mails, que recusa temporariamente um e-mail e o recebe somente quando ele é reenviado. - Relay aberto: máquinas com serviço de e-mail mal configurado, sendo abusadas. - SPF (Sender Policy Framework): sistema criado para permitir a real verificação da origem de um e-mail, isto é, se o e-mail teste@hotmail.com veio realmente de hotmail.com. Fonte: CERT.br (www.cert.br) e Infolink (www. infolink.com.br)

54 :: tutorial

AJAX -

Parte 4

Elcio Ferreira Desenvolvedor e instrutor na Visie Padrões Web http://visie.com.br/

Construindo um bate-papo simples Neste mês, e no próximo, vamos construir um bate-papo simples, baseado em AJAX. A parte realmente divertida vai

ficar para o próximo mês, que é quando vamos de fato mexer com AJAX. Nesta edição, vamos desenvolver o bate-papo com PHP. Desculpe por não mostrar código Javascript agora, mas você precisa conhecer bem a aplicação com que vamos trabalhar antes de partir para a parte AJAX. Simplificando nossa aplicação para fins didáticos, vamos gravar as mensagens do nosso bate-papo em um arquivo texto comum, chamado batepapo.txt. Convém notar que, da forma como estamos construindo esse sistema, o arquivo texto crescerá indefinidamente, tornando o bate-papo, com o tempo, lento e pesado. Se você pretende utilizar uma aplicação de bate-papo assim, sugiro que construa o sistema de mensagens usando um bom banco de dados ou, pelo menos, trunque o arquivo de tempos em tempos. Também é interessante notar que não vamos validar o nickname do usuário, de maneira que ele poderá mudá-lo durante o bate-papo, nem pedir nenhum tipo de login ou senha para entrar no sistema. Entretanto, se seu objetivo é construir um sistema de bate-papo fechado, não terá dificuldades em integrar nosso código com uma tela de login e guardar o nickname numa variável de sessão, por exemplo. Para começar, vamos construir nosso arquivo de funções: funcoes.php <? // Adiciona uma linha ao arquivo de bate-papo. function addMsg($nick,$msg){ $h=fopen(“batepapo.txt”,”a”); fwrite($h,”<b>$nick:</b> $msg\n”); } // Obtém um Array de dois elementos, sendo o primeiro // um array de todas as mensagens a partir de start e // o segundo o número total de mensagens function getMsgs($start=-10){ $a=file(“batepapo.txt”); return array(array_slice($a,$start),sizeof($a)); } ?>

Como você pode ver, o código é simples. A primeira função, addMsg, adiciona uma linha ao final do arquivo batepapo.txt no formato <b>nickname:</b> mensagem. A segunda função, getMsgs, obtém um array das mensagens gravadas no arquivo. Ela recebe um parâmetro, $start, que é a primeira mensagem a obter. Assim, getMsgs(30) obtém um array de todas as mensagens a partir da trigésima e getMsgs(-20) obtém um array das últimas 20 mensagens. Nosso index é um arquivo de frames simplificado: index.php <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Frameset//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd”> <html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”pt” lang=”pt”> <head> <title>Batepapo</title> <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8” /> <head> <frameset rows=”*,60” border=”1”>

tutorial :: 55

São dois frames: em cima o “batepapo”; em baixo o formulário para envio das mensagens. O arquivo batepapo. php também é muito simples: batepapo.php <? include(“funcoes.php”); $mensagens=getMsgs(); ?><!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”> <html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”pt” lang=”pt”> <head> <title>Batepapo</title> <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8” /> <meta http-equiv=”refresh” content=”2”> <head> <body> <ul> <?foreach($mensagens[0] as $mensagem){?> <li><?=$mensagem?></li> <?}?> </ul> </body> </html>

Incluímos o arquivo de funções e executamos a função getMsgs sem parâmetros, o que retorna as dez últimas mensagens. Em seguida, fazemos um loop imprimindo essas mensagens numa lista. Atenção especial para esta linha: <meta http-equiv=”refresh” content=”2”>

Ela vai fazer com que a janela de bate-papo tenha refresh automático a cada dois segundos. Isso permitirá à nossa aplicação funcionar mesmo em navegadores bem antigos, mesmo que não suportem Javascript. Nestes casos, o usuário perde o histórico do bate-papo, vendo na tela apenas as dez últimas mensagens, mas o restante funciona normalmente. Vamos agora a parte final, o formulário de envio de mensagem: form.php <? include(“funcoes.php”); //Trata os caracteres especiais do nick e da mensagem $nick=htmlentities($_POST[“nick”],ENT_COMPAT,”utf-8”); $msg=htmlentities($_POST[“msg”],ENT_COMPAT,”utf-8”); //Se há nick e mensagem, grava no batepapo if(!(empty($nick)||empty($msg))){ addMsg($nick,$msg); $msg=””; } ?><!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”> <html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”pt” lang=”pt”> <head> <title>Batepapo</title> <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8” /> <head> <body> <form method=”post”>

56 :: tutorial

<label for=”nick”> nick:<input name=”nick” id=”nick” value=”<?=$nick?>” size=”15” /> </label> <label for=”msg”> mensagem:<input name=”msg” id=”msg” value=”<?=$msg?>” size=”50” /> </label> <input type=”submit” value=”Enviar!” /> </form> </body> </html>

Esta parte também é simples. Um formulário comum, que submete para a própria página. Ao receber o post, o código PHP simplesmente trata os caracteres especiais e insere a mensagem no arquivo batepapo.txt. Está pronto nosso bate-papo. Veja que ele funciona até no velho Netscape 2.0:

E já que nesta edição você leu um bocado de coisas sobre internet móvel, veja nosso bate-papo funcionando também no Opera Mobile:

É importante que comecemos nossa aplicação assim, com HTML simples que funciona em qualquer lugar. Isso vai garantir que praticamente qualquer usuário, em qualquer plataforma, vai conseguir usar o bate-papo, mesmo que não tenha suporte a AJAX. Se você está achando feio o bate-papo, não se preocupe! CSS pode resolver o problema com facilidade. No próximo mês, vamos transformá-lo numa genuína aplicação AJAX, sem prejudicar a compatibilidade com navegadores antigos. Até lá!

58 :: e-mail marketing

Rodrigo Ribeiro Sócio-gerente da agência Confraria do Design, Professor da Universidade Tuiuti do Paraná, Pós-Graduado em Marketing pela FGV e em Computação Gráfica Aplicada pela PUCPR. rodrigo@confrariadesign.com.br

Evite tornar o e-mail marketing sinônimo de spam Quase sempre chego ao trabalho com muito sono, meio rabugento, igual aquele cachorro do desenho animado, sem muitas palavras. Alguns resmungos e começo a relação de tarefas automáticas do dia: fazer café para a turma (no caso de ser o primeiro a chegar), ligar as máquinas e depois sentar em frente ao computador para a batalha, no qual o primeiro “round” é baixar os e-mails recebidos. Ao descarregá-las, começo a leitura e vejo coisas do tipo: “Você ganhou um prêmio... clique aqui e veja como receber”; “Seu nome está no SERASA... clique aqui e veja o valor dos débitos.”. Penso, enquanto sigo apagando alucinadamente a “lixarada” recebida: é como tirar neve de frente de casa! Só dá para sair depois de pegar a pá e jogar tudo para fora da calçada. Ao final do processo, separo como mensagens importantes de pessoas conhecidas e/ou empresas que autorizei o recebimento. Para se ter uma idéia, esse conteúdo relevante representa apenas cerca de 15% do total dos e-mails que recebo diariamente. Em 2001, o spam era eleito a maior praga da internet e todos buscavam uma forma de eliminá-lo ou diminuir a sua influência. Em 2005, segundo a Trend Micro*, cerca de 40% das mensagens que chegavam ao usuário final eram indesejadas e o spam continuava sendo a maior ameaça da web. Algumas previsões são de que, em 2006, cerca de 95% dos e-mails circulantes serão spam. O fenômeno chamado “phishing”*, que consiste na captura de dados e posterior fraude, atualmente está presente em cerca de 20% dos e-mails enviados aos internautas e é uma preocupação constante das empresas de e-commerce e operadoras de cartões de crédito, no qual no último ano houve uma explosão de crimes na internet. Porém, dados fornecidos pela VISA* apontam que, de cada US$ 100,00 gastos on-line, apenas US$ 0,07 vão parar nas mãos de fraudadores. Apesar de toda a segurança, ainda há riscos e para minimizá-los é melhor manter-se sempre precavido. Sabia que o Brasil é o quinto maior alvo de spam no mundo?* Absurdo! Mas por que estou perdendo tempo falando nisso? Ué... Quantos de nós nunca utilizamos o e-mail marketing para promover produtos e serviços? Por causa de todos os dados acima apresentados e para valorizar esta eficiente ferramenta, a ABEMD (Associação Brasileira de Marketing Direto - www.abemd.com.br) criou um código de boas maneiras a ser seguido quando da utilização do e-mail marketing, de forma que ele não se torne sinônimo de spam. Vantagens do e-mail marketing O e-mail marketing é uma ferramenta que permite às empresas a divulgação de produtos e serviços comercializados ou não pela internet de forma rápida, barata e com ótimos resultados. Por quê? 1) É uma forma de divulgação bastante flexível, podendo ser utilizada mais de uma vez

e-mail marketing :: 59

"Algumas previsões são de que, em 2006, cerca de 95% dos e-mails circulantes serão spam."

por semana com formatos diferenciados e custos relativamente baixos;

Com um baixíssimo investimento, você pode montar a

2) É uma mídia que apresenta ótimos resultados, tendo

sua própria lista de interessados, criar ferramentas de cadas-

em vista recente pesquisa de que cerca de quase 82% do

tramento, solicitando autorização para enviar e-mails, desca-

total de 103 mil internautas preferem ser contatados através

dastramento automático e evitando aborrecimentos futuros.

de e-mail;**

Agora que você sabe diferenciar spam de e-mail marketing,

3) Cerca de 65% dos mesmos 103 mil internautas costumam se cadastrar para receber e-mails sobre assuntos de

não se esqueça de observar os códigos de boas maneiras da ABEMD antes de montar suas campanhas on-line.

seu interesse;** 4) 90% dos 103 mil internautas lêem cerca de 25% dos e-mails autorizados que recebem.**

* Fonte: Jornal Valor Econômico ** Fonte: Palestra Fernando Cirne - 1a. Pesquisa sobre e-mail marketing no Brasil

60 :: marketing

René de Paula Jr. Diretor de produtos do Yahoo Brasil. É profissional de internet desde 1996, passou pelas maiores agências e empresas do país: Wunderman, AlmapBBDO, Agência Click, Banco Real ABN AMRO. É criador da “usina.com”, portal focado no mundo on-line, e do “radinho de pilha” (www.radinhodepilha.com), comunidade de profissionais da área. rene@usina.com

Viva a internet sem culpa Cabelo espetado? Não... Revolto? Não. Careca? Loiro? Moicano? Não, não, não. Custou, mas acabei encontrando algo parecido com meus cabelos grisalhos. Pronto: meu avatar (a figurinha que escolhi para me representar no Messenger) ficou mais fiel a mim mesmo. Meio jovial demais, mais sorridente ainda do que o René original mas tudo bem, melhor que minha foto 3x4 clássica. Ao menos ele pisca :) Com o tempo acostumei com esse eu-cover. Simpático, meu avatar. Mais um pouco eu passo uma procuração para que ele me represente em tempo integral. Reuniões chatas? Conference calls? Ir ao banco? Meu avatar vai, ele tem carta branca. Avatar não engorda, não acorda atravessado, não envelhece... Bárbaro, isso. O mais fascinante nessa história toda é que essa mentirinha inocente, essa fantasia digital pode ser mais autêntica e fiel do que minha foto no RG. Fotos podem sair esquisitas, verdes, esbugalhadas. Fotos podem congelar para sempre um dia em que você estava péssimo (meu passaporte, por exemplo). Fotos podem destacar algo que você odeia: nariz, pinta, testa... Avatares mostram o melhor de mim. O que é ruído, o que é acidental eu deixo de lado. Será pecado isso? Eu acredito piamente que não. Quando criamos uma experiência on-line, seja um site ou um produto de internet, pensamos em uma série de coisas: o que o usuário quer realizar, o que ele precisa fazer, o que o negócio necessita, qual a maneira mais eficiente de se atingir um objetivo, e vamos pensando, pensando, pensando até doer. Se pensarmos tudo direitinho, vamos ter um produto funcional, redondo e... provavelmente sem graça. E a tristeza de algo sem graça é que não soa um alarme, não dá ERROR 500, não dá “bad, bad server”. Coisa sem graça simplesmente não decola. E o que é mais enervante: coisas que têm graça decolam como um foguete mesmo que tecnicamente sejam um Frankenstein. Essa história de “Graça”, esse atributo intangível e milagroso, sempre me intrigou. Hoje, olhando para meu próprio avatar sorridente, tive uma iluminação e quero compartilhá-la com vocês. Antes de abrir o jogo, permita-me um foreplay rápido. Se você estudou antropologia na faculdade deve ter ouvido falar em Mircea Eliade. O cara escreveu livros muito interessantes sobre mitos, e essa história toda de avatares e Graça me lembraram algo que li dele: muitas culturas têm mitos de um tempo distante, onde a vida era mágica, abundante, não havia doenças nem morte, um paraíso mesmo. Alguma desgraça acontece e o mundo descamba pra essa versão beta que todos conhecemos: guerra, dor de dente, gente chata, tela azul etc. Pois bem: mesmo na era internética/nanotecnológica/espacial, uma parte secreta em nós sonha com paraísos floridos onde não há regras nem dor, cheia de alegria sem compromisso e prazeres sem fim (mais ou menos como um camarote VIP de carnaval). Eis aí o caminho da Graça: abrir as portas para o paraíso. Como? Permitir ao usuário momentos de descompromisso, deixá-lo esquecer por um momento que existem jeitos certos ou errados de se fazer as coisas, deixá-lo brincar sem conseqüências.

marketing :: 61

" Simpático, meu avatar. Mais um pouco eu passo uma procuração para que ele me represente em tempo integral. Reuniões chatas? Conference calls? Ir ao banco? Meu avatar vai, ele tem carta branca." Os produtos e serviços on-line mais gostosos são aqueles

Outro dia fui colocar meu avatar simpático como meu

onde somos eternamente joviais mesmo que por algum

retrato num site on-line. ERRO!!! “A imagem deve ter

tempo, onde criamos nossas próprias regras mesmo sem

128x128 pixels”. Tem mesmo? Por que? O que custava ter

conhecer as regras técnicas.

feito um sistema que aceita imagens de qualquer tamanho e

I n s t a n t M e s s e n g e r s p e r m i t e m i s s o . S i t e s d e re l a c i o n a m e n t o p ro p o rc i o n a m i s s o . S i t e s c o m o F l i c k r. c o m permitem isso. Você cria seu próprio mundinho e deixa o que é chato de fora. Ok, eu sei e você sabe que algumas coisas em internet têm que ser chatas: segurança, privacidade, detalhes técnicos. Têm mesmo?

a redimensiona automaticamente? Por que deixar esse tipo de armadilha no caminho do usuário leigo? Nós sabemos quais são os pecados na internet, mas o usuário não. Ele não precisa cair no inferno por ignorância. Deixe o usuário cair em tentação, e livre-o do mal, amém. E que milhões o acompanhem.

62 :: bula da Catunda

Marcela Catunda Trabalhou na TV Globo, TV Bandeirantes, TV Gazeta, Manchete e SBT. Foi redatora da DM9DDB e Supervisora de Criação de Mídia Interativa da Publicis Salles Norton. É sócia do site Banheiro Feminino, está no Orkut e trabalha como autônoma. blog - http://pirei.catunda.org marcelacatunda@terra.com.br

Eu, pessoa jurídica de mim Um dos meus maiores sonhos é ser uma pessoa jurídica. Não sei, acho chique. Eu já fui pequena empresa de mim e fali. Não sei, não rolou. Agora, o sonho de ser PJ nunca me abandonou. Sempre quis deixar de ser uma simples freela e ser juridicamente dona de mim. Mas o que diabos você quer dizer com isso? Desculpe, mas nem eu mesma sei. É só um desabafo. Me jogo no sofá da sala, olho pros meus pés enquanto penso, penso, penso e assumo pra mim mesma: tô com saudades de trabalhar em equipe. A vida de freela é muito solitária. Vontade dá e passa. Será? Algumas são eternas como ter a beleza de Rita Hayward, a leveza de Baryshnikov e o dinheiro de Donald Trump ou do Pato mesmo. Nossa! De repente, virei uma mutante e posso me ver com bicos, uma sapatilha de ponta e ruivas madeixas. Não. Deixa isso pra lá. Melhor é ser eu mesma. - Então, sua nota não chegou não – diz a atendimenta. - Como assim não chegou? – respondo perguntando. - Estranho, né? – divaga curiosa. Ai! Ai! Ai. Quando alguém que vai nos pagar supostamente deixa claro que sua nota pode ter sido engolida pelo Triângulo das Bermudas, algo faz com que você se sinta à deriva, sem esperanças. - Mas você não tem idéia de como possa estar meu pagamento? É que já tem um tempo que a nota tá aí e venceu dia 21 – falo, enquanto observo minha folhinha batendo no dia 5 do mês subseqüente. - Olha! Não faço idéia do que possa estar acontecendo, mas faz assim, eu vou tentar ver em que pé que tá e te aviso – profetiza. Paro então pra analisar a promessa acima. Primeiro ela não faz idéia do que possa estar acontecendo, o que já a isenta de qualquer responsabilidade; depois ela diz que vai “tentar”, veja bem, tentar ver, o que não significa que ela vá tentar, muito menos que vá conseguir; e pra piorar ela diz que vai me avisar, ou seja, me ferrei. Até hoje ninguém, absolutamente ninguém em meus 20 e tantos anos de vida profissional, me telefonou pra dizer algo como: - Oi Catunda, pode vir pegar seu cheque. Seria agora minha primeira experiência? Volto então para os meus pés e fico balançando, pensando, sonhando com uma vida melhor, cães labradores correndo pela casa, aquele cenário tijolinho à vista com amplas janelas e crianças correndo pela casa. Nossa! Sai de mim que esse corpo não te pertence. De

bula da Catunda :: 63

"Ser

freela não é só criar, ou produzir - é aprender a cobrar também de forma criativa."

repente, virei uma tia velha de propaganda de margarina.

criatura do RH.

Melhor sonhar comigo recebendo um Oscar pelo melhor

- Sua nota não tá aqui não – que consolo.

roteiro de alguma coisa, só no tapetão vermelho, na pose.

- Eu só queria receber. Só isso, juro – desabafo.

Não. Também não quero pensar nisso. E como eu faço agora pra parar de pensar esse bando de coisas que eu não quero pensar? - Então Dona Coisa acharam minha nota? – tento novamente.

- Rá! Rá! Vou procurar sua nota por aqui, liga em meia hora – pede. - Meia hora, nem um minuto a mais, por favor. – suplico. E nessa meia hora, enquanto observo o que dá pra

- Acredita que não? – responde a atendimenta.

vender em casa, vejo meus gatos jogados no sofá, num

- Acredito.

sono tão bom, tão despreocupado e feliz que por alguns

Abro o Word e os olhos pro mundo enquanto escrevo

instantes me sinto ridícula em estar tão preocupada com

essa coluna, menos inspirada talvez na coisa trabalhar, na

a nota, com os trabalhos, com a inspiração, em ser pessoa

árdua tarefa de tentar passar sempre alguma coisa, de falar

jurídica de mim...

das felicidades e dificuldades do dia a dia desse mundo ponto com, e não é que já tô falando? - Você é a menina do computador?

Lição do dia de hoje? Ser freela não é só criar, ou produzir - é aprender a cobrar também de forma criativa. - A l ô , b o m d i a . A q u i é o a d v o g a d o d a M a rc e l a

- Ã? – como assim?

Catunda. Ela fez um trabalho pra vocês e parece que está

- Vo c ê n ã o é a m e n i n a q u e f e z o t r a b a l h o d o

tendo alguns problemas para receber seu pagamento

computador? - Sim, mas eu poderia tê-lo feito de uma máquina de escrever, ou até a mão. Eu sei escrever – respondo pra

– digo engrossando a voz e com um pano no falante, me segurando pra não rolar de rir.

64 :: webdesign

Luli Radfahrer PhD em Comunicação Digital, já dirigiu a divisão de internet de algumas das maiores agências de propaganda e de alguns dos maiores portais do Brasil. Hoje, é Professor-Doutor da ECA-USP, Diretor Associado do Museu de Arte Contemporânea e consultor independente. Autor do livro ‘design/web/ design:2’, administra uma comunidade de difusão do conhecimento digital pelo País. webdesign@luli.com.br

Para que, afinal, estudar fora do país? Muita gente procura um curso complementar no exterior. O investimento vale mesmo a pena? Como sou professor universitário, freqüentemente sou abordado por alunos em busca de informações sobre bolsas de estudos e cursos no exterior. Não que isso me surpreenda, afinal eu também fiz um curso fora do país assim que me formei (e, se não me engano, meu amigo Michel Schwartzman fez algo parecido). Ter contato com outras culturas é sempre interessante e, sem dúvida, fator importante para o amadurecimento de qualquer um. O que questiono é se, hoje em dia que a internet facilitou o acesso de muitos ao conhecimento – de Amazon.com a Google Scholar – o investimento de mudar de país para estudar ainda se justifica. Vamos deixar uma coisa bastante clara: sei que todo mundo gosta de viajar e que a experiência de viver em cidades como Paris, Londres, Nova York, São Francisco ou Barcelona é fascinante. Isso não se discute. Também não pretendo questionar a validade de um bom curso de imersão em qualquer língua, nem o enriquecimento de currículo que qualquer experiência internacional proporciona. A questão não é essa. O que se discute aqui é a validade do aprendizado e, sob esse aspecto, todos os argumentos anteriores, por mais nobres que sejam, nada mais são que excelentes desculpas. Digo isso porque dou aulas na Universidade de São Paulo e vejo constantemente entre muitos de meus brilhantes alunos um certo ar de decepção pelo simples fato das coisas não serem tão exatamente perfeitas como eles desejavam. Afinal de contas, a USP é uma repartição pública, com todos os defeitos comuns a instituições desse tipo. Por mais que muitas escolas busquem ter em seus quadros o máximo possível de excelência, é sempre bom ter em mente que existem cursos, aulas, professores e alunos bons e ruins por toda a parte. Em outras palavras, não é o fato de o Japão ser um país de tradição gráfica e ter uma cultura que valoriza o ensino que o isenta de politicagens, picaretagens e desatualizações; tampouco os anos de histórias de universidades como Harvard ou Columbia as livram de más experiências. Todo mundo, em algum momento da vida, já ouviu que o que faz um bom curso é o aluno, não o professor ou o programa. Por mais que esse argumento pareça uma justificativa para quem não fez uma boa escola, em tempos digitais ele está mais certo do que nunca. Por mais qualificados que sejam os professores, o máximo que podem fazer é transmitir alguns conceitos técnicos e despertar em seus alunos o espírito inquieto de pesquisa e inovação. O resto é com eles. Muita gente acha que, ao passar nas provas de seleção e se matricular em um novo

webdesign :: 65

"Como não nasceu por ali, diversos elementos sutis da cultura do país serão estranhos para você, o que certamente tornará seu trabalho menos eﬁcaz."

curso, seus problemas terminaram. Sinto dizer que é

Amazon. Grandes são as possibilidades de metade deles não

exatamente o contrário – esse é o momento em que a parte

prestar. Os outros, no entanto, serão outros quinhentos.

fácil acabou. A partir do primeiro contato com o professor,

Com o resto do dinheiro você sempre poderá fazer um

a bola estará para sempre com você. Ele pode até indicar

pouco de turismo pelo país que quiser.

livros, sugerir trabalhos e avaliar materiais, mas cabe a você transformar essas dicas em algo pessoal, produtivo e eficiente. Sob esse aspecto, a internet é um livro aberto. Aliás, uma biblioteca completa. A quantidade excessiva de conteúdos disponíveis facilita e desorienta qualquer um. O que ler, já que não dá para ler tudo? Como selecionar? Sinto muito, mas não é um professor que vai resolver essas dúvidas para você. Se você discorda, considere a forma com que escolhe suas músicas prediletas, ou até mesmo seus amigos. De todas as opções oferecidas, algumas agradam mais. Examinadas a fundo, levam a pequenas decepções, grandes alegrias e um intenso aprendizado. Com sua experiência profissional não é diferente. Por mais que o convençam do contrário, o diploma lá de fora não garante ninguém. Pode até impressionar em um primeiro contato, mas quando se fala de design gráfico, o portfólio costuma contar muito mais que as salas de aula. Além do mais, não pense que será fácil trabalhar fora do país – mesmo que não houvesse o preconceito contra estrangeiros (acreditem: ele existe e não é nem um pouco disfarçado quando se trata da manutenção de postos de trabalho), você sempre será um gringo em terra estrangeira. Como não nasceu por ali, diversos elementos sutis da cultura do país serão estranhos para você, o que certamente tornará seu trabalho menos eficaz. Em resumo, antes de pensar se deve torrar algum dinheiro para passar alguns meses em uma escola sueca de design, considere gastar US$ 1000 em livros na