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 influenciar 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.prolgrafica.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 definiçõ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 (Tipografia), 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
6%
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
1
Java
22%
2
C
18%
3
C++
11%
4
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%.
5
Basic
9,8%
6
Perl
6%
7
C#
3,1%
Fonte: XiTi Monitor
8
Python
3%
68,70%
9
Delphi/Kylix
1,8%
10
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
x
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
ao
m
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 conflito.
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, identifi 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 é definida 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 fim 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 desafios encontrados na hora de se definir 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”),
v
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 desafios 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 briefing 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 “Profissã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ífico, 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
X
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 diversificado. Por isso, mesclamos recursos mais sofisticados, 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-
<input type=”submit” value=”Enviar” />
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
<frame name=”cima” src=”batepapo.php” /> <frame name=”baixo” src=”form.php” noresize=”noresize” /> </frameset> </html>
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 eficaz."
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