Luis Rocha - Os especialistas afirmam que para se atingir a plenitude no design para web é preciso dominar os princípios fundamentais que regem este campo do conhecimento. Por outro lado, será necessário conhecer também as particularidades que permeiam o ambiente no qual aplicaremos tais conceitos. Diante de sua experiência, quais são as particularidades da internet que influenciam na prática do design para web?

Frederick van Amstel - Ao contrário dos demais meios de comunicação, a Internet não foi inventada por uma única pessoa, nem tampouco é controlada por um pequeno grupo de pessoas. Já no seu berço militar, a descentralização era seu princípio fundamental de existência. Quando passou a ser usada pelas universidades, a descentralização permitiu que mensagens fossem trocadas livremente. Esta liberdade, por sua vez, permitiu que as pessoas se mobilizassem para agir em conjunto através da colaboração. A World Wide Web consolidou-se dessa forma graças à contribuição conjunta de diversas pessoas que sonhavam com um mundo sem fronteiras, sem censuras e sem burocracia. Quem quer que deseje continuar a evolução da Web deve ter em mente esses três princípios-chave: descentralização, liberdade e colaboração.

L -- Na edição de novembro de 2006, o professor João Leite analisava que "...o ambiente do hipermídia é uma novidade por nós ainda explorada como se fosse papel. Como se fosse uma superfície plana sobre a qual se dispõe a informação, sem considerar que este ambiente, por exemplo, acaba com a perspectiva renascentista. A lógica, por exemplo, pode ser das superposições. Dos planos que se encobrem e por vezes permitem transparências". Diante disso, quais são os principais obstáculos para se explorar os princípios fundamentais da internet dentro do design para web?

F - Na história dos meios de comunicação se observa que as novas mídias são primeiramente exploradas como melhorias das mídias pré-existentes. Os primeiros noticiários radiofônicos serviam para ler os jornais impressos e as primeiras películas cinematográficas serviam para adicionar movimento a fotografias de cenas do cotidiano. Conforme se percebe que as novas mídias possibilitam também novas formas de comunicação, desenvolve-se uma linguagem própria para cada nova mídia. A Internet tem pouco mais de dez anos, mas já possível perceber diferenças significativas na forma como são editados e lidos os jornais impressos e jornais online, por exemplo. O hipertexto realmente facilita o controle da leitura, mas a Internet permite níveis de interatividade mais intensos. O estadunidense Slashdot e o brasileiro Overmundo são parecidos com jornais online, mas quem escreve e edita as notícias são os próprios leitores. Estes “jornais colaborativos” não vão substituir os jornais online, assim como o computador pessoal não substituiu o papel, mas representam a vanguarda da Internet como mídia interativa.

L - Em artigo recente, o presidente da AgênciaClick, Pedro Cabral, apontou que "...se num passado não muito distante - cerca de 10 anos atrás - os internautas procuravam a internet principalmente para ler as últimas notícias, hoje lhe interessam muito mais serviços de comunicadores instantâneos, e-mail (que sempre foi um grande foco, e agora é ainda mais importante), busca, download de música. Essas são, atualmente, as maiores audiências de internet: audiências de serviço e ambientes de comunidade". De que forma as características dos usuários (forma de navegação, preferência pelo ambiente a ser utilizado para navegação etc.) deve transformar a criação e o desenvolvimento de ambientes digitais?

F - A Internet inaugurou uma nova forma de relacionamento das pessoas com os meios de comunicação de massa. O internauta não está limitado a assistir, ouvir e ler o que os outros pensam. Ele pode atuar, falar e escrever o que ele próprio pensa, bem como contrapor seus pensamentos ao de outros internautas. A limitação, por enquanto, é a dificuldade para fazer isso. Antigamente, para manter uma página pessoal era preciso ter noções de HTML, dominar o Frontpage, saber o que é uma conexão FTP e etc. Hoje, é possível criar uma página pessoal no MySpace preenchendo alguns formulários e clicando em alguns botões. Daqui a algum tempo, é possível que cada pessoa tenha a sua própria rede de comunicação personalizada, a chamada minimídia, integrando seus blogs, fotologs, podcasts, redes sociais e o que mais surgir. As pessoas estão conquistando cada vez mais poder sobre os meios de comunicação e, conseqüentemente, estão se deparando com os dilemas que somente os astros globais já haviam experimentado: a invasão de privacidade, a superexposição, a influência sobre a opinião pública e etc. As ferramentas para a minimídia devem ajudar as pessoas a lidar com tais dilemas.

L - No livro "design/web/design: 2", lançado em 2001, Luli Radfahrer ressaltava que "...pode parecer ridículo, mas o que não falta para a execução de belos e eficientes websites é a tecnologia. O problema é que a maioria dos websites está sendo feita por profissionais que ainda não entenderam direito para que serve o hipertexto e como usá-lo, ou seja, não conhecem as ferramentas com que trabalham". Passados seis anos, você acredita que as agências e os profissionais brasileiros conseguiram aperfeiçoar a forma como produzimos projetos digitais?

F - Numa olhada rápida pelo anuário Ibest de 2002 e no de 2006 percebo que os websites em destaque estão mais polidos visualmente, mais organizados e mais fáceis de usar. Acredito que isso seja resultado do amadurecimento dos processos de projeto que agora estão mais definidos e otimizados. Entretanto, o conteúdo pouco mudou. A Internet brasileira, em sua maioria, ainda continua sendo usada como mero veículo de comunicação institucional, ou seja, empresas conversando com empresas ou com consumidores. As aplicações Web 2.0 que os brasileiros tanto usam como Orkut, Blogger e Gmail foram todas criadas fora do Brasil. Isso denota como os profissionais que fazem Internet no Brasil estão atrasados; estão mais atrasados que os próprios internautas brasileiros, campeões de utilização desses novos serviços! Acredito que isso aconteça porque temos uma elite conservadora que teme ameaças ao seu poder, especialmente, o que exerce sobre os meios de comunicação de massa. Nos Estados Unidos os profissionais estão arriscando muito mais porque já entenderam que a participação popular na mídia não é uma ameaça; pelo contrário, é oportunidade.

L - Ainda no livro, Luli afirma que algumas características fundamentais da internet possibilitam a criação de ambientes adimensionais, alineares, manipuláveis, personalizáveis e colaborativos. Diante destas características, é possível dizer que o movimento Web 2.0 representa uma evolução na forma como criamos e desenvolvemos sites?

F - Estou cada vez mais convencido de que Web 2.0 é mais do que uma transformação na forma como desenvolvemos sites. Trata-se de uma mudança drástica da relação que as pessoas tem com a mídia de massa. Não é a toa que a revista Time escolheu a soma das pessoas que contribuem para a Internet como a personalidade do ano. Em muito breve, surgirão “novas revistas” editadas por pessoas comuns que apontarão cada uma, uma personalidade do ano diferente. As pessoas não terão somente 15 minutos de fama, mas terão quantos minutos quiserem, ou melhor, quantos minutos conseguirem conquistar a atenção dos outros. Não será mais preciso prestar vestibular para jornalismo, fazer um book fotográfico ou ser eleito vereador para aparecer na mídia. Cada pessoa terá a sua própria mídia pessoal, a minimídia, nas palavras do designer Adrian Chan.

L - Você poderia apontar dois sites (e suas características principais) que conseguem explorar, em sua plenitude, os princípios fundamentais da web?

F - Os exemplos que mais chegam perto dos princípios fundamentais da web são os antagônicos Blogger e Wikipedia. Enquanto o primeiro permite registrar um conhecimento individual, no segundo, é possível colaborar para a construção de um conhecimento coletivo. Entretanto, como força também é fraqueza, no Blogger, a colaboração é limitada e, na Wikipedia, existe uma certa centralização na moderação.

7 - Quais dicas bibliográficas (artigos, livros, sites etc) você traria para o profissional que deseja se aprofundar no assunto?

Livros:

• The New Media Reader
• Geração Digital
• A Cauda Longa

Sites:

• Roda e Avisa
• Viu Isso
• Social Interaction Design

Comente este post

Como podemos definir um ícone?

A palavra ícone vem do grego eikon, que significa imagem, mas em nosso ramo essa palavra é usada para apontar um tipo específico de imagem. Quando falamos em imagem, é importante entender que a imagem é sempre uma representação de um objeto, embora tratemos a imagem do objeto como se fosse o próprio objeto. Posso apontar para a superfície de um tubo de raios catódicos (um monitor) e dizer: “essa aqui é sua pasta de documentos”, embora não haja pasta alguma ali. O objeto a que estou me referindo, em última análise, é uma área física num disco rígido que pode guardar dados. Uma pasta de papel também serve para guardar dados, logo, a imagem da pasta serve como metáfora para facilitar o entendimento do uso da área do disco rígido. O ícone é, portanto, segundo a Semiótica peirciana, uma imagem que tenha alguma relação de semelhança entre a representação e o objeto que, se for convincente, permite que usemos a representação sem tomar conhecimento do objeto.

Existe alguma diferença ou a função dos pictogramas no mundo real e dos ícones no mundo virtual são as mesmas?

Se tomarmos o virtual como o mundo abstrato da mente humana, incluindo, entre outras, o ciberespaço, ícones só existem no plano virtual. Como objetos reais, não passam de um amontoado de rabiscos ou de pontos luminosos num monitor. O ícone é sempre uma abstração, pois funciona como uma representação de um objeto outro que não a própria representação. O virtual e o ícone já existiam muito antes da Internet, portanto, nesse novo meio, continuam tendo a mesma função.

Falando especificamente da função dos ícones em interfaces digitais, você acredita que o seu objetivo esteja mais ligado à memorização de determinadas tarefas ou a estética gráfica?

Os primeiros ícones surgiram como metáforas para facilitar o entendimento do funcionamento dos sistemas, como no exemplo da pasta. 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. Logo, os ícones se tornaram a cara do software, desempenhando papel fundamental na formação de sua própria identidade. Foi a partir daí que o valor estético dos ícones começou a ser explorado em softwares. Por influência da linguagem visual das interfaces de softwares, as primeiras páginas Web incluíam ícones sem ganho funcional, apenas para parecer que a página era mais “interativa”. Esses ícones não tinham a função de facilitar a memorização nem o aprendizado; seu único objetivo era o ganho estético. Com o ingresso massivo de designers na criação de interfaces, o que parecia inconciliável se tornou indissociável. O Design mostrou que valor estético e valor funcional não precisavam competir entre si.

A eficiência dos ícones depende do nível de familiaridade das pessoas com as representações que se pretende passar?

Não necessariamente. Uma imagem pode ser facilmente lembrada mesmo que não faça referência direta a algum objeto que conhecemos previamente, pois nossa mente é capaz de criar inúmeras associações indiretas. É por esse motivo que uma pintura abstrata pode suscitar algum tipo de sentimento ou idéia. A eficiência do ícone está mais ligada à adequação ao contexto. Se uma interface oferece uma série de ícones abstratos que se diferenciam entre si o suficiente e fazem sentido para o contexto da interface, possivelmente, eles serão eficientes. No Brasil, os ícones usados em fornos microondas fazem referências a objetos concretos (figura de peixe para a programação “assar peixe”), enquanto que na Suécia eles são mais abstratos (duas barras paralelas para a programação “descongelar”).

Hoje, já podemos afirmar que a internet possui uma iconografia particular (por exemplo: utilizamos a imagem de uma casa para indicar a página principal de um site)?

A maioria dos ícones que encontramos com freqüência na Web tem suas origens nos softwares de desktop. A imagem da casa para indicar “home” já era usada antes da Web em apresentações multimídia feitas com o Hypercard, o avô do Director. Entretanto, a transposição deve ser feita com cuidado. Será que o usuário já viu este ícone em algum software? Se viu, será que ele entendeu? Se entendeu, será que ele vai entender se eu colocar nessa aplicação Web? Essas perguntas não podem ser respondidas com base no achismo. Melhor testar com usuários reais.

Por outro lado, o avanço da tecnologia permite 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). Diante disso, quais são as principais etapas a serem consideradas na hora de se criar um novo ícone (escolha de cores, tamanho, tipo de traço etc.)? Caso possível, poderia citar um bom exemplo nesta área?

A primeira etapa ao se criar um novo ícone é não criar um novo ícone. Para quê reinventar a roda? Se o ícone para comentários na maioria dos websites similares ao que você está trabalhando é um balão, então é melhor usar um balão também, a não ser que o objetivo seja confundir ou chamar a atenção para o próprio ícone. O contexto onde estará o ícone é que vai dizer qual será sua função principal: embelezar, agilizar, desorientar ou o que for. É preciso, entretanto, ser consistente na função dos ícones. Ícones agilizadores não devem se misturar a ícones embelezadores, do contrário, ambos perdem força. Isso acontece porque os ícones não são percebidos em separado, mas sim fazendo parte de uma série. O usuário entende a função do ícone comparando-o com os ícones e controles próximos. Por esse motivo é tão importante usar uma mesma linguagem visual (bordas, cores, perspectiva, iluminação) e figurada (objetos, atores) entre todos os ícones de uma interface. Na tela de configurações do sistema operacional BeOS R5.0.1, a inconsistência na linguagem utilizada em alguns elementos chama a atenção.

Qual é a melhor forma de testar a eficácia de um ícone na web?

A melhor forma de testar ícones é observar se eles são relevantes para os usuários. Como disse anteriormente, o usuário pode não entender o significado que o criador do ícone quis transmitir, mas se fizer algum sentido, for agradável ou fácil de memorizar, então ele pode ser considerado eficaz. Para avaliar esses aspectos com maior precisão, só colocando o ícone no contexto onde ele vai ser utilizado, ou seja, num protótipo da interface. Testar o ícone isoladamente através de métodos como o Icon Sorting, no qual o usuário combina livremente o ícone com um rótulo que descreve seu significado, é interessante para explorar diferentes possibilidades de combinação entre texto e imagem, mas não se pode confiar no resultado como uma avaliação real. O ideal é fazer um Icon Sorting antes e depois testar o protótipo da interface em situações reais.

O site GloboEsporte.com é um bom exemplo no uso de ícones, ao utilizar os escudos de times de futebol para indicar as seções específicas de cada um deles. Dentro de um site, quando se nota a necessidade de criar um ícone para que o usuário consiga realizar determinada função?

O caso do GloboEsporte.com é uma situação rara. Não é sempre que se pode contar com ícones facilmente reconhecíveis para cada categoria. O mérito da eficácia desses ícones é muito mais dos clubes que criaram escudos únicos do que da equipe do GloboEsporte.com que aproveitou a oportunidade de utilizar esses escudos como atalhos. Além do valor funcional, estes ícones também servem para aumentar a identificação do site com o torcedor, que vê o escudo do seu time na página principal do site. Entretanto, a maior sacada da equipe do GloboEsporte.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. Esse exemplo ilustra várias funções de ícones: atalho, decoração, fetiche e etc.

Quais são as vantagens (economia de espaço da interface, agilização da navegação etc.) e desvantagens (complexidade, poluição visual etc.) no uso de ícones em projetos de sites?

Cada caso é um caso. Um visual colorido proporcionado por uma série de ícones pode ser vantajoso para um website infantil e desvantajoso para um website sobre direito tributário. É claro que podemos fazer uma série de ícones monocromáticos para o website sobre direito, mas será que ainda assim não prejudicará sua imagem de seriedade? A avaliação de prós e contras da utilização de ícones deve, como todo elemento de interface, ser feita dentro do contexto.

Como os ícones podem ajudar a melhorar a usabilidade de um site?

Uma série de ícones bonitinhos pode contribuir para transmitir uma primeira impressão de facilidade de uso, ou seja, contribuir para a usabilidade percebida. Em websites que enfrentam grande concorrência e são utilizadas poucas vezes por seus usuários, a usabilidade percebida é mais importante do que a usabilidade efetiva. Para o usuário, não importa se a conclusão da tarefa vai demorar 1 minutos ou 3 minutos, importa mais que o fluxo da tarefa durante esse tempo seja agradável e sem problemas. É claro que ícones podem contribuir para a usabilidade efetiva, contribuindo para a memorização de atalhos rotineiros, mas isso só se aplica a websites de uso intensivo.

Em alguns sites, é possível reparar que os ícones possuem textos auxiliares que funcionam como legendas para explicar o significado daquele símbolo. Essa solução é aconselhável, ajuda na compreensão ou representa a falta representação de um ícone sobre a mensagem que ele pretende passar?

O rótulo serve para ensinar ao usuário o significado do ícone no contexto onde ele se encontra. Se o contexto por si só já deixa claro para que serve o ícone, o rótulo não é necessário. Quando estou escrevendo um texto e há uma série de ícones representando diferentes alinhamentos de parágrafo, não preciso de rótulos. Existe uma semelhança direta entre o ícone e a apresentação do meu texto. Agora, abaixo da imagem de uma prancheta com um documento em cima é necessário o rótulo do comando pois a semelhança é indireta. A prancheta (clipboard) é onde fica armazenado um trecho de texto pronto para ser “colado” na posição do cursor. Como o índice de uso desse ícone era muito baixo no Office 2003, a Microsoft pretende adicionar o rótulo “colar” abaixo desse ícone na próxima versão do Office.

Comente este post

Além dessa reportagem, a edição conta com uma boa entrevista com Felipe Memória, autor de Design para a Internet. Vale à pena conferir.

Abaixo publico a entrevista que o jornalista Luis Rocha fez comigo para escrever a reportagem. Na revista foram publicados os melhores trechos.

O "modo perpétuo beta" é o modelo para desenvolvimento na Web 2.0?

Vejo mais o pessoal usar o selo "versão beta" como desculpa para eventuais bugs de sistemas lançados precocemente do que como incentivo para usuários sugerirem modificações no sistema. A proposta do estágio beta não é encontrar bugs. Para isso existem as versões alpha distribuídas anteriormente para os departamentos de qualidade das empresas. A moda de perpétuo beta pegou porque o investimento em Web 2.0 ainda é arriscado demais para custear departamentos de qualidade. Na medida em que o retorno seja comprovado, as empresas vão querer garantir que não haja problemas com seus sistemas e o beta terminará.

Quais são as principais diferenças da Web 2.0, em termos de conceitos e tecnologias, em relação a "Web 1.0"? Quais são as vantagens da Web 2.0?

Não gosto desse nome Web 2.0 porque dá a impressão de que houve uma Web 1.0 anterior. Web 2.0 é um movimento social que discute os fundamentos da rede, não uma versão de software ou de arquitetura de redes e é a primeira vez que isso é feito em público. A Web que temos hoje foi criada pela elite acadêmica e o W3C, que atualiza seus padrões, ainda é constituído por esse pessoal mais os engenheiros das grandes fabricantes de softwares.

A grande vantagem da Web 2.0 é justamente essa: mais poder para o usuário. Ele agora é peça-chave na geração de conteúdo, pode remixar o conteúdo gerado por outros usuários, pode classificar informações como quiser, pode interagir com interfaces mais inteligentes e etc.

Alguns usuários já brincam com toda a atenção que o tema Web 2.0 vem recebendo. Independente do seu sucesso ou não, quais mudanças o conceito e a prática da Web 2.0 trará para o trabalho do webdesigner?

Para fazer Web 2.0, o webdesigner precisará entender muito melhor sua função social. Porque a empresa precisa dessa interface? Como ela se insere em suas estratégias? Quem são as pessoas que vão usá-la? Que impacto a interface tem em suas vidas? O webdesigner 2.0 precisa saber que seu trabalho vai muito além de uma tela de computador.

Podemos considerar as comunidades virtuais como o "mapa da mina" no mercado Web 2.0?

Desde que surgiu a Internet volta e meia alguém diz que o futuro são as comunidades, daí surgem um monte de iniciativas ridículas como fóruns de discussão para "troca de receitas" no site de uma marca de molho de tomate famosa. A idéia do fórum não é ruim, o problema é o lugar onde ele está. Dificilmente uma pessoa será motivada a se transformar num super-usuário (aqueles caras que carregam a comunidade nas costas) se não pode brilhar mais do que a marca do molho. Poderiam ser oferecidos prêmios para compensar, mas será que um brinde vale mais do que ser a estrela de um fórum?

O que motiva as pessoas a participar ativamente de comunidades não é o sentimento altruísta de ajudar o próximo, mas sim o contrário. Numa comunidade virtual, as pessoas podem construir seu alter-ego e vê-lo crescer pouco-a-pouco, seja em número de amigos, figurinhas de comunidades, fãs, posts, coraçõezinhos, gelinhos e etc. É como num RPG, onde você pode escolher todas as características do seu personagem e mostrar aos outros e dizer: "olha que legal quem eu sou e os pontos que ganhei". Entretanto, para ganhar pontos numa comunidade é preciso ajudar outras pessoas, ou seja, para se ajudar é preciso ajudar o próximo!

Então o que está funcionando na Web 2.0 não são as comunidades, mas sim a ampliação de oportunidades para que ilustres desconhecidos brilhem como sempre desejaram.

No artigo "What Is the Web 2.0", Tim O'Reilly aponta que o "SQL é o novo HTML". Podemos considerar o gerenciamento de banco de dados como uma das chaves para o sucesso na Web 2.0?

Gerenciar um enorme banco de dados é fácil, difícil é extrair valor dele. Mais importante do que saber formular uma consulta SQL para retornar dados relevantes é saber como transformá-los em conhecimento. Quando um dado é contextualizado, ele se transforma em informação e quando essa informação é transmitida para alguém, ela pode se transformar em conhecimento. Se isso não acontecer, a informação é inútil.

A folcsonomia do Delicious, por exemplo, permite que as pessoas colem etiquetas (tags) em urls incógnitas, permitindo que se ache ela depois que for jogada numa pilha. A etiqueta contextualiza a url e transforma-a em informação que pode ser recuperada pelo usuário. Além de permitir o acesso às urls, essa informação pode ajudar o usuário a entender seus próprios interesses e costumes manifestados no conjunto de suas etiquetas. Como são poucos os profissionais que se preocupam com a formação desse tipo de conhecimento, talvez tenhamos que esperar por outro movimento que vise tornar a Web mais inteligente...

Na Web 2.0, a idéia do que é conteúdo finalmente vai além do texto?

Enquanto a unidade fundamental da Web for a página, o texto continuará sendo o formato principal de veiculação de informação, assim como nos livros e revistas de onde foi tirada essa metáfora.

A mudança principal no âmbito do conteúdo proposta pela Web 2.0 é sua independência da apresentação original. Através do XML, conteúdos vindos de diferentes fontes podem ser remixados numa nova aplicação, gerando informações que não estavam disponíveis anteriormente. O housingmaps.com, por exemplo, é fruto do cruzamento dos mapas do Google Maps com os anúncios de venda e aluguel de imóveis do craiglist.com.

Qual a importância do AJAX para a Web 2.0?

O Ajax está permitindo fazer as primeiras experimentações para ultrapassar a metáfora de páginas da Web. Graças a ele, o foco está saindo da informação e passando à interação. Os websites podem oferecer agora além do acesso, manipulação e transformação da informação. Esse é um bom caminho para transformar toda esse montaréu de informação que temos disponíveis em conhecimento.

Comente este post

Tales é um dos poucos designers que conseguem potencializar seu lado artístico em projetos comerciais sem prejudicar a mensagem da peça. A partir da janela do seu Photoshop surgem colagens, apinhadas de efeitos, cores e tipografia bem aplicados.

Leia entrevista completa no FlashMasters

Comente este post

Leia a entrevista completa no FlashMasters

Comente este post

Mês passado, ele organizou a Expo Arte Digital, em Nova Friburgo (RJ), que reuniu os principais expoentes desse novo movimento artístico. Foi a primeira exposição do gênero no país.

Seu mais novo projeto artístico é um resgate do construtivismo russo, em conjunto com Daniel Santiago, do Monovolume.

Leia entrevista completa no FlashMasters

Comente este post

Irapuan Martinez era bem conhecido nos bons tempos da lista Flash Brasil. Hoje, concentra suas forças na área de usabilidade, HTML e CSS. Ele costuma dizer que "Flash é como pimenta: Em pequenas doses deixa o prato mais saboroso. Uma sopa de pimenta, ninguém aguenta".

Leia a entrevista completa no FlashMasters

Comente este post

Sempre fundamentada em sólidos argumentos, ela define e defende seu trabalho com firmeza. Seu relacionamento com a Academia é forte e os livros não param de passar por suas mãos.

Seu estilo no design de interface é sóbrio e centrado no usuário. Nada de exageros e escolhas baseadas em seu gosto pessoal. Sua preocupação com a usabilidade é grande.

FlashMasters: Quais são as principais tendências do design para a Web hoje?

Celina Uemura: Não gosto de tendências e procuro evitá-las. No entanto, vemos muitos sites abusando de vetores, fontes pixel e diagonais.

FM: Porquê você não gosta de tendências?

CE: Porque todo mundo faz. O que difere o trabalho do designer é ter sua linguagem própria. Design é percepção, é sensibilidade. Posso representar algo, mas garanto que você vai representar de forma diferente.

FM: Como guiar a atenção do usuário para que a interface seja eficiente?

CE: Hierarquização visual da informação. Tem que ficar claro pro usuário o que é mais importante e o que tem menos destaque. Além disso, os elementos da interface devem estar relacionados e agrupados seguindo algum critério.

FM: E como a cor entra nesse processo?

CE: A cor é um elemento visual que auxilia na organização e hierarquização da informação. Assim como outros elementos como posição, contraste de tamanho de tipografia e etc.

FM: Qual a sua dica para escolha de cores?

CE: Eu geralmente seleciono cores relacionadas à marca do cliente. Também aplico teoria de cor.

Arte X Tecnologia

FM: Como conciliar arte e tecnologia num projeto web?

CE: Pra começar, design não é arte. Então, o correto seria conciliar design e tecnologia. Design envolve projeto logo, para desenvolver um projeto Web, escolhe-se a tecnologia de acordo com as necessidades do cliente. Só depois disso é que o design é formulado. De um lado, a tecnologia que "conversa" com o computador e, do outro, o design, que guia a manipulaçao feita pelo usuário. Não são duas coisas concorrentes, são complementares.

FM: A tecnologia influencia o design?

CE: Sim. A escolha de usar Flash ou HTML, por exemplo, influencia diretamente o design da interface.

FM: Nando Costa disse no Encontro de Webdesign que grafismos com formas geométricas eram tendência muito por influência do suporte, no caso, o vetorizador Flash. Você concorda que softwares influenciem o design com ele produzido?

CE: Sim, ainda mais hoje, que não é necessário saber desenhar à mao.

FM: Que mudanças no processo criativo isso acarreta?

CE: Difícil dizer.. É como o Steven Johnson diz no seu livro: o mais interessante do computador é exatamente essa quebra de limitações.

Projeto Transições

FM: Transições em Flash são às vezes utilizadas apenas para justificar o uso de animação num Website. Se muito demoradas, Irritam usuários que querem chegar logo ao conteúdo. No entanto, o próprio Jakob Nielsen afirma que elas podem ser úteis no sentido de dar maior sentido às metamorfoses de uma interface, enriquecendo sua metáfora. Quais são as suas recomendações com relação ao uso das transições?

CE: Bom senso. Nada que canse demais. É importante que esteja relacionado ao design dos demais elementos.

FM: Que sites indica com boas transições?

CE:

Explicar design

FM: Explique como o conhecimento da Gestalt pode ajudar no desenvolvimento de interfaces.

CE: É útil como saber teoria de cores, uso de grids, tipografia e etc. Ajuda muito quando é preciso explicar por A + B o porquê se escolheu usar tal coisa em tal lugar de tal forma. Ou seja, justificar o seu design.

FM: É importante que o designer saiba justificar suas escolhas?

CE: Sem dúvida. Design é projeto, é preciso pensar antes de produzir. Isto é projetar.

FM: O que você gostaria de dizer para aqueles que estão começando no webdesign?

CE: Que estudem muito e tentem buscar mais base teórica ao invés de ficar só na parte prática.

FM: E que fontes você indica para isso?

CE: Livros, palestras.

Originalmente publicada no entrevista completa no FlashMasters

Comente este post

Leia entrevista completa no FlashMasters

Comente este post

Gustavo venceu importantes prêmios de ilustração nos Estados Unidos com uma peça intitulada "Designer Brasileiro", que mostra a face de um índio mesclada com grafismos futuristas. A figura que ilustra o seu portfólio expõe contrastes do nosso país: riqueza X miséria, natureza X metrópole, passado X presente.

Já trabalhou para grandes agências de publicidade e lecionou na PUC de Campinas. Atualmente trabalha no Canadá.

Leia a entrevista completa no FlashMasters

Comente este post

Sua história no meio profissional é marcada pela fundação e liderança da Associação de Profissionais de Mídia Interativa (Promit), que incentivou debates em todo o páis e hoje está extinta. Na sua coluna no Webinsider, discute assuntos polêmicos com a abordagem de amigo do leitor.

Leia a entrevista completa no FlashMasters

Comente este post

Nasceu no Brasil e viajou o mundo quando criança, estudou até num colégio da Arábia Saudita. Seus pais eram cosmopolitas e ele aproveitava o tempo durante as frequentes viagens para desenhar. Sua paixão pelo desenho levou-o ao design. Hoje mora na Califórnia (EUA) e toca uma empresa que produz histórias em quadrinhos e produtos de entretenimento.

Leia a entrevista completa no FlashMasters

Comente este post

Seu objetivo principal é valorizar e contribuir para a educação as crianças de baixa renda. Ele faz parte do portal Viva Favela, um projeto da ONG Viva Rio.

A maior recompensa para Otavio, são os recados deixados pelas crianças no site. "Se eu conseguir mudar pelo menos a cabeça de uma
pessoa, que esta se torne mais solidária, já estou satisfeito", afirma o cartunista.

Leia a entrevista completa no FlashMasters

Comente este post

Caribé já esteve em vários eventos internacionais, conheceu nomes famosos como Hilmann Curtis, Steven Krug, Kirupa e líderes de grupos de usuários Macromedia de todo o mundo. Porém, para ele, a fase "fláshica" já passou. "O quente agora é Webstandards", diz.

Leia a entrevista completa no FlashMasters

Comente este post

Diretor de Arte na Chleba, Marcelo trabalha para clientes como IG, Americanas.com, Brasil Telecom e Microsoft. O jeito despojado e a cara de menino não significam irresponsabilidade. Marcelo é sóbrio e sabe o que está fazendo.

Leia a entrevista completa no FlashMasters

Comente este post