Documentos de Académico
Documentos de Profesional
Documentos de Cultura
br/webdesign
e d i t o r a R$ 6,90
arteccom
FUTURO
as próximas tendências em webdesign
da que isso acontecerá algum dia conceitual, não somente tecnológico múltiplos canais digitais
Leonardo Antunes, Globo Online
especial
e-learning
confira a importe atuação do webdesigner nesse mercado em expansão
direitos autorais
3
Equipe
Editorial
quem somos
Direção Geral
Obrigada! Adriana Melo
adriana@arteccom.com.br
Chegamos ao fim do ano e completamos também um ano da revista
Direção de Arte
Webdesign. Com este, são doze exemplares concluídos. A tarefa não foi Patrícia Maia
patricia@arteccom.com.br
fácil, mas, conseguimos! A sensação de dever cumprido é muito boa e para
Ilustração
2005 o objetivo será melhorar ainda mais nossa revista, porque temos Beto Vieira
beto@arteccom.com.br
muito o que aprender, graças a Deus.
Diagramação
Gostaria de agradecer primeiramente ao nosso patrocinador Bruna Werneck
bruna@arteccom.com.br
LOCAWEB empresa de hospedagem de sites que, em um mercado edito-
Direção de Redação
rial em crise, tornou-se indispensável para que esta revista chegasse até André Philippe Iunes
:: 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.
andre@arteccom.com.br
vocês, arcando com toda nossa despesa gráfica para sermos capazes de
Redação
oferecer um produto de qualidade ao nosso público. Obrigada pela força, Vanessa Barbosa
vanessa@arteccom.com.br
Claudio Gora e Cristian Gallegos e demais integrantes da equipe LocaWeb.
Publicidade
Nossos leitores, com certeza, reconheceram o incentivo da LocaWeb. Daniele Moura
daniele@arteccom.com.br
Agradeço também aos leitores que nos deram uma prova de confian-
Assinaturas
ça e se tornaram assinantes da Webdesign e também àqueles leitores que Jane Costa
jane@arteccom.com.br
AINDA não assinaram nossa revista, mas que a procuram incansavelmen-
Gerência de Tecnologia
te de banca em banca. Fabio Pinheiro
fabio@arteccom.com.br
E, não poderia deixar de agradecer, mais uma vez, e com muito orgu-
Webdeveloping
lho, à minha querida equipe Arteccom que, com todo esforço do mundo, faz Eric Nascimento
eric@arteccom.com.br
o máximo para que tudo fique lindo e funcione. Às vezes, erramos,
Financeiro
atrasamos, damos alguns furos, mas se a idéia fosse sermos perfeitos, o Luana Rocha
luana@arteccom.com.br
revisor ortográfico não teria sido criado, certo?
4
menu
apresentação
pág. 4 quem somos
pág. 5 menu
contato
pág. 6 emails
pág. 6 fale conosco
portfólio
pág. 13 veterano: CUbO
pág. 18 calouro: 2pix design
matéria de capa
pág. 20 entrevista: Risoletta Miranda
pág. 26 o futuro é agora
pág. 37 debate: a internet já encontrou sua
linguagem própria?
e-mais
pág. 44 e-mais: e-learning
pág. 54 tutorial: carregando um SWF externo
com a palavra
pág. 56 webwriting: Bruno Rodrigues
pág. 58 bula da Catunda: Marcela Catunda
pág. 60 marketing: René de Paula Jr.
pág. 62 experience design: Claudio Toyama
pág. 64 webdesign: Luli Radfahrer
5
emails
6
7
direito na web
Contrato de criação
de um website
Sou assinante da Revista Webdesign e adorei a seção em que a advogada tira
dúvidas quanto a alguns assuntos. Gostaria de propor um tema para discussão
nessa seção, que é sobre os contratos feitos com os clientes, principalmente para
nós principiantes. Gostaria de alguns toques como: a quem recorrer na hora de criar,
quanto um advogado cobra para criar um modelo de contrato, as cláusulas mais
importantes para a proteção de direitos autorais e outras. Desde já, agradeço o
carinho com que vocês fazem a revista, sou professor de informática e webdesigner
e sempre indico em minhas aulas a revista de vocês. Obrigado e um abraço.
Rondineli <rondineli@tranqsdesign.com>
Marianna Furtado é advogada O profissional mais indicado para prestar - definir quem responderá (responsabili-
com pós-graduação em Direito
assessoria nesse caso seria um advogado espe- dade civil) sobre o conteúdo do website e os
da Propriedade Intelectual
pela PUC-Rio. Atualmente, cializado em contratos envolvendo propriedade prejuízos que possa causar a terceiros;
pertence à equipe do escritório
Montaury Pimenta, Machado & intelectual. - quais são especificamente as obrigações
Lioce Advogados.
Geralmente os escritórios de advocacia de cada parte;
Envie sua dúvida para: realizam a cobrança de honorários profissionais - cronograma de desenvolvimento dos
marianna@montaury.com.br
de acordo com o número de horas trabalhadas serviços;
baseados em uma tabela horária - local do desenvolvimento dos serviços;
preestabelecida. O valor da hora varia de acor- - preço dos serviços e forma de pagamento;
do com o nível de senioridade do profissional - a quem pertencerão os direitos sobre o
que executará o serviço, ou seja, quanto mais resultado final do projeto;
experiente o profissional que elaborar o con- - aceitação dos serviços;
trato, mais onerosa será a sua hora. Tendo em - sigilo e confidencialidade;
vista que cada escritório possui sua própria ta- - respeito aos direitos de terceiros;
bela de honorários, é difícil estimar um orça- - manutenção e assistência técnica;
mento para elaboração de um contrato dessa - mecanismos utilizados para proteção e
natureza. segurança de informações;
O contrato de desenvolvimento e criação - lei aplicável e foro no caso de contro-
de website deverá dispor sobre: vérsia oriunda do contrato, a lei de qual país
- objeto dos serviços, descrevendo a con- será usada para dirimir tal questão e no Tribunal
figuração do projeto gráfico do website e seu de qual cidade deverá ser ajuizada a ação.
conteúdo; O contrato poderá estabelecer multas e
- estipular a quem pertencerá os direitos outras sanções para o caso de descumprimento
(patrimoniais) autorais; de qualquer das cláusulas constantes em seus
termos ou pelo desrespeito aos direitos morais
do webdesigner.
8
adote esta página
O Grupo 5 é um projeto desenvolvido, em sua totalidade, por jovens empreendedores. Nosso grupo é formado por
desenvolvedores, com soluções de TI (Tecnologia da Informação). Formado no Estado e Cidade do Rio de Janeiro, conta
inicialmente com cinco profissionais do mesmo local, com experiência em programação de sites por um longo período de tempo,
e atende clientes em quaisquer que sejam suas necessidades. O Grupo 5 oferece ao cliente o desenvolvimento de sistemas intra,
extra e internet (todos focados na face web), tal como realização de sua estrutura para o funcionamento do mesmo. Para mais
informações, (21) 2533 0230 - www.grupo5.com.br - contato@grupo5.com.br, grupo5@grupo5.com.br
adote
esta
página
!
Aprenda sem sair de casa montados por uma equipe especializada e contam com animações,
Acessando o site do Portal webAula (www.webaula.com.br) você locuções, simulações e exercícios práticos que ajudam você a
pode fazer dezenas de cursos completamente a distância. Além de aprender de verdade.
todo o material do curso, a empresa disponibiliza tutores online, das Dê uma olhada no Plano Completo de Cursos de Informática. São
8 às 22 horas para responder suas dúvidas sobre o conteúdo do 35 cursos de informática incluindo os cursos de Word, Excel, Flash
curso, e ainda certificado de aprovação. Todos os cursos são MX, Corel Draw, HTML e ASP.
(04)
clipping
Reality Show pela net: Vidrados! Programadores fazem
Diogo Boni, o Boni da net, segue carreira com projetos em diversos
enterro de soft
segmentos, entre eles, o reality show pela internet, chamado
VIDRADOS, uma parceria de sucesso com a Intelig no Rio e abandonado
montagem de um estúdio em sociedade com o DJ Robson Vidal. Entre os pequenos túmulos
O VIDRADOS será um reality show diferente e interativo, onde os de Blocker Hill, o vento
participantes deverão conviver por 45 dias em uma casa de vidro, computação. Em oito covas,
localizada dentro do Shopping New York City Center, expostos aos jazem os restos de pilhas de
visitantes do local e internautas, monitorados 24 horas por dia, sete papel contendo os códigos de
dias por semana, onde terão a difícil tarefa de viver só da internet. softwares.
Diferente dos demais realitys, no VIDRADOS os participantes não Esse cemitério é uma estranha tradição
serão eliminados, ficando todo o tempo previsto para duração do entre os funcionários da empresa norte-americana
E para transmissão do VIDRADOS, o Grupo DB4 escolheu o UOL, programas que são substituídos ou abandonados, os
pioneiro ao desenvolver a TV UOL, criada especialmente para programadores imprimem os códigos dos softwares e os
13
portfólio veterano :: CUbO
14
portfólio veterano :: CUbO
Ainda no primeiro mês de vida e com poucos trabalhos, a
CUbO foi a segunda agência mais premiada no Salão de Propa-
ganda do Rio Grande do Sul e Roberto foi o profissional mais
premiado do evento com 22 prêmios no total (um Grand Prix,
três ouros, 9 pratas e 9 bronzes), além de ter sido considerado
o profissional de internet do ano. A produtora foi indicada
também neste ano como uma das TOP 10 da categoria exce-
lência em design do Ibest, escolhida pelo júri profissional do
evento.
Trabalhos de sucesso
Em setembro de 2004, a CUbO recebeu prata na edição
especial do Festival Mundial de Publicidade de Gramado em
www.estanciataruma.com.br
Paris, concorrendo com mais 162 trabalhos. A peça premiada
foi o website criado para a Pousada Estância Tarumã. Além da
premiação, outra satisfação para a equipe foi que o site
institucional passou a ser o principal recurso para captação de
turistas pela pousada gaúcha. No projeto não faltam elemen-
tos da tradição local, que favorecem a navegação, onde os vi-
sitantes podem fazer um passeio multimídia pela estância, efe-
tuar a reserva direto pelo site e montar roteiros personaliza-
dos.
Outro trabalho importante para a produtora foi a criação
do novo site da Associação Brasileira de Televisão por Assina-
tura (ABTA). Construído para ser a principal ferramenta de
relacionamento da associação com o mercado e seus associa-
dos, o website facilita a consulta às informações gerais sobre
a ABTA e o setor de TV por Assinatura. Em uma área restrita
aos associados, pode-se consultar os projetos legislativos dos
quais a ABTA participa e as notícias sobre o setor, divulgadas
pela imprensa nacional, através do clipping ferramenta
multimídia que disponibiliza em tempo real matérias publicadas
nas mídias internet, jornal, rádio e TV.
www.abta.org.br
Roberto também destaca o projeto desenvolvido pela
CUbO para a agência Paim Comunicação. Desenvolvemos uma
apresentação institucional para a agência que pode ser total-
mente atualizada através de um manager desenvolvido em
flash, onde o próprio cliente pode atualizar diversos recursos
15
portfólio veterano :: CUbO
da apresentação, como inserir clientes, peças no portfólio Outro ponto de preocupação é manter o bom relaciona-
(imagens, vídeos, áudios), novas fotos da equipe, alterar o mento com os clientes. Na CUbO nos importamos muito com o
conteúdo e até montar uma apresentação personalizada para dia-a-dia do relacionamento. Temos consultores em contato
um prospect específico, afirma. direto com o cliente, o que faz com que imediatamente ele te-
Sinergia de ideais nha uma resposta para a necessidade apresentada, aumen-
Como diferencial da empresa, Roberto cita o bom relacio- tando a satisfação e também minimizando erros de
namento e a convergência de ideais com os sócios Raul Garré e gerenciamento no processo de desenvolvimento.
Rodrigo Elste. São pessoas que conheço há muito tempo, A apresentação dos resultados de cada ação desenvolvi-
amigos de infância, que agora estão junto comigo concreti- da também é muito importante para a agência. Por isso, foi de-
zando este novo projeto. Toda esse sinergia se traduz em senvolvida uma ferramenta que permite ao cliente saber em
comprometimento e envolvimento, resultando sempre em su- tempo real o resultado da ação, na medida em que ela está em
peração projeto após projeto. andamento, a partir de variáveis definidas em conjunto com o
Entre as páginas do folder de apresentação da CUbO contratante no início do projeto. Isto deixa a relação transpa-
estão os seguintes dizeres: resultado é o nosso argumento, rente e dá mais segurança para o cliente, explica Roberto.
tecnologia é a nossa ferramenta, criatividade é a nossa dife- Na equipe da CUbO trabalham 16 pessoas, entre consul-
rença, afirma Roberto, destacando as diretrizes da empresa. tores, diretores de arte, designers, motion designers, arqui-
Para ele, os grandes desafios são a busca pela inovação, pelo tetos de informação, redatores, analistas de sistemas, progra-
fazer diferente e criar referências para o segmento. madores de interface e gerentes de projeto.
16
portfólio veterano :: CUbO
Os próximos passos nhar para organizar as idéias e pensar. Hoje não preciso mais.
As metas da agência são homologar nossa metodologia Um bookmark ajuda muito e um bom livro também. O meu de ca-
de trabalho baseada em PMI, desenvolver o programa de par- beceira é Funky Business. Vale muito a pena.
ticipação nos resultados da agência e realizar a reforma da Segundo ele, os profissionais de webdesign estão
unidade de desenvolvimento e pesquisa na cidade de Pelotas, entrando cada vez mais cedo no mercado de trabalho. Muitos
excelente projeto arquitetônico criado pelos irmãos Cañas sem experiência o suficiente para saber o que é melhor para a
Martins, e também consolidar a presença nas praças que sua vida e seu crescimento profissional, e estão cheios de en-
estamos atuando, revela Roberto sobre os planos da CUbO tusiasmo. E para eles vai uma dica: Tentem, ousem e errem,
para o próximo ano. Para ele, um planejamento bem definido errem muito.
de onde se quer chegar, combinado com o alinhamento das Por causa da agência, Roberto tem viajado muito entre
expectativas dos gestores, colaboradores e parceiros de ne- São Paulo, Porto Alegre e Pelotas. Assim, para cada local, de-
gócios pode determinar o sucesso de uma empresa. finiu o que fazer quando não está com a cabeça no negócio. Em
Para alcançar os objetivos, Roberto possui duas verten- São Paulo, relaxa com livros, DVDs e idas ao cinema. Em Porto
tes de inspiração: uma criativa e outra empreendedora. Se- Alegre, um bom chope com os amigos é fundamental e, na cida-
gundo o CEO, as principais fontes são os desafios impostos no de natal, Pelotas, aproveita para curtir a família.
dia-a-dia, sejam os de comunicação, colocados pelos clientes, E o basquete? Será que foi substituído para sempre pela
ou situações cotidianas de gerenciamento do negócio. Não web? Ele está um pouco esquecido, mas sempre que posso
tenho uma rotina, mas já teve época em que precisava cami- tento jogar.
17
portfólio calouro :: 2pix design
Ela é responsável pelo design. Ele, pela animação, montagem e finalização. Juntos, combinam as
experiência diferente. Este é o principal foco dessa dupla e da sua agência: a 2pix design.
Parceiros no trabalho, os cariocas Priscila Lopes, 29 minha própria empresa, a 2pix. Logo depois, a Priscila saiu da
anos, e Marcus Paulista, 33 anos, dividem muito mais que o co- Conspira.com e embarcou comigo nessa jornada.
mando da 2pix. Casados há três anos, se apaixonaram pelo Com a análise criteriosa da necessidade de cada cliente,
webdesign por caminhos bem diferentes. desenvolvendo um trabalho com criatividade e tecnologia, a
Priscila, formada em Comunicação Visual na PUC-Rio, co- agência vem conquistando desde sua fundação um conjunto
meçou trabalhando com direção de arte para cinema e publici- bem diferenciado de clientes: Conspiração Filmes, Globo.com,
dade. Quando terminou a faculdade, montou um escritório de Monte Produções, Alcantarino Design, Adriana Tavares, Cer-
design e depois foi chamada para integrar a equipe de arte da veja Devassa, Xuxa Produções, À Colecionadora e Sintecfil.
Conspira.com, na criação de projetos para internet, como O foco principal da 2pix é a web, porém a dupla trabalha
sites e portais. também com CD e DVD, animações para vinhetas de cinema/TV
Para Marcus, tudo começou quando ele adquiriu seu pri- e mídia impressa. Um trabalho que eles destacam nessa área é
meiro modem. Quando vi os sites www.eye4u.com e o projeto gráfico do novo DVD do Los Hermanos em parceria
www.yugop.com fiquei completamente fascinado com as inú- com o artista plástico Luiz Zerbini.
meras possibilidades que a web oferecia. Daí foi um passo para Para aproveitar o ótimo momento, com novos projetos a
comprar muitos livros. Autodidata, leu muito, estudou html, cada semana, a dupla estuda ampliar a empresa. Para 2005,
javascript, flash e design. Trabalhou na Globo.com, fez diver- pretendemos mudar para uma sala maior e contratar profissio-
sos sites de filmes e de artistas da emissora, quando viu que a nais das áreas de atendimento e administrativa. Ah, além de
experiência com webdesign estava indo muito bem. Percebi continuar realizando trabalhos criativos para ter um reconhe-
que era hora de dar um passo mais ousado e resolvi montar cimento cada vez maior na área.
www.2pix.com.br www.sintecfil.com.br
assunto é aprender.
20
o tempo não pára
Wd :: Com o seu surpreendente crescimento, a Na internet a
internet obrigou as empresas do mundo inteiro a re-
venda da
pensar seus modelos de negócio. Na sua opinião, qual
foi a evolução mais significativa da rede que trouxe aspiração, que
reais benefícios para os negócios online?
determina a
Risoletta :: A evolução mais importante tende a ser a
adoção da internet pelo seu aspecto mais conceitual do que compra de um
propriamente técnico. A tecnologia tem uma inércia natural e
produto, passa
vai mesmo melhorar, como tem acontecido, cada vez mais. No
entanto, isso não teria muito eco se as empresas, de um lado, mais do que nunca
e pessoas, de outro, não adicionassem a internet as suas vi-
por uma boa
das. Por isso, considero muito importante a busca pelas em-
presas do uso da rede com um espectro amplo, cuja finalidade experiência com a
principal seja gerar uma maior influência na decisão de compra
marca
do cliente. Esse processo é grande e complexo, pois envolve o
desenvolvimento de uma estratégia online, buscando sinergias
com os canais de interpretação, influência e de vendas ao cli-
ente offline.
No lado do cliente, a linha de raciocínio é a mesma. As
pessoas já estão mais seguras para usar a web enquanto am-
biente transacional. É importante pensar em inclusão digital,
na ampliação do número de usuários e até no aumento de assi-
nantes de banda larga, que já é um outro patamar de consumo
de informação, produtos e serviços online. No mais, acho que
é muito prematuro fechar conceitos sobre um ambiente ainda
tão novo, considerando, inclusive, que tivemos que recome-
çar tudo, em termos de credibilidade, depois do estouro da
bolha.
Wd :: Por meio da internet, o consumidor pode
interagir, criticar, elogiar, solicitar informações ou,
até mesmo, divulgar um produto ou serviço esponta-
neamente, o chamado marketing viral. Como as em-
presas podem estimular e desenvolver ainda mais
esse tipo de interatividade no futuro?
Risoletta :: Trabalhando adequadamente com o com-
portamento do consumidor online, que já não é mais online
apenas. É offline também e a tendência é que essa divisão dei-
xe de existir. Já tem que ser assim hoje. Na internet a venda
21
o tempo não pára
da aspiração, que determina a compra de um produto, passa mais do que nunca por uma boa
experiência com a marca. E trata-se de uma experiência ainda em estado embrionário, sobre a
A busca de um
qual pouco se sabe ainda. Quando a rede nos mostrou a inutilidade das ações commodities na
formato nossa vida, como ir ao supermercado ou ao banco, por exemplo, e o quanto isso não contribuiu
em nada para nossa qualidade de vida, ampliou ao mesmo tempo a percepção do benefício de
publicitário na
um produto. Eu arrisco dizer que isso nunca foi tão forte, obrigando as empresas a olhar para
internet ainda é a emoção do cliente no encontro com a marca de maneira mais atenta e não apenas focada na
funcionalidade de um produto.
acelerada e
E essa reflexão ainda é maior. As empresas de um segmento deixam de concorrer entre si
constante. O que já apenas e passam a ter um outro concorrente comum a todas: o tempo do consumidor. As pesso-
as não estão apenas procurando um bom produto para consumir. Elas estão procurando um bom
descobrimos, com
produto para consumir dentro do menor, e do melhor, tempo possível. E hoje, este menor tempo
certeza, é que ela está conceitualmente na internet.
Wd :: Existe algum tipo de produto ou serviço que ainda não possa ser
deve obedecer a
comercializado na web?
duas linhas Risoletta :: A partir da resposta anterior, vejo a coisa de maneira mais ampla. A cada dia
somos consumidores com a decisão de compra cada vez mais e mais fragmentada. Vemos e ou-
básicas: o respeito
vimos na televisão um anúncio, checamos no site da empresa, passamos rapidamente, ou pro-
à privacidade do fundamente, nos sites da concorrência e, só aí, nos dignamos a ir à loja. Se tivermos a comodi-
dade da compra online, podemos finalizar essa experiência com a marca por ali mesmo. Ou seja,
consumidor e uma
a empresa pode até nem ter o produto para vender de fato em seu site, mas com certeza pode
oferta adequada ao ser na web que a pessoa inicie a tomada de decisão de compra, ainda que isso se dê no meio
offline. No Brasil, a internet ainda é mais influenciadora de uma decisão de compra do que pro-
seu perfil
priamente vendedora.
Wd :: Hoje, o cenário da internet encontra-se bombardeado por mensagens
publicitárias indesejadas, sem ética, sem conteúdo e até mesmo enganosas. Na
sua opinião, mesmo com quase uma década da popularização da WWW, existe
atualmente um formato publicitário considerado ideal para divulgar um produto
ou serviço na rede? Como as empresas estão lidando com isso?
Risoletta :: A busca de um formato publicitário na internet ainda é acelerada e constan-
te. O que já descobrimos, com certeza, é que ela deve obedecer a duas linhas básicas: o res-
peito à privacidade do consumidor e uma oferta adequada ao seu perfil. Ou seja, é marketing de
permissão, com técnica de segmentação. Qualquer coisa fora disso, em termos de resultados
na web, vai esbarrar em uma visão reducionista da própria estrutura conceitual e tecnológica
da rede. Um ambiente em que o cliente tem uma constante experiência solitária com a empresa,
em frente a um monitor e onde, de outro lado, as empresas possuem algumas possibilidades de
monitorar seu comportamento, inclusive com sua permissão. Não se pode ter isso desprezado.
Principalmente porque é potencialmente bom para os negócios. É o que o marketing de massa
22
o tempo não pára
nunca terá: um alvo e uma única chance para acertar. É vender passagens para Fernando de
Noronha para quem quer ir para Fernando de Noronha e não para quem quer ir para Santa
Catarina.
Em termos de formato, acredito muito no email marketing e nas ferramentas de tracking e Ferramentas de X
Tracking
análise de comportamento online, combinadas com os dados que o cliente já fornece em seus Ferramenta que possibilita
cadastros. No caso da Advice, temos uma metodologia aplicada a uma ferramenta que se chama monitorar os passos de um
determinado usuário. Consiste
VRM Advice (Virtual Relationship Management), que nos permite exatamente isso: criar histó-
no envio de um cookie para o
ricos de comportamento online do consumidor por meio de seus dados e de seu comportamen- navegador, que identifica as
to. Isso nos permite segmentar comunicação em todos os níveis. Desde a parte criativa, até a ações que o visitante faz
dentro de um site.
escolha da melhor oferta. As empresas começam a olhar para essa combinação de maneira mais
interessada. Temos encontrado muitas delas nesse processo.
Wd :: Pop-ups, banners que se abrem no meio da homepage de um site, bem
como outras formas de persuasão ostensivas, são práticas comuns em muitos
sites. Como você prevê, de hoje a cinco anos, os formatos de persuasão usados na
internet?
Risoletta :: Não arrisco nada para daqui a cinco anos na web. É tempo demais. Acho que
os formatos não interativos, como pops e banners continuarão a existir. O que torna um am-
biente web interativo é uma estratégia de contato segmentada com o cliente, que permita criar
23
o tempo não pára
24
o tempo não pára
usar a primeira pá-
gina como um lugar
desesperador, em que a em-
presa quer colocar tudo. Mas a geração
heavy user que está na web e os tweens es-
tão ficando muito habituados e íntimos de mecanis-
mos como o Google. E isso certamente influenciará o mo-
delo de navegação nos demais portais, favorecendo o design
mais clean, a rapidez de acesso à informação e, no final das con-
tas, vai economizar o maior bem do consumidor: o tempo.
Se o tempo é nosso bem mais precioso, é certo que, como consumido-
res, respeitaremos muito mais as empresas que tenham como premissa essa fi-
losofia. Porque no fundo, comprando carne, refrigerante, chocolates ou telefone, o
que a gente está querendo mesmo é qualidade de vida. E essa equação implica em que o
fator decisivo seja adicionar na fórmula o maior número possível de horas de prazer.
Wd :: Com o advento da banda larga, poderá haver algum tipo de mudança na
proposta do design na web? Se sim, quais mudanças serão mais significativas Se o tempo é
para o futuro?
nosso bem mais
Risoletta :: Sim. E de novo o assunto passa por valorização do tempo. Com banda larga
o consumidor terá acesso a uma informação de maior qualidade em menor tempo. Ou seja, o precioso, é certo
potencial criativo e convergente de comunicação audiovisual na web ganha um poder enorme.
que, como
Pode ser exercido em toda a sua extensão. E a gente sabe que quanto mais argumentos se
usam, mais chances se têm de persuadir alguém a consumir algo. Nesse ponto, a internet será consumidores,
absolutamente imbatível no ciclo de decisão de uma compra.
respeitaremos
Wd :: Com a internet se expandindo para os dispositivos móveis, como os
palms e os celulares, qual será o novo perfil do profissional de webdesign no futu- muito mais as
ro?
empresas que
Risoletta :: O mesmo perfil de hoje: alucinadamente visionário, curioso, inventivo e arro-
jado. O grande desafio da internet é ser um terreno fértil em que estamos criando tenham como
e fazendo uma nova história. E como atores disso, temos que ser mais criadores do que
premissa essa
diluidores, para usar a boa classificação do poeta americano Ezra Pound. Sendo assim, é preci-
so também não esquecer de treinar o olhar com o que ficou para trás e investir seus conheci- filosofia
mentos nas obras de Leonardo da Vinci, Rembrandt e Mondrian. Tem muita gente fazendo design
na web e que nunca ouviu falar neles. Mas esse background ainda é o que separa os bons dos
comuns.
25
o futuro é agora
agora
a porta do seu carrão, joga o seu celular no banco de trás e
começa a falar com um monte de gente por meio de uma cone-
xão bluetooth entre o automóvel e o seu telefone. Pois bem,
quem acha que essa situação faz parte de uma viagem
transcendental de algum autor de ficção científica é só ligar a
televisão para saber que o futuro é agora. O comercial de um
Por André Philippe Iunes carro esportivo, que está sendo veiculado atualmente, nos faz
atentar para a realidade de que quanto mais banalizamos a
Conheça as tendências da rede e fique
tecnologia, maior é o sinal de que ela está mais presente em
por dentro das previsões de nossas vidas do que imaginamos.
especialistas da web. E isso também acontece quando nos referimos à
internet. Não é mais novidade falar que a rede já é realidade
no dia-a-dia de boa parte da população, e que serviços essen-
bluetooth X
ciais, como a declaração de imposto de renda, por exemplo,
Tecnologia que permite a
são feitos normalmente pela web em nosso país. Entretanto,
comunicação sem fio (wireless)
entre aparelhos eletrônicos, muitos dos jovens que ingressaram nas universidades brasilei-
como celulares, palmtops, ras nos meados da década de 90, e que hoje trabalham com o
computadores, impressoras,
meio online, nem imaginavam que concluiriam seus cursos de
scanners etc. Para que isso
ocorra, é necessário que o graduação envoltos em uma revolução social e tecnológica. Um
equipamento possua um chip novo e desconhecido campo de trabalho estava nascendo e
Bluetooth.
tudo ainda era muito indefinido. No começo da WWW, muitas
previsões surgiram, algumas verdadeiras e outras meramente
especulativas, ajudando a traçar análises que serviriam como
parâmetros para essa nova mídia.
26
o futuro é agora
Esses mesmos estudantes, quando recém-saídos de
suas faculdades, presenciaram de perto o estouro da grande
bolha formada entre 1999 e 2000 no universo das
pontocom. Em 1995, quando ainda estavam na época do
vestibular, o mercado de internet permeava-se por muita
desinformação, com grande carência por profissionais
especializados. A semente do World Wide Web germinava e
nos anos seguintes o panorama vinha a estabelecer um cres-
cimento gradual até ocorrer um desequilíbrio na balança. Na
mesma época, o índice composto da Nasdaq, bolsa de valores Nasdaq X
27
o futurio é agora
28
o futuro é agora
De olho no futuro...
Experience Design:
De que forma o webdesigner pode se atualizar com interação levada ao extremo
relação às próximas tendências em um mundo, onde a
Cláudio Toyama, estrategista em experiência com o usuário,
quantidade de informações é cada vez maior? Para Cláudio
explica que o conceito de Experience Design desvincula-se do
Toyama, estrategista em experiência com o usuário e só- objeto em si e associa-se à experiência que uma pessoa terá
cio-fundador da Brand Experience Studio, em Londres, o com o meio interativo. Segundo ele, esta experiência passa a
ser o produto final, tendo a importantíssima função de fazer
segredo é buscar fora da web outros referenciais. Segun-
com que um cliente vivencie a marca, produto ou serviço em
do ele, é importante também ter sempre em mente que a sua totalidade.
evolução gradual é inimiga da inovação. Se a humanidade Alguns aspectos do Experience Design:
- uma forma mais abrangente de projetar o design;
se concentrasse em melhorar cada vez mais as carroças,
- visão holística da interação;
com rodas diferentes, cavalos mais bem alimentados e com - criação de uma relação individual;
ferraduras de materiais mais resistentes, não teríamos os - conexão com o consumidor em um nível emocional;
- embasado em um design multidisciplinar.
carros. E isto se dá para qualquer campo de conhecimento,
incluindo o webdesign, destaca.
A valorização dos aspectos cognitivos e
comportamentais dos usuários fez com que surgissem no-
vas carreiras, como o consultor em usabilidade, gerente de boa experiência com o cliente é vital para a construção de uma
conteúdo e analista de planejamento, por exemplo. É o co- imagem positiva de uma marca ou produto, Toyama cita, em
meço de uma nova era tanto para o usuário como para o entrevista concedida ao site Banana Design, que este concei-
profissional que está envolvido com o meio online. Compar- to é a resposta dos designers para a nova mentalidade econô-
tilhando desta idéia, Toyama explica que a usabilidade e mica, na qual produtos e serviços não são mais suficientes na
acessibilidade estão servindo como parâmetros criação de valor. Para ele, o que irá contar é a experiência que
balizadores para o desenvolvimento de uma nova forma de o consumidor terá com determinada marca ou empresa.
conceber a web. Ele destaca que na Inglaterra já estão
sendo criadas leis para o cumprimento de certas diretrizes
Muitos estudos têm sido feitos no
de acessibilidade e que, na sua opinião, esta tendência
será em âmbito mundial. Muitos estudos têm sido feitos no campo das ciências cognitivas, que
campo das ciências cognitivas, que objetivam a análise de
objetivam a análise de nossa mente e de
nossa mente e de nossa inteligência e também como inter-
pretamos o nosso mundo. Essa nova ótica ajudará enor- nossa inteligência e também como
memente o desenvolvimento de futuros websites, prevê
interpretamos o nosso mundo. Essa nova
o estrategista.
A idéia de que a experiência proporcionada ao usuário ótica ajudará enormemente o
é determinante para o sucesso ou fracasso de um site traz
desenvolvimento de futuros websites
à tona um novo termo que ganha força a cada dia na rede:
o Experience Design. Partindo do pressuposto de que a Cláudio Toyama
29
o futuro é agora
30
o futuro é agora
web. Ele cita o Orkut como exemplo, afirmando que, em um
futuro próximo, as marcas e anunciantes estarão criando
vínculos cada vez mais efetivos com seus públicos na
internet, dando, inclusive, espaço para o consumidor se
manifestar livremente em relação aos produ-
tos e serviços. A Harley-Davidson é um
bom exemplo disso. Criou-se, espontanea-
mente, uma das maiores comunidades virtuais do
planeta. Hoje, a internet já funciona como o maior ponto de
encontro de harleyros no mundo todo. Administrar isto com in-
teligência é a chave para elevar o relacionamento das marcas
com seus públicos a um plano de total cumplicidade. Para mim,
este é o futuro.
31
o futuro é agora
Se uma marca Ei, psiu! Como chamaremos a atenção do usuário no futuro?
Atualmente, pop-ups e banners que se abrem no meio da homepage, bem como outras
não quiser ser
formas de persuasão ostensivas, são práticas comuns em muitos sites. Fazendo uma breve
lembrada como a comparação, Mario Persona diz que a utilização indiscriminada destes formatos é o mesmo que
colocar os painéis de propaganda, que cercam o campo de futebol, entre a câmera e o jogo. É
chata da hora, é
claro que todos os telespectadores veriam sua marca lá, mas a pergunta é: Eles gostariam de
melhor começar a ver aquilo? Se uma marca não quiser ser lembrada como a chata da hora, é melhor começar a
procurar outras formas de chamar a atenção de possíveis clientes, destaca.
procurar outras
Para Clovis La Pastina, redator da agência Euro RSCG 4D, esses tipos de formatos publi-
formas de chamar citários são intrusivos e cansam a navegação. Entretanto, ele explica que se você quer ver te-
levisão, tem de saber e aceitar que vai ver comerciais. Na web não é diferente. Quer ver notí-
a atenção de
cias em um portal? Tome banner, pop-up, ações em DHTML e o que mais vier. Faz tempo que
possíveis estão anunciando a morte dos pop-ups e até agora nada, muito pelo contrário.
Cada vez mais surgem os chamados formatos diferenciados. Duvido que
clientes
algo vá mudar, enfatiza La Pastina.
Mario Persona Contudo, na opinião de Renato Cavalher, aplicativos inteligen-
tes tendem a evoluir muito e ocupar o lugar dos pop-ups e banners
tradicionais no futuro. Para ele, o que vai prevalecer é a combinação
entre impacto e serviços. Se no momento que você estiver
navegando em um site de turismo, por exemplo, e algum ele-
mento gráfico invadir a tela trazendo a previsão do tempo, isto será muito
bem-vindo e deixará uma imagem simpática do patrocinador. Acho que a
coisa vai caminhar para esse lado, prevê o diretor de criação. Seguindo
essa linha, o site de busca Google já faz um tipo de propaganda inteligente: o
Google AdWords. No momento em que o usuário faz uma pesquisa por um de-
terminado assunto, no retorno dos registros obtidos aparecem, no canto di-
reito do site, links de empresas que fornecem serviços ou produtos referen-
tes à palavra procurada.
Cláudio Toyama lembra que um fenômeno interessante que está
acontecendo é o das empresas que estão mudando o conteúdo das
propagandas para que sejam veiculadas de forma viral. Ou seja, que se
tornem tão atrativas e inovadoras que as pessoas peçam para ver e que,
depois de visto, repassem para os amigos. É preciso que se perceba que a
nova mentalidade publicitária na web começa a valorizar a relação do cliente
com a mensagem. Persona explica que transformar um produto em uma men-
sagem que produza um momento mágico é o que o mundo da propaganda precisa
aprender a utilizar com maior freqüência.
32
o futuro é agora
Design: como será com o advento da banda larga? acaba de ganhar uma filmadora e quer usar todos os recursos
O avanço tecnológico traz não só recursos para se criar disponíveis de qualquer maneira, ressalta.
melhor, mas também, em alguns casos, dita as regras do jogo. Com exceção dos sites experimentais, Toyama destaca
Entretanto, o entorpecimento causado nos primórdios da que está havendo uma consolidação de formatos visuais pa-
web pelas diversas tecnologias existentes fez com que muitos dronizados, com layouts que contemplam menus ou no lado es-
desenvolvedores usassem indiscriminadamente aplicativos e querdo ou no topo da página. Ele lembra que, no começo da
outras ferramentas para chamar a atenção do usuário a qual- rede, existiam várias concepções de design diferentes e a
quer preço. Com uma visão otimista, Cláudio Toyama diz que maioria dos sites era experimental, pois não havia um padrão a
cada vez menos websites fazem uso das tecnologias apenas seguir. Outra tendência acontecendo há algum tempo, desde
por serem novidades ou por acrescentarem algum valor estéti- a introdução do XML, é a separação entre a forma, estrutura
co. Na sua opinião, a tendência será cada vez mais a de valori- e conteúdo, ou seja, o design é transformado em um template
zar a mensagem e não o meio. Quando descobriram os gifs e ao conteúdo são dados espaços únicos para o cabeçalho,
animados, foi uma festa de coisas piscando pela internet, mes- corpo do texto etc., fazendo com que até mesmo leigos pos-
mo que isto não acrescentasse em nada na compreensão e sam fazer a atualização, explica.
entendimento da mensagem que o site queria passar. Com a E com o advento da banda larga? Como será criar para um
introdução do Flash foi a mesma coisa: uma festa de logos gi- novo meio que proporciona melhores recursos? Segundo
rando, com zoom, morph etc. É um pouco da síndrome de quem Luciana Baptista, gerente de pesquisa e desenvolvimento da
XML X
Tableless: É a sigla para Extensible Markup
33
o futuro é agora
34
o futuro é agora
A mobilidade tornou-se realidade de forma rápida, visto
que palms, pockets pcs e outros aparelhos portáteis já são vis-
tos normalmente nas ruas, bares e restaurantes. Entretanto,
como será para o webdesigner se ajustar a essa nova realida-
de? Na opinião de Luciana Baptista, para que o profissional de Uma tendência que vem se
internet possa ser capaz de atuar em vários dispositivos dife-
estabelecendo mais e mais é a
rentes, ele deve primeiro entender que cada um deles tem as
suas particularidades. Ela cita, por exemplo, que aspectos de participação do usuário no processo de
usabilidade e personalização são importantes para que tenha-
design, justamente para identificar os
mos um design funcional em telas pequenas. Na sua opinião,
os designers deveriam ter mais conhecimento do comporta- aspectos relevantes de uma interface
mento do usuário em relação a esses dispositivos, bem como
Luciana Baptista
estudar seus aspectos sociais para identificar que tipo de con-
teúdo é mais adequado para cada tipo de aparelho e em que
tipo de situação ela é acessada. Uma tendência que vem se
estabelecendo mais e mais é a participação do usuário no pro-
cesso de design, justamente para identificar os aspectos rele-
vantes de uma interface.
Para quem pretende explorar esse novo território, Cláu-
dio Toyama afirma que o perfil será o mesmo do webdesigner
de sucesso de hoje, pois o que mudará são os formatos e pla-
taformas, mas a base é a mesma, ou seja, a interação. Com-
partilhando da mesma opinião de Luciana, para ele, o profissi-
onal de internet atual e futuro tem de entender de design da in-
formação, cognição, comunicação, design gráfico, psicologia,
dentre outras disciplinas. Ou seja, tem de primeiramente ana-
lisar o ser humano e saber como ele interage com o mundo à
sua volta para depois adicionar o conhecimento técnico na
produção de sites. Se o webdesigner se concentrar somente
no conhecimento técnico, ele estará fadado a desaparecer,
alerta.
35
Olhar para frente, sempre!
A internet nasceu em um século no qual o mundo passou
por profundas transformações em todas as esferas da experi-
ência humana. Infelizmente, no início deste milênio podemos
testemunhar contrastes de um mundo novo, porém com pro-
blemas antigos. De um lado, o avanço da tecnologia, encur-
tando distâncias e aumentando os laços entre as pessoas. De
outro, a intolerância estampada em atentados, como o do 11
de setembro, que demonstra o longo caminho que ainda temos
que percorrer para evoluir socialmente como espécie.
Mesmo nesse cenário de contrastes gritantes, não é mais
nenhuma viagem de ficção científica dizer que a internet vai
estar simplesmente incorporada a tantas coisas em nosso coti-
diano que nem mesmo saberemos dizer onde ela está. Hoje,
talvez, seja uma grande novidade a cena do garotão entrando
no seu carro falando ao celular no viva-voz. Mas também te-
mos que parar para pensar que há dez anos, o telefone móvel
era algo totalmente inacessível, sendo sinônimo de status, vis-
to que uma linha custava aproximadamente R$ 5 mil.
Entretanto, manter uma perspectiva romântica do futuro,
como fez o escritor francês Júlio Verner no século 19, que por
meio de uma postura visionária narrou o progresso da ciência
de forma revolucionária em livros como Viagem ao Centro da
Terra, 20.000 Léguas Submarinas e Da Terra à Lua, pode
servir de estímulo para outras inovações tecnológicas nos dias
de hoje. A delicada comunhão que Verne fez da literatura com
a ciência tornou seu trabalho interessante, até mesmo atual-
mente. Talvez, o mesmo casamento possa acontecer na web,
em que tecnologia, arte e, principalmente, a valorização do
ser humano possam ser os combustíveis necessários para mo-
ver os anseios desta metamorfose digital.
36
debate
A internet já
encontrou sua
linguagem
própria?
Quase dez anos se passaram desde a popularização da
a cinco anos?
37
debate
Não. A internet ainda não encontrou a sua linguagem própria e não tenho certeza de que
isso acontecerá algum dia. Isso se dá por meio de quatro variantes que estão em constante
modificação: público-alvo, tecnologia, locais e culturas de acesso e saídas (telefone, palms,
Ipods, laptops, PCs etc.).
Pela internet ser um meio de comunicação muito recente, se comparada à televisão, rádio
e aos meios impressos, e por estar em constante evolução tecnológica, o conteúdo publicado
para a web muda sua saída para o usuário à medida de sua própria vontade. Estamos entran-
do na era da customização em massa, em que o conteúdo, seja qual for, aparecerá de manei-
ra individualizada, atingindo com qualidade um maior número de pessoas possível.
À medida que se faz isso, cria-se um relacionamento mais estreito com o usuário. Com
isso, as empresas estão cada vez mais voltadas para a interatividade que o meio oferece e,
com isso, implementando o marketing de relacionamento em seu mais alto grau.
Com o aumento da banda e da popularização de outros dispositivos de acesso, já estamos
caminhando para a larga utilização de outros formatos, como vídeo, áudio e gráficos,
auxiliando e agregando valor na transmissão de informação, o que nos primórdios da rede era
publicada apenas com texto e fotografia. Vejo a usabilidade e a navegabilidade de um site
cada vez mais customizadas pelo internauta. Hoje, os textos publicados não são extensos,
como em uma revista ou jornal, e dá-se prioridade a pequenas notas em vez de matérias
extensas. Outro fator determinante para a mudança de linguagem na web é a diversificação
do público-alvo, que tende a aumentar com a inclusão digital.
:: Leonardo Antunes
Designer do Globo Online e diretor de arte da Aparato Digital
www.oglobo.com.br / www.aparatodigital.com.br
38
debate
Minha previsão para os próximos cinco anos é que o
vídeo transforme cada vez mais esta linguagem,
revolucionando as sensações de experiência com as
marcas
:: Tatiana Kligerman,
Diretora de Planejamento da Digital@JWT
www.jwt.com.br
39
debate
:: Gustavo Rodrigues
Diretor de Criação da Rage
www.rage.com.br
40
debate
A rede fará parte de nossas vidas tanto quanto nossa escova de dentes
menos favorecidos têm acesso de graça à web por meio de construção de websites, destinados a
portadores de algum tipo de deficiência
algumas iniciativas do governo. E isso mostra que a internet é
visual, auditiva e motora.
para todos.
A era da informação não é mais uma coisa do futuro, ela
já está presente e estamos vivenciando isso hoje. E isso vai
melhorar quando a conexão sem fio for ampliada. A informação
estará em toda parte, não será mais você que irá até ela, mas
sim ela que virá até você.
Esta é a linguagem mutável da Web: envolvente, pois
muda nosso jeito de pensar, trabalhar, estudar e
principalmente o de se relacionar.
:: Diego Eis
Criador do site Tableless e colaborador do Mobile Life, site sobre
conectividade sem fio.
www.tablless.com.br / www.mobilelife.com.br
41
debate
:: João Binda
Supervisor de Mídia da AlmapBBDO para internet
www.almapbbdo.com.br
42
debate
Hoje, o mercado interativo vem amadurecendo e se tornando mais profissional, pois A web foi dos
grandes agências de internet enfrentam cada vez mais concorrentes a sua altura. Já as engenheiros.
pequenas, começam a enxergar a necessidade de maior dedicação e profissionalismo. Depois, dos
A própria linguagem para a web acaba sendo muito particular. Usabilidade, acessibilidade
publicitários.
e navegabilidade são termos difíceis de serem compreendidos, mas necessários ao bom
Agora é dos
desempenho e sucesso de um projeto online.
Exemplos disso são as formas de comunicação em chats, instant messengers, icq, entre
estrategistas,
outras, que já fazem parte do cotidiano dos heavy users, mas ainda são muito peculiares ao para direcionar o
olhar dos leigos. Todas essas análises e interpretações sobre como trabalhar a internet ainda posicionamento
são pouco valorizadas pelos clientes e até mesmo pelas desenvolvedoras, mas a cada ciclo, digital da marca
percebemos a própria evolução e percepção do mercado quanto a isso.
Os próximos anos serão a chave para a consolidação do formato definitivo que a internet
tomará. Estamos no caminho certo e passo a passo, e com muita calma, a internet acabará se
tornando um dos principais meios de comunicação. Acredito que todos aprenderam muito com a
famosa bolha e com as loucuras que aconteceram quatro anos atrás.
A meu ver, a internet caminha para ser uma nova forma de integrar os meios de
comunicação. Com certeza, a convergência entre as mídias direcionará o caminho, pois a
internet encontrará o usuário onde ele estiver, quando ele quiser e da forma que lhe for mais
conveniente. Não estamos falando apenas de TV interativa, mas sim de telefonia móvel, rádios
online com abrangência mundial, imagens transmitidas de outros pontos do planeta que usam a
web como meio de transmissão e outras engenhocas que ainda nem imaginamos seus formatos.
Só não podemos esquecer dos acertos que já conquistamos, que é o grande diferencial da
internet quando comparada a outras mídias: a medição e monitoramento realtime de projetos
online.
A web foi dos engenheiros. Depois, dos publicitários. Agora é dos estrategistas com visão
de comunicação e tecnologia para direcionar o posicionamento digital da marca, criar eixos de
contato entre mídias que gerem pontos de interseção com o consumidor. O meio digital é uma
extensão do negócio e não mais um anúncio. A interatividade é elo para o relacionamento, feito
por um brand channel, um canal de marca multipresencial, que permite ao usuário optar pela
mídia e interface que preferir, podendo mudar a qualquer momento, como mudamos de roupa.
Afinal, somos humanos. Estamos mais complexos, mas também mais acessíveis.
:: Daniel Gunji
Diretor de Planejamento da Tange Comunicação Digital
www.tange.com.br
43
e-learning
E-learning
Para onde quer que você vá, que você o carregue
Por Vanessa Barbosa
Dos cursos por correspondência aos transmitidos pelas fitas de vídeo, a educação a distância evoluiu
muito. O advento da internet beneficiou o processo de aprendizagem, tornando-o mais fascinante e com
múltiplos recursos. Assim surge o e-learning, possibilidade de ensino a distância que utiliza a web e que vem
crescendo em instituições e empresas, trazendo novas perspectivas para os profissionais de educação e da
mídia online. Nesse contexto, o papel do webdesigner é fundamental, pois é através da interface que o aluno
acessa o conhecimento. Para entender melhor a atuação do profissional de webdesign no desenvolvimento
e na criação de cursos online, a Webdesign convidou especialistas em e-learning para falar sobre esse mer-
cado em expansão. Bom estudo!
De forma geral, para que um website seja funcional, ele precisa responder
perguntas simples do usuário, como: onde está, para onde ir, como chegar,
como voltar, onde encontrar a informação desejada, entre outras. Na educa-
ção a distância (EAD), a interface de um curso online possui a necessidade de
ir um pouco além e informar também: por onde começar, se existe uma ferra-
menta específica para navegar, até onde se pode ir, o que fazer em caso de
dúvidas, como proceder se quiser interromper o estudo e voltar depois, e assim
por diante.
Por isso, o design para e-learning possui particularidades e precisa ser
muito bem planejado. Segundo a desginer Ana Paulo Mauro, diretora de
desenvolvimento da Malabares, produtora que realiza trabalhos na área
de educação e design, enquanto os websites são apresentados por
uma página principal que tem a obrigação de capturar o usuário, os
alunos que freqüentam os cursos online geralmente têm uma neces-
sidade ou obrigação a cumprir a partir do entendimento do con-
teúdo. Por isso, os cursos fazem parte de projetos pedagógicos
pensados e estruturados de forma a possibilitar um estudo
autônomo.
Ana Paula ressalta que na maioria dos websites o usuá-
rio não navega por todo o conteúdo, e sim, pelas partes
44
e-learning
que mais lhe interessa. No e-learning o objetivo é fazer
com que o aluno percorra todo o caminho, ou seja, complete o
curso, mesmo que não linearmente. O design tem o importante
papel de capturar e direcionar o usuário e impedir o cansaço ou
desinteresse do aprendiz. Nesses cursos, o texto deve ser um
poderoso aliado na interlocução com o aluno e a estética e as
imagens estão a serviço do pedagógico.
Para o desginer Beto Lucena, sócio e fundador da
empresa EduWeb, ao planejar e desenvolver um site
institucional ou um curso online, o webdesigner está lidando Segura o aluno!
com as mesmas restrições, possibilidades e tecnologias Ao produzir projetos para educação a distância é
fornecidas pela internet. A grande diferença são os processos imprescindível ter em mente princípios básicos que valem para
e a metodologia da solução. O designer que trabalha para a criação de qualquer site: interface amigável e de fácil
prover soluções para o e-learning deve pensar de uma maneira compreensão. No e-learning o ambiente precisa atrair, dialogar
mais didática. O tratamento da informação apresentada passa e instigar o aluno. Por isso, conhecer bem o público-alvo,
por um processo muito mais apurado, onde todo o promover a interatividade com o usuário e usabilidade são
planejamento está voltado para o objetivo do aprendizado de fatores decisivos para que o curso cumpra seu objetivo.
um indivíduo. Assim, a forma com que o produto será Segundo Rachel Mazzarotto, diretora de arte do Portal
apresentado influi diretamente no crescimento do de Educação do Exército, é primordial saber para quem se
conhecimento, ou seja, é preciso avaliar com cautela que destina o curso. Esse estudo é fundamental para que o
elementos utilizar para transmitir precisamente a mensagem. designer possa criar elementos e estruturar uma interface que
atinja e motive seu aprendiz. Por ser a distância, o usuário,
muitas vezes sozinho diante do computador, precisa de um
ambiente intuitivo e atraente, que o convide para o
aprendizado.
Beto, que trabalha com e-learning desde 1997, afirma
que um curso online precisa de muita interatividade para ter
sucesso. Em um website, o abandono de um usuário significa o
desvio de sua atenção para outro contexto. Em um curso
online, o abandono do aprendiz custa a não absorção de um
conteúdo pontual, que tem por objetivo informar e instruir o
usuário sobre um conteúdo muitas vezes indispensável para
seu crescimento.
Como elementos interativos, Rachel destaca a utilização
de exercícios como de arrastar e soltar, relacionar colunas,
completar lacunas, questionários e outros jogos educativos.
Essa atividades são importantes, pois mostram ao aluno o que
ele está aprendendo, o que precisa estudar mais, enfim, para
45
e-learning
que ele sinta a evolução do seu aprendizado. A webdesigner entre o tutor e o aluno: Há ferramentas de comunicação
apenas alerta para o uso de hiperlinks no conteúdo do curso. É assíncronas, como o email e fórum de discussão, e síncronas,
um recurso interessante, pois dá oportunidade para que o como o bate-papo e videoconferência. Elas facilitam e
usuário obtenha mais informações sobre o assunto que está aumentam o contato do usuário com o responsável pelo curso.
aprendendo. Porém é necessário que seja empregado de forma Outro fator importante ao desenvolver um projeto para
cuidadosa, para que o aprendiz não se perca e saia do curso. e-learning é manter uma identidade visual ao longo do curso.
Fábio Duarte, designer do FGV Online, programa de Segundo Ana Paula, é importante que haja uma unidade, por
ensino a distância da Fundação Getúlio Vargas, destaca a isso o primeiro trabalho é desenvolver um projeto de
criação e uso de personagens que podem tanto ilustrar o identidade visual, onde se define tipologia, cores, ícones e
conteúdo como interagir com o usuário. Quanto mais o aluno imagens a serem utilizados.
interage mais chances ele tem de aprender. A vantagem do e- Nesse aspecto, Beto lembra que a identidade visual deve
learning é que ele oferece inúmeros recursos, como ser pensada para atender o público-alvo. Se o projeto for
animações, fotos, ilustrações, vídeos, áudios e até específico para uma empresa com foco em um perfil de
videoconferência. funcionário determinado, deve-se trazer graficamente todo o
Para Beto Lucena, outra possibilidade é estimular a conceito da corporação para o conteúdo, fazendo com que o
adesão dos aprendizes através de um tutor. Esse profissional aprendiz identifique o curso como uma extensão da qualidade
é responsável pelo processo de acompanhamento e controle de seu ambiente. Mas existe também a situação em que um
do ensino-aprendizagem e atua tirando dúvidas, comentando curso de um tema genérico é desenvolvido com objetivo de
as tarefas realizadas e debatendo sobre os temas abordados servir diferentes perfis ou mesmo diferentes empresas: são os
durante o curso ou treinamento. E Rachel destaca as chamados cursos de prateleira que podem ser aplicados em
ferramentas existentes no ambiente virtual para a interação diversos contextos. Nesse caso, o importante é planejar o
46
e-learning
design de forma que o conteúdo possa ser customizado agil- tem acesso ao computador, entre outras condições. Isso é le-
mente para cada demanda. vantado na fase inicial do desenvolvimento do curso. O
Equipe multidisciplinar designer instrucional fica encarregado de definir quais serão
Desenvolver uma solução para e-learning envolve um os recursos tecnológicos que serão utilizados, baseado nas
grupo de profissionais de diferentes áreas, como professo- limitações do projeto. Definido isso, o webdesigner trabalha na
res, pedagogos, designers instrucionais, redatores, progra- implementação desses recursos e na criação.
madores, tutores, gerentes de projeto e designers gráficos. Atuação do webdesigner
A parceria entre a equipe multidisciplinar é fundamental Com a chegada de novas tecnologias e também de
para o sucesso do trabalho. Mas a integração entre dois restrições e possibilidades, a participação do webdesigner
profissionais o designer instrucional (ou instructional desde o início do projeto se torna cada vez mais indispensável.
designer) e o designer gráfico é a garantia da qualidade do Por isso, esse profissional precisa estar sempre antenado com
produto final. as novidades em relação a ferramentas, tecnologia,
Segundo Fábio, o designer instrucional geralmente é um programas, e claro, a temas relacionados ao e-learning.
profissional com formação em Letras e/ou Pedagogia. Ele é As tecnologias mais utilizadas pelo webdesigner na criação
responsável pela produção do storyboard após colher o de soluções para ensino a distância são o Flash, Photoshop, 3D
material didático com o professor-autor. Esse storyboard Max, Adobe Premiére, Dreamweaver, Html, Illustrator e 3D Max.
mostra toda a seqüência de telas e a forma como cada uma Segundo Ana Paula, o ideal para quem deseja trabalhar
deve ser apresentada, sendo passado para o designer para que com EAD é possuir formação em Programação Visual e ter
sirva de guia no processo de criação do curso, explica Fábio. interesse em assuntos ligados à educação e arquitetura da
Com o roteiro, o webdesigner cria a interface gráfica e informação. Além disso, é muito importante manter-se
todos os elementos visuais, símbolos e recursos interativos atualizado através da leitura de publicações do setor e, como
que serão utilizados para o desenvolvimento do curso online. qualquer designer, é imprescindível a constante renovação de
Rachel lembra que a aprendizagem online tem suas limitações idéias através do contato com a Arte. O domínio de programas
tecnológicas, pois depende para qual público o curso é é importante, porém vale lembrar que ferramentas mudam,
destinado: se esse possui internet banda larga, em qual local
O domínio de pro-
gramas é importan-
te, porém vale lem-
brar que ferramen-
tas mudam, mas
conceitos ficam
Ana Paula Mauro
47
e-learning
48
e-learning
forma gradativa e estruturada. Atualmente o maior objetivo na
implementação do e-learning é a redução nos custos com o
treinamento, redução de tempo de alocação e deslocamento de
profissionais para um treinamento e a propagação do
conhecimento entre o maior número possível de colaboradores
dentro da instituição. E nestes quesitos ele vem se mostrando
efetivo se for implementado de forma correta.
Qual será o maior desafio?
Para o profissional é se manter atualizado. Ler tudo sobre
o que acontece na área de e-learning ajuda e muito, afirma
Rachel. Estar afinado com os diversos processos pedagógicos
que são utilizados nos cursos online também é muito
importante, pois dá uma visão geral do processo e facilita a
criação de um ambiente que transmita o conteúdo de uma forma
que o usuário absorva o máximo de conhecimento e sinta que
seu empenho tem retorno, complementa.
Em relação ao desenvolvimento de interfaces para EAD, o
ponto-chave para o sucesso de uma solução de conteúdo é
torná-la atraente. Na maioria dos casos o aprendiz já possui
uma cultura de aprendizado presencial e é neste momento que o
designer deve diferenciar o modo como o conteúdo é passado,
utilizando recursos que não são possíveis de serem aproveitados
em uma sala de aula. Além disso, a interface de um curso online
deve ser totalmente transparente para o usuário, ou seja, o
foco deve ser total no conteúdo, uma vez que dificuldades de
navegação ou desinteresse podem custar o preço do abandono
do aluno, conclui Beto Lucena. Cursos desenvolvidos pelo núcleo de EAD do Portal
de Educação do Exército
Cite algumas características que o webdesigner precisa para trabalhar com e-learning.
-Deve ter experiência de falar com o público (ao vivo) pois, sempre surgem perguntas que vão além do
contexto (troca de experiências) muito importantes.
-Sólidos conhecimentos de usabilidade e de adequação de mídias e conteúdo à web.
Márcio dÁvila,
mhtech@mhavila.com.br
- Saber lidar com seu conhecimento e repassá-lo de forma simples e objetiva.
Ser meticuloso e usar uma linguagem de fácil compreensão. Elaborar conteúdos divididos
em níveis e etapas de aprendizado.
marcelo@wsbh.com.br
49
e-learning
50
51
tutorial
Carregando um
SWF externo Flávia Barbieri Soares
flavia_barbieri@tonanet.com
O Flash MX 2004 trouxe uma novidade prática que nos Vamos estudar rapidamente as configurações de
ajuda a agilizar nossas produções nesta ferramenta. Os com- Parameters que se encontra na Barra Properties.
ponentes Loader e ProgressBar em conjunto funcionam autoload Se true, seu arquivo externo será carregado
otimizando os projetos, auxiliando e organizando seu desen- automaticamente. Se false, para o arquivo externo ser car-
volvimento. regado será necessário um programação Action Script própria
Vamos produzir um pequeno exemplo com estes dois com- seja num botão ou em um quadro da Timeline.
ponentes e perceber o potencial da sua boa utilização. contentPath o nome do arquivo SWF que será carregado.
Em primeiro lugar, crie um arquivo SWF simples; este será scaleContent Se false o arquivo externo manterá seu
o arquivo carregado externamente. tamanho original. Se true, o arquivo externo se adequará ao
Abra um novo arquivo do Flash. File --> New. Clique na tamanho da janela do componente.
ferramenta Rectangle e depois, no palco, desenhe um retân- Então, vamos configurar corretamente estas opções:
gulo de qualquer tamanho. Salve o arquivo com o nome autoload True
externo.fla. contentPath externo.swf
Para que o Componente Loader funcione corretamente, scaleContent True
precisamos transformar este arquivo FLA que criamos em um
SWF. O componente Loader só carrega externamente, arqui-
vos SWF e não .FLA.
Vá em File à Publish Settings e na janela que irá abrir
desmarque a opção HTML e deixe marcada somente a opção
Flash. Clique em Publish e depois clique em Ok. Agora nós Salve o arquivo com o nome chamando.fla na mesma
temos na mesma página do arquivo externo.fla um ar- pasta onde salvou seu arquivo externo.fla. Agora teste seu
quivo denominado externo.swf, já podemos trabalhar com filme. Vá em Control Test Movie ou aperte Ctrl+Enter.
o componente Loader. Você verá que o arquivo externo.swf sendo carregado
Abra um novo arquivo. File --> New. dentro do arquivo chamando.fla.
Abra o Painel Componentes. Window O componente ProgressBar serve como um complemen-
Developement Panels Components. to do componente Loader. Ele deve ser utilizado em conjunto,
No painel aberto selecione o componente principalmente quando se tratar de arquivos pesados que de-
Loader e arraste-o para o palco. morariam um pouco mais para serem carregados. A
ProgressBar como o nome já diz é uma barra de progres-
so, que mostra em porcentagem o quanto já foi baixado do
arquivo externo.
52
tutorial
Para trabalhar com o ProgressBar, precisamos primei- Selecione o primeiro quadro da camada em que se encon-
ramente nomear a instância do componente Loader que cria- tram estes componentes (na Timeline) e insira o comando a
mos. Selecione-o no Palco e na Barra Properties, nomeie-o seguir. Este Script funciona como um escutador de evento,
carregando. Aperte Enter para que o nome seja inserido que dirá ao componente ProgressBar que fique oculto quan-
corretamente. do terminar de carregar o arquivo externo.
ERRATA : na edição de novembro o tutorial Carregando texto externo no Flash 2004 apresentou um à onde
deveria estar um tracinho no caminho dos comandos, o que pode ter atrapalhado a interpretação.
53
rme publicitário informe publicitário informe publicitário informe publicitário
A internet é, hoje, a extensão eletrônica de uma empresa. num ambiente semelhante ao browser, no qual os produtores de
É nela que encontramos informações sobre produtos, serviços, conteúdo inserem as informações e os demais elementos (imagens,
áreas de atuação e de abrangência geográfica e preços. Apesar sons, vídeo etc.) sem o risco de danificar o trabalho prévio de desen-
da evolução do mundo digital, a grande dificuldade das compa- volvimento da página. Com a solução, os webmasters decidem o que
nhias na internet ainda é atualizar e gerenciar seu conteúdo com pode ser editado e quem vai publicar, graças a um novo sistema de
rapidez e eficiência. aprovação e administração, que permite o gerenciamento de cone-
O principal motivo é a sobrecarga de trabalho dos xões, rastreamento, senhas e privilégios de usuários.
webmasters. Esses profissionais altamente especializados gastam Outro ponto forte da tecnologia é a inclusão do recurso
cerca de metade de seu tempo com atualizações simples nas páginas Flash Paper 2, que permite a conversão, com um só clique, de
do site ou da intranet. Como o conteúdo informativo é produzido por qualquer arquivo passível de impressão para o formato Flash.
profissionais sem conhecimento da linguagem técnica, as equipes de Sua grande vantagem é que os documentos ficam disponíveis na
desenvolvimento e criação ficam atoladas no trabalho mecânico de própria página, ou seja, é um elemento de design mais leve e fle-
atualização e perdem um tempo precioso, que poderia ser utilizado xível que abre em qualquer navegador em menos de um segundo,
no que fazem melhor: criar e desenvolver. além de executar no plug-in do Flash Player.
Atualizações constantes são extremamente importantes, Sucesso comprovado
mas não agregam valor aos projetos dos webmasters. É muito A adoção do Contribute pela Universidade do Oeste de
mais produtivo para a empresa e para os clientes que a experi- Santa Catarina (Unoesc), por exemplo, foi responsável pela redu-
ência desses profissionais seja inteiramente dedicada à criação ção de 20% nos custos de TI relacionados ao desenvolvimento e
de novas funcionalidades, áreas ou templates do site, em vez de de 32% em mão de obra, afirma Lindamir Secchi Gadler, coorde-
desperdiçada em desgastantes idas e vindas de arquivos e tabe- nadora de TI da universidade. A solução agilizou significativa-
las produzidos por usuários que poderiam ser eles mesmos res- mente as atividades de atualização na Internet, explicou ela.
ponsáveis pela atualização do conteúdo na página. Outro exemplo bem-sucedido é o portal do Departamento de Ser-
Faz parte do importante papel dos webmasters zelar pela viços à Criança e à Família do município norte-americano de Ala-
integridade do site. Eles só podem delegar as tarefas de atuali- meda (www.acgov.org), que usa a ferramenta para manter seu
zação se houver garantia de que layouts e funcionalidades serão Guia Prático Online. Agora usuários não-técnicos passaram a
preservados. É para resolver definitivamente esse problema que atualizar sem que o código ou layout seja modificado, o que ge-
a Macromedia lançou a terceira versão do Contribute, software rou uma economia de US$ 250 mil dólares só no primeiro ano,
para atualização de páginas e conteúdo que vem se popularizan- destacou Jim Damien, diretor de TI do departamento.
do por facilitar o árduo trabalho dos webmasters. Para baixar uma versão de teste gratuita do
Com ele, toda a atualização é feita por usuários não-técnicos Contribute 3 e obter mais informações, acesse:
sem que o código ou layout possa ser modificado. Tudo acontece http://www.macromedia.com/software/contribute.
54
55
webwriting
Bruno Rodrigues
Autor do primeiro livro brasileiro e terceiro no mundo sobre conteúdo online, intitulado
Webwriting - Pensando o texto para a mídia digital. É coordenador de informação do
website Petrobras e titular da primeira coluna sobre Webwriting no mundo, elaborada
desde 1998 e hoje veiculada na revista online WebInsider. Ministra treinamentos de
Webwriting e Arquitetura da Informação no Brasil e no exterior.
bruno-rodrigues@uol.com.br
Os outros
Bem que Gelson Rodrigues era feliz - mas isso durou pouco. Mais tarde, ele se lembraria
com saudade da época em que produzia seus textos em casa, na tranqüilidade do lar, envolto
em silêncio e inspiração. Seus vizinhos de porta eram apenas repositórios de bom dia e boa
noite, nada mais.
Sabia, por acaso, que no 102 morava uma figura com cara de estrangeiro - não era, mas se
chamava Mickel Slovinski. No 103, mal ele sabia, morava Marta K., que pouco saía de casa.
Mikel era designer de uma conhecida revista, e era o paraíso dar vazão à criatividade em seu
santo canto, em paz. Para Marta K., o que importava era ter para onde voltar e desabar na
cama, após horas & horas programando computadores para a empresa onde trabalhava.
Era o final dos anos 80, e Gelson encarava designers como artistas temperamentais, e
tecnologia para ele lembrava microcomputadores - que, diziam, substituiria sua adorada máqui-
na Praxis. Jamais ficaria sem o tlec-tlec, nunca.
Quando, finalmente, em 1997, Gelson foi apresentado a Marta e Mickel, não foi em uma
reunião de condomínio. Agora, os três trabalhavam em uma mesma empresa, e a primeira tarefa
da equipe - isso mesmo, equipe - era produzir o site da empresa. Os três se entreolharam em pâni-
co, mas encontraram no entendimento pacífico a melhor opção ao pedido de demissão coletivo.
Não há final feliz para esta história, que recomeça todos os dias para milhares de profissi-
onais de webwriting, webdesign e tecnologia espalhados pelo mundo. Para todos nós, alguns
conselhos:
- Somos todos profissionais de Informação. Não importa se você lida com textos,
imagens ou programação. Nossa tarefa, na Web, é a Comunicação, e um site, seja ele da
internet ou de uma intranet, é um alto-falante com três baterias. Se uma delas não funciona, ou
gasta, a Mensagem não chega do outro lado.
- A primeira impressão é a que fica. E também a segunda, a terceira, a quarta... Para
o usuário se tornar cliente de um site, é preciso criar empatia, e dela depende encontrar o pon-
to de equilíbrio entre palavra, cor, forma, movimento e relacionamento. Multimídia é isso, e não
pense que é um conceito distante, que não depende do Trio Ternura. Responsabilize-se, por-
tanto.
56
Para o usuário se tornar cliente de um site, é
webwriting
preciso criar empatia, e dela depende
encontrar o ponto de equilíbrio entre palavra,
cor, forma, movimento e relacionamento
- Todos ao mesmo tempo, agora. O webwriter que site web, por exemplo. Ferramenta obrigatória para webwriter
funciona é aquele que entende de design e de tecnologia, e o é a de gestão de conteúdo, mas isso já é ouuuutra história,
raciocínio vale para todos os envolvidos. Mas, por favor, quan- que fica para o próximo mês.
do falo em entender do assunto do vizinho, não digo que é obri- Ah, sim, antes que eu me esqueça: Gelson, o redator,
gatório saber mexer com ferramentas de programação ou de vive hoje do publisher que criou, o Gelsix; Marta K. desenvol-
design. No caso do webwriter, o que se espera é que ele saiba ve, como frila, animações de ponta em Flash; e Mikel, bem, lar-
o que pode ser feito com estes softwares, e como suas funções gou tudo e vende queijo em Visconde de Mauá. É, você leu
podem ajudar o trabalho de distribuição de informação em um certo - para você perceber como nada em nossa área é fixo e
garantido, que tudo se move, sempre. Até a próxima!
57
Marcela Catunda
bula da Catunda
58
Eu não trabalho de graça. É contra a minha
bula da Catunda
filosofia de inquilina. Tem os tais jobs de
risco, mas sempre os faço com os amigos
Já entrei em algumas roubadas nessa minha vida de Esse dia eu fui embora bufando. Porque a empresa era do
freela. Lembro que em uma delas cheguei a trabalhar dois outro lado da cidade e a coitada tinha ido de ônibus para não se
exaustivos meses. Nunca vou me esquecer do cara do financei- perder. É! Eu sou responsável. E as pessoas também deveriam
ro inventando desculpas. O cara era tão bom, mas tão bom, ser. Como pode alguém se achar tanto? Por que não falaram do
que eu tive de mandar um email para o diretor da empresa fa- que se tratava quando ligaram para mim? Por que não me dis-
lando para colocar o figura na Criação. O cara poderia ter feito seram que era uma concorrência? Por que não me disseram
o meu job na boa. Vai ser bom de inventar mentira lá no infer- que não iam me pagar nem o da condução?
no. Quase pedi a conta dele para depositar alguns Eu não trabalho de graça. É contra a minha filosofia de
caraminguás. inquilina. Tem os tais jobs de risco, mas sempre os faço com os
Fazendo o tal levantamento, lembrei de uma situação amigos. Porque se a grana não rolar, pelo menos os tenho por
hilária. Eu em uma grande empresa. Bota grande nisso. Eu, um perto, e um almoço garantido filado no tíquete.
diretorzão com uma gravata ridícula do Piu Piu e um atendimen- Arapucas da vida de freela? Desprotegida no mundo sel-
to de uma agência. Depois de muito papo vem a bomba. vagem empresarial? Não. É só mais uma história dessa coisa do
- Então Marcela, você pode mandar sua idéia? A gente vai freelar. A gente tem de meter as caras. E quer saber? Se não
selecionar as melhores. diz o tal diretorzão. fosse aquela gravata do Piu Piu eu podia até ter aceitado.
E eu, hipnotizada por aquele Piu Piu perguntei: - Vocês (gargalhadas)
têm uma idéia de preço?
- Não. Na verdade não pretendemos pagar por esse job.
disse o atendimento.
- Hã? expressei-me atônita.
- É assim Marcela, se você conseguir apresentar uma boa
idéia passa a fazer parte do nosso seleto time de fornecedo-
res. E assim podemos trabalhar mais para frente. diz o Mister
Piu Piu.
Essa gravata. Pelo Amor de Deus, tira essa gravata. Esse
Piu Piu tá piscando para mim. Estou enlouquecendo?
- É uma concorrência para encontrar pessoas que traba-
lhem de graça? perguntei.
- Como? perguntou o atendimento meio irritado.
- Como quando me pagam. Se não me pagam não como.
Por isso não posso trabalhar de graça. respondi.
59
marketing
60
marketing
De que tamanho tem de ser o seu site?
A resposta é simples: do tamanho do seu tempo
· Quem vai checar se não publicaram alguma atrocidade Ok, ok, a tentação é grande sempre, a vontade é abraçar
no fórum? o digimundo com as pernas e ter olhos maiores que o mouse (ou
· Quem vai trazer de volta os usuários que sumiram? o bolso). Mas pense como usuário: é melhor um site cheio dos
· Quem vai...? E por aí vai. truques mas mosca-morta, ou um site enxuto, focado, que
Cada feature no seu site tem dois lados: é um serviço a cumpre o que promete? Eu fico com o segundo: é sempre pre-
mais para o usuário, mas é uma responsabilidade a mais para ferível surpreender com o overdelivering a frustrar com
você, uma responsabilidade 24 horas por dia, sete dias por se- overpromising.
mana, sem feriado nem descanso. Para dar conta dessa de- (Talvez um bom título para a história do digimundo fosse
manda você tem três caminhos: investir recursos (que nunca A Insustentável Leveza da Web).
ninguém tem), não dar conta (e o usuário incomodado que se Tempos atrás um conhecido me recomendou os serviços
mude) ou simplesmente...cortar o mal pela raiz, descartando de um fornecedor de marketing direto digital. O cara é um gê-
aquilo que é definitivamente um tiro no pé. nio, disse ele. Anotei a dica e mais tarde fui consultar a URL.
O site tinha uma página. Um logo, o nome da marca, uma
frase e um endereço de email. Só.
Realmente o cara era um gênio. Esse vai para o céu.
61
experience design
Claudio Toyama
Sócio-fundador da Brand Experience|Studio consultoria em experiência do cliente e
marcas, em Londres. Mestre em interatividade e multimídia (London Institute), formou-
se em Administração pela FGV, fez pós-graduações em Marketing (CEAG) e Comunicação
e Artes (Mackenzie), e especializou-se em Design Gráfico (Istituto Europeo di Design
Comunicazione em Milão, Itália).
webdesign@claudiotoyama.com
Paladar Interativo?
Na coluna de hoje, abordarei o paladar, as pesquisas que têm sido feitas com este sentido
e quais os avanços na área.
Mas antes, gostaria de comentar algo muito interessante sobre nossos sentidos, mencio-
nado por Tor Norretranders em seu livro intitulado The user illusion cutting consciousness
down to size.
Segundo ele, se pegarmos aleatoriamente uma medida de tempo de um segundo, nós
conscientemente processamos somente 16 bits dos 11 milhões de bits de informação que nos-
sos sentidos passam para nosso cérebro neste curto espaço de tempo. Isto quer dizer que o
nosso consciente recebe uma infinitésima parte da informação que nosso inconsciente recebe
neste período. E o autor continua: nós deveríamos confiar em nossa intuição, pois esta está
muito mais próxima de nossa realidade do que aquilo que chamamos de realidade.
Para ele, o que nosso consciente descarta constitui nossa parte mais valiosa e, como este
exercício de descartar material demanda tempo, há um atraso de meio segundo entre a realida-
de e nossa percepção da mesma. Alguns exemplos mencionados seriam falarmos uma língua
fluentemente, andarmos de bicicleta, ou qualquer outra tarefa que envolva um certo grau de
expertise. Se um jogador de baseball tivesse de pensar antes de bater na bola com o taco, ele
nunca conseguiria atingi-la. No nosso caso, se tivéssemos que pensar antes de executarmos
tarefas que exigem um certo grau de expertise, não conseguiríamos executá-las com tanta
destreza.
Menciono este autor, pois ele é muito importante para todos aqueles que estiverem estu-
dando a percepção e os sentidos.
Voltando ao paladar, começarei por explicar um pouco sobre como este sentido funciona.
Sentimos o gosto dos alimentos através de nossas papilas gustativas, localizadas na parte su-
perior da língua. Ao contrário do olfato, nós conseguimos distinguir somente cinco gostos dife-
rentes, que são o doce, o salgado, o azedo, o amargo e, recentemente, foi incorporado o gos-
to chamado de umami, produzido por glutamatos encontrados em comidas fermentadas e no
glutamato monossódico.
Apesar de conseguirmos distinguir somente cinco gostos diferentes, o paladar é um sen-
tido muito complicado, pois faz uso de outros dois sentidos que são o olfato e o auditivo. É por
isso que quando estamos resfriados, não sentimos o gosto dos alimentos muito bem. Um expe-
rimento muito conhecido é o de tamparmos o nariz e experimentarmos pedaços de batata e de
maçã é muito difícil distinguir um do outro baseados somente em suas consistências e gostos.
62
Nosso consciente recebe uma infinitésima
experience design
parte da informação que nosso
inconsciente recebe neste período
63
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
Interatividade extrema
Você já parou para pensar por que os filmes de hoje são tão diferentes do que eram antes?
Não se analisa aqui a qualidade nem mesmo a relevância de um mundo pós-David Lynch, Pedro
Almodóvar ou Quentin Tarantino, mas simplesmente sua forma. De histórias simples tornadas
complicadas (como Kill Bill, uma briga de casal transformada em carnificina) a histórias comple-
xas narradas de forma corriqueira (como A má educação, análise social transformada em briga
de namorados), o que importa é que aos filmes bons não basta mais uma simples história ela
precisa ser complexa.
E isso não se resume aos roteiros de filmes: as novelas de TV, peças de teatro, romances
e até mesmo peças musicais, de uma hora para a outra passaram a ser cada vez mais comple-
xas, cheias de citações e personagens dúbios, cada qual com uma história que, sozinha, já
daria mais que um filme inteiro. Parece que, se a arte reflete a vida, nossas vidas estão cada
vez mais complexas e interrompidas.
Interrompidas? Sem dúvida. Se existe uma característica formal que qualquer roteiro
moderno não se cansa de usar é a do corte seco. Não das cenas, mas da história como um todo.
Como um DJ maluco que puxa o plug do aparelho de som, gerando um silêncio ensurdecedor, as
narrativas estão cada vez mais cortadas, truncadas, fatiadas. As coisas não têm mais começo-
meio-fim e, mesmo que tenham, seus começos não são exatamente apresentações de perso-
nagens, nem definições de quem é mocinho ou bandido. Estas, quando existem, nos deixam
sempre com um pé atrás, pois certamente nos decepcionarão dali a algumas cenas.
Por que se faz isso? Meu palpite é que, ao cortar bruscamente as histórias, os novos
roteiristas obrigam o espectador a pensar, mesmo que involuntariamente. A narrativa
inconclusa é encerrada na cabeça de quem a vê em atitude instintiva de defesa, como a criança
que precisa saber o que acontece com os personagens do desenho quando a história se acaba.
E o que tudo isso tem a ver com web? Mais que isso, o que tem a ver com design? Tudo. E
nada. Chegaremos lá, tenha paciência: sempre me espantei que as pessoas se referissem à
web como um ambiente de navegação, já que o processo de navegar no meio físico, seja mar
ou espaço, demande um ambiente intermediário. Pode-se navegar de qualquer porto para a
Austrália, mas é impossível fazê-lo sem encarar o Oceano Pacífico. Já na web, o termo mais
correto seria pescar, pois os sites visitados são transferidos de suas máquinas hospedeiras
para o browser do navegador. Onde estaria o mar deles?
Pois aquilo que por muito tempo poderia passar por má metáfora começa a fazer sentido
quando se vê e se participa das novas produções individuais, não-comerciais que começam a se
tornar populares na web: videogames do tipo MMRPG, páginas pessoais, blogs, flogs e a misce-
64
webdesign
Parece que, se a arte reflete a vida, nossas vidas
estão cada vez mais complexas e interrompidas
65
66