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 terceirização de serviços E-mais: sites políticos, um mercado em alta para o design na web Entrevista: saiba como utilizar a tipografia popular em sites Estudo de caso: edição de vídeo e pré-produção como diferenciais

Nossa tarefa era identificar qual macaco tinha mais cara de macaco e assim por diante. :: Não é permitida a reprodução de textos ou imagens sem autorização da editora..br Atendimento e Assinaturas Renata Fontan renata@arteccom.com.com. pesando uma página desnecessariamente.com. os criados para os meios digitais.com. para se tornar consistente. até ícones que só servem como adorno.arteccom.prolgrafica. . os ícones não estão recebendo a devida atenção que mereciam há tempos. Encontramos na web desde ícones substituindo palavras.com.bananadesign.arteccom. Lembro-me de um deles com figuras de animais.br 9 :: A Arteccom não se responsabiliza por informações e opiniões contidas nos artigos assinados. assim.br/ong Criação e edição www.com.com.br Leandro Camacho leandro@arteccom.br/encontro Portal Banana Design :: www. que temos que adivinhar o que significam na mente de quem os criou. por outro lado.chinaglia. Agora. eles podem ser muito úteis. Ícones bem feitos não devem ser um luxo para os grandes portais. Não sei se pela velocidade que a internet exige ou por qual outro motivo. para o amadurecimento do meio digital. Então. bem como pelo teor dos anúncios publicitários.br Projeto Social Magê-Malien :: www.br Distribuição www. Abraços. Enfim. Aqui mesmo no Word vejo que tenho acesso a várias funções simultaneamente graças aos ícones.br/curso Encontro de Web Design :: www. Eles têm a função de reduzir o tempo de leitura e de otimizar o espaço da tela.br A Arteccom é uma empresa de design. agora estamos mais íntimos de outros ícones.com. Adriana Melo Direção Geral Adriana Melo Direção de Redação Luis Rocha Equipe adriana@arteccom. especializada na criação de sites e responsável pelos seguintes projetos: Revista Webdesign :: www. com o mínimo de traços ou elementos.br Ilustração Beto Vieira beto@arteccom. acredito. deve ser pensado nos mínimos detalhes.br Gerência de Tecnologia Fabio Pinheiro fabio@arteccom.com.br luis@arteccom. um ícone não poderia se tornar ilegível.arteccom. Qualquer projeto.com. porque a idéia era.com.com. 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 .br Financeiro Cristiane Dalmati cristiane@arteccom.br/webdesign Curso Web para Designers :: www.com.arteccom. Boa leitura. para algum zoológico.4 :: quem somos Editorial Ícone: vilão ou mocinho? Nas minhas aulas de ergonomia participei de alguns testes de usabilidade com pictogramas.br Publicidade Bruno Pettendorfer Débora Carvalho publicidade@arteccom.br Criação e Diagramação Camila Oliveira camila@arteccom.com. A t é p o rq u e .br Produção gráfica www.com.com..com. Eu me irrito constantemente com os ícones. vamos dar a devida atenção a estes pequenos detalhes que podem trazer grandes diferenciais para os projetos on-line e ainda contribuir.br Suzanna Duarte suzanna@arteccom. a o s o f re re m a s re d u ç õ e s necessárias.arteccom.com.

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

com/zdzq2. Assunto: Direito na web Empreendedorismo Sou leitor da Webdesign há mais de um ano e fiquei muito satisfeito com a matéria sobre empreendedorismo.6 :: emails Assunto: Direito na web sites Estatísticas de Gostaria de saber se já foi abordado o assunto “webtrends”. O nome correto é Crystian Cruz. Este é um assunto realmente complicado! Geralmente. Dentro da reportagem. Quero minha carteira como web designer. da edição 29. não só no Brasil como no mundo. Há um ano estou com a função de técnico de programação visual. Acabei de me formar no curso da Estácio.com. falamos sobre estratégias para medir o retorno financeiro e institucional que um site pode trazer para uma empresa.com/zewqj). Ramiro Jr. Se ainda não tem. nossa Equipe Editorial poderá avaliar a possibilidade de publicação. Assim. :: Sugestões dadas através dos emails enviados à revista passam a ser de propriedade da Arteccom. para revelar quais são as métricas atuais mais utilizadas. tudo bem? Direito na web Assunto: Profissão webdesigner? Estou com um problema na empresa onde trabalho para assinarem minha carteira. que é colunista da seção Direito na Web. A internet não tem fronteira. conceitos. mas erramos na 31. Gustavo. ok? Lembrando que o Google entrou firme neste segmento. benefícios etc. que são leitores da Webdesign. sua dúvida vai virar tema de nossas próximas edições.com Olá. Leidiane lleidiane@gmail. mas sim os conceitos que envolvem sua escolha. Tenho ouvido falar muito dele.Gilberto Martins.com. em relação aos termos utilizados pelos softwares. O primeiro passo é vocês cadastrarem os seus portfólios no site da revista. você tem toda a razão! Grafamos certo o nome dele na edição nº26. preparamos uma reportagem sobre os fatores que determinam sua utilização dentro de um site. Creio que este assunto é tratado de forma superficial e contraditória. as empresas possuem uma estrutura própria de cargos e salários. Gustavo Lassala lassala@bol. Marcelo Barcia profbarcia@gmail.sixto@terra. gostaria de parabenizálos pela qualidade da revista e pelas últimas três edições.br abraço e parabéns pelo sucesso. vamos retomar este importante assunto.br Oi. temos como linha editorial não abordar o uso de softwares específicos. Esperamos que seu blog ajude os nossos leitores e seus alunos a entender as particularidades que envolvem esta área. Ramiro. custos. fica uma sugestão para matéria. abordamos quais eram os termos mais utilizados pelo mercado. obrigado pelo retorno! Este é um tema importante para a carreira dos profissionais da web.com.br/webdesign :: Os emails são apresentados resumidamente. só que a empresa não assina minha carteira como web designer. de Gestão e Criação de Ambientes e Internet.com. como entendemos que esta questão merece um aprofundamento. Como provar para eles a existência desta categoria? Felipe criacao@mundoverde. . Gostaria de participar da revista. Estão alegando que não existe esta função.com Oi. vamos encaminhá-la para o Dr. gostaria de sugerir o tema para as próximas edições.com Professor Marcelo. Um cordial Leidiane. mas ainda não consegui trabalhar com ele direito. É muito legal ler sobre os caminhos e idéias dos designers que são referências. Tenho certeza de que ele pode ser útil para os muitos potenciais empreendedores da área de tecnologia. é colocado o nome Carlos Cruz como criador da fonte Brasilêro. Caso não.manfredi@gmail. obrigado pelo aviso. ao lançar a poderosa ferramenta Google Analytics (http://tinyurl.com Na edição nº08.arteccom. Sou professor universitário em duas universidades e recentemente criei um blog sobre este tema: http://tinyurl. Provavelmente. Como gerenciadores de conteúdo é um assunto quente entre os nossos leitores. de agosto de 2004. ramiro. Abraços! fale conosco pelo site www.br Primeiro. Boa sorte! Assunto: Com vocês. na página 25. Rodrigo Manfredi rodrigo. Desculpem a nossa falha! Assunto: Direito na web Portfólio na revista Qual é o procedimento para a divulgação de um portfólio na revista? Wagner Rosati wrccdesign@gmail. Assim. Wagner e Rodrigo. ok? Assunto: Falha nossa! Na edição nº31. os gerenciadores de conteúdo! Queria saber se a Webdesign tem alguma publicação sobre o software Drupal. Obrigado pela participação. Em breve. Vá até a página 52 e depois nos fale o que achou.

.

. em julho de 2005. e até 73 vezes maior que o de campanhas de telemarketing.br).5% nos sites de esportes. Fonte: Ibope//NetRatings Envie sugestões e críticas para redacao@arteccom.35% Segurança . as campanhas de e-mail marketing geram um retorno 17 vezes maior que das campanhas realizadas via correio tradicional. para R$ 22. Fonte: Credicard Itaú 73 milhões Total de visitas ao portal de telefonia móvel da Copa do Mundo da FIFA..com.3% da população (base de 180 milhões) e de 12. Fonte: Ibope//NetRatings 4.. segundo análise do relatório de julho da Hostmapper Brasil.3 milhões de pessoas Ou seja. Fonte: FIFAworldcup. atrás apenas dos buscadores. A taxa de penetração será de 2.3 milhões de usuários) e de Telecom/Serviços de Internet (com 11.com. A categoria se manteve como a terceira maior da internet brasileira. Fonte: Hostmapper Brasil 10. e-consultingcorp.12.com.8 :: métricas e mercado A eficácia do e-mail mkt De acordo com um estudo realizado pelo Winterberry Group. no mês de junho.19% acesse e participe! www. O preço passou de R$ 20. Fonte: Dinamize Este foi o percentual de aumento no va- 10% lor médio dos planos básicos oferecidos pelas 25 maiores empresas de hospedagem no país. .br . nos Estados Unidos. Esta é a estimativa da empresa E-Consulting (www.35% Layout flexível .5 milhões de usuários únicos em junho de 2006. que atingiu 5.com Qual item exerce maior influência na hora de se Este foi o crescimento na audiência única implementar um gerenciador de conteúdo? Total de votos: 342 Custo .arteccom.br/webdesign 18.1 milhões.3 milhões Total de usuários únicos que acessaram os sites na categoria Entretenimento.12% Facilidade de uso . durante a edição 2006 do torneio.20. 47% dos compradores on-line utilizaram cartão de crédito para pagar o equivalente a 85% de todas as transações realizadas pela internet no Brasil.8 milhões). Fonte: E-Consulting 4.de usuários conectados em banda larga até o final de 2006.9% dos usuários de internet.. portais e comunidades (com 12. mais especificamente nos de futebol.

com/rgcu8] o estudo começou a ser feito.US$ 30.2 bi 4º GE .5 bi 10º Mercedes-Benz .9 bi 5º Intel .8 bi 9º McDonald’s . maior taxa já registrada desde que . Preocupados em não danificar as notas (o que é contra a lei).3 bi 6º Nokia . Na foto. Cresceu 46% em um ano.michel@viuisso.US$ 59. Mas certamente deve impactar e gerar buzz.US$ 67. avaliado em US$ 12.US$ 32. Será que ela vai conseguir de novo? [BlueBus: http://tinyurl. portanto. idealizado pela 10’Minutos para o lançamento do filme Garfield 2.US$ 27.0 bi 2º Microsoft . A questão é que a turma provavelmente vai gostar da idéia e querer guardar a nota como recordação brecando um pouco o efeito viral. os adesivos foram feitos para descolar facilmente. Usa. acho que estávamos todos sonhando com alguma coisa que a Microsoft já planeja abertamente para sua nova marca. caracterizado como o sósia do filme. Veja os outros vencedores: http://tinyurl. como tocadores de vídeo portáteis e games.9 bi 8º Disney . na realidade. para chamar atenção para a estréia do filme. dentro do mesmo guarda-chuva Zune.com/od8rl.com/opjyo] Concurso “Sósia do Garfield” chega ao fim O concurso.7 bi Fonte: Interbrand Google está em 24º lugar. [BlueBus: http://tinyurl. da 20th Century Fox. Fox dá dinheiro por “Obrigado Por Fumar” Ação da agência de buzz LiveAd distribuiu notas verdadeiras de R$ 1 adesivadas para divulgar a estréia do filme “Obrigado Por Fumar” (http://tinyurl. contará com centenas de milhões de dólares de investimento em marketing.métricas e mercado :: 9 ViuIsso? Por Michel Lent Schwartzman . em áreas próximas aos cinemas. para tentar bater o seu concorrente.br Notícias e comentários sobre comunicação digital. em seguida. ao longo de quatro ou cinco anos.US$ 27. Mais de 200 gatos participaram. internet e publicidade Zune: centenas de milhões de US$ para ganhar a briga O já faladíssimo Zune. marca que a Microsoft irá lançar para competir com o iPod. As 10 marcas mais valiosas do mundo 1º Coca-Cola .viuisso. para se aproveitar do mercado criado pelos seus concorrentes e.37 bi.br Site: www.com/rnmlx).com. a mesma estratégia usada para seu sistema operacional. Quando falávamos em iPod Phone e pensávamos em outros produtos da linha.com. um deles. A idéia de colar adesivos em notas de R$ 1 vai na raiz da idéia do viral. Será. divulgou os ganhadores. se tornar líder. Os adesivos convidam os usuários a visitar o site do filme.US$ 56. mais do que um player de música. contra o iPod. funcionando como uma marca própria. dando vida a outros produtos.US$ 27.US$ 21.US$ 48. browser e programa de mensagem instantânea: lança depois um produto mais completo. levando a mensagem adiante na medida em que as notas são repassadas.1 bi 7º Toyota .9 bi 3º IBM . As notas foram distribuídas por promotoras vestidas de executivas.

Mas as dicas acima podem. colocar um supervisor para filtrar ordens e instruções (em vez de transmiti-las diretamente ao pessoal da empresa contratada). que pode variar significativamente. atendendo a uma necessidade imperiosa nos negócios. onde trabalhou por 11 anos. lógico. Como as empresas fazem para terceirizar e não correr esse risco. embora. apenas o contrato de locação de serviços. tuída a legislação trabalhista em nosso país. o campo da prestação de serviços ficou sujeito a discussões sobre quais as fronteiras entre uma relação de serviço e uma relação de trabalho. escritório especializado. promover rodízio entre prestadores. E outras mais poderiam ser citadas (quanto mais sejam usadas. ser um importante ponto de partida.há que se tomar o maior número possível de cuidados para evitar a incidência em um dos critérios mencionados no parágrafo anterior. Isso ajuda a desfazer a impressão de que se trate de atividade essencialmente marcada por subordinação técnica ou hierárquica.riscos esses que dificilmente podem ser 100% afastados . ao menos.T. dependência econômica. previsto no Código Civil. evitar dar o mesmo tipo de crachá e vantagens a empregados e a subcontratados. No mais. inclusive porque esse desenvolvimento é protegido pelo direito de autor. A partir do momento em que foi instiGilberto Martins de Almeida Advogado formado na PUC/RJ. exigir que a empresa prestadora conquiste outros clientes em vez de ficar dependendo de um único cliente. ou ao menos não serem processadas?” Caio Vinícius (caio@audaxweb. evitar ter para o mesmo tipo de atividade pessoal empregado e pessoal terceirizado. Por isso.br mesma pessoa seja sucessivamente alocada por diversas empresas prestadoras sempre em benefício da mesma empresa tomadora. com Mestrado na USP e cursos em Harvard e no M. necessariamente vinculada a um contrato de trabalho) é: subordinação técnica ou hierárquica. impedir que uma .I. pagar valores que no total neutralizem qualquer vantagem comparativa entre os ganhos de celetistas e de não-celetistas. ExGerente Jurídico da IBM. para minimizar os riscos de pleitos trabalhistas . Sócio de Martins de Almeida . No passado. por exemplo. vale a pena destacar o caráter autoral do desenvolvimento de websites (o que permite margem para diferentes estilos de cada programador etc. em razão do contexto etc.com. Envie sua dúvida para: redacao@arteccom. porém tive uma consultoria jurídica que me disse que tal situação cria vínculo empregatício. não havia a CLT. sua viabilidade e conveniência devam ser examinadas caso a caso). Esse é um assunto bastante sensível.br) A terceirização de serviços é uma realidade no mundo inteiro.Advogados. Isto significa.). que não dispensa a análise das circunstâncias específicas de cada situação. e interesse de contratar em função da pessoa (acima do interesse em um perfil determinado). melhor. no Brasil e nos EUA.com. A jurisprudência predominante tem entendido que o que caracteriza uma relação de emprego (portanto.10 :: direito na web Evitando riscos na terceirização de serviços “Trabalho com design na web e pretendo contratar alguns profissionais freelancers para trabalhar comigo.

FIND (www.com. Se você possui ou conhece algum trabalho acadêmico interessante. a dica é acessar a ferramenta on-line gratuita ColorBlend (www.ideafixa.com). Estamos por dentro.com. no final de julho. mande sua sugestão para redacao@arteccom. neste mês. NewWebPick.) Jakob Nielsen. Production Director da Sapien (www. Referências on-line Procura boas referências em termos de design? Algumas revistas on-line podem ajudar a abrir seus caminhos! Estamos falando da Internacional Illustrated (www.fakeorfoto.arteccom. considerado um dos gurus da usabilidade na web.br) Agenda de eventos 02/09 .com.br) 14/09 . a curta duração dos projetos.11º EWD .11º EWD .com.com.com. Testando as cores Você precisa criar uma paleta de cores. .br/encontro) Participe do Post-it! Mande sugestões para redacao@arteccom.com) e Idea Fixa (www. a divulgação de trabalhos acadêmicos de destaque. este livro aponta caminhos de como deve ser uma metodologia que gerencie com sucesso o cotidiano dos projetos de desenvolvimento web.br/encontro) 23/11 .Brasília (www.Intercon (www. apresentado na conclusão do curso de pós-graduação de hipermídia da Universidade Anhembi Morumbi. Nova geração do design na web Para valorizar a produção universitária e estudantil na área do design na web. e v e as das di e referênci undo livros vimentam o m que mo ign na web do des Nielsen anda lendo a Revista Webdesign? : .arteccom.designnabrasa. além de testar uma possível combinação cromática na web? Pois bem. pois esse assunto foi tema na edição de junho. de Juliana Apolo e Aline Alves. indicamos o projeto “Auto da Compadecida em hipermídia” (http:// tinyurl.br.pixelshow.br.arteccom.html).com.post-it :: 11 tro or den ntos.br/intercon/2006) 18/11 .com/g9vgl). divulgou. Estreando a seção. F i q u e pc a s .São Paulo (www.5° Design na Brasa (www. o desenvolvimento rápido de produtos pelos concorrentes.com/alertbox/ screen_resolution.com.Curitiba (www.com).” Santana Dardot.Pixel Show (www. (Imagem) Verdadeira ou falsa? A Autodesk lançou recentemente um interessante teste on-line para verificar o olhar dos profissionais em relação à imagens de objetos ou cenas reais e aquelas produzidas por computação gráfica.arteccom.br/encontro) 25/11 .com.11º EWD .com).br) 28/10 . as mudanças freqüentes de escopo.theinternationalillustrated.useit.com.newwebpick. Neste trabalho.POA (www.sapien.imasters. a Revista Webdesign inicia. alterações no modelo de negócio durante o desenvolvimento do projeto e a influência na expectativa dos clientes pela falsa noção de que mudanças nas especificações do projeto são simples de serem executadas e que o direcionamento do projeto pode ser alterado facilmente. elas apresentam uma adaptação da obra de Ariano Suassuna para a internet.com (www.11º EWD . um “alertbox” falando das vantagens no uso de layout líquido em sites (http://www.colorblender.com) e teste seus conhecimentos visuais! Dicas Livro do mês “Real Web project management: case studies and best practices from the trenches” Autores: Thomas Shelford e Gregory Remillard “Os projetos de desenvolvimento web são influenciados por diversos fatores: as mudanças tecnológicas constantes e cada vez mais rápidas. que possui ainda a funcionalidade de exportar as definições para os programas Photoshop e Illustrator. Com estudos de casos e numa linguagem simples. Acesse o site “Is it fake or foto?” (www.br/encontro) 21/11 .com.br/find) 24/09 .arteccom.

quando os designers Gustavo Gusmão e Eduardo Rocha e o publicitário Daniel Edmundson resolveram unir suas ha bilida de s e m prol de u m me s mo ideal: contribuir para a construção de um design contemporâneo brasileiro. Foi quando muitas pessoas fora e dentro do país começaram a ver o nosso trabalho. Mas. br). “Em junho. sabe? Atualizamos o nosso site sempre que um novo trabalho sai do forno e postamos as novidades em sites sobre design gráfico. . Numa dessas. pela construcao de um design contemporaneo brasileiro “Para definir a gente é meio complicado. tivemos dois projetos selecionados na 8ª Bienal de Design Gráfico. Além disso. O estúdio de design mooz (www. Apostando na inovação Apesar de um pouco mais de um ano de existência.flavorpill. jornalistas e músicos seria o responsável pela criação do movimento manguebit (www. inclusive.br) desponta no mercado nacional. anos 90. conta Gustavo. Recife.mooz MOO MOOZ O batuque pop de Chico Science e Nação Zumbi anunciavam novos tempos: “Rios. mangue.mooz. Ano 2006.net). Recife.12 :: portfólio agência . cujos ideais se tornariam definitivos no manifesto “Caranguejos com Cérebros” e que até hoje repercutem no cenário musical do país. Principalmente se você estiver de algum modo ligado ao segmento fonográfico”. Sua história se inicia em março de 2005. impressionantes esculturas de lama. “Estamos tentando fazer coisa nova. serve como dica de segmento a ser explorado pelas agências que trabalham com este mercado. gostamos do que fazemos e tentamos fazer o mais bem feito possível aquilo que nos é posto. até porque as pessoas mudam. ilustração etc. “Com certeza.org. Além disso. da ADG Brasil (Associação dos Designers Gráficos do Brasil). fomos destaque em quatro edições da revista Flavorpill (http://beta. fomos a São Paulo para visitar editoras e agências de publicidade: prováveis parceiros em trabalhos futuros. pontes e overdrives. mangue”. é um novo nicho de trabalho para agências que atuam neste mercado. A indicação na Bienal serviu.com. a aposta em projetos inovadores tem rendido bons frutos para o crescimento do estúdio. Boa Viagem. Um grupo de artistas. para que eles pudessem ampliar seus contatos em outras regiões do país. Mas tudo com indicações de pessoas que conheciam nosso trabalho ou com um pouco de cara-de-pau”. Isso nos ajudou e a nossa visibilidade aumentou bastante”. no geral.manguebit. Isso é essencial para qualquer profissão”. a experiência do estúdio em aceitar desafios envolvendo projetos não muito comuns. mangue. como o desenvolvimento de menus animados do DVD da banda Nós4. designers.

cultural e artística envolvendo Recife. tem gente que prefere fazer outra coisa. Recife é mais um detalhe geográfi co do que influenciador direto de nossos trabalhos. explica Gustavo Gusmão. mas de outro jeito. produtores locais de festivais de música clássica e independente. A maior parte dos nossos clientes é ligada à produção cultural local: algumas bandas. por exemplo. No mais. qual influência a cidade exerceria no trabalho de criação do estúdio? “Na verdade. tem que suar As influências de Recife Diante de toda a riqueza histórica. só para passar um tempo vendo coisas legais”. Além desses fatores. Acredito que somos influenciados pela cultura local. Mas também não é sentar e esperar a inspiração baixar. se fulano gosta de trabalhar mais quando está empacado. “Isso serve para criar um ciclo vicioso.portfólio agência . Processo criativo não tem fórmula. Cada um tem seu jeito. Gustavo revela algumas paixões presentes nas referências do estúdio: as ilustrações e a tipografia. quanto os tipos em nossos trabalhos. Uma fórmula que parece ter dado certo no processo de criação dos rapazes do mooz é o estímulo que cada um procura dar ao trabalho do outro. Basicamente. estilistas e por aí vai.mooz :: 13 processo criativo nao tem formula. talvez pelas cores. ou por nosso próprio cotidiano. Uma influência menos tradicional e mais contemporânea. . aplicando textura de xilogravuras. conversar. é ler. Aqui se tem o costume de regionalizar um pouco o trabalho. parar de trabalhar de vez em quando. mas tambem nao e sentar e esperar a inspiracao baixar. “Tentamos ao máximo customizar tanto a ilustração. a gente vê referência em tudo e é isso o que achamos mais legal”. observar. Tem que suar”.

já que se trata de uma grande maison multimarcas. empresa parceira da mooz nos projetos web”. Queríamos que o projeto gráfico transmitisse os detalhes das roupas e de como tudo era feito: muito colorido. Além disso. . que ficou encarregado da programação do site e da administração de conteúdo)”.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. “Um amigo nosso. desenvolvemos a arquitetura de navegação e assim começamos a p ro j e t a r c a d a p á g i n a . “Menu do lado esquerdo. parte central com o conteúdo principal de cada seção e a coluna da direita com um box de navegação de notícias ou coleções. "A partir do conteúdo delimitado. Após algumas centenas de fotos do ateliê. temas florais. Os letterings dos títulos do menu foram feitos exclusivamente para o site”. 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. “ 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 interferência dos grafismos do site nos produtos exibidos em suas seções. linhas. sem. no melhor estilo suíço. As cores de fundo mudam a cada estação. bordados e por aí vai. perder o espírito de site institucional”.madamesurto. Utilizamos uma tipografia mais sóbria. diferentes backgrounds e animações semanais na home.donasanta.14 :: portfólio agência . “O processo de criação se deu basicamente em cima de uma sessão de fotos que fomos fazer da então nova coleção da Madame Surtô. Assim.com. começamos a pensar em como o site poderia ficar visualmente. Evandro Borel. então só tivemos que nos preocupar com as cores do texto e de alguns boxes fixos. no entanto.com. Toda a programação foi feita pela Jazzz.mooz Cases www. coube ao mooz definir qual seria a interface gráfica do site.br Tecnologia utilizada: Flash MX www. de algumas peças e da modelo. com A oportunidade de participar do projeto de criação do site da grife pernambucana Madame Surtô surgiu através da rede de parceiros que a agência mantém. Em termos de estrutura. Gustavo aponta que o site segue uma grid básica. Queríamos dar mais impacto no colorido tirado das próprias peças de roupa da grife”. revela Gustavo. o desafio era desenvolver um site que pudesse mudar a cada temporada da moda. nos chamou para um trabalho em parceria com ele e com a Jazzz (um escritório de design para web aqui de Recife.

br Tecnologias utilizadas: PHP + Flash Este projeto serve como um bom exemplo da importância em se manter uma rede de relacionamentos na área. com histórico de postagens. mas a atualização estava complicada e por isso a necessidade de um novo. Isso colabora para minimizar problemas de usabilidade”.portfólio agência . para o visitante ter acesso as matérias mais antigas. bold ou itálico)”. Já possuíam um site anteriormente. É importante citar também que o conhecimento prévio do público-alvo do site foi fundamental para definir que tipo de interface seria utilizado. escolhemos a Georgia como padrão e todas as derivações hierárquicas de informação foram feitas com as variações de tamanho e estilo da fonte (normal.com. . com outra estrutura”. Além disso. o site lembra muito o formato blog. então foi meio que só começar a fazer o site. “A grid principal resume-se em menu à esquerda e conteúdo à direita. “Já conhecíamos o pessoal do Coquetel Molotov. Eles são um coletivo que promove a música independente. estrutura essa bastante familiar aos visitantes habituais do site.coquetelmolotov. Para a fonte de texto. Algumas páginas têm uma segunda coluna intermediária. A liberdade na criação foi um dos pontos marcantes do trabalho. transformando o site num grande glossário sobre música independente. O lettering das seções do menu foi feito exclusivamente para isso e segue a estética das ilustrações. “Começamos com ilustrações que dariam a cara do site.mooz :: 15 www.

.

.

“Geralmente. cadastre seu portfólio no site da revista: www. explica. por exemplo.net pela web. eu sou a minha própria cobaia. No momento. por ser um meio muito mais econômico e não menos abrangente. “A única que tenho é de que quero ser designer.br. Eduardo conta com a internet como ferramenta de divulgação. motion design etc”.br) foi a de desenhá-lo inteiro de um modo diferente. mas tenho vontade de aprender coisas diferentes e trabalhar em outros segmentos. mais um obstáculo a ser vencido e uma certeza na vida de Eduardo Duccigne. Mas todos resultam em boas experiências que sempre procuro aplicar em trabalhos futuros”. A área específica eu ainda não sei. “A escolha de cores foi feita a partir de estudos sobre a psicologia das cores” As conseqüências desse laboratório se revelam quando analisamos alguns dos projetos presentes no portfólio de Eduardo. procuro fazê-la www. A paixão pela área serviu como um incentivador na busca por referências a serem aplicadas no seu trabalho. Além disso.revistawebdesign. A preferência pelo design na web surgiu quando ele começou a entender como o meio realmente funcionava. “Fui conhecendo sites de designers. Estou sempre experimentando Para participar desta seção. com.ilusorium. “Geralmente. Procurei fugir um pouco do comum na questão da diagramação e design do layout. a web é minha preferida.net Site: www. Até hoje foi fundamental para gerar bons frutos”. . pois pude aprender muito durante seu processo”. rabiscando alguns conceitos e layouts que. como 3D.Mato Grosso do Sul) onde o design ainda procura seu reconhecimento parece ser. E para que seu trabalho ultrapasse as fronteiras do Mato Grosso do Sul. ao mesmo tempo. O design experimental made in Mato Grosso do Sul Contato: eduardo@ilusorium. não saem do disco rígido.net Morar em uma região (Campo Grande . e tentar adaptar aquilo para a web. não ter medo de experimentar suas idéias tem ajudado na evolução de seu trabalho.cantinamasseria. “Uma das grandes ousadias no site do restaurante italiano Cantina Masseria (www.com.Eduardo Duccigne coisas novas. na maioria das vezes. “Tudo me influencia: desde um designer consagrado até uma propaganda bacana em uma revista. se pudesse refaria o site desde o início. No design em geral. com apenas alguns detalhes a serem discutidos. O resultado final foi excelente. de artistas. Gosto muito de reparar em detalhes de artes impressas. posso dizer que comecei na web e só depois passei a conhecer mais sobre as outras vertentes”.ilusorium. mixando o perfil clássico do restaurante com formas e arquitetura mais modernas. O projeto foi aprovado na primeira apresentação. O resultado foi satisfatório também para mim. Sempre procurei manter meu portfólio on-line e atualizado.18 :: portfólio freelancer . Acho interessante aplicar ‘técnicas’ de outros lugares em produtos de internet”. de agências e tudo foi me mostrando que era exatamente isso que eu queria.

.

tipospopulares. além de criar um espaço para a divulgação de tipos inspirados por tal conceito.tipos populares EM NOME DA TIPOGRAFIA POPULAR BRASILEIRA Você já reparou como os letreiros e menus de bares. as frases nos pára-choques de caminhão e os anúncios carregados por homens-placa representam uma tendência na forma da escrita popular brasileira? Pois bem.sibilina. o designer Pedro Moura criou o projeto “Tipos Populares do Brasil” (www. .20 :: entrevista . no qual busca valorizar esta vertente da estética nacional.com). pensando nisso.

foi a que sempre mais me interessou. concentrei-me em desenvolver quatro fontes que melhor representassem a tipografia popular brasileira. Queria algo que questionasse o papel do design e suas possibilidades dentro da nossa sociedade. Wd :: Ainda é pouco comum vermos projetos web utilizando a tipografia popular.que é muito importante para receber o feedback dos visitantes. Existe algum tipo de dificuldade para se adaptar os tipos populares ao meio digital? Moura :: As fontes inspiradas em tipografia popular nunca serão ferramentas de otimização da leitura em tela. de acordo com a região em que vivem. Fernando Rocha (Rio de Janeiro). desde a capital até o interior. debater minhas idéias e agregar mais pessoas interessadas no tema. Além disso. meu pai. dentro das cadeiras do curso. também tem diversos trabalhos com letreiros pintados à mão. Depois de uma seleção do material registrado. O projeto se tornou exatamente o que eu desejava: um espaço coletivo para a troca de idéias e o intercâmbio de informações sobre o tema.tipos populares :: 21 Nesta entrevista. Era tudo na marra. ao mesmo tempo. e que são iniciativas de pessoas que. que comunicam tanto quanto qualquer publicidade convencional. em agosto de 2004.com. que foi meu primeiro “professor” de artes e comunicação visual.apessoa. tipografi a e. Gustavo Lassala (São Paulo) e Fernando PJ (Salvador). Uma das poucas exceções está no site do filme “A Pessoa é para o que Nasce” (www. cada um representando sua visão pessoal do tema. no trajeto entre o trabalho.entrevista. minha fiel Nikon registrou cerca de 300 fotos de letreiros populares dos mais diversos tipos. somos cinco designers envolvidos. tiveram pouca ou nenhuma formação acadêmica . que já conta com uma marca de nove mil visitas desde que entrou no ar. a faculdade e a minha casa: os letreiros pintados à mão. em viagens para outras cidades. Wd :: Como foi criado e quais são os objetivos do projeto “Tipos Populares do Brasil”? Moura :: O projeto foi minha monografia de conclusão de curso em Desenho Industrial/Programação Visual pela UFRJ. das pixeladas etc. Mas também sabia que queria me dedicar à tipografia no projeto. Um detalhe técnico sobre o site: foi utilizado o gerenciador de conteúdo Mambo Open Source. e outras contribuições dos designers Buggy (Recife). criei o site como forma de espalhar a palavra. Mas não queria que o projeto ficasse confinado ao meio acadêmico. Continuo registrando letreiros por onde quer que eu vá. Posso dizer que o projeto foi um retorno às minhas próprias origens. como é o caso das fontes em grade fixa. Foram somadas mais duas fontes minhas.br). o tão discutido “design nacional”? Encontrei a resposta nas ruas. depareime com o problema: como encontrar um objeto de estudo que sintetizasse semiótica. eu não tinha câmera digital na época. espalhados pela cidade. . A utilização dos tipos populares no meio digital vai depender da escolha do designer em querer se utilizar da estética peculiar que elas trazem no seu projeto gráfico. Então. Hoje. O site conta com uma galeria de fotos de tipografias populares de várias regiões do país. 11 fontes para download e um sistema completo de comentário . debatesse sobre a questão da estética brasileira do design. Sempre tive interesse pela prática reflexiva. que. muitas vezes. nos espaços que faziam parte do meu cotidiano.que dirá de design! Meus pais contam que eu comecei a me alfabetizar lendo todo tipo de placa que eu via na rua. Entre março e junho de 2004 fiz um registro fotográfico em várias cidades do Estado do Rio de Janeiro. disponibilizando as nossas fontes para download grátis no site. Para isso. cada uma pertencendo às classificações que os letreiros estudados receberam. ele nos conta mais detalhes envolvendo a produção tipográfica e como estas fontes podem ser aplicadas em projetos web. que é também um projeto coletivo e freeware.

.“Rústica”: são a manifestação espontânea do ato da escrita aplicada na sinalização de comunicação imediata.“Cursiva”: não são necessariamente tipografi as manuscritas.As outras fontes presentes "Quem trabalha com design sabe que algumas regras devem ser quebradas" . para depois ser aplicada à pincelada que dará a dinâmica da peça gráfi ca. Elas são representadas. tendo seus caracteres formando uma seqüência harmônica com elementos de ligação entre as letras. a classificação dos tipos ficou dessa forma: . A fonte Tetéia é a representante no projeto.tipos populares Apesar das diferenças técnicas dos meios digital e impresso. supermercados e tabuletas de açougues. Seria um bom exemplo de tipografia popular “rústica” a fonte Brasilêro. como traços contínuos. A marca do Pedro Luís e a Parede (www. o que não é o caso das fontes “tipo bastão” do projeto. Sendo assim. cursivas. Quais características definem cada uma delas? Moura :: A classificação surgiu como uma forma de entender melhor como o fenômeno da tipografia popular acontece.22 :: entrevista . porém sempre como um desdobramento da identidade visual utilizada na publicidade do objeto do site. assim como desenhos que apresentem semelhanças com tipografias clássicas. sua construção é híbrida.com/jdgtw). da mesma forma. desenvolvido pelo Billy Bacon e seu estúdio Nü-Des. considero ambos projetos de design e que dependem. do Crystian Cruz (http://tinyurl. Essa classificação foi criada para abranger todas as construções inéditas do projeto. Alguns outros sites apresentam tipografia popular. . Sua característica essencial é o desenho baseado em pincéis retos.“Fantasia”: assim como seu correspondente na tipografia convencional. Escolhi para representá-la a fonte Caprichoza (com grafia errada propositalmente na nomenclatura). mas sua construção remete à caligrafia. no projeto.br) foi um projeto pioneiro nessa área. . pela fonte Responsa. . que acabam recebendo construções interessantes e anticonvencionais pela precariedade de recursos do seu autor. mas que possuam uma lógica de estrutura. de um projeto gráfico consistente para que sejam bem sucedidos. A forma como é desenhada remete à construção tipográfi ca tradicional: a letra é primeiro “tirada” em lápis a partir de uma linha base.“Bastão”: são facilmente encontradas em menus de bares.plap. Eu também resolvi me aventurar e criei a minha Marvada. Trata-se do tipo que apresenta maior regularidade em sua construção. temos uma classificação dos tipos populares (bastão. onde a espessura de linhas ascendentes e descendentes é dada pelo movimento da pincelada do artista. misturando letras de características cursivas com outras que remetem às sem-serifa. são fontes apropriadas para titulação. Wd :: Dentro das fontes disponíveis no site do projeto. Os termos utilizados para a classificação são um pouco problemáticos e só devem ser considerados como termos específicos para o estudo deste segmento . fantasia e outras fontes).com. Na maioria das vezes.todo pesquisador de tipografia sabe que uma fonte bastão é aquela sem diferenças na espessura do desenho das letras. rústicas.

despercebidas no nosso cotidiano. equalizando a imagem e fazendo o rastreio. O design tem uma pretensão de criar um universo visual baseado em valores supostamente universais. redesenhando os caracteres em programas de desenho vetorial. ou preservar ao máximo o aspecto gestual da pincelada ou irregularidade do desenho. Geralmente. A realidade concreta e as coisas que já existem. sempre são boas referências para idéias novas. como deve ser. Por serem criações de outros autores. tive que ver as combinações de letras uma por uma. Wd :: Os especialistas afirmam que a tipografia exerce forte influência na transmissão da mensagem.tipos populares :: 23 no projeto são disponibilizadas na seção “Outras Fontes”. O caso das fontes do projeto foi específico da situação que eu tinha: apropriar-me da estética de letreiros pintados à mão para produção de fontes tipográficas digitais. Wd :: Você é autor de várias fontes apresentadas pelo projeto. um designer vai escolher utilizar uma das fontes do Tipos Populares do Brasil querendo representar valores estéticos essencialmente . por mais absurdo que isso possa soar. Pegando o exemplo da Simpatia. Foi muito interessante fazer essa transposição de mídias. Quais são as referências e que tipo de elementos influenciam o processo de criação de um tipógrafo? Moura :: Acho que as referências variam de acordo com o trabalho de cada tipógrafo e a bagagem de referências visuais que ele acumula ao longo da sua vida. A fonte Marvada foi um caso específico: cada caractere foi representado exatamente como estava na fotografia. importando os desenhos vetorizados. Wd :: Falando ainda sobre seu processo de criação. desenvolvida em parceria com os designers Eliza Rizo e Mauricio Diaz. apesar de ter muita vontade. por virem de uma realidade culturalmente definida. mas que não o são principalmente quando se fala de design como ferramenta de mercado. arquivo “. você relata que a fonte de inspiração surgiu no carnaval de 2005. para preservar ao máximo o aspecto rústico. Os ajustes de kerning (entreletra) foram uma dificuldade à parte. na mão mesmo. do que necessariamente aspectos técnicos de legibilidade. criei os arquivos de fontes numa versão bem antiga do Macromedia Fontographer. durante as festas realizadas pelas ruas do Rio de Janeiro. Não existe design imparcial. Pensando nisso. Meu trabalho em tipografia. a partir das referências fotográficas coletadas no primeiro momento do projeto. Minhas referências são as mesmas do meu trabalho em design: o ambiente e a paisagem urbana. eu fiz um redesenho dos caracteres. Depois de vetorizados os caracteres. fazendo o rastreio automático em programas de vetorização por rastreio de bitmap. fontes que tenham um valor estético agregado muito bem definido. Então. pois é comum não existir uma grade fixa nos letreiros populares e eles não funcionam segundo os padrões da tipografia convencional. no momento. Na maioria das vezes. Sinto-me mais à vontade sendo um entusiasta de tipografia e não um tipógrafo: falta-me ainda muita bagagem para que possa me apropriar desse título. Funciono mais rápido assim.entrevista . Nunca tive a possibilidade de desenvolver um sistema tipográfico propriamente dito. representam uma estética muito bem definida e a tem fortemente representada no seu desenho. quais ferramentas e materiais você costuma utilizar para criar uma fonte? Moura :: Eu desenho bastante. Acho imprescindível o ato gestual de manusear o lápis no papel. os tipos populares do Brasil se encaixam em apenas projetos específicos ou podem ser utilizados nos mais variados segmentos? Moura :: As fontes que eu desenvolvi nesse projeto. se preocupa mais com as possibilidades estéticas.ttf” leve). Depois vinha o processo de vetorização dos caracteres e eu me via com duas escolhas: criar uma fonte otimizada em termos técnicos (poucos nós no contorno. achei melhor não restringi-las dentro de uma classificação.

24 :: entrevista . Nunca aconselharia ninguém a utilizar as fontes do projeto no sistema de navegação de um site complexo. Como exemplo. sites que queiram um forte impacto visual ou projetos experimentais. a escolha deve ser por um sistema tipográfico que possibilite desdobramentos de hierarquia da informação. 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. apontou alguns fatores importantes na hora de se definir a tipografia de um site: legibilidade em tela.com/superb). e perante nós mesmos enquanto povo. na identidade visual da banda. a fonte adrenalina-sp. imagens de topo) . As fontes estão lá para download. Considerando estes aspectos. Buggy. está o próprio site do projeto: as fontes são utilizadas apenas para visualização do catálogo e layouts pontuais (testeiras. do Gustavo Lassala. os tipos apresentados no projeto são adaptáveis às exigências da internet? Moura :: Não mesmo. variação de estilos (negrito. criado por Crystian Cruz. O aspecto urbano ficou bem apropriado à proposta da banda. O momento mais gratificante é ver a idéia que outra pessoa teve para o seu trabalho. É como se. Wd :: Em entrevista para a edição de maio de 2004. Em entrevista na edição de fevereiro de 2005.elas não participam do sistema de acesso à informação. eu preferiria não .tipos populares brasileiros. Wd :: Um tipo inspirado na escrita popular é o “Brasilêro”. que. que inevitavelmente trará à tona a eterna discussão sobre design brasileiro. Desenvolvi um site para promover a banda Superb (www. tivesse sido colocado um algoritmo escondido que provoca uma reação em cadeia. adequação ao conceito. Dessa forma. portais em geral. itálico etc. tipógrafo e fundador da “Tipos do Acaso”. Aliás. As fontes do Tipos Populares do Brasil são mais aconselhadas para hotsites. de acordo com a circunstância. ele aponta “que o sucesso da utilização de uma tipografia numa peça de design depende mais do designer que está utilizando a fonte do que de seu criador”. no código postscript de cada uma das fontes. será sempre importante para a nossa afirmação perante o mundo. onde a variação de estilos é imprescindível. Mas quem trabalha com design sabe que algumas regras devem ser quebradas.sibilina. para serem utilizadas de acordo com a visão pessoal de cada designer. Utilizei. por mais que não seja consensual.). Para esses casos. que envolva lógica informacional mais robusta.

com) tem uma proposta estética bem impactante. para me surpreender com as diversas idéias que podem surgir das pessoas que utilizarem as fontes. Como eu disse. na estampa de uma blusa inspirada numa música da banda de rock Modest Mouse . O Bruno Porto tem o seu “Memórias Tipográficas” (Editora 2AB). que eu já citei. Wd :: Diante de sua experiência no projeto. Wd :: Quais dicas você daria para o profissional que deseja se aprofundar no mundo da tipografia? Moura :: Um livro essencial é o “Elementos do Estilo Tipográfico”. como você analisa a produção tipográfica no Brasil? Moura :: A produção nunca esteve tão boa. A que mais pesou foi o fato de ter constatado que. O Henrique Nardi e seu projeto Tipocracia (www. que mande para o meu e-mail pessoal (pedromoura@gmail. além de ser belíssima.tipos populares :: 25 dar dica nenhuma. escolhi por disponibilizar versões demo das fontes. do Fernando Rocha.sendo que ela foi também utilizada numa publicidade de CDs de forró! As possibilidades de utilização das fontes só se restringem à criatividade do designer. Só peço para quem for utilizar as fontes. de Giulio Carlo Argan (Editora Martins Fontes). para adicionarmos à nossa galeria.com. ao invés de importar soluções de fora. que é a publicação nacional exclusiva sobre o tema.com. infelizmente. Eles utilizaram a fonte Thereza Miranda. Wd :: As fontes do projeto estão disponíveis para download. Posso citar dois exemplos distintos de utilização das fontes que ilustram bem isso: a marca de camisas MONO (www.br) tem um grande workshop de caligrafia. de André Villas-Bôas (Editora 2AB). Se houver o interesse da pessoa em adquirir as versões completas das fontes. E o designer Yomar Augusto (www. elas representam uma estética essencialmente popular. recebendo prêmios lá fora. a Bienal Letras Latinas. por estar me apropriando de uma estética popular. o projeto Kalligraphos. A Tupigrafia. No caso do Tipos Populares do Brasil. seria mais coerente que o download fosse gratuito. imagino.entrevista . vários projetos brasileiros de tipografia vêm entrando em catálogos de fonthouses internacionais. tupigrafia. a nossa cultura tipográfica é muito recente. como acontece em tantos jornais e revistas de grande circulação. dois livros foram fundamentais para o projeto: “Utopia e Disciplina”. trouxe ótimos exemplos da cena nacional. de Robert Bringhurst (Editora Cosac Naify).tipocracia. O problema é que. Muita gente criativa está procurando não só produzir.br) oferece cursos de excelente qualidade. arrojada e experimental. Por que você decidiu oferecê-las gratuitamente? Moura :: Foi uma decisão baseada em algumas opiniões que eu recebi ao longo do projeto. que passou por São Paulo. que é belíssimo e muito importante para entender como a tipografia é essencial na formação da nossa cultura visual. e mesmo no nosso imaginário gráfico pessoal.weare-mono. é ótima para saber o que acontece e cada publicação é um prazer à parte: recomendo a qualquer um se tornar colecionador (www.br). Tudo está convergindo para uma consolidação de uma cena tipográfica brasileira consistente. e “A História da Arte como História da Cidade”. Mesmo assim. e penso que já está na hora de o mercado apostar no talento nacional.yvo6. para ter um maior controle de quem as está utilizando.com. incompletas. Mesmo assim. mas se especializar na área. que é a base do trabalho tipográfico. temos a Tupigrafia. Ainda é muito difícil para um tipógrafo viver só de tipografia. na hora da formulação e redesign de seus projetos gráficos.com) uma imagem em baixa resolução. por todo o Brasil. é só entrar em contato e tudo se negocia. . mas não significa que isso seja uma regra para a sua utilização. que não seja: aproveite! É bem melhor.

como atuava como diretor de criação. Naquela época. hoje em dia. os designers e animadores com quem eu trabalhava.. o carioca Nando Costa é criador do projeto Brasil Inspired (www. além designer. trabalhando como freelancer.trabalhado tanto nos últimos anos que quase sinto que perdi um pouco da minha identidade”. o fato de o meu trabalho ter perdido força. no Rio de Janeiro. Atualmente. era guiar o estúdio. eu imagino que deve ter sido causado por cansaço. no qual incentiva e divulga os trabalhos de design desenvolvidos no país. e também interagir com os clientes. eu e minha esposa (Linn Olofsdotter . pagar as contas e até lidar com as burocracias. me sinto muito mais confiante e feliz com o que faço. além de analisar os desafios existentes na caminhada do profissional que vai para o exterior. cores.Radicado nos EUA.com). No fim dos dois anos de minha experiência na Nakd. Apostando na experimentação. nos deixou sem inspiração.. Nesta entrevista.www. Wd :: Em entrevista para a revista Zupi (http:// tinyurl. ele fala sobre influências. seu trabalho é um bom exemplo de como tal conceito pode ajudar o design digital a se tornar mais criativo. Essa sensação já passou? Quais fatores constroem ou desconstroem a identidade e o estilo de um designer? Nando :: Acho que esse efeito já passou. com) estávamos esgotados e acho que isso nos afetou demais. a minha função. Devo ter dito isso quando tinha a minha empresa (chamada Nakd).brasilinspired.com/mzpot). con- . Sobre sua segunda pergunta. tipografia etc.. No meu caso. pois isso depende muito de uma pessoa para outra. exaustão mesmo.olofsdotter. Mas depois tudo passou e. não sei exatamente como responder. você confidenciou que tem “. Não há regra.

entrevista .André Matarazzo :: 27 .

que vai da periferia (memória mais ‘distante’) até o centro (memória atual. um ‘DNA’ de memória que é compartilhado e propagado em um grupo de pessoas”. que permitem ao nosso ser a categorização da coisa observada em uma escala de valores. representa o momento em que devemos esperar o tráfego fluir. segurando sua pequena filha no colo. Um ícone é a palavra usada para designar formas (de todos os gêneros) que suporte uma composição específi ca de valores que as torna muito especiais . Por propriedades. no Rio de Janeiro.28 :: ícones. símbolos gráficos utilizados geralmente em locais públicos. diretor de arte na BHTEC e:house. enquanto os carros esperam a passagem dos pedestres. entendam-se valores lógicos e semióticos dos mais diversos tipos. afirma Ronaldo Gazel. cujo objetivo seja o cumprimento de determinadas tarefas. possa passar uma lição valiosa: a imagem de uma mão aberta. ainda mais importante . O sinal (ou semáforo) fechado é uma ótima oportunidade para que uma mãe. em verde. A didática materna vivenciada acima demonstra um exemplo de como os pictogramas. algumas propriedades dela. quando usar? Como a iconografia pode melhorar a experiência de navegação em um site Trânsito intenso na Rua São Clemente. “É impossível olharmos para alguma coisa e não percebermos.e. uma das principais vias de acesso do bairro de Botafogo. . o ‘agora’ do ‘ser’). em vermelho.que transforma o ícone em um ‘meme’ coletivo. que se comporta como o raio de uma circunferência. servem como importantes ferramentas para a transmissão de orientações. é a indicação para que possamos atravessar. já a de homem caminhando. ainda que de modo inconsciente.

desem- . Fonte: Wikipédia (http://pt. capacidades. os ícones são parte fundamental do mecaMeme Unidade de informação que se multiplica de cérebro em cérebro ou entre locais onde a informação é armazenada (como livros) e outros locais de armazenamento ou cérebros. Logo.wikipedia.org/wiki/Meme) nismo de interação dos usuários com os computadores. ou qualquer outra coisa que possa ser aprendida facilmente e transmitida enquanto unidade autônoma. indicando zonas de acionamento de comandos ou ainda simplesmente reforçando visualmente alguma informação que o sistema apresenta” (Mauro Pinheiro) No mundo virtual. desenhos. “Especificamente nos sistemas computadorizados. quando usar? :: 29 “Os ícones são parte fundamental do mecanismo de interação dos usuários com os computadores. A função dos ícones na web Mas como definir a função principal dos ícones. explica Mauro Pinheiro. A estratégia deu tão certo que as pessoas se lembravam mais da forma do ícone do que do nome do comando que ele representava. sons. quando pensamos na memorização de determinadas tarefas e na estética gráfica das interfaces digitais? “Os primeiros ícones surgiram como metáforas para facilitar o entendimento do funcionamento dos sistemas. professor assistente do departamento de Desenho Industrial da Universidade Federal do Espírito Santo (UFES). valores estéticos e morais. este conceito vem sendo utilizado como apoio para que os usuários possam obter a melhor experiência durante o período de navegação. indicando zonas de acionamento de comandos ou ainda simplesmente reforçando visualmente alguma informação que o sistema apresenta”.ícones. Os memes podem ser idéias ou partes de idéias. línguas. os ícones se tornaram a cara do software. a partir da introdução da manipulação direta das interfaces gráficas com o uso do mouse.

Segundo Amstel. Web já possui uma iconografia própria? Afirmar que a internet já assumiu um padrão no uso de ícones talvez seja uma atitude precipitada diante de um universo ainda tão recente no cotidiano das pessoas. Portanto. formam o imbróglio”. professor do curso de Tecnologia em Web Design do Opet (PR) e professor convidado da graduação em Design da Unisul (SC).com. alerta. “Eles são belos e animados. o design foi fundamental para que ocorresse uma mudança de valores. já que a internet é jovem e seus padrões continuam em desenvolvimento”. o avô do Director”. sem cair no clichê. Por exemplo: a criada para o site do governo de São Paulo (saiba mais.com e professor da PUC-Rio. sempre que pudermos replicar linguagens e funcionalidades dos sistemas operacionais mais populares. Quer dizer. maiores as chances de facilitar a aprendizagem e compreensão daquilo que estamos projetando. mas isso não significa que a iconografia para web esteja definida. sozinha. Mas seu principal objetivo está em guiar o usuário na busca pela informação. Assim como todos os outros elementos gráficos também têm este papel. aponta Felipe Memória. diretora de arte da Sirius Interativa. por mais que eles se esforcem. e um texto falando ‘contato’ já diz o suficiente. acrescenta Melissa.br. o que parecia inconciliável se tornou indissociável. “Esses ícones não tinham a função de facilitar a memorização e nem o aprendizado: seu único objetivo era o ganho estético. designer de interface da Globo. “Esse paralelo sistema operacional-web funciona muito bem. O design mostrou que valor estético e valor funcional não precisavam competir entre si”.30 :: ícones. O ideal é sempre usar comportamentos que os usuários estejam esperando”. afirma Dirceu Veiga. argumenta Frederick van Amstel. Até porque a utilização deste recurso parece ter sofrido forte influência da área de software. Se não é original. algo concreto. Para que esse quadro fosse revertido. da Sirius. quando usar? “Com o ingresso massivo de designers na criação de interfaces. ou capazes de substituir uma palavra. Foi a partir daí que o valor estético dos ícones começou a ser explorado em softwares”. diz Frederick van Amstel. harmoniosa e consistente agrega valor estético ao projeto gráfico. Um exemplo rápido: a famosa ‘cartinha’ na seção contatos: a carta. juntos. Os dois. É o que Ronaldo Gazel classifica como uso de “ícones bonitinhos. não caia na armadilha de agregar ícones em seu site apenas como um esmero gráfico. como se isso fosse representar a construção de um ambiente mais interativo. Usar um ícone ‘+’ em um menu. “É claro que uma iconografia com bom acabamento. A imagem da casa para indicar ‘home’ já era usada antes da web em apresentações multimídia feitas com o Hypercard. porém nem sempre divertidos e interessantes. Com o ingresso massivo de designers na criação de interfaces. nos lembra o funcionamento de abrir e fechar pastas do Windows Explorer. os ícones vão atingir sua plenitude dentro de um site caso ajudem os usuários na tarefa de se atingir o objetivo final durante o período de navegação. Dessa forma. “A maioria dos ícones que encontramos com freqüência na web tem suas origens nos softwares de desktop. o processo de criação das primeiras páginas web utilizou ícones sem ganho funcional. site brasileiro especializado em ícones para web e software. não gera valor positivo (talvez nostálgico). podemos considerar a particularidade como uma definição mais plausível? “Sim. mas ordinários”. criador do WebIcones. O design mostrou que valor estético e valor funcional não precisavam competir entre si” (Frederick van Amstel) penhando papel fundamental na formação de sua própria identidade. por exemplo. diz Melissa de Toledo. influenciada pela linguagem visual das interfaces de softwares. ajudando na memorização de caminhos e tornando o meio digital mais amigável”. “A iconografia deve estar de acordo com o projeto gráfico de cada site. Outra linha de pensamento parte do princípio que a . na página 35) não poderia ser a mesma de um site para crianças ou para o público jovem”. o que parecia inconciliável se tornou indissociável.

das mais diversas formas . para ‘home’. Digamos que apenas o tempo vai dizer se ela vai resistir. ajudando na memorização de caminhos e tornando o meio digital mais amigável” (Melissa Toledo) iconografia na web ainda vive em cima da popularidade dos símbolos usados atualmente nos sites. então foi absurdamente utilizada. Um bom exemplo. segundo Maria de Lourdes. É por essas e outras que digo que sinalização tem tudo a ver com interface web. “A casinha.ícones. Quando estamos sem combustível o que é que acende? O símbolo da bomba de gasolina. “Assim como a casa. impressora para versão para impressão.até que não resistiu”. não é? Por que será?”. lupa para busca. carrinho de compras para sites de comércio eletrônico. até (por exemplo) haver uma troca de paradigmas tal que substitua o conceito de ‘home’ por outro. agüentou um bom tempo. está no trabalho realizado pela designer Ro London. enumera Memória. “Imaginem se cada aeroporto do mundo tivesse um sistema de pictogramas independente.intersmash. é um bom exemplo de ícone ‘universalizado’ pelo uso. o especialista aponta que o surgimento de padrões será benéfico para que os ícones sejam mais facilmente assimilados pelos usuários. cadeado para segurança. Quando atingiremos este estágio? Só o tempo dirá. certo? Em todos os carros que já vimos. O que seria dos turistas? Não é à toa que existe um padrão internacional seguido por todos os aeroportos. ponto de interrogação para ajuda. Seria bom se na web fosse assim. por exemplo. . exemplifica Ronaldo Gazel. que coletou os 300 ícones (www. argumenta. Seja como for. mas como ela era um dos pouquíssimos registros gráficos relacionados ao universo da internet. diretora de comunidades de prática e tecnologia web da Sociedade Brasileira de Gestão do Conhecimento (SBGC). temos uma série de outros ícones populares na web: carta para e-mail. Os pictogramas usados pelos automóveis também seguem o mesmo padrão em todo o mundo.com/300images) mais interessantes e usados em sites por ela pesquisados. como ‘hiperespaço’(?) ou algo assim. A arroba. seta para a esquerda para a ação de ‘voltar’ e ‘x’ para ação de fechar”. quando usar? :: 31 na busca por talentos :: 31 “(Ícone) seu principal objetivo está em guiar o usuário na busca pela informação. Para quem lembra são aqueles mesmos pictogramas usados no jogo Banco Imobiliário.

preto-e-branco. Além disso. Ainda assim. Ainda sobre a escolha das cores e dos formatos. contraste de cores e luminosidade podem ficar bastante comprometidos de acordo com diferentes tipos e tamanhos de monitores e resoluções de tela. Considero esse um uso atípico e excepcional de iconografia. Para ações pouco popularizadas na internet. quando usar? “A primeira etapa continua sendo a mesma de qualquer peça de comunicação e design: a definição do público-alvo” (Dirceu Veiga) Criação de ícones: fique de olho no público-alvo O avanço da tecnologia tem permitido que o desenvolvimento de um site possua uma série de novas funcionalidades. Por exemplo: o espaço para comentários vem se tornando uma função muito comum e o símbolo de um balão tem sido o ícone mais utilizado para representálo. No meio digital. mesmo tratando. sua eficácia transparece no depoimento de quem já visitou o site. Um bom contraste e um traço que não gere ambigüidade na interpretação do símbolo ou ruído visual também são importantes”. às vezes. como traço e cores. Um recurso que pede moderação em seu uso Como vimos. Devemos ter muito claro quem estará visualizando essa informação”. em sua interface gráfica. “Quanto aos tamanhos. A partir desse ponto se escolhem as cores. orienta Márcio Ismail. “Esse elemento é repetido em todas as páginas de futebol nacional. Por exemplo.com. Nunca podemos nos fechar na hora de criar um ícone e contar que o usuário final entenderá nossa mensagem. Assim.32 :: ícones. cita Felipe Memória. devemos tomar muito cuidado com as metáforas. o ideal é simplificar partindo de metáforas genéricas e fugir das específicas. aponta Dirceu. tamanhos e metáforas”. influenciado por um software. ele ressalta a importância dos detalhes técnicos dentro deste processo. . cores vivas. a recomendação é fazer uma pesquisa do termo/ação a ser traduzido como ícone. “Muitos já têm uma simbologia bem aceita. No GloboEsporte. fatores como idade e deficiências visuais devem ser levados em consideração. uma área com os escudos de times de futebol para indicar as seções específicas de cada um deles (“Tudo sobre o seu time”). de assuntos tão diferentes. tomamos o cuidado para fazer com que seus nomes aparecessem no estado de ‘mouse over’ e criamos uma página principal de times no menu. “A forma engloba os conceitos gráficos. é preciso entender como a forma e o significado podem afetar o resultado final de um ícone. “A primeira continua sendo a mesma de qualquer peça de comunicação e design: a definição do público-alvo. Em termos de significado. “Acho que o mais importante é dar bastante atenção ao públicoalvo. 24x24 e 16x16 pixels”. ícones em tamanhos menores que 32x32 pixels dão uma visão estética melhor. que possui. com é a prova viva desse cenário. Os tamanhos mais comuns na web são 32x32. “Recentemente. explica Felipe Memória. o melhor é manter o mesmo conceito para não correr o risco de não se fazer entendido. diretor de criação da Publicidade Interativa. dentre as etapas que envolverão a criação de um novo ícone. Desta forma. as etapas que envolvem a criação de ícones devem ser cercada de cuidados. Para evitar que isso aconteça.com funciona porque os escudos dos clubes são muito conhecidos. um ícone de produto para um site ou software de uma loja de ferramentas: é mais interessante usar uma caixa de papelão (representando a forma mais comum de entrega de produtos) do que fazer um ícone de um produto específico. como um alicate”. estamos acompanhando também um grande movimento para a padronização do ícone de RSS (mais uma vez. A equipe da Globo. principalmente por seus torcedores. A experiência prática deles está presente no site GloboEsporte. o Firefox) e a popularização do ícone de link externo (seta na diagonal vazando de um quadrado)”. Se vamos usar uma forma mais retangular ou orgânica. com a listagem por ordem alfabética”. Para quem achou a ação de extremo zelo. como o globo terrestre para designar a ‘web’ e o envelope para ‘e-mail’. E o papel principal de um ícone é transmitir a mensagem com bastante clareza. complementa Melissa. formatos. Nestes casos. a principal delas está no estudo do público-alvo. fundos e uma série de outros fatores ajudam a manter a identidade de toda uma família de ícones. cita Dirceu.

ela pode potencializar a experiência de uso de um site. O ideal é fazer um Icon Sorting antes e depois testar o protótipo da interface em situações reais”. o eBay. quando usar? :: 33 “Quando a iconografia se tornar familiar para o usuário. revela Maria de Lourdes. vox dei. “No mesmo GloboEsporte. a lição que fica é: use o recurso com moderação. agradável. será preciso testar sua eficácia com quem realmente vai usufruir as suas funcionalidades.com/nmmtg). concluíram que mais de três ícones associados a determinado nome de usuário era o máximo tolerado pelas pessoas.ícones. Além disso. Ou seja. por exemplo. utilize um software (Colour Contrast Analyser) que analisa contraste”. num protótipo da interface. além de tudo. de ser recordado. O artigo falava sobre a metodologia de testes utilizada para que eles avaliassem a crescente quantidade de ícones na interface do site. Falando em metodologias. Carrinhos coloridos ou símbolos das escuderias seriam incompreensíveis para a grande maioria das pessoas. As pessoas simplesmente não conhecem. da SBGC. eficiente na utilização e. no qual o usuário combina livremente o ícone com um rótulo que descreve seu significado. teria dificuldades para identificar os times do Nordeste. aliado ao feedback verbal. mas não se pode confiar no resultado como uma avaliação real. agilizando a navegação e tornando-a mais prazerosa” (Felipe Memória) “Ele é excelente para quem entende de futebol. através de métodos como o Icon Sorting (http://tinyurl. finaliza Memória. gerou conclusões relevantes para a empresa. Quando a iconografia se tornar familiar para o usuário. agilizando a navegação e tornando-a mais prazerosa”. Foram 17 pessoas participando do experimento. Testá-lo isoladamente. diz Frederick. Segundo Frederick van Amstel.com foi perceber que os usuários buscavam informações específicas sobre seus times e se beneficiariam muito de um atalho para essa função. “Recentemente. estaríamos criando uma barreira para os usuários”. São imagens que estão longe de ter a mesma popularidade dos escudos dos clubes. em duas etapas de testes. provavelmente. “Ela é melhorada a partir do momento em que um sistema iconográfico é fácil de aprender. “É importante também ter certeza de que o tamanho e as cores são adequados para o público e testá-lo em diferentes monitores e resoluções. é interessante para explorar diferentes possibilidades de combinação entre texto e imagem. “Ou seja. O comportamento das pessoas durante o processo. Outro aspecto é testar os detalhes técnicos que envolvem os ícones. A melhor maneira de se testar qualquer coisa é colocar ‘na boca do povo’. Testando a eficácia e o papel ícones na usabilidade do site Para garantir o uso correto de ícones dentro da estrutura de um site.”. decoração. Neste caso. na forma de interação e no posicionamento por todo o site”. não poderíamos ter usado esse conceito em um ‘Tudo sobre as equipes’ na página de Fórmula 1. fetiche etc.com. Eu. alerta Melissa Toledo. ou uma de pequeno porte. aponta Felipe Memória. Ao final do estudo. Mas os designers resolveram meu problema: colocaram tarjas indicativas ou ‘legendas’ com os nomes dos times”. “Vox populi. “A maior sacada da equipe do GloboEsporte. seja ela completa e baseada nos modelos em voga atualmente. Tudo isso para que os ícones possam ajudar a aperfeiçoar a usabilidade de um site. Esse exemplo ilustra várias funções de ícones: atalho. feita com os membros de uma equipe”. por exemplo. ela pode potencializar a experiência de uso de um site. A partir dos dados gerados pela pesquisa foi criado um manual para que os ícones fossem sempre consistentes visualmente. realizou uma minuciosa etapa de testes para medir a eficácia dos ícones inseridos em suas páginas. em 2004. um dos maiores sites de compras e vendas on-line do mundo. ao invés de agilizar a navegação. para que a avaliação seja feita com maior precisão. conta Ronaldo Gazel. por funcionários do eBay. esclarece Memória. . li uma pesquisa publicada. Isso inclui todas as formas de pesquisa. será preciso colocar os ícones no contexto onde eles serão utilizados.

com/q3w2u) Editora Taschen Pelos poderes do ícone Usabilidoido (http://tinyurl. grandes aliados do projetista IBRAU (http://tinyurl.br/bancodeicones www. William Myers e Diana Comer (http://tinyurl.org/icons/components www.iconfish.iconfactory.plugmasters.com/oypbw) . Revista Webdesign Gestalt do objeto: sistema de leitura visual da forma Autor: João Gomes Filho (http://tinyurl.html Symbol source book: an authoritative guide to international graphic symbols Autor: Henry Dreyfuss (http://tinyurl.com Designing pictorial symbols Autor: Nigel Holmes (http://tinyurl.com/m4m49) How to create Vista Icons Axialis Software (http://tinyurl.com www.com/r2t7s) Fonte: Ronaldo Gazel Designing visual interfaces: communication oriented techniques Autores: Kevin Mullet e Darrell Sano (http://tinyurl.com/nmmtg) Elementos de semiótica aplicados ao design Autor: Lucy Niemeyer (http://tinyurl.com/njyhk) significado Autor: Adrian Frutiger (http://tinyurl.guidebookgallery.com/mbvsy) 1000 Symbols: what shapes mean in art and myth Autores: Rowena Shepherd e Rupert Shepherd (http://tinyurl.com/rw9l4) Teste de ícones Usabilidoido (http://tinyurl.com/ncn5u) Learning to love the pixel: exploring the craft of icon design Boxes and Arrows (http://tinyurl.com/q8hhp) International picture language: psyche miniatures / general series Imaginary Museum (http://tinyurl.com/mt9zf) .com/oj4zs) Look of the century: design icons of the 20th century Autor: Michael Tambini (http://tinyurl.com/p8ur3) Idea index: graphic effects and typographic treatments Autor: Jim Krause (http://tinyurl.com/oyjb6) Ícones.com/gworka/index. Mauro Pinheiro.com www.com/help/myebay/ myebay-icons.com.com http://pages.com/p2z6a) Sinais e símbolos: desenho.edição “Asia Special” www.br www.com/qdags) Designing interfaces: patterns for effective interaction design Autora: Jenifer Tidwell (http://tinyurl.khm.com.Sites www.com/pgxxk) Icon analysis: evaluating low spatial frequency compositions Boxes and Arrows (http://tinyurl.de http://feedicons.de/~timot/PageElephant.com/lahve) Fontes: Dirceu Veiga.com www.guiborchert. Mauro Pinheiro.bauhaus.html www.com/5d77) .com/ru7uv) Creating Windows XP icons Microsoft (http://tinyurl. Melissa Toledo Pixelart 2D e 3D Armando Fontes (http://tinyurl. Melissa Toledo.Livros Processo de criação de ícones Usabilidoido (http://tinyurl.com/or3sb) Fontes: Dirceu Veiga. Maria de Lourdes.iconshock.interfacelift.ebay.kare. quando usar? A biblioteca da iconografia .html www. com/qsjh3) design/web/design: 2 Autor: Luli Radfahrer (http://tinyurl.com www.Revista Newwebpick .webicones.com/qto4a) Material type icons task force Dartmouth (http://tinyurl. projeto e .Artigos Apple human interface guidelines: icons Apple (http://tinyurl.com/orbcj) Handbook of pictorial symbols Autores: Rudolf Modley.com/lguj7) Livro do ícone Autor: William Horton (http://tinyurl.34 :: ícones. Felipe Memória.com www.com/ltfaz) Fontes: Frederick van Amstel.newwebpick. Revista Webdesign ICONS: Signs (http://tinyurl.iconwerk.de www.

Tentamos ao máximo fugir de metáforas distantes do motivo final. serviços e produtos que estão nele. Trabalhamos sempre com o entendimento seguro da imagem. Com o tempo vão surgir novas demandas e o objetivo é que seja criado um banco de ícones para ser usado nos sites e projetos ligados ao portal. vamos saber os principais detalhes este projeto. A Sirius Interativa foi procurada para iniciar a definição de uma nova cara para o portal do governo. . Nada de ícones de difícil entendimento. são enormes. Num portal assim estamos falando praticamente com todo o tipo de usuário. quando usar? :: 35 Um exemplo de padronização no uso de ícones na web Bate-papo: Márcio Ismail. mas. ou são derivados. era muito importante definirmos um conjunto de regras mínimas para que os ícones criados seguissem o mesmo caminho. as necessidades do portal atual e das possíveis utilizações dessa iconografia. além de querer comunicar de forma clara todas as suas qualidades. Wd :: Que tipo de estudos vocês fizeram para definir os padrões de ícones? Márcio :: Estudamos. na época.ícones. Wd :: Como surgiu a oportunidade de criar um guia de padronização visual dos sites do Governo do Estado de São Paulo? Márcio :: O governo tinha uma preocupação muito grande com sua presença na internet.com/r2o5f) para os sites do Governo do Estado de São Paulo. para evitarmos algum tipo de ruído e seguimos a linha gráfica do portal. no geral. principalmente. Wd :: Por que vocês decidiram criar uma padronização para o uso de ícones? Márcio :: É impressionante a dimensão que o portal atinge. além de servir de guia para os outros sites e futuras atualizações. O mais importante nessa hora é conseguir manter que o mesmo ícone seja utilizado sempre para a mesma função. Nesta entrevista. Claro que existem casos específicos que seguem uma linha visual própria. diretor de arte do projeto A Sirius Interativa desenvolveu recentemente um guia de padronização visual (http://tinyurl. Diante disso. Wd :: O avanço da tecnologia permite que o desenvolvimento de um site possua uma série de novas funcionalidades. como vocês planejaram esta questão na padronização visual dos sites do Governo do Estado de SP? Márcio :: Demos as diretrizes básicas para que daqui para frente sejam criados novos ícones. As áreas.

36 :: debate . as tecnologias nesta área avançaram e já é possível disponibilizar fundo musical e outras mídias sonoras que não afastem ou prejudiquem a navegação de um usuário. Analisando o atual cenário no Brasil.. o carregamento demorado e a falta de sintonia com o conceito da página eram alguns dos problemas mais comuns. como. quando e onde é recomendável utilizar recursos musicais em um site? . O uso de recursos sonoros em sites parece ter sofrido com sua má utilização logo no início da internet comercial.navegando ao som de. Ou seja. Hoje..

o que não onera tanto no tempo de espera. e criar o desejo nos internautas de ir além. e esperam ser surpreendidos. Porém. especialmente se aliados a um design que crie ganchos para os sons serem explorados.mktvirtual. quando o projeto tem contexto ou não para aplicá-los. tornando assim estes sons ótimos aliados para agradar o visitante de um site.com. pois assim dá para pensar em uma forma de enriquecer sem atrapalhar a navegação. onde voltamos à questão do planejamento. A questão do carregamento . em sites onde os usuários entram para se entreter.é resolvida com os sons de maior peso em streaming ou carregamento modular. A aceitação dos efeitos sonoros também está relacionada com o propósito: não adianta encher de sons um projeto no qual o usuário tem o perfil de apenas ler ou buscar informações para o trabalho. No entanto.” :: Ludmilla Rossi Diretora geral da Mkt Virtual www.que hoje não é o maior dos problemas .. quando são utilizados sem contexto. os efeitos sonoros estimulam e prendem a atenção.navegando ao som de.br . :: 37 “Também é obrigação dos desenvolvedores explicarem para os clientes (especialmente aqueles que acham o máximo diversos sons e fundos musicais dos sites dos outros). mas ainda assim deve ser considerada para aqueles sites com tráfego muito intenso. Também é obrigação dos desenvolvedores explicarem para os clientes (especialmente aqueles que acham o máximo diversos sons e fundos musicais dos sites dos outros). Tudo isso envolve o planejamento desde o início do projeto. causam irritação e até mesmo a desistência de ir além dentro de um site.debate . quando o projeto tem contexto ou não para aplicá-los” “Acredito que os efeitos sonoros contribuam muito para uma rica experiência de navegação para os usuários.. por exemplo.

Caso optemos pela presença da trilha. desnecessário. a qualquer momento durante a navegação. o usuário deve ser o fiel da balança na escolha dos recursos sonoros. mas também pode enterrar sua credibilidade. A não ser que haja uma trilha corporativa. aplicada em outras mídias ou familiar ao público. Rio de Janeiro. Quando o conteúdo sonoro não é o objeto de um site.. sites de bandas. é preciso avaliar o público-alvo a quem se destina o site e as conseqüências práticas e técnicas da utilização de áudio. o público está disposto a ouvi-lo com atenção.br “O usuário deve ser o fiel da balança na escolha :: Marcio Bomfim Designer da Globo.Agência de Internet www. produtoras de áudio.com www.” “Além da adequação ao projeto gráfico e ao tema. para não arriscar. Sites de bandas. Bossa Nova. Lidamos com um conteúdo pesado. é preciso avaliar o público-alvo a quem se destina o site e as conseqüências práticas e técnicas da utilização de áudio” “O primeiro passo para definir a utilização ou não de áudio em um site é identificar a necessidade e as conveniências. O que existe é a velha regra da coerência. entretenimento e jogos podem investir em recursos sonoros mais avançados. além da adequação ao projeto gráfico e ao tema. Mas ainda é muito comum vermos sites institucionais com loops totalmente desacompanhados da usabilidade.com). a qualquer momento durante a navegação” “Não existe fórmula mágica para avaliar a pertinência do som em um site.com | GloboEsporte. A ele deve ser dado o direito de escolher entre ouvir som ou não. Quando o conteúdo sonoro é o objeto do site. não-solicitado pelo usuário e. muito pelo contrário: um tema fora de contexto pode acabar com um belo projeto. são exemplos em que o áudio é muito importante.com dos recursos sonoros. autorizadas ou compostas para a ocasião. de que sites com som são menos ‘sérios’.38 :: debate . sem um botão de stop.. em parte do público. A ele deve ser dado o direito de escolher entre ouvir som ou não. rádios. Definitivamente. o áudio não é obrigatório e nem sempre é sinônimo de qualidade ou ousadia.aldeiainternet. as conexões discadas e máquinas pouco potentes ainda são realidade para o internauta brasileiro.navegando ao som de. Em meu site (www. e sim um reforçador de sua ambiência. Rádios on-line. é necessário que escolhamos peças de qualidade. Apesar de a banda larga de boa qualidade estar cada vez mais presente nas empresas e residências. cuidando sempre da relação ‘peso versus qualidade’ do arquivo veiculado. marciobomfim. :: Melissa Lesnovski Sócia da Aldeia . o melhor é não utilizar o áudio. Um site com música ruim é infinitamente pior do que um site silencioso. a melhor opção é o silêncio. Sites corporativos merecem atenção quanto ao ambiente sonoro. todo cuidado é pouco. Esses sites costumam ser acessados no trabalho: outro motivo para evitar dissabores ao usuário. Em geral.” . não se incomodando tanto com a eventual demora na navegação. mas nestes casos deve prevalecer o bom senso: na dúvida. o áudio deve ser evitado e incluído apenas em projetos que de fato necessitem dele. Existe a percepção. o som que utilizo faz parte da proposta do site: carioca. que obriga o usuário a fechar a janela ou desligar a caixa de som. Portanto. candidatos/ políticos e outros temas. até segunda ordem. Em qualquer caso. A inserção de som pode incrementar a ambiência do site e torná-lo amigável ao público-alvo. paz.marciobomfim. ou com um botão tão escondido. em que o som faz parte da identidade e serve como apoio ao projeto gráfico.com. casas de festa.

br “Quando utilizamos fundo musical para peças on-line. por exemplo. sons de clipart não são tão pobres quanto imagens de cliparts. essas peças eram acessadas de dentro de empresas e os funcionários não curtiam muito a idéia de serem delatados pelo som . Em hotsites. não é todo usuário que possui caixas e placa de som de qualidade. onde podemos utilizar mais esse recurso.principalmente em banners. a opção de controle de volume não pode deixar de estar presente. Embora fundamental em produtos audiovisuais. Na minha opinião.canvas.ou então. Na maioria das vezes. que são inseridos na navegação do usuário sem que este os tenha solicitado.navegando ao som de. Geralmente. geralmente prefiro ainda usar o som mais como um recurso extra do que como o ponto de partida para a criação.. como banners ou intervenções.principalmente em banners. não pode ser uma surpresa . No mais. a trilha sonora atrapalhava a experiência desses usuários. porém o melhor é sempre produzir a trilha com exclusividade para cada peça.” “O som só deve aparecer quando solicitado. a principal reclamação que recebíamos era a invasão de privacidade dos usuários. Dessa forma. que são inseridos na navegação do usuário sem que este os tenha solicitado” . o som só deve aparecer quando solicitado.com.como uma boa noção de ritmo. :: 39 Marcelo Albagli Diretor de criação da Canvas Webhouse www. infelizmente não podemos ainda basear a criação somente na trilha sonora. não pode ser uma surpresa . como navegavam ouvindo música. A boa noção musical também traz outros benefícios para a equipe criativa . Mas o principal. como sempre.. mas por isso mesmo damos prioridade aos animadores que tenham boa noção musical quando estamos contratando. é a qualidade criativa da trilha sonora. É raro que os clientes desejem investir em músicos e estúdio.

. Participação dos assinantes Como. em tempos de mp3. participe desta seção pelo site www..40 :: debate . dependendo da sensação que o site queira passar ao usuário. shows etc.com.navegando ao som de. É o usuário quem deve decidir se liga ou não o som sugerido pelo site. Se você é assinante. Alexander Rodrigues alexrodrigues43@yahoo. não deve ser acionada automaticamente. Rafael Souza rafael@crcsp. Carlos Eduardo kaducao@yahoo.arteccom. Músicas só são bem vindas vencedor! em sites de entretenimento.com. Temos que ter em mente sempre o usuário.com.br/webdesign/clube O autor da melhor resposta ganha prêmios. principalmente. atrapalhando sua concentração. algo que vá enriquecer a experiência de quem usa nossos produtos. sem irritar o usuário. sergio@infonauta. ao layout e. rádios on-line e podcasts. Um usuário que esteja ouvindo músicas ou um podcast pode se zangar com um site que dispara outros sons. músicas e outros efeitos sonoros devem ser usados onde o som é elemento principal: em sites de músicos.br Esta etapa deve ser avaliada de acordo com a proposta do projeto. Na minha opinião.esteves@gmail.br pa gan r ticip e he prê e mio s! Ao utilizar músicas ou efeitos sonoros em um site.com Acredito que existem duas maneiras para utilizarmos sons: alerta sonoros quando acontecem eventos no site e sons que integram o ambiente do site. ou seja. o controle sobre o que ouvir enquanto navega está nas mãos dos usuários. .br Sites com temas bem específicos. interferindo o mínimo possível em sua navegação. temos que considerar que atualmente. Mesmo assim. Devemos guardar o som como um elemento de surpresa.br Essa questão é delicada e geralmente o uso dos recursos sonoros na web é feita de maneira impensada. gravadoras.org. quando e onde é recomendável utilizar recursos musicais em um site? Sérgio Mari Jr.com. Gustavo Esteves gustavo. sem sobressair às idéias. onde a exploração dos sentidos do usuário é o foco principal. onde o recurso musical sirva de complemento para o objetivo do site.

.

agência responsável pelo site do Partido dos Trabalhadores (PT .org. a web se transformou em uma ferramenta fundamental para proporcionar uma experiência completa na interação com o usuário/eleitor. “Este segmento ainda é novo no Brasil.www. as possibilidades de geração espontânea de conteúdo e sua capacidade de viralidade são fantásticas. basta criar algumas páginas e pronto. de dois em dois anos são milhares de pessoas que se candidatam em todo o país”. Levando em conta a importância que a internet vem assumindo no cotidiano das pessoas. devemos levar em consideração também as oportunidades que este mercado poderá trazer para as agências e os profissionais freelancers. sóciodiretor da I-Bizz Mídia e Tecnologia. que podem incentivar.42 :: e-mais .www. é preciso pensar. Ou seja. fotos e alguns textos” (Fabiano Carnevale) . Além do mais.sites políticos SITES POLÍTICOS: a nova geração dos cabos eleitorais Segundo dados do Tribunal Superior Eleitoral (TSE).ptb. Estamos falando de um universo de mais de 30 milhões de pessoas. precisamos entender qual é o objetivo de um site. contam com mais de 15 mil candidatos dentre os cargos elegíveis (presidente.br). afirma Ricardo Barreto. as eleições políticas no Brasil. Se o criador do site quiser apenas aparecer na internet. distribuídos pelos 29 partidos políticos existentes. planejar e arquitetar bem as informações para que o site seja relevante e atraia o maior número de usuários”. as oportunidades surgem.www. d e p u t a d o s f e d e r a l . tornando os sites os novos cabos eleitorais dos candidatos e partidos políticos. por exemplo.pt. “Antes. 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. estudar. basta colocar a biografia. complementa Ricardo. “Em enquete realizada na periferia de São Paulo. estimular e gerar conteúdo para uma campanha”.org. Entretanto. Para o freelancer. “ 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. 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 . “Muitos partem do princípio que.br). que desenvolveu os portais do Partido Popular Socialista (PPS . em 2006. acrescenta Fernando Gustavo. se há um objetivo nesse site. revela Fernando. m a s f i c a n d o n a frente das revistas e jornais impressos”. “Além do fenômeno de alcançar os usuários a qualquer hora e lugar. Um novo mercado que se abre? Além das transformações que a internet vem trazendo para o marketing político.org. pela Escola do Futuro USP (laboratório interdisciplinar que investiga como as novas tecnologias da comunicação podem melhorar o aprendizado). é imprescindível que as campanhas políticas marquem presença no mundo virtual.br) e do Partido Trabalhista Brasileiro (PTB .pps. diretor da RBW Comunicação e Tecnologia. s e n a d o r. gerente de projetos e mídia on-line da Navigators. para um site político. discursos. além do lado financeiro. o retorno principal é a oportunidade de participar de campanhas de grande importância no cenário nacional. e s t a d u a l e d i s t r i t a l ) . diz Felipe Morais. o que abre grandes perspectivas profissionais. pois é gerada uma maior demanda de contratação temporária pelas agências selecionadas para participar das campanhas”.

navegando em águas s. De buscar. os santinhos. os cartazes. já a a.sites políticos :: 43 “A internet aparece em terceiro lugar como sendo a maneira como as pessoas se informam sobre os programas de governo dos candidatos nas eleições” (Ricardo Barreto) No entanto. discursos. os sites políticos brasileiros ainda a caminham com passos desajeitados. o que certamente tornou a internet p n nou como um dos principais palcos para a exposição dos p p posição candidatos. fotos e alguns textos do próprio os político. É como se qualquer um soubesse criar um site”. há a necessidade de interagir/reagir ao conteúdo que agir/reagir gir/reagir lhe foi exposto. Vale ivas.em qualquer período expressa a . aponta Fabiano. Situação bem diferente do que vem ocorrendo no o cenário político internacional. o especialista ressalta a resistência de um segmento que ainda procura as vantagens proporcionadas pela web. Foram arrecadados mais de 25 milhões de America) ) d dados dólares. “Muitos ele partem do princípio que. m nt ntuais o TSE determinou a algumas regras para o desenvolvimento e a olvimento manutenção de propaganda eleitoral eletrônica. os muros etc. D e s s a f o r m a . no máximo) pela web. Mas uma característica geral dos internautas acterística intern é ir além da informação que receberam e. a campanha de a d Dean segue co como um marco na história da relação entre a o política e a inte internet”. Porém fique atento! Para evitar eventuais abusos. pro o “Foi expressamente proibida . “Eles preferem a televisão. que construiu sua campanha. Ainda ce e o que não tenha sido o indicado do partido. Porém. Como decorrência não se tem o devido cuidado na criação dos sites e na sua atualização. cita Fabiano Carnevale. á revoltas”.e-mais . 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 visão predominante de site om ominante como uma espécie de ‘panfleto eletrônico’. e Um ponto p positivo nesta discussão está no fato de as normas eleitorais se tornarem mais rígidas com relação à eleitora a r propaganda imp impressa. mais que isso. o exemplo de Howard Dean. webmaster do site do t te deputado federal Fernando Gabeira. “Nos EUA e na Europa. em 2004. Nisso. basta colocar a au biografia. somente com contribuições médias de pessoas som m buições físicas (de cerca de U$ 80. onstruiu pelo apoio do Partido Democrata. existe uma preocupação em utilizar a internet como um novo espaço de discussão pública. a partir dos sites. construir redes de apoio sólidas e participativas. à presidência dos elo mo mocrata. basicamente a partir de seu blog (Dean 20 0 e for America). para um site. EUA.

br). o eleitor pode. sujeitando-se a regras específicas apenas o DPN ‘. ligando sites e matérias de interesse à campanha ou ao mandato político. YouTube e blogs” (Fernando Gustavo) . can. espaço para comentários. 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 .br). acesso WAP e os aplicativos brew e Java)”. “Possibilitar ao máximo a troca entre o político e o eleitor deve ser a prioridade dos sites políticos. áudio etc. orienta Ana Amélia de Castro. vídeos curtos e objetivos e. “Não deve faltar criatividade para garantir inovações e diferenciais que tornem o site original. blog. consultora legal em TI e professora de Direito convidada da FGV. O registro é isento de taxa e deferido somente após o efetivo requerimento do registro de candidatura perante à Justiça Eleitoral. conteúdo utilitário. Outro aspecto envolve o crescimento das ferramentas colaborativas. correspondendo o nome aquele indicado para figurar na urna eletrônica. Com o site.br’. sob qualquer terminação.gabeira.a propaganda em páginas de provedores de serviços de acesso à internet. “Além do próprio site. O pedido de registro deste domínio deve obrigatoriamente obedecer à especificação ‘nomedocandidatonumerodocandidato. Ou seja. finaliza Fabiano Carnevale. . a partir de uma proposta de regulamentação da prostituição. Os candidatos podem manter página na internet. como os PDAs e celulares. tendo assim mais chances de construir uma opinião a respeito do assunto. Por exemplo. responsável pela criação do site do Partido Verde (www. visual agradável. sendo que o domínio é cancelado automaticamente após a votação”.0. a partir de uma proposta apresentada pelo candidato/parlamentar. encontrar no site informações relevantes sobre o tema da proposta. sobretudo. pois diferente da TV. advogada. Da mesma forma que acontece com qualquer projeto.com. Um deles é o do deputado Fernando Gabeira (www. a criação e o desenvolvimento de sites políticos devem ser feitos sempre com o que há de melhor no mercado. que ganham força com o advento da chamada web 2. alerta Fernando Gustavo. Sites políticos possuem particularidades na criação? RSS. h o s p e d a g e m e manutenção da página. entrevistas. Estimular o nome do candidato nestes veículos é como aumentar a exposição e o tempo de TV a que um candidato tem direito.br’.can.sites políticos “Além do próprio site. Não esqueceria também a diversidade dos dispositivos e plataformas de acesso à internet. que possui uma estrutura própria.org. afirma Sérgio Xavier. atualização permanentemente são requisitos fundamentais”. webwriters e webmaster) trabalhando exclusivamente para o portal. Interatividade.pv. a campanha tem que ter uma grande atenção aos sites de comunidade e conteúdo como Orkut. com as respectivas modalidades interativas (ringtones. sites e vídeos sobre o tema (contra e a favor) e dessa forma já está dando ao eleitor novas possibilidades de se inserir no assunto que vão muito além do blábláblá do horário eleitoral”. a campanha tem que ter uma grande atenção aos sites de comunidade e conteúdo como Orkut. mas é necessário cuidado ao lidar com estes públicos. navegação simples. conteúdo.44 :: e-mais . não há a menor possibilidade de controle sobre o que será ou não publicado. Dentro desse cenário. imagens. é possível você expandir a representação política. YouTube e blogs. já podemos apontar alguns bons exemplos de sites políticos no país. enquete. você pode encontrar artigos. diretor da SX Brasil Comunicação Digital. com profissionais (designer.

.

apple. Wd :: Como surgiu a idéia de criar a Samambaia? E por que a escolha desse nome? Pedro :: O Juca Battiston era minha dupla de criação na Globo. projeto focado em “promover uma releitura contemporânea das manifestações do povo brasileiro”. . Na nossa visão. Então.46 :: estudo de caso . Pedro Garcia. pudemos perceber como a cultura brasileira estava em voga no exterior. a criação vai além dos computadores e suas ferramentas. buscando no mundo real as referências necessárias para o desenvolvimento de interfaces digitais. ficamos quase um mês viajando pelos EUA. E percebemos que não existia nada até o momento com a proposta da Samambaia: uma marca quase folclórica e utópica buscando divulgar uma cultura “genuinamente” brasileira. mas ainda faltava alguma coisa. Um deles é a Samambaia (www. convidamos a Claudinha Niemeyer para fazer parte desse nosso “coletivo criativo” e passamos a criar juntos a partir daí. braço digital da McCann Erickson. que envolveu uma extensa pesquisa de imagens.br). Lá. edição de vídeo e estudo tipográfico. estava cansado de debater o que seria o “design” genuinamente brasileiro. mas os exemplos existentes demonstram o nosso potencial na área.Samambaia Samambaia: como tornar a tecnologia uma aliada na produção de um conceito Um conceito de criação 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é-produção. Ou seja. sonoro nome que vem do tupiguarani. um dos criadores do projeto e diretor de arte na MRM Worldwide London. quanto mais longe do design tradicional e mais próximo do design vernacular (naif. Nesta entrevista. samambaia. revela os principais aspectos no desenvolvimento do site. Já tínhamos algumas idéias de nome e do que fazer. Só que para que tudo isso pudesse acontecer de verdade. popular) melhor. São poucos. ficou fácil escolher o nome: nada mais brasileiro do que a Samambaia.com/br/criatividadedigital).com e nós sempre conversávamos sobre ter um projeto criativo nosso. Por eu ter vindo de uma formação em Design Gráfico.com. Como prêmio. Foi então que nós ganhamos o concurso Apple de Criatividade Digital (www.

Trabalhamos o site como se fosse qualquer outra peça. Por isso.Samambaia :: 47 Wd :: Quais são as fontes de inspiração da Samambaia e como elas influenciaram na criação e no desenvolvimento do site? Pedro :: Tentamos nos inspirar não só em temas. que pudesse ser entendido tanto no Brasil quanto no exterior. que foi bem complicada quando eu me mudei para Londres. ou seja. Coisa. Por isso. quanto no site. acho que nessa segunda versão. procuramos fazer com que o usuário mergulhasse no universo da Samambaia ao entrar no site. vídeos. tentamos fazer tudo bem diferente. que focou na busca de referências visuais do mundo real. no qual apresenta as novas criações. não adianta usar a linguagem mais moderninha do momento ou tentar ser cool. O site da Samambaia está em sua segunda versão. Percebi que as pessoas de fora do Brasil praticamente perdiam todo o contexto por trás da Samambaia e só analisavam o visual.estudo de caso . quais foram as principais modificações realizadas? Pedro :: Sempre tentamos transmitir algo além da estampa da camiseta. tanto nas estampas. primavera e outono). verão. É claro que temos todas as limitações tecnológicas. Acredito que o que fazemos é mais atemporal. pelo fato de o projeto da Samambaia ser um escape nosso para não ter que ficar limitado e fazendo sempre projetos comerciais. pelos menos em termos de conceito. ma s ta mb ém na lin gu ag em gr áf ica po pu la r br as ile ira ” . com a nossa identidade. Dessa forma. E. mas também na linguagem gráfica popular brasileira. Wd :: É comum as grifes de roupas mudarem seus sites conforme são lançadas as suas coleções (inverno. Dessa forma. sem se importar tanto com o resultado comercial. aliás. assim como as outras peças (camisetas.) também têm as suas limitações. tentamos causar um impacto bem mais universal. 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 mídias. Wd :: Um dos diferenciais no site do projeto está no extenso trabalho de pré-produção. quais foram as principais etapas na elaboração e construção do site? o “T en ta mo s no s ins pir ar nã só em te ma s. painéis etc.

novos produtos etc.. Ele criou para a Samambaia uma tabela com todos os caracteres e reaproveitamos para montar as frases. filma. tudo acaba andando meio em paralelo: as camisetas. Por mais que a gente tente se organizar. ficamos bastante tempo guardando tudo que achamos interessante. construímos o resto em volta dele. Dá um trabalhão. preferimos fazer tudo nós mesmos. vídeo e texto. Uma das inovações no site está na animação do vendedor que expõe as camisas na banca. com fotos do cenário. o site. Para essa tipografia. tentamos usar elementos próprios da cultura popular brasileira. fomos até o camelódromo da Rua Uruguaiana. Esboço do site Wd :: A expansão da tecnologia de banda larga tem permitido a criação de interfaces digitais que possibilitem a integração de áudio. Uma vez que conseguimos fechar um conceito criativo. no caso da Samambaia. começamos a realmente produzir. Wd :: Em termos de design. desenha.48 :: estudo de caso . . no Centro do Rio. Como todos nós trabalhamos com criação e propaganda. a idéia é bem simples: basicamente é vídeo digital mapeado quadro-a-quadro no After Effects. ao invés de contratar alguém. edita. o DVD. embalagens. Só que. conforme o usuário vai escolhendo os modelos de estampa. Que tipo de estudos vocês fizeram para definir este tipo de fonte? Pedro :: Assim como diversas coisas dessa segunda fase da Samambaia. deixando as idéias amadurecerem. e conseguimos descobrir o cara que pinta todas as placas da área: o Sr. tanto nas camisetas quanto no site. prepara. foi mapear quadroa-quadro as estampas no After Effects em cima do vídeo. Mazaki. na verdade. a gente vai lá.Samambaia Pedro :: Geralmente. percebemos que a tipografia utilizada em boa parte dos objetos do site é inspirada em fontes manuscritas.. preparar e produzir nossas idéias. mas garante que o resultado saia 100% do jeito que a gente quer. anima. um descendente de japonês muito simpático por sinal. O mais trabalhoso. fotografa. já estamos acostumados com o desafio de conceituar. Fomos filmar o feirante trocando as camisetas (que é a parte central do site) e. Que tipo de tecnologia vocês utilizaram e quais foram os principais desafios para tornar este conceito viável? Pedro :: Na verdade. Então. Todos os outros elementos foram “ilustrados” no Photoshop.

nesse caso. praticamente cortando pela metade o tamanho do arquivo. Para que não fosse prejudicial à navegação do usuário. Ao invés de usar um vídeo inteiro para toda área que estava sendo animada. no qual os objetos se tornaram os alvos dos cliques dos usuários. porque no final o site fica bem mais rápido. Wd :: Falando em After Effects. ele só começa depois que todo o site já carregou e tem um “bitrate” bem pequeno para não pesar muito. Levei um tempo até me adaptar. sou contra áudio não solicitado em sites. muitas vezes fica uma luta para descobrir de onde está vindo o som. Acho que a melhor maneira para aprender mesmo é tentar arrumar algum projeto real para praticar. Fonte: José Valter (http://tinyurl. Vocês utilizaram este recurso de maneira bem adequada. ele acaba sendo muito mais fácil e prático para fazer manipulação de imagens.Samambaia :: 49 Mas. como a Samambaia é quase um projeto de vida. Qual é o segredo para se atingir tal eficácia? Pedro :: Isso também deu um certo trabalho. percebemos que a interface do site privilegiou a intuição. mas daqueles que valem a pena. utilizamos o áudio em volume baixo e com o botão para desligar bem visível na interface. ao colocar um fundo sonoro ligado ao ambiente dos centros populares de comércio. Fora isso. mas o que ajudou bastante foi ter feito o meu projeto de graduação da Faculdade de Design todo em vídeo. E. porque sem tanta limitação de banda. deu para aproveitar os frames da ida e inverter a ordem para fazer a animação da volta. Dessa forma. quais são os cuidados para evitar que o áudio em um site não seja prejudicial à navegação do usuário? Pedro :: De uma forma geral. a gente costuma se dedicar ao máximo para que cada detalhe possa fazer a diferença. Exportamos uma seqüência de JPEGs e fomos posicionando no Flash de acordo com a animação. Bitrate x Também conhecido como data rate. o site apresenta um rápido carregamento entre suas seções.estudo de caso . como era uma seqüência de imagens. banners ou coisas do gênero. porque pode complicar bastante alguma mudança de conteúdo ou atualização. só utilizamos a parte onde o vendedor se mexe. resolvi baixar alguns tutoriais para começar. Quase sempre já estou ouvindo alguma música no computador e também como uso várias janelas. Mas. vídeos e animações com muitos efeitos. Quais aspectos determinaram este tipo de escolha? . indica o volume de dados transferido a cada segundo num fluxo de áudio ou de vídeo. como você aprendeu a dominar o programa e quais são 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. No entanto. E agora cada vez mais tem se usado After Effects na web. Wd :: Apesar dos vários recursos “pesados”. ele tem que ser usado com cuidado.com/edg4u) Wd :: Falando em navegação. o áudio é bem pertinente para deixar o visitante no clima da feira livre. Wd :: Nesta edição 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 .

Porém. por uma questão de escala de divulgação do nosso trabalho. mas de uma maneira simples e intuitiva. O comércio eletrônico sempre foi parte da proposta do site da Samambaia. Mas antes queremos nos estruturar. focamos nossas vendas para lojas. resolvemos concentrar tudo . atualmente.m a i l s e p e d i d o s d o m u n d o todo. c o m e ç a m o s a re c e b e r e . por exemplo. Wd :: Quais são os próximos passos do projeto? Vocês têm planos de lançar uma opção de comércio eletrônico? Pedro :: A Samambaia quer ficar cada vez menos limitada às camisetas e às exigências atuais do mercado da moda.Samambaia na moldura para usuários com resolução baixa e tentar deixar o layout harmonioso mesmo para quem acessa com resoluções bem maiores. Mas acredito que o site sempre terá um papel fundamental. de Barcelona. e conseguimos descobrir o cara que pinta todas as placas da área” passaram a vender produtos da Samambaia. porque é a nossa principal interface de comunicação com o mundo. Inclusive. como a idéia era realmente transmitir a experiência da feira. Um exemplo disso foi o DVD que lançamos recentemente e alguns outros projetos artísticos que temos em mente. p r i n c i p a l m e n t e d e p o i s que desfilamos no “São Paulo Fashion Week”. culminando com algumas lojas internacionais que “Para essa tipografia. no Centro do Rio. e passamos a vender aqui também. porque a loja virtual vai gerar uma demanda que ainda não estamos preparados para atender. Recentemente. Porém. Quais aspectos foram relevantes para que essa decisão 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. Além disso. era muito importante que o site tivesse uma versão em inglês. Wd :: Vocês disponibilizaram duas versões do site: português e inglês. Atualmente. Já que o conteúdo era bem amarrado e não dava para ter muita flexibilidade. p o r n ã o e x p l o r a r o c o m é rc i o eletrônico para não gerar uma concorrência desleal com as lojas que vendiam nossos produtos. tivemos alguns trabalhos publicados no livro T-Shirt 360º. criando estampas para a “Ellus 2nd Floor”. utilizamos esse recurso. Pedro :: Também não sou muito fã de interfaces que tenham metáforas de objetos reais e você tenha que “descobrir” onde estão as coisas. logo no lançamento da marca. estamos estudando seriamente a possibilidade de lançar o e-commerce no nosso site. Wd :: O variado uso de resoluções de tela por parte do público-alvo de um site é um aspecto fundamental na hora de se projetar interfaces digitais.50 :: estudo de caso . fomos até o camelódromo da Rua Uruguaiana. que geralmente utilizam monitores grandes com resoluções bem maiores que a média. Como vocês trabalharam esta questão no site do projeto? Pedro :: Observamos que o nosso site era visitado principalmente por designers. a não ser quando realmente o projeto peça uma experiência mais lúdica. a Samambaia é muito mais conhecida fora do Brasil do que no nosso próprio país. Como eu me mudei para Londres recentemente. e n t ã o . O p t a m o s .

.

a quantidade de novos sites ou que foram remodelados a partir da inclusão de um gerenciador e a opinião de especialistas neste mercado. “A era dos sites sem gerenciadores de conteúdo. fl exibilidade para adaptação da interface. afirma Walmar Andrade. muitas vezes se imagina que um website com um layout muito sofisticado não se encaixe no perfil para gerenciadores de conteúdo. Cada vez menos veremos sites feitos ‘apenas’ em HTML. ASP ou outra linguagem. passando por sites institucionais de todos os tamanhos. Estes são os principais candidatos a gerenciadores de conteúdo. sem perda de qualidade. “Analise se a ferramenta se encaixa em seus recursos e necessidades de layout e de estrutura de conteúdo.vignamaru. Isso vale se você estiver olhando para as ferramentas que são mal-projetadas e limitam a flexibilidade do website”. é claro”. Além disso. diretor de Tecnologia e Parcerias da Simples Consultoria (www. “Quando o seu site é . afirma Érico Andrei. chegou ao fim.br) acrescenta nesta lista os sites que vão apresentar massa crítica de conteúdo e aqueles em que o cliente quer uma certa independência. de algum tipo. alguns fatores devem ser avaliados. a designer e ilustradora Carolina VignaMarú (www. Além desses perfis. página a página. sem um sistema de retaguarda. Desde blogs até grandes sites de notícias. Não é inteligente ter um CMS capaz de gerenciar um portal se você vai publicar um blog.com. diz Capilé.52 :: Tecnologia na web Tecnologia na web Como se preparar para escolher um gerenciador de conteúdo Na edição de dezembro de 2005. argumenta Érico. explica Guilherme Capilé. Se um website não vai ter nenhuma alteração durante meses. Perfil do site influi na escolha? Definitivamente. na hora de definir que tipo de gerenciador será utilizado em seu projeto web. gerente de criação da SX Brasil Comunicação Digital (www. O que avaliar na hora da escolha Assim. sejam eles comerciais ou de código-fonte aberto. o investimento pode não valer a pena. Pode-se comparar esta transição ao começo da era industrial.sxbrasil. a compatibilidade com o sistema que já é utilizado (se é em PHP.br). a resposta parece ser sim. “Quanto mais dinamismo se quer em um website. e vice-versa”. Sites são produtos que saem do processo artesanal e se tornam cada vez mais industriais. da PUC-Rio. anunciava que a popularização dos gerenciadores de conteúdo web (CMS . “Acredito que os principais passam pela adequação às necessidades do projeto e.tcdesign. o tiro de Bahiana parece ter sido certeiro. principalmente para os produtores de conteúdo (que manterão o site) e também para os outros profissionais envolvidos (arte e tecnologia). diretor de operações da Tecnodesign (www.simplesconsultoria. Além disso.com.br). Não adianta escolher um CMS que não se encaixe no perfil de sua equipe”. segurança e facilidade no uso são outros aspectos a serem levados em conta. Quando analisamos os sistemas disponíveis no mercado. Ainda mais quando pensamos nas novas tecnologias que apontam para a tendência do desenvolvimento de sites cada vez mais dinâmicos. se for o caso. o professor Carlos Bahiana. por exemplo).com. com alimentação feita por FTP e necessidade de alterar dezenas de arquivos HTML a cada atualização de design”. Segurança é um fator que cresce muito com o porte da empresa.br). Muitas ferramentas bem conhecidas foram tachadas de inseguras e prejudicadas com isso”. maior é a necessidade de se automatizar a forma que as informações devem estar disponíveis.com. “É importante avaliar a facilidade de uso.Content Management System) traria uma diminuição na produção de sites feitos de “maneira artesanal. quando abordamos quais conceitos e tecnologias continuaram em alta e quais caíram em desuso.

vignette. fica por conta dos colaboradores. sabemos que são necessários um mínimo de sensi- bilidade e conhecimento para selecionar e preparar boas fotos antes de publicá-las. “Os CMS são extremamente versáteis. foi projetado tendo em vista a flexibilidade total para o website (layout e conteúdo) e segurança (como gera arquivos estáticos no website. ressalta Christian. Calandra (www.com.com.” (Christian Laurito) . criar templates que servirão de modelos para cada seção.mediawiki.br). que tem uma flexibilidade tremenda e. essa separação facilita muito o andamento dos processos. não deve ser escolhido. Opções disponíveis no mercado “Para blogs. Mas. por exemplo. as sugestões passam pelo Plone (www. os benefícios são evidentes. a possibilidade de atualizações remotas no caso dos publicadores web.e4w. por ser de código aberto. Podemos citar. é preciso estar consciente que os sistemas de gerenciamento de conteúdo vão apresentar diversas facilidades ou determinar alguns obstáculos na administração de projetos web. sem instalar nada. Outra vantagem. gerenciadores como Joomla.publique. linguagem e ambiente. antes mesmo de o design estar pronto. OAB-SP e Universidade Metodista). a coisa fica muito mais simples. o WordPress e o MediaWiki (www. todas as matérias são atualizadas automaticamente.opensourcecms. você pode ter muitas dores de cabeça na hora de fazer um grande redesign. Vantagens e desvantagens no uso de um gerenciador Assim como toda tecnologia. Drupal e dezenas de outros. O mesmo vale para as imagens publicadas. se ele for alterado através da ferramenta.com). Nestes casos. e não o contrário”.com).wordpress. acabando com o trabalho de produzir dezenas de páginas”.sf. É função do designer saber lidar com elas e contorná-las”. incluindo normas ortográficas. em alguns projetos. Em termos da identidade visual. o que significa também mais rapidez e. por exemplo. “O conteúdo. É poderosíssimo e tem uma interface gostosa. por mais que use a dupla dinâmica CSS e PHP. Sobre as vantagens. mas pode sem problemas ser usado em sites. E nós. Sabemos também que. o mesmo texto pode aparecer em lugares diferentes do site.Tecnologia na web :: 53 nível básico muito grande. aponta Christian Laurito. É claro que restrições existem. Nestes casos.br) e Vignette (www. “Se o gerenciador não tem uma flexibilidade para se adaptar ao design projetado. se por um lado a independência oferecida pelos gerenciadores na hora de se administrar o conteúdo de um site seja apontada como uma grande vantagem em seu uso. diretor de criação da E4W Solutions (www. Larousse. Mambo. o fato de o conteúdo ficar dissociado da estrutura parece ser a principal delas. Quem estiver a procura de gerenciadores para projetos menores. Com um CMS.” (Carolina Vigna-Marú) “O Pindorama (http://pindorama. O CMS deve se adequar ao projeto. “Na fase de produção. portanto.plone. menos custo”. pode não oferecer risco algum ao cliente). segundo Christian.” (Guilherme Capilé) “Vou citar três opções nas quais a E4W tem experiência: Publique (www. por exemplo”.com. designers.net).com).org). finaliza Walmar. é que assim que a arquitetura de informação estiver definida dentro do gerenciador. indicaria de olhos fechados o WordPress (www. “Na fase de manutenção. os especialistas consultados nesta reportagem foram unânimes em afirmar que os gerenciadores de conteúdo não prejudicam a qualidade estética de um site. os webwriters podem começar a incluir o conteúdo do site.br). de outro ele se torna um desafio para garantir o controle de qualidade do projeto.org opção escolhida pelo governo federal e diversas organizações como IDG. possui centenas de plugins e está sendo sempre aprimorado. Para os designers possibilita. a estética do site passa a depender também do bom gosto dos profissionais que as publicam.calandra. fácil de usar e simples de aprender. afirma Carolina. Foi feito para gerenciar blogs. ferramenta de código-fonte aberto.mamboportal. que permite testar gratuitamente.” (Érico Andrei) “Sou fã do Mambo (www. mas vamos encontrá-las em qualquer técnica.” (Walmar Andrade) “No momento. uma boa alternativa é visitar o OpenSourceCMS (www. org). podendo inclusive apresentar visuais diferentes”.

54 :: tutorial

Escrevendo HTML, finalmente - Parte 4 finalmente
Elcio Ferreira Desenvolvedor e instrutor na Visie Padrões Web http://visie.com.br/

Este mês, finalmente, vamos escrever nosso primeiro arquivo HTML. Você verá que a tarefa é muito fácil. E nos prepara para o aprofundamento no mês que vem, quando vamos inserir informação extra em nosso documento através dos microformatos. A estrutura básica do HTML Para começar, criamos nosso documento, e inserimos nele a estrutura básica de um arquivo HTML para o site da empresa fictícia “Móveis Florentina”. Vamos fazer a página 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>Móveis Florentina - Sobre a empresa</title> <meta http-equiv=”content-type” content=”text/html; charset=UTF-8” /> </head> <body> </body> </html> Pode parecer complicado, mas não é. Vamos dissecar parte por parte: - Doctype: A primeira linha desse trecho de código é o Doctype de seu arquivo HTML. Você não pode publicar um HTML sem Doctype, porque é ele quem diz de que tipo é seu documento e com que versão 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 cabeçalho da página, onde estarão as informações sobre a página que não vão aparecer no próprio corpo página. Coisas como a folha de estilo com que a página será exibida, os scripts que serão executados e o arquivo RSS que contém as notícias desta página. Chamamos de meta-informação a informação a respeito de determinada página que não é parte do conteúdo. - title: vamos começar a inserir meta-informações em nossa página pela tag mais importante do head, a tag title. Ela define

o título da página, na janela do navegador, nos favoritos e nos buscadores. Portanto, escolha bem esse título. - meta content-type: depois do último artigo, acho desnecessário falar sobre a tag meta content-type, não? Bom, para quem perdeu o último artigo: é onde inserimos informações a respeito do tipo de documento e, o que é mais importante para quem escreve HTML, qual a página de código usada. - body: por fim, é na tag body que vamos inserir o conteúdo, o corpo da página. O que estiver aqui será o que realmente vai aparecer quando o usuário carregar a página. O conteúdo - títulos: vamos começar inserindo na tag body o título desta página, fazemos isso usando a tag H1, a tag para os títulos principais: <h1>Móveis Florentina</h1> Em seguida, o título de segundo nível: <h2>Sobre a Empresa</h2>

Seguido de dois títulos de terceiro nível:
<h3>Localização</h3> <h3>Contato</h3> Estão disponíveis para nosso uso as tags até o sexto nível de títulos (h6), embora, para a maioria dos casos, três ou quatro níveis sejam mais do que suficientes. - divisões: os próprios títulos em nossa página nos dão uma boa idéia da divisão dos conteúdos desta página em seções. Em cada uma dessas seções, ou divisões da página, vamos marcar com uma tag div: <div id=”cabecalho”> <h1>Móveis Florentina</h1> </div> <div id=”principal”> <h2>Sobre a Empresa</h2> <h3>Localização</h3> </div> <div id=”contato”> <h3>Contato</h3> </div> - texto: há diversas tags para a marcação de texto, algumas de uso mais genérico, outras mais específicas. Há, por exemplo, tags específicas para citações. Mas, na maior parte do tempo, vamos usar as tags comuns de parágrafo, as tags p:

tutorial :: 55

<div id=”cabecalho”> <h1>Móveis Florentina</h1> </div> <div id=”principal”> <h2>Sobre a Empresa</h2> <p>A Florentina é uma empresa de móveis diferente. Com quarenta anos trabalhando com móveis, temos uma linha de primeira qualidade, com avaliação técnica de qualidade a cada passo do processo de produção. Desenvolvemos móveis sob encomenda e sob medida para a sua casa ou escritório.</p> <h3>Localização</h3> <p>Com dezoito filiais na grande São 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>

- formulário: por fim, vamos inserir um formulário de contato ao final de nossa página.O código 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 formulário com os campos nome, e-mail, assunto e mensagem, que submete para a página envia.php. Precisamos aqui dedicar alguma atenção ao funcionamento das tags label. Sua função é oferecer, nas descrições dos campos de formulário, uma área de clique. Ou seja, clicar na descrição é o mesmo que clicar no campo. No caso de campos texto ou select, por exemplo, clicar na descrição coloca o foco no campo. No caso de radiobuttons ou checkboxes, o clique na descrição equivale ao clique no campo, aumentando a área de clique e evitando que seu usuário tenha que “fazer a mira”. Temos agora nosso conteúdo todo descrito em HTML. Até aqui, nossa página não está atraente. Por outro lado, você vai perceber que ela funciona em dispositivos móveis e mesmo em navegadores de texto. No próximo mês, vamos relacionar este arquivo com arquivos externos, inserindo figuras, links para outras páginas, uma referência a um arquivo RSS, um favicon, javascritpt e CSS. Vamos também inserir informações em um microformato, o hCard.

- lista: vamos agora, logo depois do título principal da página, inserir uma lista dos links disponíveis para outras páginas nesse mesmo site. Vamos fazer um menu. Menus, na verdade, são listas de links, apenas. Construiremos nosso menu, a princípio, assim: < div id=”cabecalho”>
<h1>Móveis Florentina</h1> <ul> <li>Home</li> <li>Produtos</li> <li>Serviços</li> <li>Trabalhe conosco</li> <li>Sobre</li> </ul>

A alta qualidade do serviço de hospedagem da Acquaria Web Solutions lhe dá a tranqüilidade para dirigir sua empresa, com a certeza de que seu cliente terá acesso a qualquer momento a seu endereço na internet. www.acquaria.com.br tel: (47) 8414.4383 acq@acquaria.com.br

A Brasil Hosting assume a missão de “prestar os melhores serviços, oferecer preços justos e respeitar o consumidor”. Assine agora mesmo um dos nossos planos e sinta a diferença 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, antivírus, anti-spam, banco de dados, relatórios de acesso, disponibilidade de 99,5%. www.creativehost.com.br tel: (11) 3849.1166 atendimento@creativehost.com.br

EBRASIL.NET
Você quer Hospedagem Profissional? Servidores estáveis e que não saem do ar? Então venha conhecer a DataHosting, suporte diferenciado e qualificado, planos especiais de revenda, plataforma windows e linux. www.datahosting.com.br tel: (11) 6951.2954 Hospedagem de Sites, Registro de Domínios, 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 soluções completas para hospedagem de sites, telefonia, transmissão de dados e data center, utilizando a mais moderna e robusta tecnologia para suas aplicações. www.fractoweb.com.br / fracto@fracto.com.br São 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 altíssimo nível, planos a partir de R$ 8,90/mês. HTML, PHP, CGI, Flash, FrontPage, DreamWeaver, MySql, e-mail com anti-vírus/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 própria 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 fixa, Voip, Skype e e-mail, eliminando a distância 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 fácil, rápida 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 qualificado e 24 horas. www.novahost.com.br tel: (21) 2702-3653 vendas@novahost.com.br

Registro rápido de domínios nacionais e internacionais; Hospedagem segura para WebSites; Painel de Controle fácil de usar; Antivírus 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 Domínios, tecnologia ASP, PHP e .net no mesmo plano, teste grátis 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 São 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 domínios internacionais, acesse o nosso site e participe de nossa promoção. www.rjhost.com.br tel: (21) 2577-5545 vendas@rjhost.com.br

Loja virtual GRÁTIS. Assine um plano de hospedagem 3 ou 4 e ganhe uma loja virtual completa e de fácil administração. Escreva o código WBM no formulário de inscrição e ganhe ativação + 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 Rápido e Eficiente! Tranqüilidade e segurança para você! Top Hospedagem - Qualidade é a nossa marca. www.tophospedagem.com.br tel: (31) 3077-3310 - criação e desenvolvimento de sites - hospedagem em php - asp - html - registro de dominios com, net e .com.br - desenvolvimento de logomarcas e midia gráfica tel: (21) 2480-8607 - (21) 9851-0500

ZARP HOST
Hospedagem de Sites
Oferecemos registro de domínios 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 seção, envie um e-mail para publicidade@arteccom.com.br, com o título "busca host" ou ligue para (21) 2253.0596

br tel: (71) 3382. Aprendizado rápido. www. Aprenda conceitos e ferramentas que serão seu principal diferencial competitivo.com. JAVA e outros.diginetinformatica. Invista em você.br tel: (21) 2548.com. Programação Java. Computação Gráfica.fuctura. AutoCAD. Analista de Suporte Técnico.worldsoft.7898 R: 124 . Assistente Administrativo.4709 carlos@actionsoft.6400 ou 0800 7 720 721 AGORA NO BRASIL! O melhor treinamento Linux. processando informações em Background .4763 Unidade Madureira – Av.NET c/ C#.com.1903 contato@digitaltreinamentos.com.com.com. www.inf.tecnoponta.br A Fuctura é uma empresa que constantemente está preocupada com qualidade e com novas tecnologias.br Domine os softwares de Web Design: Illustrator. ITIL Curso WEB Marketing e Comunicação Digital 28 à 30/08 .com.br tel: (21) 2482. ASP. SQL.com. Telemarketing e Excelência no Atendimento. Gestão e Qualidade.br Av.com.2121 cursos@simplesconsultoria. Fireworks e Flash. Web Designer é na People ! www. Na área de treinamento oferecemos cursos tradicionais. Webwritting. Linux /Star Office. Ajax e Tableless. Web Design.com.digidatabrasil. tel: (11) 3124.com.0992 e-mail: contato@fuctura. Mix Park Sul sl 239 – Brasília/DF Para anunciar nesta seção.9492 treinamento@tecnoponta.br.informatica@pig. Pres.br SGAS 910 Ed. Zope e Plone com os maiores especialistas do mercado.actionsoft. ASP . pertinho de você. Ministro Edgard Romero 415 Web Design.Centro . CA e Conectiva Mandriva.br tel: 3222.8683 ctl.ABC ABCMIX Flash Tutorials Vídeo-aulas interativas em flash para Joomla! CMS. Photoshop.com.br tel: (61) 3347.São Paulo Conheça a programação completa no site www.com. visando a capacitação para um mundo competitivo.com.9067 Citreinasoft@treinasoft.wbibrasil.0.Elio Earli marketing@diginetinformatica. Os cursos abrangem desde o básico de informática até os profissionalizantes.com. O participante dominará os padrões. www.aisinformatica.Sócio Diretor www. organize e manipule dados na Web.com.br tel: (19) 3739. Marque uma Aula GRÁTIS! www.com tel:(61) 8464.com. Configuração de Computadores -Programação (Lógica de programação) -Redes e Linux -Windows e Internet tel: (21) 3393. Editoração e Produção Gráfica.com Toda a experiência em treinamento presencial disponível agora na forma digital.sobreloja 206 .br tel: 11 5573. Delphi e PHP. Linux.Rio de Janeiro/RJ Disponibilizamos uma ampla gama de treinamentos. PHP.8967 .br tel: (21) 2233.8989 copagerente2@hotmail. com Java. envie um e-mail para publicidade@arteccom.digitaltreinamentos.com.com. Crie dinamismo.4383 tutorials@abcmix.br Av. Tableless.bluestar. Java. Horários Flexíveis. Vargas. Hotelaria e Turismo www.people. PHP e MySQL PHP com Ajax. Arquitetura da Informação. conceitos e as boas práticas de desenvolvimento para os principais modelos adotados pelo mercado.br Promoção de cursos de informática -Pacote Office -Montagem. cursos on-line como o curso de Tecnologias AntiHackers e de ponta como o curso de Bolsa de Valores.br INVISTA EM SEU FUTURO Cássio Raphael Vitiello de Sousa Especialista Oracle .2276 digidata@digidatabrasil. com o título "busca cursos" ou ligue para (21) 2253.br Cursos Presenciais ou e-Learning.br tel: (11) 3289.NET www. Python. Temos ainda treinamentos profissionalizantes em Programação Web. 63.com. Indesign.com.2510 atendimento@x25.com.0596 . www.joomlaflashtutorials. Dreamweaver.com. Programação. Inglês.br A Tecnoponta treina há quinze anos profissionais preparados diretamente para o mercado de Web. www. a Digital ensina a trabalhar com softwares da área web.com. 482 . na sua carreira e no seu futuro. Gnu/ LINUX LPI tel: (61)3244.br Operador de Microcomputador. 11 de Junho. www.9255 atendimentodf@bluestar. www.br Multiplique conhecimento! Nossos Treinamentos: OpenOffice.com SERVIÇOS E TREINAMENTO EM INFORMÁTICA A Bluestar Technology oferece toda a linha de treinamentos oficiais Borland.br Descrição: Especializada em treinamentos individualizados. Cursos de Flash Action Script.com. na velocidade de seus negócios.(21) 2203. Você conectado às novidades do mercado. Garantia de Aprendizado. Viewlets sob encomenda para treinamento web e provedores de hospedagem.Rio de Janeiro 18 à 20/09 .inf.br tel: (11) 6864. 3D Studio.br tel: (81) 3088.Porto Alegre 16 à 19/10 .simplesconsultoria. www. WEB Design.6000 Usabilidade.br tel: (22) 2762. assim como os mais usados pelo desenvolvido mercado offshore da região.6351 .databyte.com. Banco de Dados.1771 marketing@wbibrasil.br Ligue gratis: 0800 7 720 721 Web Designer + Fotografia Web Developer A melhor qualificação profissional em desenvolvimento de páginas e sites para a internet. Início Imediato. Manutenção.(21) 3473. Análise de Sistemas. Web 2. www.br tel: (51) 3233.br tel: (11)3898. (Metrô Santa Cruz) Aprenda Oracle.treinasoft.5963 contato@worldsoft.

Um grande número de especialistas em usabilidade prega as virtudes do design funcional. Primeiramente. já que os usuários orientam suas ações baseadas justamente em critérios não ortodoxos. atrativos físicos infl uenciam suposições sobre outros traços da personalidade. mas você nunca tem uma segunda chance de ter uma boa primeira impressão. Durante uma recente discussão sobre design. É autorpeloKit de Conhecimento sobre como designer de interfaces desde 1998. Atualmente. além de participar do desenvolvimento de portais de companhias como GVT. em grande parte. No entanto. É difícil medir o quanto estes aspectos atrativos são percebidos pelo usuário e por isto surgem diferentes interpretações. Por último. reis@guilhermo. A indústria automobilística é uma indústria madura. ou facilidade ao usar. Ele tem a ver com quão relativa é a estética e sua percepção de valor ou qualidade. Hilhorst (fundador da User Interface Designer) atesta exatamente o contrário: o aspecto visual vem em primeiro lugar e a usabilidade em segundo! Em primeiro lugar. websitesInternet). Atua AI Especialista três Arquitetura de Informação e Usabilidade.ainda .58 :: usabilidade Marcos Nähr Guilhermo Reis Trabalha há em anos na Dell Computadores. BMW e Volkswagen se diferenciam entre si pela experiência que elas vendem. Existem diferentes razões que explicam porque a estética não recebeu a atenção que merece no campo da alta tecnologia. é realizado trabalhos em empresas como Espacio Digital (hoje Agência do Banco Real. Andrei Herasimchuk. sem dúvida. tendo responsável por coordenar projetos e manutenções nos (http://tinyurl. em seu blog Design by Fire (www. Olhos azuis e um belo sorriso podem levar as pessoas a assumirem que você seja uma pessoa confiável. onde é responsável do website da empresa. As pessoas tendem a fazer juízo do que está ao seu redor baseadas em aspectos efêmeros. a web . em hipótese alguma. lembrou de um ponto chave que é ignorado por muitos. Mas a forma não necessariamente segue a função. em relação à concorrência. Por exemplo. Agora pegue a indústria automobilística. Godigital e RBS. um papel inconseqüente na interface para usuários e no design de websites. por exemplo: todas as empresas fabricam carros com basicamente a mesma qualidade.com Telemig Celular e Amazônia Celular. Em um artigo sobre o assunto. A qualidade estética percebida foi estudada em grande parte no campo da psicologia. Isto pode soar como um clichê. Ter um rosto bonito é uma vantagem. é crítica para qualquer interface. a subjetividade não é. tipificada pelo seu design. A função. a qualidade estética é predominantemente subjetiva. o debate já antigo entre forma e função. Telefônica. marcas como Ford. uma razão para que o aspecto estético seja alienado do processo de design. Yahoo. a qualidade estética teve. em termos de funcionalidade. no má- . vamos considerar o reino da percepção humana. Por isto. Atratividade e outros aspectos de apelo estético são traços físicos que evocam uma resposta emotiva.com). Google e eBay podem se dar ao luxo de usar uma estética bastante pobre pelo fato de não termos muito o que escolher. Qualidade estética Apesar de centrada no pensamento e prática humano. Estética ou usabilidade? Mesmo que a importância da usabilidade seja reconhecida já há algum tempo. Didier P. Exemplificando. muito pelo contrário.designbyfire.com/p4j6w).não é. é equivocado assumir ou sugerir que o seu papel seja o principal (ou o único) na definição da interação com o usuário. Isto tem um papel fundamental na experiência do usuário.

textos com fontes grandes e alto contraste para facilitar a leitura. os considerar o reino da percepção as placas “Em primeiro lugar. Existem muitos especialistas do ramo que alegam que o uso mínimo de imagens. Design é um processo ou prática de formar e comunicar de maneira efetiva uma marca. usável. textos com fontes grandes e alto contraste são aspectos chave. mas também forma a percepção do consumidor. Tais recomendações incluem o mínimo ou nenhum uso de imagens para melhorar o tempo de download. a atratividade molda diretamente a percepção da facilidade de uso.” ximo influencia a função. .usabilidade :: 59 “É preciso criar as casas. algo não foi pensado no design como um todo. Experiência do usuário Eu vejo o design. como o carro chefe para moldar a experiência do usuário. As escolhas que se fazem na seleção de cores. ou como outros ainda sugerem: a atratividade não é um fator de importância na experiência do usuário. pela sua estética. as praças e principalmente humana. Eu acredito que estas afirmativas não condizem com a realidade. Na prática. e não a usabilidade. mas as impressões de um usuário sobre um website (sobre utilidade. estilos e formas irão afetar a qualidade estética. profundidade do uso e o prazer no uso. Mesmo sendo verdade que os aspectos acima mencionados melhoram a usabilidade. A estética afeta a percepção de facilidade de uso. Além disso.” de sinalização. de fato. facilidade de uso e prazer no uso) são formadas pelo visual do site. que os peritos em usabilidade freqüentemente negligenciam. A marca não só afeta a atratividade (ou vice-versa). Se problemas relacionados à interação ocorrerem. Usabilidade é um fator que dá forma ao uso atual. é a marca e a identidade corporativa. vamosprédios. a maioria das agências de propagandas não são boas para desenvolver websites. Em essência. mas desdenhar a idéia de que o design vem em primeiro lugar na experiência do usuário é um equívoco. Especialistas em usabilidade têm um papel indiscutível quanto a tornar a web um espaço mais amigável. um fator de importância periférica. mas elas entendem a necessidade da atratividade e da força da marca. uma questão permanece: seguir tais recomendações é a chave para um website usável e de sucesso? Para muitos experts o papel da qualidade estética é secundário em relação à função. Eu acredito firmemente que um bom design é.

Isso não é coisa que se mostra normalmente. É profissional de internet desde 1996. por vezes os “chegados” do chefe. não? Pois bem.”. Agora reveja as fotos e me diga: o que não aparece? Enquanto você digere a pergunta. haja vista/ouvido o improviso do podcast Roda e Avisa (http://www. vide http://www. e do “radinho de pilha” (www. É raro eu travar.usina. Todo mundo tem câmera. ela pareceria hoje um cesto de papéis de escritor empacado. Álbum é sempre assim. comecemos por aí. Ponto. Nosso ofício interativo não escapa dessa sina. e as idéias vão se concatenando naturalmente. Isso é sinal de urbanidade e educação. certo? Câmeras não mentem. eu dou uma pista: câmeras têm lentes. e a prova é: estamos sempre tropeçando da mesma maneira.. Monumentos. comunidade de profissionais da área.com/rodaeavisa). E. problemas repetidos só podem ser.. vamos sempre ter os mesmos problemas.. Nesse assunto ninguém toca.radinhodepilha. Deletei tudo. A menos que você ande fazendo fotos em 360 pelo mundo.flickr. então. pra facilitar. Não pega bem. seleciona o que vai aparecer.. AlmapBBDO. Banco Real ABN AMRO. se tudo no mundo tem uma causa. deleta. mas uma coisa é certa: algumas coisas nunca são ditas.. O que aparece é uma fração bem pequenina comparado com o mundão que não aparece. Deleta. mas me toquei a tempo que pouca gente tem apreço por línguas. Varia muito. pessoas posando. . Olhemos então aquele teu álbum de viagem. Você fotografou o mendigo? O prédio feio? As pessoas infelizes? O céu chuvoso? A sua mala bagunçada? Provavelmente não. uma daquelas figuras que orbitam em torno desse área fortificada. Tem gente que (sobre)vive disso: você já deve ter visto um “intocável”. Sempre tem: por vezes os criativos são intocáveis. Que tema é esse? Simples: o que não se diz. inclusive. passou pelas maiores agências e empresas do país: Wunderman.com/photos/renedepaula) Deve fazer parte da nossa natureza “maquiar” a realidade e deixar de lado coisas que “não ornam”. Efeito de causas crônicas. Quando você enquadra algo. Complicadíssimo. e a gente nem registra na memória. quebra essa regra. De volta ao cursor piscando no início de uma página branca. porém. com”. Câmeras retratam a realidade. Normalmente eu saio escrevendo/palestrando/gravando sem o menor embaraço.”. Não é “legal”.com). (Paulistanos como eu são PHD nisso: conseguem não-ver o caos e enxergar só o que é bacana na cidade. Falemos de fotografia. e recomecei com “você que lida muito com estrangeiros. o tema. momentos dignos de uma foto. um preço que pagamos a prazo porque não enfrentamos as coisas à vista. e todo mundo gosta de uma boa foto. em outros ninguém tem pudor em dizer que teu cabelo está horrível. É criador da “usina.. Outra coisa é certa: isso tem um preço. rene@usina.. deleta. e cada cultura ou língua (lá venho eu com idiomas e gringos de novo) lidam de maneiras diferentes com isso. Um tema.60 :: marketing René de Paula Jr.. portal focado no mundo on-line. E como algo que causa problemas pode ser crônico? Simples: porque não se fala dela.com Os intocáveis Eu estava prestes a começar este artigo dizendo “você que gosta de idiomas.. Em alguns países é inadmissível se falar da vida íntima. Se eu não esvaziasse a lixeirinha do meu desktop. Agência Click.. e com lentes você enquadra. Diretor de produtos do Yahoo Brasil. coberta por folhas amassadas atiradas com fúria. por vezes os engenheiros. belas paisagens. E o que não vai aparecer.

é que eu sugiro um remédio importado: o post-mortem. entre em contato: arteccom@arteccom. computadores e voluntariado.com. E é pensando nisso. Ok. lá venho eu de novo com línguas e culturas :) Que mania. Aponte-as ou... porém. não tem problema. também: um brasileiro pode se magoar porque o estrangeiro não teve papas na língua. Transparente.com. tem que ser eterno. o tema. por favor. Um coordenador vai juntar tudo isso.arteccom.br Informações: www.marketing :: 61 "Que tema é esse? Simples: o que não se diz. Acabou o projeto? Post-mortem nele! Quer tentar fazer? Acabo de fazer um bem simples: cada um dos envolvidos listou ao menos três coisas que foram ótimas. Complicadíssimo. Mas levemente arriscado. Simples.. Para doação de alimento. ou um outro latino pode ter sido mais passional do que devia. basta um assoprão e eles somem da nossa vida. três que foram boas e três que foram ruins. Ponto. nesse exorcismo dos nossos fantasmas crônicos.Crianças que Brilham Faça parte você também deste projeto. consolidar e compartilhar com todos.. um apelido dado a uma avaliação do que foi bom ou ruim durante um projeto. ou. Vou repetir a dose nas próximas edições :) Arraial Magê-Malien Toca do coelho barraca da Pescaria Brincadeira da farinha Capoeirista passarinho Magê-Malien . De um post-mortem simples assim pode nascer um plano para que os erros não mais se repitam e também para que inovações positivas sejam incorporadas ao processo.br/ong . Muitas vezes os nossos monstros sagrados são tigres de papel. Aponte minhas manias." Nem tudo que é intocável.

de idéias dispersas fazendo par com os copos vazios de chá espalhados pela mesa. mas os poetas são desatinados. mas não tem erro a tarde eu consigo” – penso perto da hora do almoço. clamando por minha presença. – penso lá pelas duas da manhã. A ressaca da noite fria sem inspiração é terrível. É o meu fim..http://pirei. criar ou fazer. sem contar com aquele edredom jogado na cama. É sócia do site Banheiro Feminino. blog . Que fria. a chuva caindo lá fora e uma cama quentinha e aconchegante a poucos passos da sala fria.quando pirei no meio de uma noite fria sobre “será que eu não sei fazer trabalhos assim?”. Escrevi. Ela só me disse: “Pense numa árvore” – e desligou. além de mais frio. – e vou. nem o segmento a que ele se destinava. é um freela. porque. mas era um trabalho e era um cliente. “De manhã é sempre assim. “Eu não sei fazer isso caceta”. Retomar o job é preciso.com. A tarde chega com a noite na seqüência. Eu. e assim segue o correr das vinte e quatro horas. Criar e ser genial num frio de rachar. A temperatura cai quando nada parece suficientemente bom para ser apresentado e com os ponteiros rodando. Um misto de incerteza. com a minha autocensura no último volume. Alguns cinqüenta e tantos docs. está no Orkut e trabalha como autônoma. recebê-lo então. mas isso dá? Quando a criatividade se congela e dá uma banana pro criativo. Manchete e SBT.62 :: bula da Catunda Marcela Catunda Trabalhou na TV Globo.catunda. Tenho exatamente cinco horas para enviar meu trabalho para o cliente no meio desse frio de lascar e não tenho nenhuma idéia do que vou apresentar. “Vou ligar lá e dizer que alguém morreu. além de criativo. Não tem nada mais desagradável e desesperador pra mim do que teclar com as mãos geladas. chega também o desespero. restam apenas algumas horas para a idéia chegar numa reunião com o cara que vai me amar (e me chamar sempre) ou me odiar para a eternidade (e não me chamar nunca mais). Claro que sempre existe uma saída. Pensei na tal árvore e comecei então a escrever sobre a dita cuja. por exemplo”. A ansiedade de fazer um bom trabalho é um complicador imenso quando a paz para que ela exista depende exclusivamente da sua inspiração e pés quentinhos. o difícil é encontrá-la no desespero da noite. Um banho quentinho na madrugada e voltarei cheia de idéias geniais” – penso me ensaboando. aquilo me pareceu um desatino. minha criatividade vai esquiar em Bariloche. Perdi as contas das noites de inverno cheias de textos começados. Apelei então para uma amiga escritora e poeta e desabafei. mas agora um pouco pior.. agora a coisa tá jóia. O trabalho em questão não era o que podemos chamar de divertido. “Vou dormir”. TV Bandeirantes. pedi pra ela entrar no e-mail dela e ler minha . escrevi.br Como cumprir prazos num frio de rachar Quando o frio chega. Será que uma redatora freela pode escolher trabalho? A difícil resposta é um o que? E foi nesse dia que quase fiquei ainda mais pobre . Foi redatora da DM9DDB e Supervisora de Criação de Mídia Interativa da Publicis Salles Norton. Na hora. Pronto. abertos depois. “Um banho. tem hora que a falta de inspiração parece não chegar ao fim.org marcelacatunda@terra. pés frios e esperança. TV Gazeta. sim porque sou péssima com linguagens poéticas e morro de vergonha de mim quando me meto a fazer isso. mas a porca torce ainda mais o rabo quando esse profissional. o que fazer? Assunto difícil para qualquer profissional. escrevi e daí liguei pra ela. Aquele mesmo da noite gelada e passada.

Ai que medo! Foi ficando lindo. Ai! Emocionei! Aquele monstruoso roteiro. o que fazer? " árvore. os dedos teclaram frenéticos e entreguei com apenas uma hora de atraso o que acredito ser hoje. Ela leu e disse: . Era uma árvore dando frutos bem ali na minha frente e o frio foi indo embora. Ai que piegas! Mas tava bonito. Aquela que diz assim.“Perfeito! Agora substitua algumas árvores pelo nome do seu cliente e monte o roteiro”. A primeira é que metáforas são salvadoras. . principalmente quando estamos escravos de idéias geniais. um dos melhores roteiros de institucional que criei. mas essa a vida já tinha me ensinado.Ã? – exclamei! Comecei a montar aquele quebra-cabeça e de repente as peças começaram a se encaixar. que quem tem amigos nunca está sozinho (nem sente frio). E foi ficando bonito. Ah! Claro que tem mais uma lição. Descobri nesse dia que ser genial era justamente o que aquele trabalho não precisava. porque a criatividade tem várias faces e nem sempre uma cambalhota seguida de um duplo twist carpado é exatamente genial. que antes me amedrontava. foi ficando tão legal. A segunda lição foi aprender que não é preciso dizer não para trabalhos que não tenham exatamente a nossa cara. . ele precisava sim era de simplicidade.bula da Catunda :: 63 "Quando a criatividade se congela e dá uma banana pro criativo. E foi numa noite fria que aprendi duas lições.

se dessa forma se conseguirá chegar a algum lugar daqui a alguns anos. luli@luli. Pensando bem. Em parte. Algo parecido aconteceu com as gráficas. Aliás. Se a resposta a esta última pergunta for um sonoro SIM. entre elas a sua conta de luz. como se apresenta. administra uma comunidade de difusão do conhecimento digital pelo País. é Professor-Doutor da ECA-USP. Em seu discurso lotado de chavões. Hoje. que não existe nada parecido com uma “carreira” nem gente com quatro décadas de casa para contar histórias de caminhos das pedras. “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. O tempo passou e muitos dos designers que trabalhavam com prancheta em 1986 hoje usam tábuas gráficas megacibertecnológicas conectadas a seus Macs. do que você faz hoje. e tanto Pescoço em Francês como Vaca em alemão não são exatamente palavras bonitas em nossa língua. acima de tudo. meus parabéns. se está completamente satisfeito na posição em que se encontra agora. sabe como não é tão difícil se chegar ao mainstream e. sempre há espaço para citar que. acima de tudo. morando com os pais. a Globo continua a existir) etc etc etc. por outro algumas coisas continuam iguais. Eu já tinha visto um trailer desse filme antes. em Chinês. E o que dá para viver aos vinte e poucos. Você sabe se manter por aí em um país que considera velho qualquer profissional de mais de 40 anos? Pois é. de vez em quando é importante parar para pensar onde se está e. E não há como negar. Ele se chamava “editoração eletrônica” e tinha vindo para revolucionar as agências de propaganda e os estúdios de design. não é sempre adequado.64 :: webdesign Luli Radfahrer PhD em Comunicação Digital. com produtoras de vídeo (que eu saiba. sempre chega o dia em que acordamos com a . dane-se. assim que estiver confortável. Em uma profissão muito recente. Muitos dos “geninhos” que montaram seus estúdios apoiados única e exclusivamente na tecnologia emergente não sobraram para contar história. ser ameaçado? Mas qual é a do Radfahrer? Deu para ser terrorista de uma hora para a outra? Longe disso. água e supermercado no final do mês.br Restart Será preciso esperar que as coisas “travem” para se recomeçar? Todos os “consultores de carreira” – sejam eles “head-hunters”. já dirigiu a divisão de internet de algumas das maiores agências de propaganda e de alguns dos maiores portais do Brasil. Mas voltemos ao tema da carreira – ou. Diretor Associado do Museu de Arte Contemporânea e consultor independente. Não estamos na China. você que já foi um dia parte da “molecada esperta” da tal nova mídia. como chegou até aí e. Por mais confortável que seja a vida. talvez não seja o suficiente vinte anos mais tarde. um mesmo caractere significa “crise” e também “oportunidade”. tanto no papel de intermediária quanto como produto final. com você no papel de arrimo de família (e filhos na escola). “Mas web é diferente” – pensaria você. com as editoras. O uso de exemplos estrangeiros. em termos mais precisos. O mesmo se aplica a qualquer idéia. Se por um lado a internet é efetivamente nova. você está certo. muito pelo contrário.com. Autor do livro ‘design/web/ design:2’. estejam eles no design ou em qualquer outra área profissional.

mas ajuda a manobrar e a sair de enrascadas. são patéticos. Poucos são aqueles que. nesta profissão. mudar para algo mais abrangente e gratificante. uma vez constatada a sensação de beco sem saída. não chegando a lugar nenhum. Será? . Por outro. faz com que este texto volte ao ponto que partiu.webdesign :: 65 "Pensar diferente é mais ou menos como usar a marcha a ré do carro: não leva a lugar algum. quando necessário. Azar deles. muita gente toca a vida em velocidade lenta. quando necessário. Da mesma forma que computadores antiquados. se preocupam em procurar outras soluções. Ela costuma ser acompanhada de uma série de arrependimentos causados por escolhas erradas e um monte de tristezas que não costumam a levar a lugar algum. isso pode ser fundamental na hora de mudar de vida. Por um lado. mas simplesmente por hábito ou por não conseguir ver as coisas de outro jeito. pode ser a mesma velha história do copo metade-cheio ou metade-vazio que. racistas ou homofóbicos. outra área de expertise. nesta cidade enfim. Menos ainda são os que consideram a viabilidade de. Será preciso chegar a tanto? Será que uma teimosia juvenil justificaria uma frustração para o resto da vida? Na USP eu canso de ver uns comunistas ainda achando glórias no governo de Fidel. mesmo estando “tarde” para outra carreira. Não é por culpa ou teimosia que a maioria de nós prefere reclamar do que tem a procurar opções. O budismo prega há milênios que a felicidade está em se contentar com o que se tem. Como machistas. em vez de se preocupar com o que nos falta. mas ajuda a manobrar e a sair de enrascadas. enfrentando um “bug” atrás do outro e insistindo em erros anteriores até a hora em que trava tudo e é obrigado a reiniciar. outra escola. em um raciocínio circular. Outros ainda cometem operações ilegais e são fechados. Por isso o título deste artigo. Me questiono se as conquistas são reais ou se são a única esperança de velhos que se agarraram tão fanaticamente aos seus ideais ancestrais que deixaram de ver as mudanças do mundo. Pensar diferente é mais ou menos como usar a marcha a ré do carro: não leva a lugar algum." pergunta: “mas como foi que eu vim parar aqui?” – nesta empresa.

Sign up to vote on this title
UsefulNot useful