Wd :: Dos conceitos tradicionais formulados nos primórdios da internet comercial por especialistas como Steve Krug, “nada importante deve estar a mais de dois cliques de distância”, e Jakob Nielsen, “o conteúdo é o rei”, o que ainda podemos considerar válido, o que foi transformado e o que caiu em desuso, em sua opinião?

Fred :: Jakob Nielsen e Steve Krug ficaram famosos na época em que a bolha econômica da internet estava estourando. Ninguém sabia bem porque os negócios não estavam dando certo.

Nielsen e Krug argumentaram que o problema era na interface com o usuário. Apresentaram uma série de critérios e regras de usabilidade que substituíam qualquer reflexão mais complexa acerca do design destas interfaces. Bastava seguir suas recomendações e tudo estava resolvido.

Muitos desenvolvedores foram seduzidos pelo messianismo da usabilidade e tomaram as recomendações como dogmas. Era mais fácil acreditar no discurso simplista da usabilidade do que encarar a complexidade do design. Hoje, podemos notar um retorno ao interesse pelo design, não como um mero aspecto visual, mas como o balanceamento dos múltiplos aspectos de um produto, incluindo a própria usabilidade.

Wd :: No artigo “Keys to E-Commerce Success”, ficamos sabendo que “não encontrar o que procura” (34%) e “problemas de navegação/usabilidade” (13%) ainda são alguns dos principais obstáculos que dificultam a realização de compras em sites de comércio eletrônico, segundo pesquisa realizada entre abril e junho de 2009, com usuários pelo mundo. Pensando nisso, quais são os desafios para incluir a usabilidade como diretriz de negócios e estratégias em projetos digitais?

Fred :: O problema principal das lojas de comércio eletrônico hoje é que elas são projetadas mais pelos princípios da informática do que pelos princípios de vendas. A experiência de compra das lojas virtuais parece-se mais com a de softwares de automação comercial do que com a de lojas físicas. Não se trata de imitar o espaço físico, mas de aproveitar as estratégias de interação que funcionam. O velho bordão do “cliente sempre tem razão” foi esquecido.

Nas lojas virtuais, se você digita o nome de um produto diferente do que foi cadastrado, a loja geralmente não mostra nada. Se você pedir numa loja física, o vendedor não só dá um jeito de descobrir o que você busca, como passa a usar o seu linguajar para se referir ao produto.

Isso não é difícil de fazer num sistema de loja virtual, porém, é preciso conhecer estes princípios. Sonho com o dia em que o comércio eletrônico não será mais considerado como uma opção de menor custo, mas sim como uma opção de maior comodidade e prazer.

Wd :: Ainda é muito comum alguns profissionais confundirem o significado, ou até mesmo usarem como sinônimo, usabilidade e funcionalidade. Pela sua experiência, como podemos definir estes conceitos e quais são as principais diferenças entre eles?

Fred :: Funcionalidade é o que pode acontecer. Usabilidade é o que de fato acontece. Um determinado produto pode ter milhares de funcionalidades que ninguém usa, ou porque são inúteis ou porque estão escondidas. Essa estratégia de colocar todas as funcionalidades possíveis num produto é tão comum em tecnologia da informação quanto sua própria ineficiência. O produto perde personalidade e se torna mais um genérico multifuncional. Falta design, que serve justamente para priorizar o que de fato é importante para o usuário.

Wd :: Segundo o professor Robson Santos, no artigo “Alguns conceitos para avaliar usabilidade”, “efetividade, eficiência e satisfação são as medidas de usabilidade mais freqüentemente consideradas em relação à websites”. Como estes conceitos devem ser aplicados no processo de produção do designer de interfaces?

Fred :: É importante que os critérios tradicionais de usabilidade (eficiência, eficácia e satisfação) não sejam os únicos. A usabilidade deve estar alinhada à proposta de experiência como um todo. Isso significa que, em alguns casos, os critérios tradicionais podem ser relativizados ou mesmo ignorados. Que relevância tem a eficiência de uma interface voltada ao entretenimento? Na outra ponta, como a satisfação do usuário pode ser mais importante do que sua segurança num Internet Banking?

Wd :: Na edição de abril de 2009, apresentamos uma entrevista com Yasodara Córdova, pesquisadora de IHC e web design ágil, que analisava os efeitos da aplicação das metodologias ágeis no design de interfaces. Segundo ela, “o designer precisa pensar cada vez mais em construir respostas para os problemas dos usuários (sejam usuários de geladeiras, carros, computadores, celulares etc.) da maneira mais ágil e barata, com a melhor qualidade”. Diante disso, quais transformações que estas metodologias podem trazer para a aplicação dos conceitos de usabilidade em projetos digitais e interativos?

Fred :: As metodologias ágeis ressaltam um aspecto importante para a usabilidade: a avaliação continuada. O problema é que nem sempre os critérios de usabilidade são levados em consideração nos testes. É preciso validar com usuários para garantir que o projeto vai atender às suas expectativas. Existem diversos métodos de pesquisas com usuários que são rápidos e baratos o suficiente para serem encaixados em metodologias ágeis.

Wd :: Em chat realizado no curso “Web para designers”, você levantou uma questão interessante durante o bate-papo: “se o cliente pede algo que você sabe que vai prejudicar a usabilidade, o que você faz?”. Nestes momentos, o que o profissional deve fazer e como ele deve se posicionar para não prejudicar a usabilidade do projeto?

Fred :: Esta é uma excelente oportunidade para o designer mostrar que seu trabalho é baseado em algo mais do que na inspiração pessoal. O cliente precisa perceber que a visão do designer vai além do senso-comum para respeitar seu trabalho.

Nesta situação, o profissional pode apresentar todas as pesquisas e dados que sustentaram suas decisões: livros, websites e artigos que serviram de fontes de referência. Porém, as provas mais contundentes aparecem em testes de usabilidade. Numa situação crítica, vale à pena rodar um teste de usabilidade experimental só para verificar a questão.

Wd :: Outro assunto pertinente discutido neste chat envolveu a questão cultural na aplicação dos conceitos de usabilidade. A dúvida é: ela deve ser trabalhada de outra forma em culturas diferentes ou existe um conceito universal?

Fred :: Assim como varia a forma como pessoas de diferentes países usam alimentos e roupas, varia também a forma como as pessoas usam softwares e websites. Porém, como estas ferramentas são frequentemente criadas com o intuito de padronizar determinadas atividades, existe certa universalidade de princípios básicos.

Por mais que um website seja independente de sistemas operacionais, as experiências que os usuários tiverem com seus sistemas operacionais (SOs) irá influenciar como interagem com o website. Por isso, os padrões das interfaces de SOs não devem ser ignorados. É preciso estar atento, entretanto, às mudanças nos SOs e em outras experiências interativas dos usuários.

Alguns websites já estão incorporando linguagens de interação advindas do iPhone, por exemplo. Quando se fala da usabilidade de um produto, é preciso avaliá-la frente ao contexto real de uso, porém, quando falamos de usabilidade de um modo geral, estamos nos referindo a padrões que atravessam diferentes dispositivos e contextos, ou seja, universais.

Wd :: Diante do caráter dinâmico e veloz que a internet apresenta, os projetos precisam ser revistos de tempos em tempos para se adaptarem as “novas” exigências de usuários e da atualização de tecnologias que possam aperfeiçoar o funcionamento dos sistemas. Recentemente, a Google lançou uma nova interface do Orkut, porém muitos criticaram a ação, classificando-a mais como uma ação de marketing do que uma contribuição efetiva na melhoria do período de experiência. Pensando nisso, quais são os cuidados na hora de se efetuar o redesenho de projetos web, de maneira que não prejudique a usabilidade do ambiente?

Fred :: É muito difícil ter certeza de que um produto inovador será um sucesso do ponto de vista da experiência do usuário. Em primeiro lugar, existem barreiras competitivas: a novidade não pode vazar antes do lançamento. Em segundo, se o produto é realmente inovador, não existem referências equivalentes para comparação.

Na maioria dos casos, as empresas optam por colocar o produto logo no mercado e ver o que acontece. Esse tipo de teste é muito oneroso, mas gera um aprendizado organizacional valioso.

Para superar essa prática corrente no mercado, sugiro que as empresas parem de olhar somente para seu umbigo e aprendam melhor com a experiência de outros. Para que tentar reinventar a roda se alguém já está fazendo isso? Pensemos em turbinas!

Comente este post

Como podemos definir USABILIDADE?

Usabilidade é o mesmo que facilidade de uso. Se um produto é fácil de usar, o usuário tem maior produtividade: aprende mais rápido a usar, memoriza as operações e comete menos erros.

Quais são os erros de usabilidade mais comuns?

O erro mais comum é acreditar que se sabe tudo sobre os usuários de um website. O criador do website projeta de uma forma que lhe faz sentido, mas para o usuário, não há sentido algum. Aí o usuário se bate, não consegue navegar e até mesmo desiste e vai embora. Quem é que já não passou por estas dificuldades?

• Excesso de informação irrelevante
• Palavras técnicas desconhecidas
• Botões que não reagem como esperado

Isso acontece ou porque o desenvolvedor achou que o usuário ia entender ou porque não sabia como fazer melhor. Usabilidade preenche justamente essa lacuna do desenvolvimento: definir o que fica melhor para o usuário.

Quais são as diretrizes de usabilidade que devem ser usadas na construção de um site?

Eu não acredito em diretrizes. Acredito em bom senso. O desenvolvedor que deseja melhorar a usabilidade de um website deve conhecer bem seus usuários, tomar decisões informadas e testar suas criações. Não existem diretrizes que substituam isso.

Como planejar a estrutura de um site?

Deve-se começar com uma pesquisa com usuários para verificar suas expectativas. Depois, analisar o conteúdo disponível. Esse conteúdo deve ser organizado de uma forma que faça sentido para o usuário, então é preciso convidá-los a participar da organização usando uma dinâmica chamada card-sorting. Por fim, deve-se elaborar diagramas que sintetizem a visão do usuário para os desenvolvedores do website.

Quais são as práticas de usabilidade mais eficientes atualmente?

Pesquisa com usuários. Elas são fundamentais para tomar decisões informadas. Existem vários métodos, tais como testes de usabilidade, card-sorting, avaliação heurística, mas o mais importante é ter bom senso.

As práticas de usabilidade variam de acordo com o tipo de site e seu público? Ou não, são diretrizes fixas?

As práticas de usabilidade devem ser executadas dentro de uma metodologia contextual, que leva em conta a situação específica do projeto, adaptando os métodos e técnicas para a necessidade. Embora existam, eu não confio em procedimentos padronizados para a usabilidade.

É possível avaliar se as práticas utilizadas em um site estão tendo o resultado esperado? Como avaliar?

A análise de estatísticas de navegação e os testes de usabilidade são muito eficientes para verificar o nível de usabilidade de um website. Na análise de estatísticas, é possível identificar situações indesejáveis como, por exemplo, a desistência do usuário no meio de uma tarefa. Porém, não dá pra saber o motivo da desistência. Isso pode ser verificado num teste de usabilidade, no qual o usuário executa tarefas na frente dos desenvolvedores, que observam sua fala, seu estado emocional e contexto de uso.

Você poderia dar exemplos de boas práticas de usabilidade e práticas ruins?

A Usabilidade está por todas as partes em nosso dia-a-dia. Da torneira de banheiro ao painel do microondas. Se funciona, a gente nem nota que está ali, mas se apresenta dificuldade, ficamos irritados. As boas práticas de usabilidade passam desapercebidas, mas contribuem para uma boa experiência no final do dia. Existem produtos que se tornaram famosos por sua usabilidade: é o caso do buscador Google, do iPhone, do Windows e do Nintendo Wii. Algumas pessoas acham que a usabilidade desses produtos é boa, outros acham que é ruim, mas o fato incontestável é que a usabilidade é a alma desses produtos.

O que é o design de Interação?

O Design de Interação vai além da Usabilidade. Usabilidade é um aspecto importante da experiência do usuário, mas não é o único. É preciso considerar aspectos estéticos, emocionais e sociais. Design de Interação integra tudo isso dentro das teorias e metodologias de Design, que fornecem uma excelente base para lidar com o balanceamento destes aspectos. Pode-se considerar o Design de Interação como uma especialidade dentro do Design, assim como Design Gráfico ou Design de Produto.

O que é o Instituto Faber Ludens?

O Instituto Faber-Ludens é uma entidade sem fins lucrativos que promove o desenvolvimento do Design e da Tecnologia no Brasil através da integração entre mercado e academia. Apoiamos projetos de pesquisa, ensino e consultoria nas mais diversas áreas.

Comente este post

1 - Experiência e interação são dois conceitos fundamentais na construção de ambientes digitais. De que maneira tais conceitos vêm transformando a produção do design contemporâneo?

O Design, de um modo geral, está passando por transformações fundamentais devido à novas demandas de mercado. Em primeiro lugar, o mercado tem procurado o Design como diferencial competitivo em áreas cada vez mais diversas, desde salões de beleza à organizações financeiras. Só isso já deixa sem chão as velhas definições atreladas a um objeto (Produto/Gráfico) ou método particular (Industrial). Em segundo lugar, o mercado está mais atento à relação entre processo e resultado. Se o Design promete melhores resultados, o mercado quer saber como. O mercado não está interessado em encontrar as formas universais da beleza, mas sim em vender produtos e fidelizar clientes. Quando a concorrência é grande, entretanto, a tarefa é árdua. O que antes não era levado em consideração porque o consumidor não tinha escolha se torna logo um ponto fraco. A estratégia de controle muda da escassez para a abundância em questão de meses. Experiência e interação são alguns dos termos utilizados para sugerir que o controle na abundância é possível através da sedução. Não é por acaso que estes termos tenham sido primeiramente utilizados em projetos de Tecnologia da Informação. A força que impulsiona o desenvolvimento de TI são as intenções de controle, seja de consumidores ou de usuários.

2 - Na dissertação de mestrado "Design em Parceria", Bianca Dal Bianco cita o famoso pensamento de Donald Norman, reconhecido estudioso da área do design: "somos todos designers... Manipulamos o ambiente a nossa volta para que ele satisfaça melhor as nossas exigências. Escolhemos quais objetos possuir, de que objetos nos aproximar. Construímos, compramos, sistematizamos e reformamos: todas essas ações são exercícios de design". Considerando tal passagem, quais são os elementos da experiência do usuário que devem ser pesquisados cuidadosamente para melhor compreensão de um processo interativo e consequentemente concepção adequada de um projeto?

O Design, de um modo geral, baseia-se num modelo triádico que envolve pessoas, atividades e artefatos. Dependendo do enfoque do projeto, um desses elementos pode ser priorizado. Hoje, o mais comum é o foco no artefato, pois é o que o cliente quer ver entregue. Se o cliente não liga para a experiência do usuário porque eu devo me importar? É por essa falta de vontade dos desenvolvedores de superar as expectativas tanto do usuário quanto do cliente que a coisa não vai pra frente. Conhecer o usuário não é difícil. Basta levantar o perfil do público-alvo através de questionários ou mineração de dados, montar algumas personas e está feito. Difícil é compreender as atividades destes usuários. Isso exige sair do escritório e visitar o lugar onde o usuário vive. Observar o que não é dito, fotografar as gambiarras, se meter nas relações políticas. A habilidade do Design em interpretar estes dados e transformar em projetos úteis e sedutores é o que tem elevado o Design ao campo estratégico das empresas.

3 - O design de interação é uma área que vem recebendo mais atenção no mercado internacional, principalmente em universidades tradicionais como a Carnegie Mellon University, o Instituto Ivrea, o Royal College Art, entre outras, além de já existir uma associação profissional, a Interaction Design Association. Em termos práticos, como poderíamos defini-lo?

A definição que usamos no Instituto Faber-Ludens é a seguinte: "Design de Interação é uma área dentro do Design que trata especificamente do projeto de artefatos interativos, tais como websites, softwares, dispositivos móveis, produtos eletrônicos e etc." Optamos por definir a área pelo tipo de projeto para ser mais facilmente compreendidos, porém, consideramos o Design de Interação como o projeto da interação entre pessoas que ocorre por meio destes arefatos. Nosso material de trabalho não é a tecnologia e sim as relações sociais. Design de Interação é a habilitação ou proibição de certas interações sociais por meio da tecnologia. O interessante dessa visão é que o objeto da disciplina é independente da tecnologia e, sendo assim, não fica obsoleto com a evolução tecnológica. Por outro lado, fica claro o papel sinistro que o controle sobre estas relações pode ter.

4 - Por ser um campo de conhecimento ainda recente no mercado brasileiro, é comum haver certa confusão ao se definir o que é o design de interação e o que seria o design de experiência. Pela sua experiência, quais seriam os aspectos para diferenciar esses dois conceitos?

Design da Experiência é uma proposta, Design de Interação é uma área estabelecida. Podemos dizer que o primeiro é a visão macro e o segundo, micro. Devido à departamentalização das empresas é difícil implementar uma visão macro consistente. O consumidor acaba interagindo com "diferentes empresas" que na verdade são uma só. Por enquanto, o foco tem sido em aperfeiçoar estas interações separadamente. Cada departamento rende um projeto em Design de Interação. Porém, é possível que as empresas se interessem em controlar a experiência do usuário nestes diferentes pontos de contato, aí será o caso do Design da Experiência, mas, por enquanto, é algo para poucos.

5 - No cotidiano profissional, quais seriam as principais funções do designer de interação? E como esse profissional deve ser incluído dentro da estrutura de produção das agências digitais?

O designer de interação é especialista na interação do usuário, seja qual for a mídia escolhida. Ele deve ser capaz não somente de prever o comportamento, mas também de influenciá-lo. Essa habilidade está atraindo a atenção dos departamentos de publicidade, porém, em muitos casos, ela está sendo mal aproveitada. Na publicidade, o designer de interação é frequentemente chamado para deixar interativa campanhas que não podem ser realmente interativas. Limitado pela visão de comunicação, o designer de interação acaba projetando uma interatividade bobinha: uma logomarca que gira seguindo o mouse, um jogo baseado em templates ou uma cópia de um serviço Web 2.0 qualquer. Este designer poderia contribuir muito mais se fosse incluído na definição estratégica da campanha, tornando a interatividade não uma mera roupagem, mas sim um modo de comunicar. O que muitos clientes e também diretores de criação talvez não estejam percebendo é que a interação é a nova forma de se comunicar na sociedade pós-massa em que estamos entrando.

6 - Antropologia, psicologia e sociologia são algumas das ciências sociais que surgem para complementar a base de conhecimento do designer diante das novas perspectivas do mercado profissional. Diante disso, qual seria o perfil ideal para um designer se especializar no design de interação?

O perfil ideal de designer de interação é a pessoa que brincava de Lego quando criança, sonhava em ser como o professor Pardal, imitava o MacGyver e sentia pena do Pinky e Cérebro. Não tem receita de bolo: o segredo está na mistura de competências diversas e complementares. Uma dica é realizar uma pós-graduação que envolva pesquisa de comportamento social. Designers de interação precisam saber estruturar, aplicar e interpretar pesquisa social com rigor, pois seu trabalho é baseado nisso.

7 - No artigo "Os primeiros princípios do design de interação", Rochester Oliveira destaca que um bom caminho para entender o design de interação é conhecer alguns dos princípios fundamentais para criar e implementar interfaces eficazes. Atualmente, quais são as metodologias e as técnicas mais utilizadas no trabalho do designer de interação?

O Instituto Faber-Ludens mantém um Guia Colaborativo de metodologias e métodos. Uma das páginas mais acessadas é sobre o método Teste de Usabilidade. Parece que finalmente o mercado está assimilando a prática de testar com usuários. Outra técnica bastante procurada é a elaboração de questionários, quase sempre visando a construção de Personas, que são perfis de usuários. O problema é que raramente estas pesquisas tem rigor científico. Acabam se tornando meros instrumentos retóricos para justificar decisões e não instrumento para conhecer o usuário. De um modo geral, a pesquisa em design de interação no mercado brasileiro está no estágio de oba-oba. Desde que apresente em gráficos coloridos, qualquer um diz o que quizer sobre os usuários. Isso tende a mudar, conforme os dados de pesquisa levem a fracassos financeiros.

8 - Em post do seu blog, "O que é afinal design de interação", onde você aborda, entre vários aspectos, as diferenças entre o arquiteto de informação e o designer de interação, é ressaltado que este último terá funções mais voltadas para "a manipulação e a transformação da informação". Em termos de produção, quais são as principais ferramentas a serem utilizadas no trabalho do designer de interação?

Também pelo fato de usarem ferramentas similares, o trabalho do designer de interação ainda se confunde com o do arquiteto da informação. Designers de interação também usam Visio, Axure, PowerPoint e etc. A diferença principal é que, geralmente, designers de interação sabem programar e encaram um Javascript ou Actionscript básico para montar protótipos funcionais. Quando o projeto envolve computação física nem dá pra comparar. Designers de interação usam muito um microcontrolador chamado Arduino para criar protótipos de hardware. Também é comum usarem a linguagem de programação Processing, feita especialmente para designers.

9 - Atualmente, as redes sociais se tornaram o grande centro de atenções da internet, ressaltando o conceito de colaboração como uma característica fundamental na produção de projetos que vão sendo transformados conforme o público vai experimentando e participando do aperfeiçoamento de suas funcionalidades. Neste contexto, de que maneira estes ambientes podem ajudar no trabalho do designer de interação? Como obter dados funcionais sobre o comportamento do usuário em espaços colaborativos?

Em situações em que os recursos são escassos e o acesso à comunidade a ser estudada é dificultado por dispersão geográfica ou barreiras simbólicas, pode ser feito um estudo etnográfico baseado na observação e participação em redes sociais na Web. Isso pode ajudar a compreender melhor quais as características comportamentais dos usuários. Porém, é preciso tomar cuidado na interpretação. Todo mundo sabe que nem tudo o que dissemos, fazemos e mostramos nas redes sociais corresponde ao que fazemos fora dela. É preciso tratar as redes sociais como um espaço público onde as pessoas realizam rituais de performance social. Indica-se que, além de navegar nas redes sociais, que se realizem algumas entrevistas em profundidade com alguns usuários pesquisados.

A gente fez alguns exercícios desse tipo num minicurso sobre design de rede sociais.

10 - Em entrevista publicada na edição de abril, a designer e pesquisadora Yasodara Córdova apresentou algumas das transformações que o conceito de desenvolvimento ágil tem trazido para a produção do design, inclusive com o surgimento de um modelo de "web design ágil". Como as metodologias ágeis podem influenciar o trabalho do designer de interação? De que maneira elas devem ser incluídas em seu cotidiano profissional?

As metodologias ágeis estão transformando o ambiente de trabalho em Tecnologia da Informação drasticamente. Para assentar o crescimento das equipes, as empresas estavam dividindo o trabalho em etapas, distribuindo entre especialistas e departamentos. Os únicos que tinha a visão geral sobre o processo eram os gestores, mas o problema é que nem sempre o processo era seguido pelas equipes. Acabava que ninguém sabia exatamente o que estava acontecendo e quando se davam conta, já tinha estourado o prazo.

As metodologias ágeis tentam resolver essa ineficiência com um ritmo de desenvolvimento cíclico, ao invés de linear. Os membros das equipes tem que se encontrar frequentemente, informando o que estão fazendo e solicitando ajuda. O prazo se torna sagrado, mas a responsabilidade é do grupo. Se alguém está com problemas, os demais devem ajudar.

Os primeiros designers de interação foram contratados dentro da lógica de departamentalização e acostumaram-se com o processo linear de desenvolvimento. Quando defrontam-se com o desenvolvimento ágil ficam meio perdidos, pois não há uma definição clara sobre como se encaixar no processo. O Design é visto como parte do trabalho de cada desenvolvedor e não uma etapa ou responsabilidade de um cargo. Isso dilui a possibilidade de desenvolver uma visão de Design integrada.

No caso do Scrum, algumas equipes estão superando essa dificuldade posicionando designers numa equipe especial que trabalha na especificação de sprints futuras ou no lado do product owner.

11 - Nos últimos anos, o avanço da tecnologia tem proporcionado novos modelos de experiência e interação, como podemos notar nos dispositivos móveis e o uso do toque para manipular os elementos da interface. É possível apontar os novos desafios que surgirão para o futuro do design de interação?

O mercado de tecnologia, e a sociedade em geral, ainda estão muito fascinados com novas interfaces para velhos produtos. Esperam que o designer faça mágicas do tipo controlar canais de televisão com gestos e assoprar o telefone para desligar. Porém, o escopo do design de interação vai além da interface. Se é possível que se estabeleçam novas relações sociais pela interface, as possibilidades são inúmeras. É possível repensar totalmente a cadeia de produção e consumo de vídeos, como faz o Youtube. Isso pode ser projetado ou acontecer por acaso.

Vejo que o design de interação será crucial para a sociedade do amanhã, que dependerá cada vez mais de tecnologia para o controle social. Seu papel será naturalizar estas tecnologias, tornando-as mais bonitas, simpáticas, fáceis de operar, criando a ilusão de que o usuário está no controle. Não acredito na centralização deste controle, acredito na dispersão. As pessoas aceitarão perder o controle sobre si em favor de ganhar controle sobre seu círculo social próximo. Os modos de socialidade que vemos hoje em redes sociais com o Orkut, por exemplo, são os embriões de um novo modo de viver nas grandes cidades, que em breve estarão repletas de dispositivos conectados à Internet. Sem dúvida, a Internet das Coisas (e o que as pessoas farão com ela) é o grande desafio do design de interação para as próximas décadas.

12 - Quais dicas de leitura você indicaria para o profissional que deseja se aprofundar neste assunto?

• O Blog do Instituto Faber-Ludens
• A revista Interactions
• O livro Designing Interactions

Comente este post

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