Anda di halaman 1dari 68

setembro 2006 :: ano 3 :: n 33 :: www.revistawebdesign.com.

br

R$ 8,90
I SSN 1806 - 0099

E D I T O R A

9 771806 009009

00033

Direito na web: evitando riscos na terceirizao de servios E-mais: sites polticos, um mercado em alta para o design na web Entrevista: saiba como utilizar a tipograa popular em sites Estudo de caso: edio de vdeo e pr-produo como diferenciais

4 :: quem somos

Editorial
cone: vilo ou mocinho?
Nas minhas aulas de ergonomia participei de alguns testes de usabilidade com pictogramas. Lembro-me de um deles com figuras de animais, para algum zoolgico, acredito. Nossa tarefa era identificar qual macaco tinha mais cara de macaco e assim por diante, porque a idia era, com o mnimo de traos ou elementos, tornar uma figura f a c i l m e n t e i d e n t i f i c v e l . A t p o rq u e , a o s o f re re m a s re d u e s necessrias, um cone no poderia se tornar ilegvel. Enfim, agora estamos mais ntimos de outros cones... os criados para os meios digitais. No sei se pela velocidade que a internet exige ou por qual outro motivo, os cones no esto recebendo a devida ateno que mereciam h tempos. Qualquer projeto, para se tornar consistente, deve ser pensado nos mnimos detalhes. cones bem feitos no devem ser um luxo para os grandes portais. Eu me irrito constantemente com os cones. Encontramos na web desde cones substituindo palavras, que temos que adivinhar o que significam na mente de quem os criou, at cones que s servem como adorno, pesando uma pgina desnecessariamente. Agora, por outro lado, eles podem ser muito teis. Eles tm a funo de reduzir o tempo de leitura e de otimizar o espao da tela. Aqui mesmo no Word vejo que tenho acesso a vrias funes simultaneamente graas aos cones. Ento, vamos dar a devida ateno a estes pequenos detalhes que podem trazer grandes diferenciais para os projetos on-line e ainda contribuir, assim, para o amadurecimento do meio digital. Boa leitura. Abraos, Adriana Melo
Direo Geral Adriana Melo Direo de Redao Luis Rocha

Equipe
adriana@arteccom.com.br

luis@arteccom.com.br

Criao e Diagramao Camila Oliveira


camila@arteccom.com.br

Leandro Camacho
leandro@arteccom.com.br

Suzanna Duarte
suzanna@arteccom.com.br

Ilustrao Beto Vieira


beto@arteccom.com.br

Publicidade Bruno Pettendorfer Dbora Carvalho


publicidade@arteccom.com.br

Gerncia de Tecnologia Fabio Pinheiro


fabio@arteccom.com.br

Financeiro Cristiane Dalmati


cristiane@arteccom.com.br

Atendimento e Assinaturas Renata Fontan


renata@arteccom.com.br A Arteccom uma empresa de design, especializada na criao de sites e responsvel 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

Criao e edio
www.arteccom.com.br

Produo grfica
www.prolgraca.com.br

Distribuio
www.chinaglia.com.br

:: A Arteccom no se responsabiliza por informaes e opinies contidas nos artigos assinados, bem como pelo teor dos anncios publicitrios. :: No permitida a reproduo de textos ou imagens sem autorizao da editora.

menu :: 5

re s e pg nta o .4 qu pg em .5 som me os nu con tat pg o .6 em pg ails .6 fale con fiq osc ue o po rd pg en .8 t ro pg mtr ica . 10 se dir me pg eit rc a . 11 on do aw po steb it po rtf pg lio . 12 ag pg . 18 ncia :m f re oo ela z nce ma tr r: E i du pg a de a rd cap oD . 20 a ucc ent pg ign re v . 28 e ista co : ti nes po s , qu and popu e-m lar ou ais es sar pg ? . 38 de pg . 42 bate: nav e-m pg eg ais . 46 and : si est oa tes pg ud os po . 52 od om lti tec ec de pg aso cos ... . 5 4 nolog ia n : S a m tut am ori aw al: bai com eb Ca ap m i n : G e re a ala pg nci han vra ado do . 58 r pe usa pg l o H de c bili ont . 60 TM dad ed Lma pg e: M o Par rke . 62 te a rc tin 4 os g: R bu pg la d N . 64 hr a C en d we eP atu bd aul nd esi a: aJ gn r. : L u M a rc ela li R Ca adf tun ahr da er

ap

6 :: emails

Assunto: Direito na web sites Estatsticas de Gostaria de saber se j foi abordado o assunto webtrends. Caso no, gostaria de sugerir o tema para as prximas edies. Creio que este assunto tratado de forma supercial e contraditria, em relao aos termos utilizados pelos softwares.
Ramiro Jr. ramiro.sixto@terra.com.br

abrao e parabns pelo sucesso.


Marcelo Barcia profbarcia@gmail.com

Ol, Gustavo, obrigado pelo aviso, voc tem toda a razo! Grafamos certo o nome dele na edio n26, mas erramos na 31. Desculpem a nossa falha! Assunto: Direito na web Portflio na revista Qual o procedimento para a divulgao de um portflio na revista?
Wagner Rosati wrccdesign@gmail.com

Professor Marcelo, obrigado pelo retorno! Este um tema importante para a carreira dos prossionais da web. Esperamos que seu blog ajude os nossos leitores e seus alunos a entender as particularidades que envolvem esta rea. Boa sorte! Assunto: Com vocs, os gerenciadores de contedo! Queria saber se a Webdesign tem alguma publicao sobre o software Drupal. Tenho ouvido falar muito dele, mas ainda no consegui trabalhar com ele direito. Se ainda no tem, ca uma sugesto para matria.
Leidiane lleidiane@gmail.com

Oi, Ramiro, tudo bem? Direito na web Assunto: Prosso webdesigner? Estou com um problema na empresa onde trabalho para assinarem minha carteira. Acabei de me formar no curso da Estcio, de Gesto e Criao de Ambientes e Internet, s que a empresa no assina minha carteira como web designer. Esto alegando que no existe esta funo. H um ano estou com a funo de tcnico de programao visual. Quero minha carteira como web designer. Como provar para eles a existncia desta categoria?
Felipe criacao@mundoverde.com.br

Primeiro, gostaria de parabenizlos pela qualidade da revista e pelas ltimas trs edies. muito legal ler sobre os caminhos e idias dos designers que so referncias, no s no Brasil como no mundo. A internet no tem fronteira. Gostaria de participar da revista.
Rodrigo Manfredi rodrigo.manfredi@gmail.com

Na edio n08, de agosto de 2004, falamos sobre estratgias para medir o retorno nanceiro e institucional que um site pode trazer para uma empresa. Dentro da reportagem, abordamos quais eram os termos mais utilizados pelo mercado. Em breve, vamos retomar este importante assunto, para revelar quais so as mtricas atuais mais utilizadas, ok? Lembrando que o Google entrou rme neste segmento, ao lanar a poderosa ferramenta Google Analytics (http://tinyurl.com/zewqj). Assunto: Direito na web Empreendedorismo Sou leitor da Webdesign h mais de um ano e quei muito satisfeito com a matria sobre empreendedorismo, da edio 29. Sou professor universitrio em duas universidades e recentemente criei um blog sobre este tema: http://tinyurl. com/zdzq2. Tenho certeza de que ele pode ser til para os muitos potenciais empreendedores da rea de tecnologia, que so leitores da Webdesign. Um cordial

Leidiane, temos como linha editorial no abordar o uso de softwares especcos, mas sim os conceitos que envolvem sua escolha, custos, conceitos, benefcios etc. Como gerenciadores de contedo um assunto quente entre os nossos leitores, preparamos uma reportagem sobre os fatores que determinam sua utilizao dentro de um site. V at a pgina 52 e depois nos fale o que achou, ok? Assunto: Falha nossa! Na edio n31, na pgina 25, colocado o nome Carlos Cruz como criador da fonte Brasilro. O nome correto Crystian Cruz.
Gustavo Lassala lassala@bol.com.br

Oi, Wagner e Rodrigo. O primeiro passo vocs cadastrarem os seus portflios no site da revista. Assim, nossa Equipe Editorial poder avaliar a possibilidade de publicao.

Este um assunto realmente complicado! Geralmente, as empresas possuem uma estrutura prpria de cargos e salrios. Assim, como entendemos que esta questo merece um aprofundamento, vamos encaminh-la para o Dr.Gilberto Martins, que colunista da seo Direito na Web. Provavelmente, sua dvida vai virar tema de nossas prximas edies. Obrigado pela participao, Abraos!

fale conosco pelo site www.arteccom.com.br/webdesign


:: Os emails so apresentados resumidamente. :: Sugestes dadas atravs dos emails enviados revista passam a ser de propriedade da Arteccom.

8 :: mtricas e mercado

A eficcia do e-mail mkt


De acordo com um estudo realizado pelo Winterberry Group, nos Estados Unidos, as campanhas de e-mail marketing geram um retorno 17 vezes maior que das campanhas realizadas via correio tradicional, e at 73 vezes maior que o de campanhas de telemarketing.
Fonte: Dinamize

Este foi o percentual de aumento no va-

10%

lor mdio dos planos bsicos oferecidos pelas 25 maiores empresas de hospedagem no pas. O preo passou de R$ 20,12, em julho de 2005, para R$ 22,20, segundo anlise do relatrio de julho da Hostmapper Brasil.
Fonte: Hostmapper Brasil

10,3 milhes
Total de usurios nicos que acessaram os sites na categoria Entretenimento, no ms de junho. A categoria se manteve como a terceira maior da internet brasileira, atrs apenas dos buscadores, portais e comunidades (com 12,3 milhes de usurios) e de Telecom/Servios de Internet (com 11,8 milhes).
Fonte: Ibope//NetRatings

4,1 milhes...
...de usurios conectados em banda larga at o final de 2006. Esta a estimativa da empresa E-Consulting (www. e-consultingcorp.com.br). A taxa de penetrao ser de 2,3% da populao (base de 180 milhes) e de 12,9% dos usurios de internet.
Fonte: E-Consulting

4,3 milhes de pessoas


Ou seja, 47% dos compradores on-line utilizaram carto de crdito para pagar o equivalente a 85% de todas as transaes realizadas pela internet no Brasil.
Fonte: Credicard Ita

73 milhes
Total de visitas ao portal de telefonia mvel da Copa do Mundo da FIFA, durante a edio 2006 do torneio.
Fonte: FIFAworldcup.com

Qual item exerce maior inuncia na hora de se Este foi o crescimento na audincia nica implementar um gerenciador de contedo? Total de votos: 342 Custo - 12% Facilidade de uso - 35% Layout exvel - 35% Segurana - 19%
acesse e participe! www.arteccom.com.br/webdesign

18,5%

nos sites de esportes, mais especificamente nos de futebol, que atingiu 5,5 milhes de usurios nicos em junho de 2006.
Fonte: Ibope//NetRatings

Envie sugestes e crticas para redacao@arteccom.com.br

mtricas e mercado :: 9

ViuIsso?

Por Michel Lent Schwartzman - michel@viuisso.com.br


Site: www.viuisso.com.br

Notcias e comentrios sobre comunicao digital, internet e publicidade


Zune: centenas de milhes de US$ para ganhar a briga O j faladssimo Zune, marca que a Microsoft ir lanar para competir com o iPod, contar com centenas de milhes de dlares de investimento em marketing, ao longo de quatro ou cinco anos, para tentar bater o seu concorrente. Ser, na realidade, mais do que um player de msica, funcionando como uma marca prpria, dando vida a outros produtos, como tocadores de vdeo portteis e games, dentro do mesmo guarda-chuva Zune. Quando falvamos em iPod Phone e pensvamos em outros produtos da linha, acho que estvamos todos sonhando com alguma coisa que a Microsoft j planeja abertamente para sua nova marca. Usa, portanto, contra o iPod, a mesma estratgia usada para seu sistema operacional, browser e programa de mensagem instantnea: lana depois um produto mais completo, para se aproveitar do mercado criado pelos seus concorrentes e, em seguida, se tornar lder. Ser que ela vai conseguir de novo?
[BlueBus: http://tinyurl.com/rgcu8]

o estudo comeou a ser feito.


[BlueBus: http://tinyurl.com/opjyo]

Concurso Ssia do Garfield chega ao fim O concurso, idealizado pela 10Minutos para o lanamento do filme Garfield 2, divulgou os ganhadores. Mais de 200 gatos participaram. Na foto, um deles, caracterizado como o ssia do filme. Veja os outros vencedores: http://tinyurl.com/od8rl. Fox d dinheiro por Obrigado Por Fumar

Ao da agncia de buzz LiveAd distribuiu notas verdadeiras de R$ 1 adesivadas para divulgar a estria do filme Obrigado Por Fumar (http://tinyurl.com/rnmlx), da 20th Century Fox. As notas foram distribudas por promotoras vestidas de executivas, em reas prximas aos cinemas, para chamar ateno para a estria do filme. A idia de colar adesivos em notas de R$ 1 vai na raiz da idia do viral, levando a mensagem adiante na medida em que as notas so repassadas. A questo que a turma provavelmente vai gostar da idia e querer guardar a nota como recordao brecando um pouco o efeito viral. Mas certamente deve impactar e gerar buzz. Os adesivos convidam os usurios a visitar o site do filme. Preocupados em no danificar as notas (o que contra a lei), os adesivos foram feitos para descolar facilmente.

As 10 marcas mais valiosas do mundo 1 Coca-Cola - US$ 67,0 bi 2 Microsoft - US$ 59,9 bi 3 IBM - US$ 56,2 bi 4 GE - US$ 48,9 bi 5 Intel - US$ 32,3 bi 6 Nokia - US$ 30,1 bi 7 Toyota - US$ 27,9 bi 8 Disney - US$ 27,8 bi 9 McDonalds - US$ 27,5 bi 10 Mercedes-Benz - US$ 21,7 bi
Fonte: Interbrand

Google est em 24 lugar, avaliado em US$ 12,37 bi. Cresceu 46% em um ano, maior taxa j registrada desde que

10 :: direito na web

Evitando riscos na terceirizao de servios


Trabalho com design na web e pretendo contratar alguns prossionais freelancers para trabalhar comigo, porm tive uma consultoria jurdica que me disse que tal situao cria vnculo empregatcio. Como as empresas fazem para terceirizar e no correr esse risco, ou ao menos no serem processadas?
Caio Vincius (caio@audaxweb.com.br)

A terceirizao de servios uma realidade no mundo inteiro, atendendo a uma necessidade imperiosa nos negcios. No passado, no havia a CLT, apenas o contrato de locao de servios, previsto no Cdigo Civil. A partir do momento em que foi instiGilberto Martins de Almeida Advogado formado na PUC/RJ, com Mestrado na USP e cursos em Harvard e no M.I.T. ExGerente Jurdico da IBM, onde trabalhou por 11 anos, no Brasil e nos EUA. Scio de Martins de Almeida - Advogados, escritrio especializado. Envie sua dvida para: redacao@arteccom.com.br

mesma pessoa seja sucessivamente alocada por diversas empresas prestadoras sempre em benefcio da mesma empresa tomadora, pagar valores que no total neutralizem qualquer vantagem comparativa entre os ganhos de celetistas e de no-celetistas, evitar ter para o mesmo tipo de atividade pessoal empregado e pessoal terceirizado, evitar dar o mesmo tipo de crach e vantagens a empregados e a subcontratados, exigir que a empresa prestadora conquiste outros clientes em vez de car dependendo de um nico cliente. E outras mais poderiam ser citadas (quanto mais sejam usadas, melhor; embora, lgico, sua viabilidade e convenincia devam ser examinadas caso a caso). No mais, vale a pena destacar o carter autoral do desenvolvimento de websites (o que permite margem para diferentes estilos de cada programador etc.), inclusive porque esse desenvolvimento protegido pelo direito de autor. Isso ajuda a desfazer a impresso de que se trate de atividade essencialmente marcada por subordinao tcnica ou hierrquica. Esse um assunto bastante sensvel, que no dispensa a anlise das circunstncias especcas de cada situao, que pode variar signicativamente, em razo do contexto etc. Mas as dicas acima podem, ao menos, ser um importante ponto de partida.

tuda a legislao trabalhista em nosso pas, o campo da prestao de servios cou sujeito a discusses sobre quais as fronteiras entre uma relao de servio e uma relao de trabalho. A jurisprudncia predominante tem entendido que o que caracteriza uma relao de emprego (portanto, necessariamente vinculada a um contrato de trabalho) : subordinao tcnica ou hierrquica, dependncia econmica, e interesse de contratar em funo da pessoa (acima do interesse em um perl determinado). Por isso, para minimizar os riscos de pleitos trabalhistas - riscos esses que dicilmente podem ser 100% afastados - h que se tomar o maior nmero possvel de cuidados para evitar a incidncia em um dos critrios mencionados no pargrafo anterior. Isto signica, por exemplo, promover rodzio entre prestadores, colocar um supervisor para ltrar ordens e instrues (em vez de transmiti-las diretamente ao pessoal da empresa contratada), impedir que uma

post-it :: 11

tro or den ntos, F i q u e pc a s , e v e as das di e refernci undo livros vimentam o m que mo ign na web do des
Nielsen anda lendo a Revista Webdesign? : - )
Jakob Nielsen, considerado um dos gurus da usabilidade na web, divulgou, no final de julho, um alertbox falando das vantagens no uso de layout lquido em sites (http://www.useit.com/alertbox/ screen_resolution.html). Estamos por dentro, pois esse assunto foi tema na edio de junho.

Testando as cores
Voc precisa criar uma paleta de cores, alm de testar uma possvel combinao cromtica na web? Pois bem, a dica acessar a ferramenta on-line gratuita ColorBlend (www.colorblender.com), que possui ainda a funcionalidade de exportar as definies para os programas Photoshop e Illustrator.

Referncias on-line
Procura boas referncias em termos de design? Algumas revistas on-line podem ajudar a abrir seus caminhos! Estamos falando da Internacional Illustrated (www.theinternationalillustrated.com), NewWebPick.com (www.newwebpick.com) e Idea Fixa (www.ideaxa.com).

Nova gerao do design na web


Para valorizar a produo universitria e estudantil na rea do design na web, a Revista Webdesign inicia, neste ms, a divulgao de trabalhos acadmicos de destaque. Estreando a seo, indicamos o projeto Auto da Compadecida em hipermdia (http:// tinyurl.com/g9vgl), de Juliana Apolo e Aline Alves, apresentado na concluso do curso de ps-graduao de hipermdia da Universidade Anhembi Morumbi. Neste trabalho, elas apresentam uma adaptao da obra de Ariano Suassuna para a internet. Se voc possui ou conhece algum trabalho acadmico interessante, mande sua sugesto para redacao@arteccom.com.br.

(Imagem) Verdadeira ou falsa?


A Autodesk lanou recentemente um interessante teste on-line para verificar o olhar dos profissionais em relao imagens de objetos ou cenas reais e aquelas produzidas por computao grfica. Acesse o site Is it fake or foto? (www.fakeorfoto.com) e teste seus conhecimentos visuais!

Dicas
Livro do ms
Real Web project management: case studies and best practices from the trenches Autores: Thomas Shelford e Gregory Remillard Os projetos de desenvolvimento web so influenciados por diversos fatores: as mudanas tecnolgicas constantes e cada vez mais rpidas, as mudanas freqentes de escopo, a curta durao dos projetos, o desenvolvimento rpido de produtos pelos concorrentes, alteraes no modelo de negcio durante o desenvolvimento do projeto e a influncia na expectativa dos clientes pela falsa noo de que mudanas nas especificaes do projeto so simples de serem executadas e que o direcionamento do projeto pode ser alterado facilmente. Com estudos de casos e numa linguagem simples, este livro aponta caminhos de como deve ser uma metodologia que gerencie com sucesso o cotidiano dos projetos de desenvolvimento web. Santana Dardot, Production Director da Sapien (www.sapien.com.br)

Agenda de eventos
02/09 - Pixel Show (www.pixelshow.com.br) 14/09 - FIND (www.arteccom.com.br/find) 24/09 - 5 Design na Brasa (www.designnabrasa.com.br) 28/10 - Intercon (www.imasters.com.br/intercon/2006) 18/11 - 11 EWD - POA (www.arteccom.com.br/encontro) 21/11 - 11 EWD - Curitiba (www.arteccom.com.br/encontro) 23/11 - 11 EWD - Braslia (www.arteccom.com.br/encontro) 25/11 - 11 EWD - So Paulo (www.arteccom.com.br/encontro)

Participe do Post-it! Mande sugestes para redacao@arteccom.com.br.

12 :: portflio agncia - mooz

MOO MOOZ
O batuque pop de Chico Science e Nao Zumbi anunciavam novos tempos: Rios, pontes e overdrives, impressionantes esculturas de lama, mangue, mangue, mangue. Recife, anos 90. Um grupo de artistas, designers, jornalistas e msicos seria o responsvel pela criao do movimento manguebit (www.manguebit.org. br), cujos ideais se tornariam definitivos no manifesto Caranguejos com Crebros e que at hoje repercutem no cenrio musical do pas. Ano 2006, Boa Viagem, Recife. O estdio de design mooz (www.mooz.com.br) desponta no mercado nacional. Sua histria se inicia em maro de 2005, quando os designers Gustavo Gusmo e Eduardo Rocha e o publicitrio Daniel Edmundson resolveram unir suas ha bilida de s e m prol de u m me s mo ideal: contribuir para a construo de um design contemporneo brasileiro.

pela construcao de um design contemporaneo brasileiro

Para definir a gente meio complicado, at porque as pessoas mudam. Mas, no geral, gostamos do que fazemos e tentamos fazer o mais bem feito possvel aquilo que nos posto. Isso essencial para qualquer profisso, conta Gustavo. Apostando na inovao Apesar de um pouco mais de um ano de existncia, a aposta em projetos inovadores tem rendido bons frutos para o crescimento do estdio. Estamos tentando fazer coisa nova, sabe? Atualizamos o nosso site sempre que um novo trabalho sai do forno e postamos as novidades em sites sobre design grfico, ilustrao etc. Numa dessas, fomos destaque em quatro edies da revista Flavorpill (http://beta.flavorpill.net). Foi quando muitas pessoas fora e dentro do pas comearam a ver o nosso trabalho. Alm disso, tivemos dois projetos selecionados na 8 Bienal de Design Grfico, da ADG Brasil (Associao dos Designers Grficos do Brasil). Isso nos ajudou e a nossa visibilidade aumentou bastante. A indicao na Bienal serviu, inclusive, para que eles pudessem ampliar seus contatos em outras regies do pas. Em junho, fomos a So Paulo para visitar editoras e agncias de publicidade: provveis parceiros em trabalhos futuros. Mas tudo com indicaes de pessoas que conheciam nosso trabalho ou com um pouco de cara-de-pau. Alm disso, a experincia do estdio em aceitar desafios envolvendo projetos no muito comuns, como o desenvolvimento de menus animados do DVD da banda Ns4, serve como dica de segmento a ser explorado pelas agncias que trabalham com este mercado. Com certeza, um novo nicho de trabalho para agncias que atuam neste mercado. Principalmente se voc estiver de algum modo ligado ao segmento fonogrfico.

portflio agncia - mooz :: 13

processo criativo nao tem formula. mas tambem nao e sentar e esperar a inspiracao baixar. tem que suar
As influncias de Recife Diante de toda a riqueza histrica, cultural e artstica envolvendo Recife, qual influncia a cidade exerceria no trabalho de criao do estdio? Na verdade, Recife mais um detalhe geogr co do que influenciador direto de nossos trabalhos. Aqui se tem o costume de regionalizar um pouco o trabalho, aplicando textura de xilogravuras, por exemplo. Acredito que somos influenciados pela cultura local, mas de outro jeito, talvez pelas cores, ou por nosso prprio cotidiano. Uma inuncia menos tradicional e mais contempornea. A maior parte dos nossos clientes ligada produo cultural local: algumas bandas, produtores locais de festivais de msica clssica e independente, estilistas e por a vai. Basicamente, a gente v referncia em tudo e isso o que achamos mais legal, explica Gustavo Gusmo. Uma frmula que parece ter dado certo no processo de criao dos rapazes do mooz o estmulo que cada um procura dar ao trabalho do outro. Isso serve para criar um ciclo vicioso. No mais, ler, observar, conversar, parar de trabalhar de vez em quando, s para passar um tempo vendo coisas legais. Alm desses fatores, Gustavo revela algumas paixes presentes nas referncias do estdio: as ilustraes e a tipografia. Tentamos ao mximo customizar tanto a ilustrao, quanto os tipos em nossos trabalhos. Cada um tem seu jeito, se fulano gosta de trabalhar mais quando est empacado, tem gente que prefere fazer outra coisa. Processo criativo no tem frmula. Mas tambm no sentar e esperar a inspirao baixar. Tem que suar.

14 :: portflio agncia - mooz

Cases
www.madamesurto.com.br Tecnologia utilizada: Flash MX www.donasanta.com.br Tecnologias utilizadas: Flash MX + Javascrip + PHP
O desafio envolvendo este projeto era saber exatamente o que a loja gostaria de exibir em seu site, j que se trata de uma grande maison multimarcas. "A partir do contedo delimitado, desenvolvemos a arquitetura de navegao e assim comeamos a p ro j e t a r c a d a p g i n a . A i d i a e r a f a z e r u m a e s p c i e d e p o r t a l d e m o d a d i re c i o n a d o s m a rc a s v e n d i d a s na loja, sem, no entanto, perder o esprito de site institucional, revela Gustavo. Alm disso, o desafio era desenvolver um site que pudesse mudar a cada temporada da moda, com A oportunidade de participar do projeto de criao do site da grife pernambucana Madame Surt surgiu atravs da rede de parceiros que a agncia mantm. Um amigo nosso, Evandro Borel, nos chamou para um trabalho em parceria com ele e com a Jazzz (um escritrio de design para web aqui de Recife, que cou encarregado da programao do site e da administrao de contedo). Assim, coube ao mooz definir qual seria a interface grfica do site. O processo de criao se deu basicamente em cima de uma sesso de fotos que fomos fazer da ento nova coleo da Madame Surt. Aps algumas centenas de fotos do ateli, de algumas peas e da modelo, comeamos a pensar em como o site poderia ficar visualmente. Queramos que o projeto grfico transmitisse os detalhes das roupas e de como tudo era feito: muito colorido, temas florais, linhas, bordados e por a vai. Os letterings dos ttulos do menu foram feitos exclusivamente para o site. Em termos de estrutura, Gustavo aponta que o site segue uma grid bsica. Menu do lado esquerdo, parte central com o contedo principal de cada seo e a coluna da direita com um box de navegao de notcias ou colees. Queramos dar mais impacto no colorido tirado das prprias peas de roupa da grife. diferentes backgrounds e animaes semanais na home. Tu d o m u i t o l i m p o p a r a q u e n o h o u v e s s e interferncia dos grafismos do site nos produtos exibidos em suas sees. Utilizamos uma tipografia mais sbria, no melhor estilo suo. As cores de fundo mudam a cada estao, ento s tivemos que nos preocupar com as cores do texto e de alguns boxes fixos. Toda a programao foi feita pela Jazzz, empresa parceira da mooz nos projetos web.

portflio agncia - mooz :: 15

www.coquetelmolotov.com.br Tecnologias utilizadas: PHP + Flash


Este projeto serve como um bom exemplo da importncia em se manter uma rede de relacionamentos na rea. J conhecamos o pessoal do Coquetel Molotov, ento foi meio que s comear a fazer o site. Eles so um coletivo que promove a msica independente. J possuam um site anteriormente, mas a atualizao estava complicada e por isso a necessidade de um novo, com outra estrutura. A liberdade na criao foi um dos pontos marcantes do trabalho. Comeamos com ilustraes que dariam a cara do site. O lettering das sees do menu foi feito exclusivamente para isso e segue a esttica das ilustraes. Para a fonte de texto, escolhemos a Georgia como padro e todas as derivaes hierrquicas de informao foram feitas com as variaes de tamanho e estilo da fonte (normal, bold ou itlico). importante citar tambm que o conhecimento prvio do pblico-alvo do site foi fundamental para definir que tipo de interface seria utilizado. A grid principal resume-se em menu esquerda e contedo direita. Algumas pginas tm uma segunda coluna intermediria, com histrico de postagens, para o visitante ter acesso as matrias mais antigas, transformando o site num grande glossrio sobre msica independente. Alm disso, o site lembra muito o formato blog, estrutura essa bastante familiar aos visitantes habituais do site. Isso colabora para minimizar problemas de usabilidade.

18 :: portflio freelancer - Eduardo Duccigne

coisas novas, rabiscando alguns conceitos e layouts que, na maioria das vezes, no saem do disco rgido. Mas todos resultam em boas experincias que sempre procuro aplicar em trabalhos futuros.

O design experimental made in Mato Grosso do Sul


Contato: eduardo@ilusorium.net Site: www.ilusorium.net

Morar em uma regio (Campo Grande - Mato Grosso do Sul) onde o design ainda procura seu reconhecimento parece ser, ao mesmo tempo, mais um obstculo a ser vencido e uma certeza na vida de Eduardo Duccigne. A nica que tenho de que quero ser designer. A rea especca eu ainda no sei. No momento, a web minha preferida, mas tenho vontade de aprender coisas diferentes e trabalhar em outros segmentos, como 3D, motion design etc. A preferncia pelo design na web surgiu quando ele comeou a entender como o meio realmente funcionava. Fui conhecendo sites de designers, de artistas, de agncias e tudo foi me mostrando que era exatamente isso que eu queria. No design em geral, posso dizer que comecei na web e s depois passei a conhecer mais sobre as outras vertentes. A paixo pela rea serviu como um incentivador na busca por referncias a serem aplicadas no seu trabalho. Tudo me inuencia: desde um designer consagrado at uma propaganda bacana em uma revista. Gosto muito de reparar em detalhes de artes impressas, por exemplo, e tentar adaptar aquilo para a web. Acho interessante aplicar tcnicas de outros lugares em produtos de internet.
A escolha de cores foi feita a partir de estudos sobre a psicologia das cores

As conseqncias desse laboratrio se revelam quando analisamos alguns dos projetos presentes no portflio de Eduardo. Uma das grandes ousadias no site do restaurante italiano Cantina Masseria (www.cantinamasseria. com.br) foi a de desenh-lo inteiro de um modo diferente. Procurei fugir um pouco do comum na questo da diagramao e design do layout, mixando o perfil clssico do restaurante com formas e arquitetura mais modernas. O resultado final foi excelente. O projeto foi aprovado na primeira apresentao, com apenas alguns detalhes a serem discutidos. O resultado foi satisfatrio tambm para mim, se pudesse refaria o site desde o incio, pois pude aprender muito durante seu processo, explica. E para que seu trabalho ultrapasse as fronteiras do Mato Grosso do Sul, Eduardo conta com a internet como ferramenta de divulgao. Geralmente, procuro faz-la

www.ilusorium.net

pela web, por ser um meio muito mais econmico e no menos abrangente. Sempre procurei manter meu portflio on-line e atualizado. At hoje foi fundamental para gerar bons frutos.

Alm disso, no ter medo de experimentar suas idias tem ajudado na evoluo de seu trabalho. Geralmente, eu sou a minha prpria cobaia. Estou sempre experimentando

Para participar desta seo, cadastre seu portflio no site da revista: www.revistawebdesign.com.br.

20 :: entrevista - tipos populares

EM NOME DA TIPOGRAFIA POPULAR BRASILEIRA


Voc j reparou como os letreiros e menus de bares, as frases nos pra-choques de caminho e os anncios carregados por homens-placa representam uma tendncia na forma da escrita popular brasileira? Pois bem, pensando nisso, o designer Pedro Moura criou o projeto Tipos Populares do Brasil (www. tipospopulares.sibilina.com), no qual busca valorizar esta vertente da esttica nacional, alm de criar um espao para a divulgao de tipos inspirados por tal conceito.

entrevista- tipos populares :: 21

Nesta entrevista, ele nos conta mais detalhes envolvendo a produo tipogrfica e como estas fontes podem ser aplicadas em projetos web. Wd :: Como foi criado e quais so os objetivos do projeto Tipos Populares do Brasil? Moura :: O projeto foi minha monograa de concluso de curso em Desenho Industrial/Programao Visual pela UFRJ. Sempre tive interesse pela prtica reexiva. Queria algo que questionasse o papel do design e suas possibilidades dentro da nossa sociedade. Mas tambm sabia que queria me dedicar tipograa no projeto, que, dentro das cadeiras do curso, foi a que sempre mais me interessou. Ento, depareime com o problema: como encontrar um objeto de estudo que sintetizasse semitica, tipogra a e, ao mesmo tempo, debatesse sobre a questo da esttica brasileira do design, o to discutido design nacional? Encontrei a resposta nas ruas, no trajeto entre o trabalho, a faculdade e a minha casa: os letreiros pintados mo, espalhados pela cidade, que comunicam tanto quanto qualquer publicidade convencional, e que so iniciativas de pessoas que, muitas vezes, tiveram pouca ou nenhuma formao acadmica - que dir de design! Meus pais contam que eu comecei a me alfabetizar lendo todo tipo de placa que eu via na rua, nos espaos que faziam parte do meu cotidiano. Alm disso, meu pai, que foi meu primeiro professor de artes e comunicao visual, tambm tem diversos trabalhos com letreiros pintados mo. Posso dizer que o projeto foi um retorno s minhas prprias origens. Entre maro e junho de 2004 fiz um registro fotogrfico em vrias cidades do Estado do Rio de Janeiro, desde a capital at o interior. Era tudo na marra, eu no tinha cmera digital na poca, minha fiel Nikon registrou cerca de 300 fotos de letreiros populares dos mais diversos tipos. Depois de uma seleo do material registrado, concentrei-me em desenvolver quatro fontes que melhor representassem

a tipografia popular brasileira, cada uma pertencendo s classificaes que os letreiros estudados receberam. Mas no queria que o projeto casse connado ao meio acadmico. Para isso, criei o site como forma de espalhar a palavra, debater minhas idias e agregar mais pessoas interessadas no tema. Hoje, somos cinco designers envolvidos, disponibilizando as nossas fontes para download grtis no site, que j conta com uma marca de nove mil visitas desde que entrou no ar, em agosto de 2004. O projeto se tornou exatamente o que eu desejava: um espao coletivo para a troca de idias e o intercmbio de informaes sobre o tema. Continuo registrando letreiros por onde quer que eu v, em viagens para outras cidades. Foram somadas mais duas fontes minhas, e outras contribuies dos designers Buggy (Recife), Fernando Rocha (Rio de Janeiro), Gustavo Lassala (So Paulo) e Fernando PJ (Salvador), cada um representando sua viso pessoal do tema, de acordo com a regio em que vivem. O site conta com uma galeria de fotos de tipografias populares de vrias regies do pas, 11 fontes para download e um sistema completo de comentrio - que muito importante para receber o feedback dos visitantes. Um detalhe tcnico sobre o site: foi utilizado o gerenciador de contedo Mambo Open Source, que tambm um projeto coletivo e freeware. Wd :: Ainda pouco comum vermos projetos web utilizando a tipografia popular. Uma das poucas excees est no site do filme A Pessoa para o que Nasce (www.apessoa.com.br). Existe algum tipo de dificuldade para se adaptar os tipos populares ao meio digital? Moura :: As fontes inspiradas em tipografia popular nunca sero ferramentas de otimizao da leitura em tela, como o caso das fontes em grade fixa, das pixeladas etc. A utilizao dos tipos populares no meio digital vai depender da escolha do designer em querer se utilizar da esttica peculiar que elas trazem no seu projeto grfico.

22 :: entrevista - tipos populares

Apesar das diferenas tcnicas dos meios digital e impresso, considero ambos projetos de design e que dependem, da mesma forma, de um projeto grfico consistente para que sejam bem sucedidos. Alguns outros sites apresentam tipografia popular, porm sempre como um desdobramento da identidade visual utilizada na publicidade do objeto do site. A marca do Pedro Lus e a Parede (www.plap.com.br) foi um projeto pioneiro nessa rea, desenvolvido pelo Billy Bacon e seu estdio N-Des. Wd :: Dentro das fontes disponveis no site do projeto, temos uma classificao dos tipos populares (basto, cursivas, rsticas, fantasia e outras fontes). Quais caractersticas definem cada uma delas? Moura :: A classificao surgiu como uma forma de entender melhor como o fenmeno da tipografia popular acontece. Os termos utilizados para a classificao so um pouco problemticos e s devem ser considerados como

termos especficos para o estudo deste segmento - todo pesquisador de tipografia sabe que uma fonte basto aquela sem diferenas na espessura do desenho das letras, o que no o caso das fontes tipo basto do projeto. Sendo assim, a classificao dos tipos ficou dessa forma: - Basto: so facilmente encontradas em menus de bares, supermercados e tabuletas de aougues. Sua caracterstica essencial o desenho baseado em pincis retos, onde a espessura de linhas ascendentes e descendentes dada pelo movimento da pincelada do artista. Trata-se do tipo que apresenta maior regularidade em sua construo. A forma como desenhada remete construo tipogr ca tradicional: a letra primeiro tirada em lpis a partir de uma linha base, para depois ser aplicada pincelada que dar a dinmica da pea gr ca. Elas so representadas, no projeto, pela fonte Responsa. - Cursiva: no so necessariamente tipogra as manuscritas, mas sua construo remete caligraa, tendo seus caracteres formando uma seqncia harmnica com elementos de ligao entre as letras, como traos contnuos. Na maioria das vezes, sua construo hbrida, misturando letras de caractersticas cursivas com outras que remetem s sem-serifa. A fonte Tetia a representante no projeto. - Rstica: so a manifestao espontnea do ato da escrita aplicada na sinalizao de comunicao imediata, que acabam recebendo construes interessantes e anticonvencionais pela precariedade de recursos do seu autor. Seria um bom exemplo de tipograa popular rstica a fonte Brasilro, do Crystian Cruz (http://tinyurl.com/jdgtw). Eu tambm resolvi me aventurar e criei a minha Marvada. - Fantasia: assim como seu correspondente na tipografia convencional, so fontes apropriadas para titulao. Essa classificao foi criada para abranger todas as construes inditas do projeto, mas que possuam uma lgica de estrutura, assim como desenhos que apresentem semelhanas com tipografias clssicas. Escolhi para represent-la a fonte Caprichoza (com grafia errada propositalmente na nomenclatura). - As outras fontes presentes

"Quem trabalha com design sabe que algumas regras devem ser quebradas"

entrevista - tipos populares :: 23

no projeto so disponibilizadas na seo Outras Fontes. Por serem criaes de outros autores, achei melhor no restringi-las dentro de uma classificao. Wd :: Voc autor de vrias fontes apresentadas pelo projeto. Pegando o exemplo da Simpatia, desenvolvida em parceria com os designers Eliza Rizo e Mauricio Diaz, voc relata que a fonte de inspirao surgiu no carnaval de 2005, durante as festas realizadas pelas ruas do Rio de Janeiro. Quais so as referncias e que tipo de elementos influenciam o processo de criao de um tipgrafo? Moura :: Acho que as referncias variam de acordo com o trabalho de cada tipgrafo e a bagagem de referncias visuais que ele acumula ao longo da sua vida. Meu trabalho em tipografia, no momento, se preocupa mais com as possibilidades estticas, fontes que tenham um valor esttico agregado muito bem definido, do que necessariamente aspectos tcnicos de legibilidade. Nunca tive a possibilidade de desenvolver um sistema tipogrfico propriamente dito, apesar de ter muita vontade. Sinto-me mais vontade sendo um entusiasta de tipografia e no um tipgrafo: falta-me ainda muita bagagem para que possa me apropriar desse ttulo. Minhas referncias so as mesmas do meu trabalho em design: o ambiente e a paisagem urbana. A realidade concreta e as coisas que j existem, despercebidas no nosso cotidiano, sempre so boas referncias para idias novas, por mais absurdo que isso possa soar. O design tem uma pretenso de criar um universo visual baseado em valores supostamente universais, mas que no o so principalmente quando se fala de design como ferramenta de mercado. No existe design imparcial. Wd :: Falando ainda sobre seu processo de criao, quais ferramentas e materiais voc costuma utilizar para criar uma fonte? Moura :: Eu desenho bastante. Acho imprescindvel o ato gestual de manusear o lpis no papel. Funciono mais rpido assim. O caso das fontes do projeto foi especco da situao que eu tinha: apropriar-me da esttica de letreiros pintados mo para produo de fontes tipogrcas digitais. Foi muito interessante fazer essa transposio de mdias. Na maioria das vezes, eu fiz um redesenho dos caracteres, na mo mesmo, a partir das referncias fotogrficas coletadas no primeiro momento do projeto. Depois vinha o processo de vetorizao dos caracteres e eu me via com duas escolhas: criar uma fonte otimizada em termos tcnicos (poucos ns no contorno, arquivo .ttf leve), redesenhando os caracteres em programas de desenho vetorial, ou preservar ao mximo o aspecto gestual da pincelada ou irregularidade do desenho, fazendo o rastreio automtico em programas de vetorizao por rastreio de bitmap. A fonte Marvada foi um caso especfico: cada caractere foi representado exatamente como estava na fotografia, equalizando a imagem e fazendo o rastreio, para preservar ao mximo o aspecto rstico. Depois de vetorizados os caracteres, criei os arquivos de fontes numa verso bem antiga do Macromedia Fontographer, importando os desenhos vetorizados. Os ajustes de kerning (entreletra) foram uma dificuldade parte, pois comum no existir uma grade fixa nos letreiros populares e eles no funcionam segundo os padres da tipografia convencional. Ento, tive que ver as combinaes de letras uma por uma, como deve ser. Wd :: Os especialistas afirmam que a tipografia exerce forte influncia na transmisso da mensagem. Pensando nisso, os tipos populares do Brasil se encaixam em apenas projetos especficos ou podem ser utilizados nos mais variados segmentos? Moura :: As fontes que eu desenvolvi nesse projeto, por virem de uma realidade culturalmente denida, representam uma esttica muito bem denida e a tem fortemente representada no seu desenho. Geralmente, um designer vai escolher utilizar uma das fontes do Tipos Populares do Brasil querendo representar valores estticos essencialmente

24 :: entrevista - tipos populares

brasileiros. como se, no cdigo postscript de cada uma das fontes, tivesse sido colocado um algoritmo escondido que provoca uma reao em cadeia, que inevitavelmente trar tona a eterna discusso sobre

design brasileiro, que, por mais que no seja consensual, ser sempre importante para a nossa afirmao perante o mundo, e perante ns mesmos enquanto povo. Mas quem trabalha com design sabe que algumas regras devem ser quebradas, de acordo com a circunstncia. As fontes esto l para download, para serem utilizadas de acordo com a viso pessoal de cada designer. O momento mais graticante ver a idia que outra pessoa teve para o seu trabalho. Wd :: Em entrevista para a edio de maio de 2004, Buggy, tipgrafo e fundador da Tipos do Acaso, apontou alguns fatores importantes na hora de se definir a tipografia de um site: legibilidade em tela, adequao ao conceito, variao de estilos (negrito, itlico etc.). Considerando estes aspectos, os tipos apresentados no projeto so adaptveis s exigncias da internet? Moura :: No mesmo. Nunca aconselharia ningum a utilizar as fontes do projeto no sistema de navegao de um site complexo, que envolva lgica informacional mais robusta, portais em geral. Como exemplo, est o prprio site do projeto: as fontes so utilizadas apenas para visualizao do catlogo e layouts pontuais (testeiras, imagens de topo) - elas no participam do sistema de acesso informao. Para esses casos, a escolha deve ser por um sistema tipogrfico que possibilite desdobramentos de hierarquia da informao, onde a variao de estilos imprescindvel. As fontes do Tipos Populares do Brasil so mais aconselhadas para hotsites, sites que queiram um forte impacto visual ou projetos experimentais. Desenvolvi um site para promover a banda Superb (www.sibilina.com/superb). Utilizei, na identidade visual da banda, a fonte adrenalina-sp, do Gustavo Lassala. O aspecto urbano cou bem apropriado proposta da banda. Wd :: Um tipo inspirado na escrita popular o Brasilro, criado por Crystian Cruz. Em entrevista na edio de fevereiro de 2005, ele aponta que o sucesso da utilizao de uma tipografia numa pea de design depende mais do designer que est utilizando a fonte do que de seu criador. Dessa forma, quais dicas voc daria para que o profissional possa extrair toda a riqueza contida nas fontes do Tipos Populares do Brasil em um site? Moura :: Concordo com o Crystian. Alis, eu preferiria no

entrevista - tipos populares :: 25

dar dica nenhuma, que no seja: aproveite! bem melhor, para me surpreender com as diversas idias que podem surgir das pessoas que utilizarem as fontes. S peo para quem for utilizar as fontes, que mande para o meu e-mail pessoal (pedromoura@gmail.com) uma imagem em baixa resoluo, para adicionarmos nossa galeria. Como eu disse, elas representam uma esttica essencialmente popular, mas no significa que isso seja uma regra para a sua utilizao. Posso citar dois exemplos distintos de utilizao das fontes que ilustram bem isso: a marca de camisas MONO (www.weare-mono.com) tem uma proposta esttica bem impactante, arrojada e experimental. Eles utilizaram a fonte Thereza Miranda, do Fernando Rocha, na estampa de uma blusa inspirada numa msica da banda de rock Modest Mouse - sendo que ela foi tambm utilizada numa publicidade de CDs de forr! As possibilidades de utilizao das fontes s se restringem criatividade do designer. Wd :: As fontes do projeto esto disponveis para download. Por que voc decidiu oferec-las gratuitamente? Moura :: Foi uma deciso baseada em algumas opinies que eu recebi ao longo do projeto. A que mais pesou foi o fato de ter constatado que, por estar me apropriando de uma esttica popular, seria mais coerente que o download fosse gratuito. Mesmo assim, escolhi por disponibilizar verses demo das fontes, incompletas, para ter um maior controle de quem as est utilizando. Se houver o interesse da pessoa em adquirir as verses completas das fontes, s entrar em contato e tudo se negocia. Wd :: Diante de sua experincia no projeto, como voc analisa a produo tipogrfica no Brasil? Moura :: A produo nunca esteve to boa, imagino. Muita gente criativa est procurando no s produzir, mas se especializar na rea. O problema que, infelizmente, a nossa cultura tipogrca muito recente. Ainda muito difcil para

um tipgrafo viver s de tipograa. Mesmo assim, vrios projetos brasileiros de tipografia vm entrando em catlogos de fonthouses internacionais, recebendo prmios l fora, a Bienal Letras Latinas, que passou por So Paulo, trouxe timos exemplos da cena nacional, temos a Tupigrafia, que a publicao nacional exclusiva sobre o tema, alm de ser belssima. Tudo est convergindo para uma consolidao de uma cena tipogrfica brasileira consistente, e penso que j est na hora de o mercado apostar no talento nacional, ao invs de importar solues de fora, como acontece em tantos jornais e revistas de grande circulao, na hora da formulao e redesign de seus projetos grficos. Wd :: Quais dicas voc daria para o profissional que deseja se aprofundar no mundo da tipografia? Moura :: Um livro essencial o Elementos do Estilo Tipogrfico, de Robert Bringhurst (Editora Cosac Naify). O Bruno Porto tem o seu Memrias Tipogrficas (Editora 2AB), que belssimo e muito importante para entender como a tipografia essencial na formao da nossa cultura visual, e mesmo no nosso imaginrio grfico pessoal. No caso do Tipos Populares do Brasil, dois livros foram fundamentais para o projeto: Utopia e Disciplina, de Andr Villas-Bas (Editora 2AB), e A Histria da Arte como Histria da Cidade, de Giulio Carlo Argan (Editora Martins Fontes). A Tupigrafia, que eu j citei, tima para saber o que acontece e cada publicao um prazer parte: recomendo a qualquer um se tornar colecionador (www. tupigrafia.com.br). O Henrique Nardi e seu projeto Tipocracia (www.tipocracia.com.br) oferece cursos de excelente qualidade, por todo o Brasil. E o designer Yomar Augusto (www.yvo6.com.br) tem um grande workshop de caligrafia, o projeto Kalligraphos, que a base do trabalho tipogrfico.

Radicado nos EUA, o carioca Nando Costa criador do projeto Brasil Inspired (www.brasilinspired.com), no qual incentiva e divulga os trabalhos de design desenvolvidos no pas. Apostando na experimentao, seu trabalho um bom exemplo de como tal conceito pode ajudar o design digital a se tornar mais criativo. Nesta entrevista, ele fala sobre influncias, cores, tipografia etc., alm de analisar os desafios existentes na caminhada do profissional que vai para o exterior. Wd :: Em entrevista para a revista Zupi (http:// tinyurl.com/mzpot), voc confidenciou que tem ...trabalhado tanto nos ltimos anos que quase sinto que perdi um pouco da minha identidade. Essa sensao j passou? Quais fatores constroem ou desconstroem a identidade e o estilo de um designer? Nando :: Acho que esse efeito j passou. Devo ter dito isso quando tinha a minha empresa (chamada Nakd), no Rio de Janeiro. Naquela poca, como atuava como diretor de criao, a minha funo, alm designer, era guiar o estdio, os designers e animadores com quem eu trabalhava, e tambm interagir com os clientes, pagar as contas e at lidar com as burocracias. No fim dos dois anos de minha experincia na Nakd, eu e minha esposa (Linn Olofsdotter - www.olofsdotter. com) estvamos esgotados e acho que isso nos afetou demais, nos deixou sem inspirao. Mas depois tudo passou e, hoje em dia, trabalhando como freelancer, me sinto muito mais confiante e feliz com o que fao. Sobre sua segunda pergunta, no sei exatamente como responder, pois isso depende muito de uma pessoa para outra. No h regra. No meu caso, o fato de o meu trabalho ter perdido fora, eu imagino que deve ter sido causado por cansao, exausto mesmo. Atualmente, con-

entrevista - Andr Matarazzo :: 27

28 :: cones, quando usar?

Como a iconografia pode melhorar a experincia de navegao em um site


Trnsito intenso na Rua So Clemente, uma das principais vias de acesso do bairro de Botafogo, no Rio de Janeiro. O sinal (ou semforo) fechado uma tima oportunidade para que uma me, segurando sua pequena filha no colo, possa passar uma lio valiosa: a imagem de uma mo aberta, em vermelho, representa o momento em que devemos esperar o trfego fluir; j a de homem caminhando, em verde, a indicao para que possamos atravessar, enquanto os carros esperam a passagem dos pedestres. A didtica materna vivenciada acima demonstra um exemplo de como os pictogramas, smbolos grficos utilizados geralmente em locais pblicos, servem como importantes ferramentas para a transmisso de orientaes, cujo objetivo seja o cumprimento de determinadas tarefas. impossvel olharmos para alguma coisa e no percebermos, ainda que de modo inconsciente, algumas propriedades dela. Por propriedades, entendam-se valores lgicos e semiticos dos mais diversos tipos, que permitem ao nosso ser a categorizao da coisa observada em uma escala de valores, que se comporta como o raio de uma circunferncia, que vai da periferia (memria mais distante) at o centro (memria atual, o agora do ser). Um cone a palavra usada para designar formas (de todos os gneros) que suporte uma composio espec ca de valores que as torna muito especiais - e, ainda mais importante - que transforma o cone em um meme coletivo, um DNA de memria que compartilhado e propagado em um grupo de pessoas, arma Ronaldo Gazel, diretor de arte na BHTEC e:house.

cones, quando usar? :: 29

Os cones so parte fundamental do mecanismo de interao dos usurios com os computadores, indicando zonas de acionamento de comandos ou ainda simplesmente reforando visualmente alguma informao que o sistema apresenta (Mauro Pinheiro)
No mundo virtual, este conceito vem sendo utilizado como apoio para que os usurios possam obter a melhor experincia durante o perodo de navegao. Especificamente nos sistemas computadorizados, a partir da introduo da manipulao direta das interfaces grficas com o uso do mouse, os cones so parte fundamental do mecaMeme
Unidade de informao que se multiplica de crebro em crebro ou entre locais onde a informao armazenada (como livros) e outros locais de armazenamento ou crebros. Os memes podem ser idias ou partes de idias, lnguas, sons, desenhos, capacidades, valores estticos e morais, ou qualquer outra coisa que possa ser aprendida facilmente e transmitida enquanto unidade autnoma. Fonte: Wikipdia (http://pt.wikipedia.org/wiki/Meme)

nismo de interao dos usurios com os computadores, indicando zonas de acionamento de comandos ou ainda simplesmente reforando visualmente alguma informao que o sistema apresenta, explica Mauro Pinheiro, professor assistente do departamento de Desenho Industrial da Universidade Federal do Esprito Santo (UFES). A funo dos cones na web Mas como definir a funo principal dos cones, quando pensamos na memorizao de determinadas tarefas e na esttica grca das interfaces digitais? Os primeiros cones surgiram como metforas para facilitar o entendimento do funcionamento dos sistemas. A estratgia deu to certo que as pessoas se lembravam mais da forma do cone do que do nome do comando que ele representava. Logo, os cones se tornaram a cara do software, desem-

30 :: cones, quando usar?

Com o ingresso massivo de designers na criao de interfaces, o que parecia inconcilivel se tornou indissocivel. O design mostrou que valor esttico e valor funcional no precisavam competir entre si (Frederick van Amstel)
penhando papel fundamental na formao de sua prpria identidade. Foi a partir da que o valor esttico dos cones comeou a ser explorado em softwares, argumenta Frederick van Amstel, professor do curso de Tecnologia em Web Design do Opet (PR) e professor convidado da graduao em Design da Unisul (SC). Segundo Amstel, influenciada pela linguagem visual das interfaces de softwares, o processo de criao das primeiras pginas web utilizou cones sem ganho funcional, como se isso fosse representar a construo de um ambiente mais interativo. Para que esse quadro fosse revertido, o design foi fundamental para que ocorresse uma mudana de valores. Esses cones no tinham a funo de facilitar a memorizao e nem o aprendizado: seu nico objetivo era o ganho esttico. Com o ingresso massivo de designers na criao de interfaces, o que parecia inconcilivel se tornou indissocivel. O design mostrou que valor esttico e valor funcional no precisavam competir entre si. Dessa forma, os cones vo atingir sua plenitude dentro de um site caso ajudem os usurios na tarefa de se atingir o objetivo final durante o perodo de navegao. claro que uma iconografia com bom acabamento, harmoniosa e consistente agrega valor esttico ao projeto grfico. Assim como todos os outros elementos grficos tambm tm este papel. Mas seu principal objetivo est em guiar o usurio na busca pela informao, ajudando na memorizao de caminhos e tornando o meio digital mais amigvel, diz Melissa de Toledo, diretora de arte da Sirius Interativa. Portanto, no caia na armadilha de agregar cones em seu site apenas como um esmero grfico. o que Ronaldo Gazel classifica como uso de cones bonitinhos, mas ordinrios. Eles so belos e animados, porm nem sempre divertidos e interessantes, ou capazes de substituir uma palavra, algo concreto, sem cair no clich, por mais que eles se esforcem. Um exemplo rpido: a famosa cartinha na seo contatos: a carta, sozinha, no gera valor positivo (talvez nostlgico), e um texto falando contato j diz o suficiente. Os dois, juntos, formam o imbrglio, alerta. Web j possui uma iconografia prpria? Afirmar que a internet j assumiu um padro no uso de cones talvez seja uma atitude precipitada diante de um universo ainda to recente no cotidiano das pessoas. At porque a utilizao deste recurso parece ter sofrido forte influncia da rea de software. A maioria dos cones que encontramos com freqncia na web tem suas origens nos softwares de desktop. A imagem da casa para indicar home j era usada antes da web em apresentaes multimdia feitas com o Hypercard, o av do Director, diz Frederick van Amstel. Esse paralelo sistema operacional-web funciona muito bem. Quer dizer, sempre que pudermos replicar linguagens e funcionalidades dos sistemas operacionais mais populares, maiores as chances de facilitar a aprendizagem e compreenso daquilo que estamos projetando. Usar um cone + em um menu, por exemplo, nos lembra o funcionamento de abrir e fechar pastas do Windows Explorer. O ideal sempre usar comportamentos que os usurios estejam esperando, aponta Felipe Memria, designer de interface da Globo.com e professor da PUC-Rio. Se no original, podemos considerar a particularidade como uma definio mais plausvel? Sim, mas isso no significa que a iconografia para web esteja definida, j que a internet jovem e seus padres continuam em desenvolvimento, afirma Dirceu Veiga, criador do WebIcones.com.br, site brasileiro especializado em cones para web e software. A iconografia deve estar de acordo com o projeto grfico de cada site. Por exemplo: a criada para o site do governo de So Paulo (saiba mais, na pgina 35) no poderia ser a mesma de um site para crianas ou para o pblico jovem, acrescenta Melissa, da Sirius. Outra linha de pensamento parte do princpio que a

cones, quando usar? :: 31

na busca por talentos :: 31

(cone) seu principal objetivo est em guiar o usurio na busca pela informao, ajudando na memorizao de caminhos e tornando o meio digital mais amigvel (Melissa Toledo)
iconografia na web ainda vive em cima da popularidade dos smbolos usados atualmente nos sites. Um bom exemplo, segundo Maria de Lourdes, diretora de comunidades de prtica e tecnologia web da Sociedade Brasileira de Gesto do Conhecimento (SBGC), est no trabalho realizado pela designer Ro London, que coletou os 300 cones (www.intersmash.com/300images) mais interessantes e usados em sites por ela pesquisados. Assim como a casa, temos uma srie de outros cones populares na web: carta para e-mail, lupa para busca, ponto de interrogao para ajuda, impressora para verso para impresso, cadeado para segurana, carrinho de compras para sites de comrcio eletrnico, seta para a esquerda para a ao de voltar e x para ao de fechar, enumera Memria. Seja como for, o especialista aponta que o surgimento de padres ser benfico para que os cones sejam mais facilmente assimilados pelos usurios. Imaginem se cada aeroporto do mundo tivesse um sistema de pictogramas independente. O que seria dos turistas? No toa que existe um padro internacional seguido por todos os aeroportos. Para quem lembra so aqueles mesmos pictogramas usados no jogo Banco Imobilirio. Seria bom se na web fosse assim. por essas e outras que digo que sinalizao tem tudo a ver com interface web. Os pictogramas usados pelos automveis tambm seguem o mesmo padro em todo o mundo. Quando estamos sem combustvel o que que acende? O smbolo da bomba de gasolina, certo? Em todos os carros que j vimos, no ? Por que ser?, argumenta. Quando atingiremos este estgio? S o tempo dir. A casinha, para home, um bom exemplo de cone universalizado pelo uso. Digamos que apenas o tempo vai dizer se ela vai resistir, at (por exemplo) haver uma troca de paradigmas tal que substitua o conceito de home por outro, como hiperespao(?) ou algo assim. A arroba, por exemplo, agentou um bom tempo, mas como ela era um dos pouqussimos registros grficos relacionados ao universo da internet, ento foi absurdamente utilizada, das mais diversas formas - at que no resistiu, exemplifica Ronaldo Gazel.

32 :: cones, quando usar?

A primeira etapa continua sendo a mesma de qualquer pea de comunicao e design: a denio do pblico-alvo (Dirceu Veiga)
Criao de cones: fique de olho no pblico-alvo O avano da tecnologia tem permitido que o desenvolvimento de um site possua uma srie de novas funcionalidades. Por exemplo: o espao para comentrios vem se tornando uma funo muito comum e o smbolo de um balo tem sido o cone mais utilizado para representlo. Recentemente, estamos acompanhando tambm um grande movimento para a padronizao do cone de RSS (mais uma vez, influenciado por um software, o Firefox) e a popularizao do cone de link externo (seta na diagonal vazando de um quadrado), cita Felipe Memria. Assim, dentre as etapas que envolvero a criao de um novo cone, a principal delas est no estudo do pblico-alvo. A primeira continua sendo a mesma de qualquer pea de comunicao e design: a definio do pblico-alvo. A partir desse ponto se escolhem as cores, formatos, tamanhos e metforas, aponta Dirceu. Acho que o mais importante dar bastante ateno ao pblicoalvo. Desta forma, fatores como idade e deficincias visuais devem ser levados em considerao. No meio digital, contraste de cores e luminosidade podem ficar bastante comprometidos de acordo com diferentes tipos e tamanhos de monitores e resolues de tela. E o papel principal de um cone transmitir a mensagem com bastante clareza. Um bom contraste e um trao que no gere ambigidade na interpretao do smbolo ou rudo visual tambm so importantes, complementa Melissa. Ainda sobre a escolha das cores e dos formatos, preciso entender como a forma e o significado podem afetar o resultado final de um cone. A forma engloba os conceitos grficos, como trao e cores. Se vamos usar uma forma mais retangular ou orgnica, cores vivas, preto-e-branco, fundos e uma srie de outros fatores ajudam a manter a identidade de toda uma famlia de cones, mesmo tratando, s vezes, de assuntos to diferentes. Em termos de significado, devemos tomar muito cuidado com as metforas. Nunca podemos nos fechar na hora de criar

um cone e contar que o usurio final entender nossa mensagem. Devemos ter muito claro quem estar visualizando essa informao, orienta Mrcio Ismail, diretor de criao da Publicidade Interativa. Para evitar que isso acontea, a recomendao fazer uma pesquisa do termo/ao a ser traduzido como cone. Muitos j tm uma simbologia bem aceita, como o globo terrestre para designar a web e o envelope para e-mail. Nestes casos, o melhor manter o mesmo conceito para no correr o risco de no se fazer entendido. Para aes pouco popularizadas na internet, o ideal simplificar partindo de metforas genricas e fugir das especficas. Por exemplo, um cone de produto para um site ou software de uma loja de ferramentas: mais interessante usar uma caixa de papelo (representando a forma mais comum de entrega de produtos) do que fazer um cone de um produto especfico, como um alicate, cita Dirceu. Alm disso, ele ressalta a importncia dos detalhes tcnicos dentro deste processo. Quanto aos tamanhos, cones em tamanhos menores que 32x32 pixels do uma viso esttica melhor. Os tamanhos mais comuns na web so 32x32, 24x24 e 16x16 pixels. Um recurso que pede moderao em seu uso Como vimos, as etapas que envolvem a criao de cones devem ser cercada de cuidados. A equipe da Globo. com a prova viva desse cenrio. A experincia prtica deles est presente no site GloboEsporte.com, que possui, em sua interface grfica, uma rea com os escudos de times de futebol para indicar as sees especficas de cada um deles (Tudo sobre o seu time). Esse elemento repetido em todas as pginas de futebol nacional. Considero esse um uso atpico e excepcional de iconografia. No GloboEsporte.com funciona porque os escudos dos clubes so muito conhecidos, principalmente por seus torcedores. Ainda assim, tomamos o cuidado para fazer com que seus nomes aparecessem no estado de mouse over e criamos uma pgina principal de times no menu, com a listagem por ordem alfabtica, explica Felipe Memria. Para quem achou a ao de extremo zelo, sua eficcia transparece no depoimento de quem j visitou o site.

cones, quando usar? :: 33

Quando a iconograa se tornar familiar para o usurio, ela pode potencializar a experincia de uso de um site, agilizando a navegao e tornando-a mais prazerosa (Felipe Memria)
Ele excelente para quem entende de futebol. Eu, provavelmente, teria dificuldades para identificar os times do Nordeste, por exemplo. Mas os designers resolveram meu problema: colocaram tarjas indicativas ou legendas com os nomes dos times, revela Maria de Lourdes, da SBGC. A maior sacada da equipe do GloboEsporte.com foi perceber que os usurios buscavam informaes especficas sobre seus times e se beneficiariam muito de um atalho para essa funo. Esse exemplo ilustra vrias funes de cones: atalho, decorao, fetiche etc., diz Frederick. Ou seja, a lio que fica : use o recurso com moderao. No mesmo GloboEsporte.com, por exemplo, no poderamos ter usado esse conceito em um Tudo sobre as equipes na pgina de Frmula 1. Carrinhos coloridos ou smbolos das escuderias seriam incompreensveis para a grande maioria das pessoas. So imagens que esto longe de ter a mesma popularidade dos escudos dos clubes. As pessoas simplesmente no conhecem. Neste caso, ao invs de agilizar a navegao, estaramos criando uma barreira para os usurios, esclarece Memria. Testando a eficcia e o papel cones na usabilidade do site Para garantir o uso correto de cones dentro da estrutura de um site, ser preciso testar sua eficcia com quem realmente vai usufruir as suas funcionalidades. Vox populi, vox dei. A melhor maneira de se testar qualquer coisa colocar na boca do povo. Isso inclui todas as formas de pesquisa, seja ela completa e baseada nos modelos em voga atualmente, ou uma de pequeno porte, feita com os membros de uma equipe, conta Ronaldo Gazel. Segundo Frederick van Amstel, para que a avaliao seja feita com maior preciso, ser preciso colocar os cones no contexto onde eles sero utilizados. Ou seja, num prottipo da interface. Test-lo isoladamente, atravs de mtodos como o Icon Sorting (http://tinyurl.com/nmmtg),

no qual o usurio combina livremente o cone com um rtulo que descreve seu significado, interessante para explorar diferentes possibilidades de combinao entre texto e imagem, mas no se pode confiar no resultado como uma avaliao real. O ideal fazer um Icon Sorting antes e depois testar o prottipo da interface em situaes reais. Falando em metodologias, o eBay, um dos maiores sites de compras e vendas on-line do mundo, realizou uma minuciosa etapa de testes para medir a eficcia dos cones inseridos em suas pginas. Recentemente, li uma pesquisa publicada, em 2004, por funcionrios do eBay. O artigo falava sobre a metodologia de testes utilizada para que eles avaliassem a crescente quantidade de cones na interface do site. Foram 17 pessoas participando do experimento, em duas etapas de testes. O comportamento das pessoas durante o processo, aliado ao feedback verbal, gerou concluses relevantes para a empresa. Ao final do estudo, concluram que mais de trs cones associados a determinado nome de usurio era o mximo tolerado pelas pessoas. A partir dos dados gerados pela pesquisa foi criado um manual para que os cones fossem sempre consistentes visualmente, na forma de interao e no posicionamento por todo o site, aponta Felipe Memria. Outro aspecto testar os detalhes tcnicos que envolvem os cones. importante tambm ter certeza de que o tamanho e as cores so adequados para o pblico e test-lo em diferentes monitores e resolues. Alm disso, utilize um software (Colour Contrast Analyser) que analisa contraste, alerta Melissa Toledo. Tudo isso para que os cones possam ajudar a aperfeioar a usabilidade de um site. Ela melhorada a partir do momento em que um sistema iconogrfico fcil de aprender, de ser recordado, eficiente na utilizao e, alm de tudo, agradvel. Quando a iconografia se tornar familiar para o usurio, ela pode potencializar a experincia de uso de um site, agilizando a navegao e tornando-a mais prazerosa, finaliza Memria.

34 :: cones, quando usar?

A biblioteca da iconografia
- Artigos
Apple human interface guidelines: icons
Apple (http://tinyurl.com/rw9l4)

Teste de cones
Usabilidoido (http://tinyurl.com/nmmtg)

Elementos de semitica aplicados ao design


Autor: Lucy Niemeyer (http://tinyurl.com/or3sb)

Fontes: Dirceu Veiga, Mauro Pinheiro, Revista Webdesign

Gestalt do objeto: sistema de leitura visual da forma


Autor: Joo Gomes Filho (http://tinyurl.com/ru7uv)

Creating Windows XP icons


Microsoft (http://tinyurl.com/5d77)

- Sites
www.bauhaus.de http://feedicons.com www.guiborchert.com/gworka/index.html www.guidebookgallery.org/icons/components www.iconfactory.com www.iconfish.com www.iconshock.com www.iconwerk.de www.interfacelift.com http://pages.ebay.com/help/myebay/ myebay-icons.html www.plugmasters.com.br/bancodeicones www.webicones.com.br www.kare.com www.khm.de/~timot/PageElephant.html Symbol source book: an authoritative guide to international graphic symbols
Autor: Henry Dreyfuss (http://tinyurl.com/m4m49)

How to create Vista Icons


Axialis Software (http://tinyurl.com/orbcj)

Handbook of pictorial symbols


Autores: Rudolf Modley, William Myers e Diana Comer (http://tinyurl.com/pgxxk)

Icon analysis: evaluating low spatial frequency compositions


Boxes and Arrows (http://tinyurl.com/p8ur3)

Idea index: graphic effects and typographic treatments


Autor: Jim Krause (http://tinyurl.com/oyjb6)

cones, grandes aliados do projetista


IBRAU (http://tinyurl.com/lguj7)

Livro do cone
Autor: William Horton (http://tinyurl.com/q8hhp)

International picture language: psyche miniatures / general series


Imaginary Museum (http://tinyurl.com/oj4zs)

Look of the century: design icons of the 20th century


Autor: Michael Tambini (http://tinyurl.com/ncn5u)

Learning to love the pixel: exploring the craft of icon design


Boxes and Arrows (http://tinyurl.com/qto4a)

Material type icons task force


Dartmouth (http://tinyurl.com/lahve)

Fontes: Dirceu Veiga, Felipe Memria, Melissa Toledo, Revista Webdesign

ICONS: Signs (http://tinyurl.com/q3w2u)


Editora Taschen

Pelos poderes do cone


Usabilidoido (http://tinyurl.com/p2z6a)

Sinais e smbolos: desenho, projeto e

- Livros
Processo de criao de cones
Usabilidoido (http://tinyurl.com/njyhk)

significado
Autor: Adrian Frutiger (http://tinyurl.com/mbvsy)

1000 Symbols: what shapes mean in art and myth


Autores: Rowena Shepherd e Rupert Shepherd (http://tinyurl.com/ltfaz)

Fontes: Frederick van Amstel, Maria de Lourdes, Mauro Pinheiro, Melissa Toledo

Pixelart 2D e 3D
Armando Fontes (http://tinyurl.com/qdags)

Designing interfaces: patterns for effective interaction design


Autora: Jenifer Tidwell (http://tinyurl.com/oypbw)

- Revista
Newwebpick - edio Asia Special
www.newwebpick.com

Designing pictorial symbols


Autor: Nigel Holmes (http://tinyurl.com/r2t7s)

Fonte: Ronaldo Gazel Designing visual interfaces: communication oriented techniques


Autores: Kevin Mullet e Darrell Sano (http://tinyurl. com/qsjh3)

design/web/design: 2
Autor: Luli Radfahrer (http://tinyurl.com/mt9zf)

cones, quando usar? :: 35

Um exemplo de padronizao no uso de cones na web


Bate-papo: Mrcio Ismail, na poca, diretor de arte do projeto

A Sirius Interativa desenvolveu recentemente um guia de padronizao visual (http://tinyurl.com/r2o5f) para os sites do Governo do Estado de So Paulo. Nesta entrevista, vamos saber os principais detalhes este projeto. Wd :: Como surgiu a oportunidade de criar um guia de padronizao visual dos sites do Governo do Estado de So Paulo? Mrcio :: O governo tinha uma preocupao muito grande com sua presena na internet, alm de querer comunicar de forma clara todas as suas qualidades. A Sirius Interativa foi procurada para iniciar a definio de uma nova cara para o portal do governo, alm de servir de guia para os outros sites e futuras atualizaes. Wd :: Por que vocs decidiram criar uma padronizao para o uso de cones? Mrcio :: impressionante a dimenso que o portal atinge. As reas, servios e produtos que esto nele, ou so derivados, so enormes. Claro que existem casos especficos que seguem uma linha visual prpria, mas, no geral, era muito importante definirmos um conjunto de regras mnimas para que os cones criados seguissem o mesmo caminho. Wd :: Que tipo de estudos vocs fizeram para definir os padres de cones? Mrcio :: Estudamos, principalmente, as necessidades do portal atual e das possveis utilizaes dessa iconografia. Tentamos ao mximo fugir de metforas distantes do motivo final, para evitarmos algum tipo de rudo e seguimos a linha grfica do portal. Trabalhamos sempre com o entendimento seguro da imagem. Nada de cones de difcil entendimento. Num portal assim estamos falando praticamente com todo o tipo de usurio. Wd :: O avano da tecnologia permite que o desenvolvimento de um site possua uma srie de novas funcionalidades. Diante disso, como vocs planejaram esta questo na padronizao visual dos sites do Governo do Estado de SP? Mrcio :: Demos as diretrizes bsicas para que daqui para frente sejam criados novos cones. Com o tempo vo surgir novas demandas e o objetivo que seja criado um banco de cones para ser usado nos sites e projetos ligados ao portal. O mais importante nessa hora conseguir manter que o mesmo cone seja utilizado sempre para a mesma funo.

36 :: debate - navegando ao som de...

O uso de recursos sonoros em sites parece ter sofrido com sua m utilizao logo no incio da internet comercial. Ou seja, o carregamento demorado e a falta de sintonia com o conceito da pgina eram alguns dos problemas mais comuns. Hoje, as tecnologias nesta rea avanaram e j possvel disponibilizar fundo musical e outras mdias sonoras que no afastem ou prejudiquem a navegao de um usurio. Analisando o atual cenrio no Brasil, como, quando e onde recomendvel utilizar recursos musicais em um site?

debate - navegando ao som de... :: 37

Tambm obrigao dos desenvolvedores explicarem para os clientes (especialmente aqueles que acham o mximo diversos sons e fundos musicais dos sites dos outros), quando o projeto tem contexto ou no para aplic-los
Acredito que os efeitos sonoros contribuam muito para uma rica experincia de navegao para os usurios. Porm, quando so utilizados sem contexto, causam irritao e at mesmo a desistncia de ir alm dentro de um site. A aceitao dos efeitos sonoros tambm est relacionada com o propsito: no adianta encher de sons um projeto no qual o usurio tem o perfil de apenas ler ou buscar informaes para o trabalho, por exemplo. No entanto, em sites onde os usurios entram para se entreter, e esperam ser surpreendidos, os efeitos sonoros estimulam e prendem a ateno, especialmente se aliados a um design que crie ganchos para os sons serem explorados. Tudo isso envolve o planejamento desde o incio do projeto, pois assim d para pensar em uma forma de enriquecer sem atrapalhar a navegao, e criar o desejo nos internautas de ir alm, tornando assim estes sons timos aliados para agradar o visitante de um site. Tambm obrigao dos desenvolvedores explicarem para os clientes (especialmente aqueles que acham o mximo diversos sons e fundos musicais dos sites dos outros), quando o projeto tem contexto ou no para aplic-los. A questo do carregamento - que hoje no o maior dos problemas - resolvida com os sons de maior peso em streaming ou carregamento modular, o que no onera tanto no tempo de espera, mas ainda assim deve ser considerada para aqueles sites com trfego muito intenso, onde voltamos questo do planejamento.
:: Ludmilla Rossi Diretora geral da Mkt Virtual www.mktvirtual.com.br

38 :: debate - navegando ao som de...

:: Melissa Lesnovski Scia da Aldeia - Agncia de Internet www.aldeiainternet.com.br

O usurio deve ser o el da balana na escolha


:: Marcio Bomm Designer da Globo.com | GloboEsporte.com www.marciobomm.com

dos recursos sonoros. A ele deve ser dado o direito de escolher entre ouvir som ou no, a qualquer momento durante a navegao
No existe frmula mgica para avaliar a pertinncia do som em um site. O que existe a velha regra da coerncia. A insero de som pode incrementar a ambincia do site e torn-lo amigvel ao pblico-alvo, mas tambm pode enterrar sua credibilidade. Quando o contedo sonoro o objeto do site, o pblico est disposto a ouvi-lo com ateno, no se incomodando tanto com a eventual demora na navegao. Rdios on-line, sites de bandas, produtoras de udio, entretenimento e jogos podem investir em recursos sonoros mais avanados, cuidando sempre da relao peso versus qualidade do arquivo veiculado. Quando o contedo sonoro no o objeto de um site, e sim um reforador de sua ambincia, todo cuidado pouco. Lidamos com um contedo pesado, no-solicitado pelo usurio e, at segunda ordem, desnecessrio. Caso optemos pela presena da trilha, necessrio que escolhamos peas de qualidade, autorizadas ou compostas para a ocasio. Um site com msica ruim infinitamente pior do que um site silencioso. Sites corporativos merecem ateno quanto ao ambiente sonoro. Existe a percepo, em parte do pblico, de que sites com som so menos srios. A no ser que haja uma trilha corporativa, aplicada em outras mdias ou familiar ao pblico, a melhor opo o silncio. Esses sites costumam ser acessados no trabalho: outro motivo para evitar dissabores ao usurio. Em qualquer caso, o usurio deve ser o fiel da balana na escolha dos recursos sonoros. A ele deve ser dado o direito de escolher entre ouvir som ou no, a qualquer momento durante a navegao.

Alm da adequao ao projeto grco e ao tema, preciso avaliar o pblico-alvo a quem se destina o site e as conseqncias prticas e tcnicas da utilizao de udio
O primeiro passo para definir a utilizao ou no de udio em um site identificar a necessidade e as convenincias. Definitivamente, o udio no obrigatrio e nem sempre sinnimo de qualidade ou ousadia, muito pelo contrrio: um tema fora de contexto pode acabar com um belo projeto. Apesar de a banda larga de boa qualidade estar cada vez mais presente nas empresas e residncias, as conexes discadas e mquinas pouco potentes ainda so realidade para o internauta brasileiro. Portanto, alm da adequao ao projeto grfico e ao tema, preciso avaliar o pblico-alvo a quem se destina o site e as conseqncias prticas e tcnicas da utilizao de udio. Sites de bandas, casas de festa, rdios, candidatos/ polticos e outros temas, em que o som faz parte da identidade e serve como apoio ao projeto grco, so exemplos em que o udio muito importante. Em meu site (www. marciobomfim.com), o som que utilizo faz parte da proposta do site: carioca, Rio de Janeiro, Bossa Nova, paz. Mas ainda muito comum vermos sites institucionais com loops totalmente desacompanhados da usabilidade, sem um boto de stop, ou com um boto to escondido, que obriga o usurio a fechar a janela ou desligar a caixa de som. Em geral, o udio deve ser evitado e includo apenas em projetos que de fato necessitem dele, mas nestes casos deve prevalecer o bom senso: na dvida, para no arriscar, o melhor no utilizar o udio.

navegando ao som de... :: 39

Marcelo Albagli Diretor de criao da Canvas Webhouse www.canvas.com.br

Quando utilizamos fundo musical para peas on-line, como banners ou intervenes, a principal reclamao que recebamos era a invaso de privacidade dos usurios. Na maioria das vezes, essas peas eram acessadas de dentro de empresas e os funcionrios no curtiam muito a idia de serem delatados pelo som - ou ento, como navegavam ouvindo msica, a trilha sonora atrapalhava a experincia desses usurios. Na minha opinio, o som s deve aparecer quando solicitado, no pode ser uma surpresa - principalmente em banners, que so inseridos na navegao do usurio sem que este os tenha solicitado. Em hotsites, onde podemos utilizar mais esse recurso, a opo de controle de volume no pode deixar de estar presente. Mas o principal, como sempre, a qualidade criativa da trilha sonora. Geralmente, sons de clipart no so to pobres quanto imagens de cliparts, porm o melhor sempre produzir a trilha com exclusividade para cada pea. raro que os clientes desejem investir em msicos e estdio, mas por isso mesmo damos prioridade aos animadores que tenham boa noo musical quando estamos contratando. A boa noo musical tambm traz outros benefcios para a equipe criativa - como uma boa noo de ritmo, por exemplo. No mais, infelizmente no podemos ainda basear a criao somente na trilha sonora. Embora fundamental em produtos audiovisuais, no todo usurio que possui caixas e placa de som de qualidade. Dessa forma, geralmente prefiro ainda usar o som mais como um recurso extra do que como o ponto de partida para a criao.

O som s deve aparecer quando solicitado, no pode ser uma surpresa - principalmente em banners, que so inseridos na navegao do usurio sem que este os tenha solicitado

40 :: debate - navegando ao som de...

Participao dos assinantes


Como, quando e onde recomendvel utilizar recursos musicais em um site?
Srgio Mari Jr.
sergio@infonauta.com.br

pa gan r ticip e he pr e mio s!

Ao utilizar msicas ou efeitos sonoros em um site, temos que considerar que atualmente, em tempos de mp3, rdios on-line e podcasts, o controle sobre o que ouvir enquanto navega est nas mos dos usurios. Um usurio que esteja ouvindo msicas ou um podcast pode se zangar com um site que dispara outros sons, atrapalhando sua concentrao. Msicas s so bem vindas

vencedor!

em sites de entretenimento, onde a explorao dos sentidos do usurio o foco principal. Mesmo assim, no deve ser acionada automaticamente. o usurio quem deve decidir se liga ou no o som sugerido pelo site.

Alexander Rodrigues
alexrodrigues43@yahoo.com.br

Essa questo delicada e geralmente o uso dos recursos sonoros na web feita de maneira impensada. Temos que ter em mente sempre o usurio, interferindo o mnimo possvel em sua navegao. Devemos guardar o som como um elemento de surpresa, algo que v enriquecer a experincia de quem usa nossos produtos. Na minha opinio, msicas e outros efeitos sonoros devem ser usados onde o som elemento principal: em sites de msicos, gravadoras, shows etc.

Carlos Eduardo
kaducao@yahoo.com.br

Sites com temas bem especficos, onde o recurso musical sirva de complemento para o objetivo do site, sem sobressair s idias, ao layout e, principalmente, sem irritar o usurio.

Gustavo Esteves
gustavo.esteves@gmail.com

Acredito que existem duas maneiras para utilizarmos sons: alerta sonoros quando acontecem eventos no site e sons que integram o ambiente do site.

Rafael Souza
rafael@crcsp.org.br

Esta etapa deve ser avaliada de acordo com a proposta do projeto, ou seja, dependendo da sensao que o site queira passar ao usurio.

Se voc assinante, participe desta seo pelo site www.arteccom.com.br/webdesign/clube

O autor da melhor resposta ganha prmios.

42 :: e-mais - sites polticos

SITES POLTICOS:
a nova gerao dos cabos eleitorais
Segundo dados do Tribunal Superior Eleitoral (TSE), as eleies polticas no Brasil, em 2006, contam com mais de 15 mil candidatos dentre os cargos elegveis (presidente, s e n a d o r, d e p u t a d o s f e d e r a l , e s t a d u a l e d i s t r i t a l ) , distribudos pelos 29 partidos polticos existentes. Levando em conta a importncia que a internet vem assumindo no cotidiano das pessoas, imprescindvel que as campanhas polticas marquem presena no mundo virtual, tornando os sites os novos cabos eleitorais dos candidatos e partidos polticos. Em enquete realizada na periferia de So Paulo, pela Escola do Futuro USP (laboratrio interdisciplinar que investiga como as novas tecnologias da comunicao podem melhorar o aprendizado), a internet aparece em terceiro lugar como sendo a maneira como as pessoas se informam sobre os programas de governo dos candidatos n a s e l e i e s , p e rd e n d o a p e n a s p a r a o s t e l e j o r n a i s e o h o r r i o e l e i t o r a l g r a t u i t o n a T V, m a s f i c a n d o n a frente das revistas e jornais impressos, afirma Ricardo Barreto, diretor da RBW Comunicao e Tecnologia, que desenvolveu os portais do Partido Popular Socialista (PPS - www.pps.org.br) e do Partido Trabalhista Brasileiro (PTB - www.ptb.org.br). Ou seja, a web se transformou em uma ferramenta fundamental para proporcionar uma experincia completa na interao com o usurio/eleitor. Antes, precisamos entender qual o objetivo de um site. Se o criador do site quiser apenas aparecer na internet, basta criar algumas pginas e pronto. Entretanto, se h um objetivo nesse site, preciso pensar, estudar, planejar e arquitetar bem as informaes para que o site seja relevante e atraia o maior nmero de usurios, diz Felipe Morais, gerente de projetos e mdia on-line da Navigators. Alm do fenmeno de alcanar os usurios a qualquer hora e lugar, as possibilidades de gerao espontnea de contedo e sua capacidade de viralidade so fantsticas. Estamos falando de um universo de mais de 30 milhes de pessoas, que podem incentivar, estimular e gerar contedo para uma campanha, acrescenta Fernando Gustavo, sciodiretor da I-Bizz Mdia e Tecnologia, agncia responsvel pelo site do Partido dos Trabalhadores (PT - www.pt.org.br). Um novo mercado que se abre? Alm das transformaes que a internet vem trazendo para o marketing poltico, devemos levar em considerao tambm as oportunidades que este mercado poder trazer para as agncias e os profissionais freelancers. Ta n t o p a r a a s a g n c i a s d i g i t a i s c o m o p a r a a s tradicionais, o retorno principal a oportunidade de participar de campanhas de grande importncia no cenrio nacional, alm do lado financeiro. Para o freelancer, por exemplo, as oportunidades surgem, pois gerada uma maior demanda de contratao temporria pelas agncias selecionadas para participar das campanhas, revela Fernando. Este segmento ainda novo no Brasil, o que abre grandes perspectivas profissionais. Alm do mais, de dois em dois anos so milhares de pessoas que se candidatam em todo o pas, complementa Ricardo.

Muitos partem do princpio que, para um site poltico, basta colocar a biograa, discursos, fotos e alguns textos (Fabiano Carnevale)

e-mais - sites polticos :: 43

A internet aparece em terceiro lugar como sendo a maneira como as pessoas se informam sobre os programas de governo dos candidatos nas eleies (Ricardo Barreto)
No entanto, o especialista ressalta a resistncia de um segmento que ainda procura as vantagens proporcionadas pela web. Eles preferem a televiso, os cartazes, os santinhos, os muros etc. Como decorrncia no se tem o devido cuidado na criao dos sites e na sua atualizao. como se qualquer um soubesse criar um site. D e s s a f o r m a , p ro c u re re u n i r o m a i o r n m e ro d e argumentos para vencer a viso predominante de site om ominante como uma espcie de panfleto eletrnico. Muitos ele partem do princpio que, para um site, basta colocar a au biografia, discursos, fotos e alguns textos do prprio os poltico. Mas uma caracterstica geral dos internautas acterstica intern ir alm da informao que receberam e, mais que isso, h a necessidade de interagir/reagir ao contedo que agir/reagir gir/reagir lhe foi exposto. Nisso, os sites polticos brasileiros ainda a caminham com passos desajeitados, navegando em guas s, revoltas, cita Fabiano Carnevale, webmaster do site do t te deputado federal Fernando Gabeira. Situao bem diferente do que vem ocorrendo no o cenrio poltico internacional. Nos EUA e na Europa, j a a, existe uma preocupao em utilizar a internet como um novo espao de discusso pblica. De buscar, a partir dos sites, construir redes de apoio slidas e participativas. Vale ivas. o exemplo de Howard Dean, que construiu sua campanha, onstruiu pelo apoio do Partido Democrata, presidncia dos elo mo mocrata, EUA, em 2004, basicamente a partir de seu blog (Dean 20 0 e for America). Foram arrecadados mais de 25 milhes de America) ) d dados dlares, somente com contribuies mdias de pessoas som m buies fsicas (de cerca de U$ 80, no mximo) pela web. Ainda ce e o que no tenha sido o indicado do partido, a campanha de a d Dean segue co como um marco na histria da relao entre a o poltica e a inte internet, aponta Fabiano. e Um ponto p positivo nesta discusso est no fato de as normas eleitorais se tornarem mais rgidas com relao eleitora a r propaganda imp impressa, o que certamente tornou a internet p n nou como um dos principais palcos para a exposio dos p p posio candidatos. Porm que atento! Para evitar eventuais abusos, Porm, m nt ntuais o TSE determinou a algumas regras para o desenvolvimento e a olvimento manuteno de propaganda eleitoral eletrnica. pro o Foi expressamente proibida - em qualquer perodo expressa a

44 :: e-mais - sites polticos

Alm do prprio site, a campanha tem que ter uma grande ateno aos sites de comunidade e contedo como Orkut, YouTube e blogs (Fernando Gustavo)
- a propaganda em pginas de provedores de servios de acesso internet. Os candidatos podem manter pgina na internet, sob qualquer terminao, sujeitando-se a regras especficas apenas o DPN .can.br. O pedido de registro deste domnio deve obrigatoriamente obedecer especificao nomedocandidatonumerodocandidato. can.br, correspondendo o nome aquele indicado para figurar na urna eletrnica. O registro isento de taxa e deferido somente aps o efetivo requerimento do registro de candidatura perante Justia Eleitoral. O candidato a rc a c o m a s d e s p e s a s c o m c r i a o , h o s p e d a g e m e manuteno da pgina, sendo que o domnio cancelado automaticamente aps a votao, orienta Ana Amlia de Castro, advogada, consultora legal em TI e professora de Direito convidada da FGV. Sites polticos possuem particularidades na criao? RSS, blog, espao para comentrios, enquete, contedo, udio etc. Da mesma forma que acontece com qualquer projeto, a criao e o desenvolvimento de sites polticos devem ser feitos sempre com o que h de melhor no mercado. No deve faltar criatividade para garantir inovaes e diferenciais que tornem o site original. Interatividade, navegao simples, visual agradvel, contedo utilitrio, vdeos curtos e objetivos e, sobretudo, atualizao permanentemente so requisitos fundamentais, arma Srgio Xavier, diretor da SX Brasil Comunicao Digital, responsvel pela criao do site do Partido Verde (www.pv.org.br). Outro aspecto envolve o crescimento das ferramentas colaborativas, que ganham fora com o advento da chamada web 2.0. Alm do prprio site, a campanha tem que ter uma grande ateno aos sites de comunidade e contedo como Orkut, YouTube e blogs. Estimular o nome do candidato nestes veculos como aumentar a exposio e o tempo de TV a que um candidato tem direito, mas necessrio cuidado ao lidar com estes pblicos, pois diferente da TV, no h a menor possibilidade de controle sobre o que ser ou no publicado. No esqueceria tambm a diversidade dos dispositivos e plataformas de acesso internet, como os PDAs e celulares, com as respectivas modalidades interativas (ringtones, imagens, acesso WAP e os aplicativos brew e Java), alerta Fernando Gustavo. Dentro desse cenrio, j podemos apontar alguns bons exemplos de sites polticos no pas. Um deles o do deputado Fernando Gabeira (www.gabeira.com.br), que possui uma estrutura prpria, com prossionais (designer, webwriters e webmaster) trabalhando exclusivamente para o portal. Possibilitar ao mximo a troca entre o poltico e o eleitor deve ser a prioridade dos sites polticos. Com o site, possvel voc expandir a representao poltica, ligando sites e matrias de interesse campanha ou ao mandato poltico. Ou seja, o eleitor pode, a partir de uma proposta apresentada pelo candidato/parlamentar, encontrar no site informaes relevantes sobre o tema da proposta, tendo assim mais chances de construir uma opinio a respeito do assunto. Por exemplo, a partir de uma proposta de regulamentao da prostituio, voc pode encontrar artigos, entrevistas, sites e vdeos sobre o tema (contra e a favor) e dessa forma j est dando ao eleitor novas possibilidades de se inserir no assunto que vo muito alm do blblbl do horrio eleitoral, finaliza Fabiano Carnevale.

46 :: estudo de caso - Samambaia

Samambaia:
como tornar a tecnologia uma aliada na produo de um conceito
Um conceito de criao de sites ainda pouco explorado no Brasil envolve aquele tipo de projeto no qual os profissionais investem boa parte do tempo de trabalho na pr-produo. Ou seja, a criao vai alm dos computadores e suas ferramentas, buscando no mundo real as referncias necessrias para o desenvolvimento de interfaces digitais. So poucos, mas os exemplos existentes demonstram o nosso potencial na rea. Um deles a Samambaia (www. samambaia.com.br), projeto focado em promover uma releitura contempornea das manifestaes do povo brasileiro. Nesta entrevista, Pedro Garcia, um dos criadores do projeto e diretor de arte na MRM Worldwide London, brao digital da McCann Erickson, revela os principais aspectos no desenvolvimento do site, que envolveu uma extensa pesquisa de imagens, edio de vdeo e estudo tipogrfico. Wd :: Como surgiu a idia de criar a Samambaia? E por que a escolha desse nome? Pedro :: O Juca Battiston era minha dupla de criao na Globo.com e ns sempre conversvamos sobre ter um projeto criativo nosso. J tnhamos algumas idias de nome e do que fazer, mas ainda faltava alguma coisa. Foi ento que ns ganhamos o concurso Apple de Criatividade Digital (www.apple.com/br/criatividadedigital). Como prmio, ficamos quase um ms viajando pelos EUA. L, pudemos perceber como a cultura brasileira estava em voga no exterior. E percebemos que no existia nada at o momento com a proposta da Samambaia: uma marca quase folclrica e utpica buscando divulgar uma cultura genuinamente brasileira. Por eu ter vindo de uma formao em Design Grfico, estava cansado de debater o que seria o design genuinamente brasileiro. Na nossa viso, quanto mais longe do design tradicional e mais prximo do design vernacular (naif, popular) melhor. Ento, ficou fcil escolher o nome: nada mais brasileiro do que a Samambaia, sonoro nome que vem do tupiguarani. S que para que tudo isso pudesse acontecer de verdade, convidamos a Claudinha Niemeyer para fazer parte desse nosso coletivo criativo e passamos a criar juntos a partir da.

estudo de caso - Samambaia :: 47

Wd :: Quais so as fontes de inspirao da Samambaia e como elas influenciaram na criao e no desenvolvimento do site? Pedro :: Tentamos nos inspirar no s em temas, mas tambm na linguagem grfica popular brasileira. Por isso, no adianta usar a linguagem mais moderninha do momento ou tentar ser cool. Acredito que o que fazemos mais atemporal, pelos menos em termos de conceito. Trabalhamos o site como se fosse qualquer outra pea, ou seja, procuramos fazer com que o usurio mergulhasse no universo da Samambaia ao entrar no site. claro que temos todas as limitaes tecnolgicas, assim como as outras peas (camisetas, vdeos, painis etc.) tambm tm as suas limitaes. E esse acabou se revelando um dos desafios mais interessantes da nossa proposta: ser um coletivo criativo capaz de criar uma identidade brasileira para as mais diversas mdias. Wd :: comum as grifes de roupas mudarem seus sites conforme so lanadas as suas colees (inverno, vero, primavera e outono). O site da Samambaia est em sua segunda verso, no qual apresenta as novas criaes. Dessa forma, quais foram as principais modificaes realizadas? Pedro :: Sempre tentamos transmitir algo alm da estampa da camiseta. Coisa, alis, que foi bem complicada quando eu me mudei para Londres. Percebi que as pessoas de fora do Brasil praticamente perdiam todo o contexto por trs da Samambaia e s analisavam o visual. Por isso, acho que nessa segunda verso, tanto nas estampas, quanto no site, tentamos causar um impacto bem mais universal, que pudesse ser entendido tanto no Brasil quanto no exterior. E, pelo fato de o projeto da Samambaia ser um escape nosso para no ter que ficar limitado e fazendo sempre projetos comerciais, tentamos fazer tudo bem diferente, com a nossa identidade, sem se importar tanto com o resultado comercial. Wd :: Um dos diferenciais no site do projeto est no extenso trabalho de pr-produo, que focou na busca de referncias visuais do mundo real. Dessa forma, quais foram as principais etapas na elaborao e construo do site?

o T en ta mo s no s ins pir ar n s em te ma s, ma s ta mb m na lin gu ag em gr f ica po pu la r br as ile ira

48 :: estudo de caso - Samambaia

Pedro :: Geralmente, ficamos bastante tempo guardando tudo que achamos interessante, deixando as idias amadurecerem. Uma vez que conseguimos fechar um conceito criativo, comeamos a realmente produzir. Por mais que a gente tente se organizar, tudo acaba andando meio em paralelo: as camisetas, o site, o DVD, embalagens, novos produtos etc. Como todos ns trabalhamos com criao e propaganda, j estamos acostumados com o desafio de conceituar, preparar e produzir nossas idias. S que, no caso da Samambaia, ao invs de contratar algum, preferimos fazer tudo ns mesmos. Ento, a gente vai l, prepara, filma, fotografa, edita, desenha, anima... D um trabalho, mas garante que o resultado saia 100% do jeito que a gente quer. Wd :: Em termos de design, percebemos que a tipografia utilizada em boa parte dos objetos do site inspirada em fontes manuscritas. Que tipo de estudos vocs fizeram para definir este tipo de fonte? Pedro :: Assim como diversas coisas dessa segunda fase da Samambaia, tentamos usar elementos prprios da cultura popular brasileira. Para essa tipografia, fomos at o cameldromo da Rua Uruguaiana, no Centro do Rio, e conseguimos descobrir o cara que pinta todas as placas da rea: o Sr. Mazaki, um descendente de japons muito simptico por sinal. Ele criou para a Samambaia uma tabela com todos os caracteres e reaproveitamos para montar as frases, tanto nas camisetas quanto no site.
Esboo do site

Wd :: A expanso da tecnologia de banda larga tem permitido a criao de interfaces digitais que possibilitem a integrao de udio, vdeo e texto. Uma das inovaes no site est na animao do vendedor que expe as camisas na banca, conforme o usurio vai escolhendo os modelos de estampa. Que tipo de tecnologia vocs utilizaram e quais foram os principais desafios para tornar este conceito vivel? Pedro :: Na verdade, a idia bem simples: basicamente vdeo digital mapeado quadro-a-quadro no After Effects. Fomos filmar o feirante trocando as camisetas (que a parte central do site) e, com fotos do cenrio, construmos o resto em volta dele. Todos os outros elementos foram ilustrados no Photoshop. O mais trabalhoso, na verdade, foi mapear quadroa-quadro as estampas no After Effects em cima do vdeo.

estudo de caso - Samambaia :: 49

Mas, como a Samambaia quase um projeto de vida, a gente costuma se dedicar ao mximo para que cada detalhe possa fazer a diferena. Wd :: Falando em After Effects, como voc aprendeu a dominar o programa e quais so as particularidades e cuidados no seu uso voltado para projetos web? Pedro :: J mexia bastante em Flash e Photoshop e como sempre ouvia falar que o After Effects era uma mistura dos dois, resolvi baixar alguns tutoriais para comear. Levei um tempo at me adaptar, mas o que ajudou bastante foi ter feito o meu projeto de graduao da Faculdade de Design todo em vdeo. Acho que a melhor maneira para aprender mesmo tentar arrumar algum projeto real para praticar. E agora cada vez mais tem se usado After Effects na web, porque sem tanta limitao de banda, ele acaba sendo muito mais fcil e prtico para fazer manipulao de imagens, vdeos e animaes com muitos efeitos. No entanto, ele tem que ser usado com cuidado, porque pode complicar bastante alguma mudana de contedo ou atualizao. Wd :: Apesar dos vrios recursos pesados, o site apresenta um rpido carregamento entre suas sees. Qual o segredo para se atingir tal eficcia? Pedro :: Isso tambm deu um certo trabalho, mas daqueles que valem a pena, porque no final o site fica bem mais rpido. Ao invs de usar um vdeo inteiro para toda rea que estava sendo animada, s utilizamos a parte onde o vendedor se mexe. Exportamos uma seqncia de JPEGs e fomos posicionando no Flash de acordo com a animao. E, como era uma seqncia de imagens, deu para aproveitar os frames da ida e inverter a ordem para fazer a animao da volta, praticamente cortando pela metade o tamanho do arquivo. Wd :: Nesta edio promovemos um debate sobre a validade do uso d e re c u r s o s s o n o ro s e m u m s i t e . Vocs utilizaram este recurso de maneira bem adequada, ao colocar um fundo sonoro ligado ao ambiente dos centros populares de comrcio.

Dessa forma, quais so os cuidados para evitar que o udio em um site no seja prejudicial navegao do usurio? Pedro :: De uma forma geral, sou contra udio no solicitado em sites, banners ou coisas do gnero. Quase sempre j estou ouvindo alguma msica no computador e tambm como uso vrias janelas, muitas vezes fica uma luta para descobrir de onde est vindo o som. Mas, nesse caso, o udio bem pertinente para deixar o visitante no clima da feira livre. Para que no fosse prejudicial navegao do usurio, utilizamos o udio em volume baixo e com o boto para desligar bem visvel na interface. Fora isso, ele s comea depois que todo o site j carregou e tem um bitrate bem pequeno para no pesar muito.
Bitrate

Tambm conhecido como data rate, indica o volume de dados transferido a cada segundo num fluxo de udio ou de vdeo. Fonte: Jos Valter (http://tinyurl.com/edg4u)

Wd :: Falando em navegao, percebemos que a interface do site privilegiou a intuio, no qual os objetos se tornaram os alvos dos cliques dos usurios. Quais aspectos determinaram este tipo de escolha?

50 :: estudo de caso - Samambaia

na moldura para usurios com resoluo baixa e tentar deixar o layout harmonioso mesmo para quem acessa com resolues bem maiores. Wd :: Vocs disponibilizaram duas verses do site: portugus e ingls. Quais aspectos foram relevantes para que essa deciso fosse tomada? Pedro :: O site da Samambaia passou a ter m u i t o s a c e s s o s d o e x t e r i o r, p r i n c i p a l m e n t e d e p o i s que desfilamos no So Paulo Fashion Week, criando estampas para a Ellus 2nd Floor. Alm disso, c o m e a m o s a re c e b e r e - m a i l s e p e d i d o s d o m u n d o todo, culminando com algumas lojas internacionais que
Para essa tipografia, fomos at o cameldromo da Rua Uruguaiana, no Centro do Rio, e conseguimos descobrir o cara que pinta todas as placas da rea

passaram a vender produtos da Samambaia. Como eu me mudei para Londres recentemente, e passamos a vender aqui tambm, era muito importante que o site tivesse uma verso em ingls. Inclusive, atualmente, a Samambaia muito mais conhecida fora do Brasil do que no nosso prprio pas. Recentemente, por exemplo, tivemos alguns trabalhos publicados no livro T-Shirt 360, de Barcelona. Wd :: Quais so os prximos passos do projeto? Vocs tm planos de lanar uma opo de comrcio eletrnico? Pedro :: A Samambaia quer ficar cada vez menos limitada s camisetas e s exigncias atuais do mercado da moda. Um exemplo disso foi o DVD que lanamos recentemente e alguns outros projetos artsticos que temos em mente. Mas acredito que o site sempre ter um papel fundamental, porque a nossa principal interface de comunicao com o mundo. O comrcio eletrnico sempre foi parte da proposta do site da Samambaia. Porm, logo no lanamento da marca, focamos nossas vendas para lojas, por uma questo de escala de divulgao do nosso trabalho. O p t a m o s , e n t o , p o r n o e x p l o r a r o c o m rc i o eletrnico para no gerar uma concorrncia desleal com as lojas que vendiam nossos produtos. Atualmente, estamos estudando seriamente a possibilidade de lanar o e-commerce no nosso site. Mas antes queremos nos estruturar, porque a loja virtual vai gerar uma demanda que ainda no estamos preparados para atender.

Pedro :: Tambm no sou muito f de interfaces que tenham metforas de objetos reais e voc tenha que descobrir onde esto as coisas, a no ser quando realmente o projeto pea uma experincia mais ldica. Porm, como a idia era realmente transmitir a experincia da feira, utilizamos esse recurso, mas de uma maneira simples e intuitiva. Wd :: O variado uso de resolues de tela por parte do pblico-alvo de um site um aspecto fundamental na hora de se projetar interfaces digitais. Como vocs trabalharam esta questo no site do projeto? Pedro :: Observamos que o nosso site era visitado principalmente por designers, que geralmente utilizam monitores grandes com resolues bem maiores que a mdia. J que o contedo era bem amarrado e no dava para ter muita flexibilidade, resolvemos concentrar tudo

52 :: Tecnologia na web

Tecnologia na web
Como se preparar para escolher um gerenciador de contedo
Na edio de dezembro de 2005, quando abordamos quais conceitos e tecnologias continuaram em alta e quais caram em desuso, o professor Carlos Bahiana, da PUC-Rio, anunciava que a popularizao dos gerenciadores de contedo web (CMS - Content Management System) traria uma diminuio na produo de sites feitos de maneira artesanal, pgina a pgina, com alimentao feita por FTP e necessidade de alterar dezenas de arquivos HTML a cada atualizao de design. Quando analisamos os sistemas disponveis no mercado, sejam eles comerciais ou de cdigo-fonte aberto, a quantidade de novos sites ou que foram remodelados a partir da incluso de um gerenciador e a opinio de especialistas neste mercado, o tiro de Bahiana parece ter sido certeiro. A era dos sites sem gerenciadores de contedo, de algum tipo, chegou ao m. Cada vez menos veremos sites feitos apenas em HTML, sem um sistema de retaguarda. Desde blogs at grandes sites de notcias, passando por sites institucionais de todos os tamanhos. Pode-se comparar esta transio ao comeo da era industrial. Sites so produtos que saem do processo artesanal e se tornam cada vez mais industriais, sem perda de qualidade, claro, arma rico Andrei, diretor de Tecnologia e Parcerias da Simples Consultoria (www.simplesconsultoria.com.br). O que avaliar na hora da escolha Assim, na hora de denir que tipo de gerenciador ser utilizado em seu projeto web, alguns fatores devem ser avaliados. Acredito que os principais passam pela adequao s necessidades do projeto e, se for o caso, a compatibilidade com o sistema que j utilizado (se em PHP, ASP ou outra linguagem, por exemplo). No inteligente ter um CMS capaz de gerenciar um portal se voc vai publicar um blog, e vice-versa, arma Walmar Andrade, gerente de criao da SX Brasil Comunicao Digital (www.sxbrasil.com.br). Alm disso, exibilidade para adaptao da interface, segurana e facilidade no uso so outros aspectos a serem levados em conta. Analise se a ferramenta se encaixa em seus recursos e necessidades de layout e de estrutura de contedo. Segurana um fator que cresce muito com o porte da empresa. Muitas ferramentas bem conhecidas foram tachadas de inseguras e prejudicadas com isso, explica Guilherme Capil, diretor de operaes da Tecnodesign (www.tcdesign.com.br). importante avaliar a facilidade de uso, principalmente para os produtores de contedo (que mantero o site) e tambm para os outros prossionais envolvidos (arte e tecnologia). No adianta escolher um CMS que no se encaixe no perl de sua equipe, argumenta rico. Perl do site inui na escolha? Denitivamente, a resposta parece ser sim. Ainda mais quando pensamos nas novas tecnologias que apontam para a tendncia do desenvolvimento de sites cada vez mais dinmicos. Quanto mais dinamismo se quer em um website, maior a necessidade de se automatizar a forma que as informaes devem estar disponveis. Estes so os principais candidatos a gerenciadores de contedo. Se um website no vai ter nenhuma alterao durante meses, o investimento pode no valer a pena. Alm disso, muitas vezes se imagina que um website com um layout muito sosticado no se encaixe no perl para gerenciadores de contedo. Isso vale se voc estiver olhando para as ferramentas que so mal-projetadas e limitam a exibilidade do website, diz Capil. Alm desses pers, a designer e ilustradora Carolina VignaMar (www.vignamaru.com.br) acrescenta nesta lista os sites que vo apresentar massa crtica de contedo e aqueles em que o cliente quer uma certa independncia. Quando o seu site

Tecnologia na web :: 53

nvel bsico

muito grande, por mais que use a dupla dinmica CSS e PHP, voc pode ter muitas dores de cabea na hora de fazer um grande redesign. Com um CMS, a coisa ca muito mais simples, o que signica tambm mais rapidez e, portanto, menos custo. Vantagens e desvantagens no uso de um gerenciador Assim como toda tecnologia, preciso estar consciente que os sistemas de gerenciamento de contedo vo apresentar diversas facilidades ou determinar alguns obstculos na administrao de projetos web. Sobre as vantagens, o fato de o contedo car dissociado da estrutura parece ser a principal delas. Na fase de produo, essa separao facilita muito o andamento dos processos. Para os designers possibilita, por exemplo, criar templates que serviro de modelos para cada seo, acabando com o trabalho de produzir dezenas de pginas, aponta Christian Laurito, diretor de criao da E4W Solutions (www.e4w.com.br). Outra vantagem, segundo Christian, que assim que a arquitetura de informao estiver denida dentro do gerenciador, os webwriters podem comear a incluir o contedo do site, antes mesmo de o design estar pronto. Na fase de manuteno, os benefcios so evidentes. Podemos citar, por exemplo, a possibilidade de atualizaes remotas no caso dos publicadores web. Sabemos tambm que, em alguns projetos, o mesmo texto pode aparecer em lugares diferentes do site. Nestes casos, se ele for alterado atravs da ferramenta, todas as matrias so atualizadas automaticamente, podendo inclusive apresentar visuais diferentes. Mas, se por um lado a independncia oferecida pelos gerenciadores na hora de se administrar o contedo de um site seja apontada como uma grande vantagem em seu uso, de outro ele se torna um desao para garantir o controle de qualidade do projeto. O contedo, incluindo normas ortogrcas, ca por conta dos colaboradores. O mesmo vale para as imagens publicadas. Nestes casos, a esttica do site passa a depender tambm do bom gosto dos prossionais que as publicam. E ns, designers, sabemos que so necessrios um mnimo de sensi-

bilidade e conhecimento para selecionar e preparar boas fotos antes de public-las, por exemplo, ressalta Christian. Em termos da identidade visual, os especialistas consultados nesta reportagem foram unnimes em armar que os gerenciadores de contedo no prejudicam a qualidade esttica de um site. Os CMS so extremamente versteis. claro que restries existem, mas vamos encontr-las em qualquer tcnica, linguagem e ambiente. funo do designer saber lidar com elas e contorn-las, arma Carolina. Se o gerenciador no tem uma exibilidade para se adaptar ao design projetado, no deve ser escolhido. O CMS deve se adequar ao projeto, e no o contrrio, naliza Walmar.

Opes disponveis no mercado


Para blogs, indicaria de olhos fechados o WordPress (www.wordpress. org), que tem uma exibilidade tremenda e, por ser de cdigo aberto, possui centenas de plugins e est sendo sempre aprimorado. Foi feito para gerenciar blogs, mas pode sem problemas ser usado em sites. Quem estiver a procura de gerenciadores para projetos menores, uma boa alternativa visitar o OpenSourceCMS (www.opensourcecms.com), que permite testar gratuitamente, sem instalar nada, gerenciadores como Joomla, Mambo, Drupal e dezenas de outros. (Walmar Andrade) No momento, as sugestes passam pelo Plone (www.plone.org opo escolhida pelo governo federal e diversas organizaes como IDG, Larousse, OAB-SP e Universidade Metodista), o WordPress e o MediaWiki (www.mediawiki.org). (rico Andrei) Sou f do Mambo (www.mamboportal.com). poderosssimo e tem uma interface gostosa, fcil de usar e simples de aprender. (Carolina Vigna-Mar) O Pindorama (http://pindorama.sf.net), ferramenta de cdigo-fonte aberto, foi projetado tendo em vista a exibilidade total para o website (layout e contedo) e segurana (como gera arquivos estticos no website, pode no oferecer risco algum ao cliente). (Guilherme Capil) Vou citar trs opes nas quais a E4W tem experincia: Publique (www.publique.com.br), Calandra (www.calandra.com.br) e Vignette (www.vignette.com). (Christian Laurito)

54 :: tutorial

Escrevendo HTML, nalmente - Parte 4 nalmente


Elcio Ferreira Desenvolvedor e instrutor na Visie Padres Web http://visie.com.br/

Este ms, nalmente, vamos escrever nosso primeiro arquivo HTML. Voc ver que a tarefa muito fcil. E nos prepara para o aprofundamento no ms que vem, quando vamos inserir informao extra em nosso documento atravs dos microformatos. A estrutura bsica do HTML Para comear, criamos nosso documento, e inserimos nele a estrutura bsica de um arquivo HTML para o site da empresa fictcia Mveis Florentina. Vamos fazer a pgina sobre a empresa. Vai ficar assim: <!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/ DTD/xhtml1-strict.dtd> <html> <head> <title>Mveis Florentina - Sobre a empresa</title> <meta http-equiv=content-type content=text/html; charset=UTF-8 /> </head> <body> </body> </html> Pode parecer complicado, mas no . Vamos dissecar parte por parte: - Doctype: A primeira linha desse trecho de cdigo o Doctype de seu arquivo HTML. Voc no pode publicar um HTML sem Doctype, porque ele quem diz de que tipo seu documento e com que verso do HTML voc est trabalhando. Em nosso caso, escolhemos trabalhar com o Doctype XHTML 1.0 Strict. - HTML: logo em seguida vem a tag html. Ela o elemento raiz de nosso documento, e deve sempre conter todas as outras tags, exceto o Doctype. - head: a primeira tag dentro de html a head. Ela delimita o cabealho da pgina, onde estaro as informaes sobre a pgina que no vo aparecer no prprio corpo pgina. Coisas como a folha de estilo com que a pgina ser exibida, os scripts que sero executados e o arquivo RSS que contm as notcias desta pgina. Chamamos de meta-informao a informao a respeito de determinada pgina que no parte do contedo. - title: vamos comear a inserir meta-informaes em nossa pgina pela tag mais importante do head, a tag title. Ela define

o ttulo da pgina, na janela do navegador, nos favoritos e nos buscadores. Portanto, escolha bem esse ttulo. - meta content-type: depois do ltimo artigo, acho desnecessrio falar sobre a tag meta content-type, no? Bom, para quem perdeu o ltimo artigo: onde inserimos informaes a respeito do tipo de documento e, o que mais importante para quem escreve HTML, qual a pgina de cdigo usada. - body: por fim, na tag body que vamos inserir o contedo, o corpo da pgina. O que estiver aqui ser o que realmente vai aparecer quando o usurio carregar a pgina. O contedo - ttulos: vamos comear inserindo na tag body o ttulo desta pgina, fazemos isso usando a tag H1, a tag para os ttulos principais: <h1>Mveis Florentina</h1> Em seguida, o ttulo de segundo nvel: <h2>Sobre a Empresa</h2>

Seguido de dois ttulos de terceiro nvel:


<h3>Localizao</h3> <h3>Contato</h3> Esto disponveis para nosso uso as tags at o sexto nvel de ttulos (h6), embora, para a maioria dos casos, trs ou quatro nveis sejam mais do que suficientes. - divises: os prprios ttulos em nossa pgina nos do uma boa idia da diviso dos contedos desta pgina em sees. Em cada uma dessas sees, ou divises da pgina, vamos marcar com uma tag div: <div id=cabecalho> <h1>Mveis Florentina</h1> </div> <div id=principal> <h2>Sobre a Empresa</h2> <h3>Localizao</h3> </div> <div id=contato> <h3>Contato</h3> </div> - texto: h diversas tags para a marcao de texto, algumas de uso mais genrico, outras mais especficas. H, por exemplo, tags especficas para citaes. Mas, na maior parte do tempo, vamos usar as tags comuns de pargrafo, as tags p:

tutorial :: 55

<div id=cabecalho> <h1>Mveis Florentina</h1> </div> <div id=principal> <h2>Sobre a Empresa</h2> <p>A Florentina uma empresa de mveis diferente. Com quarenta anos trabalhando com mveis, temos uma linha de primeira qualidade, com avaliao tcnica de qualidade a cada passo do processo de produo. Desenvolvemos mveis sob encomenda e sob medida para a sua casa ou escritrio.</p> <h3>Localizao</h3> <p>Com dezoito filiais na grande So Paulo, h sempre uma Florentina perto de voc. Se desejar, consulte nossa lista de lojas.</p> </div> <div id=contato> <h3>Contato</h3> <p>Entre em contato conosco pelo e-mail flo@florentina.com</p> </div>

</div>

- formulrio: por fim, vamos inserir um formulrio de contato ao final de nossa pgina.O cdigo fica assim:
<form method=post action=envia.php> <label for=nome>Nome: <input name=nome></label> <label for=email>e-mail: <input name=email></label> <label for=assunto>Assunto: <input name=assunto></label> <label for=msg>Mensagem:</label> <textarea name=msg></textarea><br /> <input type=submit value=Enviar /> </form>

Com isso, temos um formulrio com os campos nome, e-mail, assunto e mensagem, que submete para a pgina envia.php. Precisamos aqui dedicar alguma ateno ao funcionamento das tags label. Sua funo oferecer, nas descries dos campos de formulrio, uma rea de clique. Ou seja, clicar na descrio o mesmo que clicar no campo. No caso de campos texto ou select, por exemplo, clicar na descrio coloca o foco no campo. No caso de radiobuttons ou checkboxes, o clique na descrio equivale ao clique no campo, aumentando a rea de clique e evitando que seu usurio tenha que fazer a mira. Temos agora nosso contedo todo descrito em HTML. At aqui, nossa pgina no est atraente. Por outro lado, voc vai perceber que ela funciona em dispositivos mveis e mesmo em navegadores de texto. No prximo ms, vamos relacionar este arquivo com arquivos externos, inserindo figuras, links para outras pginas, uma referncia a um arquivo RSS, um favicon, javascritpt e CSS. Vamos tambm inserir informaes em um microformato, o hCard.

- lista: vamos agora, logo depois do ttulo principal da pgina, inserir uma lista dos links disponveis para outras pginas nesse mesmo site. Vamos fazer um menu. Menus, na verdade, so listas de links, apenas. Construiremos nosso menu, a princpio, assim: < div id=cabecalho>
<h1>Mveis Florentina</h1> <ul> <li>Home</li> <li>Produtos</li> <li>Servios</li> <li>Trabalhe conosco</li> <li>Sobre</li> </ul>

A alta qualidade do servio de hospedagem da Acquaria Web Solutions lhe d a tranqilidade para dirigir sua empresa, com a certeza de que seu cliente ter acesso a qualquer momento a seu endereo na internet. www.acquaria.com.br tel: (47) 8414.4383 acq@acquaria.com.br

A Brasil Hosting assume a misso de prestar os melhores servios, oferecer preos justos e respeitar o consumidor. Assine agora mesmo um dos nossos planos e sinta a diferena de um hosting com tica. www.brasilhosting.com tel: (48) 4052.9591 atendimento@brasilhosting.com

Hospedagem com infra-estrutura no Brasil, 6 anos no mercado. Planos Windows e Linux, antivrus, anti-spam, banco de dados, relatrios de acesso, disponibilidade de 99,5%. www.creativehost.com.br tel: (11) 3849.1166 atendimento@creativehost.com.br

EBRASIL.NET
Voc quer Hospedagem Prossional? Servidores estveis e que no saem do ar? Ento venha conhecer a DataHosting, suporte diferenciado e qualicado, planos especiais de revenda, plataforma windows e linux. www.datahosting.com.br tel: (11) 6951.2954 Hospedagem de Sites, Registro de Domnios, Marketing Digital, Desenvolvimento de Sites. 30% de desconto no plano de Hospedagem. Basta digitar, durante a compra, no campo cupom, a palavra: promowebdesign. www.ebrasil.net tel: 0800 70 404 70 com@ebrasil.net

A Fractoweb oferece solues completas para hospedagem de sites, telefonia, transmisso de dados e data center, utilizando a mais moderna e robusta tecnologia para suas aplicaes. www.fractoweb.com.br / fracto@fracto.com.br So Paulo: (11) 3835.6990 - (11) 3523.1580 Rio de Janeiro: (21) 3723.1580 Porto Alegre: (51) 3123.1580

Hospedagem de sites com infra-estrutura de altssimo nvel, planos a partir de R$ 8,90/ms. HTML, PHP, CGI, Flash, FrontPage, DreamWeaver, MySql, e-mail com anti-vrus/spam, suporte 24x7 entre outros recursos. www.hphost.com.br tel: (11) 6142.5653 info@hphost.com.br

Provedor fundado no ano de 2001, com infra-estrutura prpria e datacenter no Brasil. Plataforma Windows com suporte integrado Net 2.0, ASP e PHP5 no mesmo ambiente, contando ainda com MYSQL gratuito e SQLServer 2000. www.iphotel.com.br tel: (11) 6971.0438

Hospedagem de Qualidade em Windows e Linux. Planos a partir de R$ 4,90 mensais. Atendimento personalizado por telefonia xa, Voip, Skype e e-mail, eliminando a distncia para que voc tenha liberdade de escolha. www.jotachost.com.br tel: (11) 4063.2395 - (41) 3352.9153 sac@jotachost.com.br

maxiservers DATA CENTER HOSTING


Com o maxiservers voc acerta no alvo, o melhor e mais seguro em hospedagem de sites! A partir de 14,90 mensais voc hospeda seu site de forma fcil, rpida e segura. Acesse J! www.maxiservers.com vendas@maxiservers.com

Hospedagem de sites a partir de R$ 6,60, planos Windows e Linux, servidores semi-dedicados e dedicados de alta-qualidade, suporte altamente qualicado e 24 horas. www.novahost.com.br tel: (21) 2702-3653 vendas@novahost.com.br

Registro rpido de domnios nacionais e internacionais; Hospedagem segura para WebSites; Painel de Controle fcil de usar; Antivrus e Anti-Spam para e-mails. www.provedorweb.com.br tel: (31) 3463-2828 provedorweb@povedorweb.com.br

studioserver
Hospedagem de Sites, Revenda de Hospedagem e Registro de Domnios, tecnologia ASP, PHP e .net no mesmo plano, teste grtis por 30 dias e comprove a qualidade de nossa infra-estrutura e atendimento. www.redehost.com.br tel: Rio Grande do Sul (51) 3042-2030 So Paulo (11) 4063-7574 Rio de Janeiro (21) 3527-0848 comercial@redehost.com.br
Internet Solution

Hospedagem de sites em plataforma Linux e Windows. Registro gratuito de domnios internacionais, acesse o nosso site e participe de nossa promoo. www.rjhost.com.br tel: (21) 2577-5545 vendas@rjhost.com.br

Loja virtual GRTIS. Assine um plano de hospedagem 3 ou 4 e ganhe uma loja virtual completa e de fcil administrao. Escreva o cdigo WBM no formulrio de inscrio e ganhe ativao + 1 mensalidade. www.studioserver.com.br tel: (13) 3273 3379 comercial@studioserver.com.br

Top Hospedagem
Hospede seu site com quem conhece do assunto. Servidores de Alto Desempenho! Suporte Rpido e Eciente! Tranqilidade e segurana para voc! Top Hospedagem - Qualidade a nossa marca. www.tophospedagem.com.br tel: (31) 3077-3310 - criao e desenvolvimento de sites - hospedagem em php - asp - html - registro de dominios com, net e .com.br - desenvolvimento de logomarcas e midia grca tel: (21) 2480-8607 - (21) 9851-0500

ZARP HOST
Hospedagem de Sites
Oferecemos registro de domnios e hospedagem em ASP, PHP e CGI. Planos a partir de R$ 9,90. www.zarphost.com.br contato@zarphost.com.br

Para anunciar nesta seo, envie um e-mail para publicidade@arteccom.com.br, com o ttulo "busca host" ou ligue para (21) 2253.0596

ABC
ABCMIX Flash Tutorials Vdeo-aulas interativas em ash para Joomla! CMS. Viewlets sob encomenda para treinamento web e provedores de hospedagem. www.joomlaashtutorials.com tel:(61) 8464.4383 tutorials@abcmix.com Toda a experincia em treinamento presencial disponvel agora na forma digital. Aprendizado rpido, na velocidade de seus negcios. www.actionsoft.com.br tel: (11) 6864.4709 carlos@actionsoft.com.br Domine os softwares de Web Design: Illustrator, Indesign, Photoshop, Dreamweaver, Fireworks e Flash. www.aisinformatica.com.br tel: (21) 2548.8989 copagerente2@hotmail.com

SERVIOS E TREINAMENTO EM INFORMTICA

A Bluestar Technology oferece toda a linha de treinamentos ociais Borland, CA e Conectiva Mandriva. Temos ainda treinamentos prossionalizantes em Programao Web, com Java, Delphi e PHP. Invista em voc, na sua carreira e no seu futuro. www.bluestar.inf.br tel: (61) 3347.9255 atendimentodf@bluestar.inf.br

Promoo de cursos de informtica -Pacote Ofce -Montagem, Manuteno, Congurao de Computadores -Programao (Lgica de programao) -Redes e Linux -Windows e Internet tel: (21) 3393.6351 - (21) 3473.8683 ctl.informatica@pig.com.br

Operador de Microcomputador, Assistente Administrativo, Analista de Suporte Tcnico, Linux /Star Ofce, Programao, Ingls, Telemarketing e Excelncia no Atendimento, Editorao e Produo Grca, Web Design, Hotelaria e Turismo www.databyte.com.br tel: (21) 2482.4763 Unidade Madureira Av. Ministro Edgard Romero 415

Web Design, ASP, PHP, SQL, JAVA e outros. O participante dominar os padres, conceitos e as boas prticas de desenvolvimento para os principais modelos adotados pelo mercado. www.digidatabrasil.com.br tel: (21) 2233.8967 - (21) 2203.2276 digidata@digidatabrasil.com.br Av. Pres. Vargas, 482 - sobreloja 206 - Centro - Rio de Janeiro/RJ

Disponibilizamos uma ampla gama de treinamentos, visando a capacitao para um mundo competitivo. Os cursos abrangem desde o bsico de informtica at os prossionalizantes. www.diginetinformatica.com.br tel: (71) 3382.7898 R: 124 - Elio Earli marketing@diginetinformatica.com.br

Descrio: Especializada em treinamentos individualizados, a Digital ensina a trabalhar com softwares da rea web, assim como os mais usados pelo desenvolvido mercado offshore da regio. www.digitaltreinamentos.com.br tel: (22) 2762.1903 contato@digitaltreinamentos.com.br

A Fuctura uma empresa que constantemente est preocupada com qualidade e com novas tecnologias. Na rea de treinamento oferecemos cursos tradicionais, cursos on-line como o curso de Tecnologias AntiHackers e de ponta como o curso de Bolsa de Valores. www.fuctura.com.br tel: (81) 3088.0992 e-mail: contato@fuctura.com.br

Ligue gratis:

0800 7 720 721

Web Designer + Fotograa Web Developer A melhor qualicao prossional em desenvolvimento de pginas e sites para a internet. Voc conectado s novidades do mercado. Web Designer na People ! www.people.com.br tel: (19) 3739.6400 ou 0800 7 720 721

AGORA NO BRASIL! O melhor treinamento Linux, pertinho de voc. tel: (11) 3124.6000

Usabilidade, Arquitetura da Informao, Web 2.0, Webwritting, Tableless, Python, Zope e Plone com os maiores especialistas do mercado. Aprenda conceitos e ferramentas que sero seu principal diferencial competitivo. www.simplesconsultoria.com.br tel: (11)3898.2121 cursos@simplesconsultoria.com.br

A Tecnoponta treina h quinze anos prossionais preparados diretamente para o mercado de Web. Crie dinamismo, organize e manipule dados na Web, processando informaes em Background . Cursos de Flash Action Script, Ajax e Tableless, ASP .NET c/ C#.NET www.tecnoponta.com.br tel: 3222.9492 treinamento@tecnoponta.com.br

Cursos Presenciais ou e-Learning. Computao Grca, WEB Design, AutoCAD, 3D Studio. Horrios Flexveis, Incio Imediato, Garantia de Aprendizado. Marque uma Aula GRTIS! www.treinasoft.com.br tel: 11 5573.9067 Citreinasoft@treinasoft.com.br Av. 11 de Junho, 63, (Metr Santa Cruz)

Aprenda Oracle, Java, Linux, ITIL

Curso WEB Marketing e Comunicao Digital 28 30/08 - Rio de Janeiro 18 20/09 - Porto Alegre 16 19/10 - So Paulo Conhea a programao completa no site www.wbibrasil.com.br tel: (51) 3233.1771 marketing@wbibrasil.com.br

INVISTA EM SEU FUTURO Cssio Raphael Vitiello de Sousa Especialista Oracle - Scio Diretor www.worldsoft.com.br tel: (11) 3289.5963 contato@worldsoft.com.br

Multiplique conhecimento! Nossos Treinamentos: OpenOfce, Banco de Dados, Gesto e Qualidade, Programao Java, Anlise de Sistemas, PHP e MySQL PHP com Ajax, Gnu/ LINUX LPI tel: (61)3244.2510 atendimento@x25.com.br SGAS 910 Ed. Mix Park Sul sl 239 Braslia/DF

Para anunciar nesta seo, envie um e-mail para publicidade@arteccom.com.br, com o ttulo "busca cursos" ou ligue para (21) 2253.0596

58 :: usabilidade

Marcos Nhr Guilhermo Reis


Trabalha h em anos na Dell Computadores, onde responsvel do website da empresa. Atua AI Especialista trs Arquitetura de Informao e Usabilidade. autorpeloKit de Conhecimento sobre como designer de interfaces desde 1998, tendo responsvel por coordenar projetos e manutenes nos (http://tinyurl.com/p4j6w). Atualmente, realizado trabalhos em empresas como Espacio Digital (hoje Agncia do Banco Real. websitesInternet), Godigital e RBS, alm de participar do desenvolvimento de portais de companhias como GVT, Telefnica, reis@guilhermo.com Telemig Celular e Amaznia Celular.

Esttica ou usabilidade?
Mesmo que a importncia da usabilidade seja reconhecida j h algum tempo, equivocado assumir ou sugerir que o seu papel seja o principal (ou o nico) na definio da interao com o usurio. Em um artigo sobre o assunto, Didier P. Hilhorst (fundador da User Interface Designer) atesta exatamente o contrrio: o aspecto visual vem em primeiro lugar e a usabilidade em segundo! Em primeiro lugar, vamos considerar o reino da percepo humana. A qualidade esttica percebida foi estudada em grande parte no campo da psicologia. Por exemplo, atrativos fsicos in uenciam suposies sobre outros traos da personalidade. Olhos azuis e um belo sorriso podem levar as pessoas a assumirem que voc seja uma pessoa convel. Ter um rosto bonito uma vantagem. As pessoas tendem a fazer juzo do que est ao seu redor baseadas em aspectos efmeros. Isto pode soar como um clich, mas voc nunca tem uma segunda chance de ter uma boa primeira impresso. Atratividade e outros aspectos de apelo esttico so traos fsicos que evocam uma resposta emotiva. Isto tem um papel fundamental na experincia do usurio. Qualidade esttica Apesar de centrada no pensamento e prtica humano, a qualidade esttica teve, em grande parte, um papel inconseqente na interface para usurios e no design de websites. Existem diferentes razes que explicam porque a esttica no recebeu a ateno que merece no campo da alta tecnologia. Primeiramente, a qualidade esttica predominantemente subjetiva. difcil medir o quanto estes aspectos atrativos so percebidos pelo usurio e por isto surgem diferentes interpretaes. No entanto, a subjetividade no , em hiptese alguma, uma razo para que o aspecto esttico seja alienado do processo de design, muito pelo contrrio, j que os usurios orientam suas aes baseadas justamente em critrios no ortodoxos. Durante uma recente discusso sobre design, Andrei Herasimchuk, em seu blog Design by Fire (www.designbyre.com), lembrou de um ponto chave que ignorado por muitos. Ele tem a ver com quo relativa a esttica e sua percepo de valor ou qualidade. Exemplicando, Yahoo, Google e eBay podem se dar ao luxo de usar uma esttica bastante pobre pelo fato de no termos muito o que escolher, em termos de funcionalidade, em relao concorrncia. Agora pegue a indstria automobilstica, por exemplo: todas as empresas fabricam carros com basicamente a mesma qualidade. Por isto, marcas como Ford, BMW e Volkswagen se diferenciam entre si pela experincia que elas vendem, tipicada pelo seu design. A indstria automobilstica uma indstria madura, a web - ainda - no . Por ltimo, o debate j antigo entre forma e funo. Um grande nmero de especialistas em usabilidade prega as virtudes do design funcional. A funo, ou facilidade ao usar, crtica para qualquer interface, sem dvida. Mas a forma no necessariamente segue a funo, no m-

usabilidade :: 59

preciso criar as casas, os considerar o reino da percepo as placas Em primeiro lugar, vamosprdios, as praas e principalmente humana. de sinalizao.

ximo inuencia a funo. Eu acredito rmemente que um bom design , de fato, usvel. Se problemas relacionados interao ocorrerem, algo no foi pensado no design como um todo. Experincia do usurio Eu vejo o design, e no a usabilidade, como o carro chefe para moldar a experincia do usurio. A esttica afeta a percepo de facilidade de uso, profundidade do uso e o prazer no uso. Existem muitos especialistas do ramo que alegam que o uso mnimo de imagens, textos com fontes grandes e alto contraste so aspectos chave. Tais recomendaes incluem o mnimo ou nenhum uso de imagens para melhorar o tempo de download, textos com fontes grandes e alto contraste para facilitar a leitura. Mesmo sendo verdade que os aspectos acima mencionados melhoram a usabilidade, uma questo permanece: seguir tais recomendaes a chave para um website usvel e de sucesso? Para muitos experts o papel da qualidade esttica secundrio em relao funo, ou como outros ainda sugerem: a atratividade no um fator de importncia na experincia do usurio. Eu acredito que estas armativas no condizem com a realidade. Usabilidade um fator que d forma ao uso atual, mas as impresses de um usurio sobre um website (sobre utilidade, facilidade de uso e prazer no uso) so formadas pelo visual do site, pela sua esttica. Em essncia, a atratividade molda diretamente a percepo da facilidade de uso. Especialistas em usabilidade tm um papel indiscutvel quanto a tornar a web um espao mais amigvel, mas desdenhar a idia de que o design vem em primeiro lugar na experincia do usurio um equvoco. Alm disso, um fator de importncia perifrica, que os peritos em usabilidade freqentemente negligenciam, a marca e a identidade corporativa. A marca no s afeta a atratividade (ou vice-versa), mas tambm forma a percepo do consumidor. Design um processo ou prtica de formar e comunicar de maneira efetiva uma marca. As escolhas que se fazem na seleo de cores, estilos e formas iro afetar a qualidade esttica. Na prtica, a maioria das agncias de propagandas no so boas para desenvolver websites, mas elas entendem a necessidade da atratividade e da fora da marca.

60 :: marketing

Ren de Paula Jr.


Diretor de produtos do Yahoo Brasil. profissional de internet desde 1996, passou pelas maiores agncias e empresas do pas: Wunderman, AlmapBBDO, Agncia 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

Os intocveis
Eu estava prestes a comear este artigo dizendo voc que gosta de idiomas..., mas me toquei a tempo que pouca gente tem apreo por lnguas. Deletei tudo, e recomecei com voc que lida muito com estrangeiros.... Deleta, deleta, deleta. De volta ao cursor piscando no incio de uma pgina branca. raro eu travar. Normalmente eu saio escrevendo/palestrando/gravando sem o menor embarao, e as idias vo se concatenando naturalmente, haja vista/ouvido o improviso do podcast Roda e Avisa (http://www.usina.com/rodaeavisa). Um tema, porm, quebra essa regra. Se eu no esvaziasse a lixeirinha do meu desktop, ela pareceria hoje um cesto de papis de escritor empacado, coberta por folhas amassadas atiradas com fria. Que tema esse? Simples: o que no se diz. Ponto. Complicadssimo, o tema. Falemos de fotograa, ento, pra facilitar. Todo mundo tem cmera, e todo mundo gosta de uma boa foto, no? Pois bem, comecemos por a. Cmeras retratam a realidade, certo? Cmeras no mentem. Olhemos ento aquele teu lbum de viagem. Monumentos, belas paisagens, momentos dignos de uma foto, pessoas posando. lbum sempre assim. Agora reveja as fotos e me diga: o que no aparece? Enquanto voc digere a pergunta, eu dou uma pista: cmeras tm lentes, e com lentes voc enquadra. Quando voc enquadra algo, seleciona o que vai aparecer... E o que no vai aparecer. A menos que voc ande fazendo fotos em 360 pelo mundo... O que aparece uma frao bem pequenina comparado com o mundo que no aparece. Voc fotografou o mendigo? O prdio feio? As pessoas infelizes? O cu chuvoso? A sua mala bagunada? Provavelmente no. Isso no coisa que se mostra normalmente, e a gente nem registra na memria. (Paulistanos como eu so PHD nisso: conseguem no-ver o caos e enxergar s o que bacana na cidade, vide http://www.ickr.com/photos/renedepaula) Deve fazer parte da nossa natureza maquiar a realidade e deixar de lado coisas que no ornam. Isso sinal de urbanidade e educao, inclusive, e cada cultura ou lngua (l venho eu com idiomas e gringos de novo) lidam de maneiras diferentes com isso. Em alguns pases inadmissvel se falar da vida ntima, em outros ningum tem pudor em dizer que teu cabelo est horrvel. Varia muito, mas uma coisa certa: algumas coisas nunca so ditas. Outra coisa certa: isso tem um preo, um preo que pagamos a prazo porque no enfrentamos as coisas vista. Nosso ofcio interativo no escapa dessa sina, e a prova : estamos sempre tropeando da mesma maneira, vamos sempre ter os mesmos problemas. E, se tudo no mundo tem uma causa, problemas repetidos s podem ser... Efeito de causas crnicas. E como algo que causa problemas pode ser crnico? Simples: porque no se fala dela. No pega bem. No legal. Nesse assunto ningum toca. Tem gente que (sobre)vive disso: voc j deve ter visto um intocvel, uma daquelas guras que orbitam em torno desse rea forticada. Sempre tem: por vezes os criativos so intocveis, por vezes os engenheiros, por vezes os chegados do chefe.

marketing :: 61

"Que tema esse? Simples: o que no se diz. Ponto. Complicadssimo, o tema."

Nem tudo que intocvel, porm, tem que ser eterno. Muitas vezes os nossos monstros sagrados so tigres de papel, basta um assopro e eles somem da nossa vida. E pensando nisso, nesse exorcismo dos nossos fantasmas crnicos, que eu sugiro um remdio importado: o post-mortem, um apelido dado a uma avaliao do que foi bom ou ruim durante um projeto. Acabou o projeto? Post-mortem nele! Quer tentar fazer? Acabo de fazer um bem simples: cada um dos envolvidos listou ao menos trs coisas que foram timas, trs que foram boas e trs que foram ruins. Um coordenador vai juntar tudo isso, consolidar e compartilhar com todos. De um post-mortem simples assim pode nascer um plano para que os erros no mais se repitam e tambm para que inovaes positivas sejam incorporadas ao processo. Simples. Transparente. Mas levemente arriscado, tambm: um brasileiro pode se magoar porque o estrangeiro no teve papas na lngua, ou um outro latino pode ter sido mais passional do que devia, ou... Ok, l venho eu de novo com lnguas e culturas :) Que mania. Aponte minhas manias, por favor, no tem problema. Aponte-as ou... Vou repetir a dose nas prximas edies :)

Arraial Mag-Malien

Toca do coelho

barraca da Pescaria

Brincadeira da farinha

Capoeirista passarinho

Mag-Malien - Crianas que Brilham Faa parte voc tambm deste projeto. Para doao de alimento, computadores e voluntariado, entre em contato: arteccom@arteccom.com.br Informaes: www.arteccom.com.br/ong

62 :: bula da Catunda

Marcela Catunda
Trabalhou na TV Globo, TV Bandeirantes, TV Gazeta, Manchete e SBT. Foi redatora da DM9DDB e Supervisora de Criao de Mdia Interativa da Publicis Salles Norton. scia do site Banheiro Feminino, est no Orkut e trabalha como autnoma. blog - http://pirei.catunda.org marcelacatunda@terra.com.br

Como cumprir prazos num frio de rachar


Quando o frio chega, minha criatividade vai esquiar em Bariloche. No tem nada mais desagradvel e desesperador pra mim do que teclar com as mos geladas, a chuva caindo l fora e uma cama quentinha e aconchegante a poucos passos da sala fria. Criar e ser genial num frio de rachar, mas isso d? Quando a criatividade se congela e d uma banana pro criativo, o que fazer? Assunto difcil para qualquer prossional, mas a porca torce ainda mais o rabo quando esse prossional, alm de criativo, um freela. Que fria. Perdi as contas das noites de inverno cheias de textos comeados, de idias dispersas fazendo par com os copos vazios de ch espalhados pela mesa, sem contar com aquele edredom jogado na cama, clamando por minha presena. A temperatura cai quando nada parece sucientemente bom para ser apresentado e com os ponteiros rodando, tem hora que a falta de inspirao parece no chegar ao m. Vou ligar l e dizer que algum morreu. Eu, por exemplo. penso l pelas duas da manh. Claro que sempre existe uma sada, o difcil encontr-la no desespero da noite. Vou dormir. e vou. A ressaca da noite fria sem inspirao terrvel. Um misto de incerteza, ps frios e esperana. Retomar o job preciso, receb-lo ento... A ansiedade de fazer um bom trabalho um complicador imenso quando a paz para que ela exista depende exclusivamente da sua inspirao e ps quentinhos. De manh sempre assim, mas no tem erro a tarde eu consigo penso perto da hora do almoo. A tarde chega com a noite na seqncia, e assim segue o correr das vinte e quatro horas. Alguns cinqenta e tantos docs. abertos depois, chega tambm o desespero. Aquele mesmo da noite gelada e passada, mas agora um pouco pior, porque, alm de mais frio, restam apenas algumas horas para a idia chegar numa reunio com o cara que vai me amar (e me chamar sempre) ou me odiar para a eternidade (e no me chamar nunca mais). Um banho. Um banho quentinho na madrugada e voltarei cheia de idias geniais penso me ensaboando. Pronto, agora a coisa t jia. Tenho exatamente cinco horas para enviar meu trabalho para o cliente no meio desse frio de lascar e no tenho nenhuma idia do que vou apresentar, criar ou fazer. o meu m. O trabalho em questo no era o que podemos chamar de divertido, nem o segmento a que ele se destinava, mas era um trabalho e era um cliente. Eu no sei fazer isso caceta. Ser que uma redatora freela pode escolher trabalho? A difcil resposta um o que? E foi nesse dia que quase quei ainda mais pobre - quando pirei no meio de uma noite fria sobre ser que eu no sei fazer trabalhos assim?. Apelei ento para uma amiga escritora e poeta e desabafei. Ela s me disse: Pense numa rvore e desligou. Na hora, aquilo me pareceu um desatino, mas os poetas so desatinados. Pensei na tal rvore e comecei ento a escrever sobre a dita cuja, com a minha autocensura no ltimo volume, sim porque sou pssima com linguagens poticas e morro de vergonha de mim quando me meto a fazer isso. Escrevi, escrevi, escrevi e da liguei pra ela, pedi pra ela entrar no e-mail dela e ler minha

bula da Catunda :: 63

"Quando a criatividade se congela e d uma banana pro criativo, o que fazer? "

rvore. Ela leu e disse: - Perfeito! Agora substitua algumas rvores pelo nome do seu cliente e monte o roteiro. - ? exclamei! Comecei a montar aquele quebra-cabea e de repente as peas comearam a se encaixar. E foi cando bonito. Ai que medo! Foi cando lindo. Ai que piegas! Mas tava bonito. Ai! Emocionei! Aquele monstruoso roteiro, que antes me amedrontava, foi cando to legal. Era uma rvore dando frutos bem ali na minha frente e o frio foi indo embora, os dedos teclaram frenticos e entreguei com apenas uma hora de atraso o que acredito ser hoje, um dos melhores roteiros de institucional que criei. E foi numa noite fria que aprendi duas lies. A primeira que metforas so salvadoras, principalmente quando estamos escravos de idias geniais. Descobri nesse dia que ser genial era justamente o que aquele trabalho no precisava, ele precisava sim era de simplicidade. A segunda lio foi aprender que no preciso dizer no para trabalhos que no tenham exatamente a nossa cara, porque a criatividade tem vrias faces e nem sempre uma cambalhota seguida de um duplo twist carpado exatamente genial. Ah! Claro que tem mais uma lio, mas essa a vida j tinha me ensinado. Aquela que diz assim, que quem tem amigos nunca est sozinho (nem sente frio).

64 :: webdesign

Luli Radfahrer
PhD em Comunicao Digital, j dirigiu a diviso de internet de algumas das maiores agncias de propaganda e de alguns dos maiores portais do Brasil. Hoje, Professor-Doutor da ECA-USP, Diretor Associado do Museu de Arte Contempornea e consultor independente. Autor do livro design/web/ design:2, administra uma comunidade de difuso do conhecimento digital pelo Pas. luli@luli.com.br

Restart
Ser preciso esperar que as coisas travem para se recomear?
Todos os consultores de carreira sejam eles head-hunters, coaches ou qualquer outro anglicismo que esteja na moda para os gurus da auto-ajuda profissional adoram dizer por a que estar por baixo o primeiro passo no caminho para se estar por cima. Em seu discurso lotado de chaves, sempre h espao para citar que, em Chins, um mesmo caractere significa crise e tambm oportunidade. Pensando bem, dane-se. No estamos na China, e tanto Pescoo em Francs como Vaca em alemo no so exatamente palavras bonitas em nossa lngua. O uso de exemplos estrangeiros, estejam eles no design ou em qualquer outra rea profissional, no sempre adequado. O mesmo se aplica a qualquer idia. Mas voltemos ao tema da carreira ou, em termos mais precisos, do que voc faz hoje, como se apresenta, como chegou at a e, acima de tudo, se est completamente satisfeito na posio em que se encontra agora. Se a resposta a esta ltima pergunta for um sonoro SIM, meus parabns. Voc sabe se manter por a em um pas que considera velho qualquer profissional de mais de 40 anos? Pois , voc que j foi um dia parte da molecada esperta da tal nova mdia, sabe como no to difcil se chegar ao mainstream e, assim que estiver confortvel, ser ameaado? Mas qual a do Radfahrer? Deu para ser terrorista de uma hora para a outra? Longe disso. Alis, muito pelo contrrio. Em uma profisso muito recente, que no existe nada parecido com uma carreira nem gente com quatro dcadas de casa para contar histrias de caminhos das pedras, de vez em quando importante parar para pensar onde se est e, acima de tudo, se dessa forma se conseguir chegar a algum lugar daqui a alguns anos. Eu j tinha visto um trailer desse filme antes. Ele se chamava editorao eletrnica e tinha vindo para revolucionar as agncias de propaganda e os estdios de design. O tempo passou e muitos dos designers que trabalhavam com prancheta em 1986 hoje usam tbuas grficas megacibertecnolgicas conectadas a seus Macs. Muitos dos geninhos que montaram seus estdios apoiados nica e exclusivamente na tecnologia emergente no sobraram para contar histria. Algo parecido aconteceu com as grficas, com as editoras, com produtoras de vdeo (que eu saiba, a Globo continua a existir) etc etc etc. Mas web diferente pensaria voc. E no h como negar, voc est certo. Em parte. Se por um lado a internet efetivamente nova, tanto no papel de intermediria quanto como produto nal, por outro algumas coisas continuam iguais, entre elas a sua conta de luz, gua e supermercado no nal do ms. E o que d para viver aos vinte e poucos, morando com os pais, talvez no seja o suciente vinte anos mais tarde, com voc no papel de arrimo de famlia (e lhos na escola). Por mais confortvel que seja a vida, sempre chega o dia em que acordamos com a

webdesign :: 65

"Pensar diferente mais ou menos como usar a marcha a r do carro: no leva a lugar algum, mas ajuda a manobrar e a sair de enrascadas, quando necessrio."

pergunta: mas como foi que eu vim parar aqui? nesta empresa, nesta profisso, nesta cidade enfim. Ela costuma ser acompanhada de uma srie de arrependimentos causados por escolhas erradas e um monte de tristezas que no costumam a levar a lugar algum. Poucos so aqueles que, uma vez constatada a sensao de beco sem sada, se preocupam em procurar outras solues. Menos ainda so os que consideram a viabilidade de, mesmo estando tarde para outra carreira, outra escola, outra rea de expertise, mudar para algo mais abrangente e gratificante. Pensar diferente mais ou menos como usar a marcha a r do carro: no leva a lugar algum, mas ajuda a manobrar e a sair de enrascadas, quando necessrio. Por isso o ttulo deste artigo. Da mesma forma que computadores antiquados, muita gente toca a vida em velocidade lenta, enfrentando um bug atrs do outro e insistindo em erros anteriores at a hora em que trava tudo e obrigado a reiniciar. Outros ainda cometem operaes ilegais e so fechados. Azar deles. Ser preciso chegar a tanto? Ser que uma teimosia juvenil justificaria uma frustrao para o resto da vida? Na USP eu canso de ver uns comunistas ainda achando glrias no governo de Fidel. Me questiono se as conquistas so reais ou se so a nica esperana de velhos que se agarraram to fanaticamente aos seus ideais ancestrais que deixaram de ver as mudanas do mundo. Como machistas, racistas ou homofbicos, so patticos. No por culpa ou teimosia que a maioria de ns prefere reclamar do que tem a procurar opes, mas simplesmente por hbito ou por no conseguir ver as coisas de outro jeito. O budismo prega h milnios que a felicidade est em se contentar com o que se tem, em vez de se preocupar com o que nos falta. Por um lado, isso pode ser fundamental na hora de mudar de vida. Por outro, pode ser a mesma velha histria do copo metade-cheio ou metade-vazio que, em um raciocnio circular, faz com que este texto volte ao ponto que partiu, no chegando a lugar nenhum. Ser?