Por que é feito? Com frequência, a ideia que parece mais original do mundo já foi implementada em algum lugar. Para evitar o desperdício de desenvolver algo que já existe, é feita a análise de similares.

Passo-a-passo

1. Pesquisar no Google as ideias mais votadas na fase de brainstorming. Verificar se há produtos ou serviços que apliquem esta ideia.
2. Dentre os produtos e serviços encontrados, escolher 4 que forem mais parecidos.
3. Definir pelo menos 3 critérios de comparação e 4 funcionalidades para os similares e colocar numa tabela seguindo o template.
4. Classificar por nota de 1 a 10 os critérios e sim/não para as funcionalidades.

Vídeo

Créditos: Vídeo produzido pela Hotmilk PUCPR e Imago Produções Educativas em 2017, como material didático para o programa de inovação aberta Renault Experience. Esta cópia faz parte do arquivo pessoal de Frederick van Amstel, responsável pelo roteiro e apresentação. Direção: Tatiana de Paula Lopes.

Transcrição

Análises similares servem para você evitar o constrangimento de apresentar essa ideia para alguém e receber como resposta "mas já não existe algo assim?" Com base na pesquisa que você fizer, você precisa mostrar que a sua ideia é diferente das outras e dessa maneira as pessoas vão acreditar que você irá sobreviver à concorrência.

O primeiro passo da análise de similares e talvez o mais difícil é encontrar os seus concorrentes, as ideias similares às suas. Pergunte para seus amigos, pergunte para especialistas, faça várias pesquisas no Google, tente várias palavras-chave, inclusive em outros idiomas. Tenha certeza de que alguém já não fez algo parecido com aquilo.

Alguns produtos ou serviços talvez nem valham a pena comparar com o seu, porém você deve escolher pelo menos 4 produtos ou serviços para comparar a ideia, mesmo que eles não atuem no mesmo mercado ou segmento em que você deseja atuar.

Defina pelo menos 3 critérios de comparação, beleza, durabilidade ou funcionalidade. Além dos 3 critérios, defina também 4 funcionalidades que o seu produto ou serviço tem e que os demais da concorrência não têm. Uma funcionalidade é uma característica específica de um produto ou serviço que você deseja comparar. Depois de definir os critérios e as funcionalidades, você deve classificar cada um dos produtos ou serviços comparados de acordo com uma escala nos critérios de 1 a 10 e nas funcionalidades sim e não.

Agora você tem uma visão clara do seu produto ou serviço em relação à concorrência. Você pode voltar e analisar a sua ideia para revisá-la a partir dessa pesquisa de análise similares.

Série

Este tutorial faz parte de uma toolkit de inovação no design, com outros métodos que podem ser combinados. Esses métodos não precisam ser executados necessariamente nesta ordem.

1. Brainstorming
2. Análise de similares
3. Briefing de projeto de experiência
4. Pesquisa de shadowing do usuário
5. "Um Dia na Vida" dos usuários
6. Storyboard de interação
7. Painel semântico
8. Entrevista contextual
9. Personas de usuários
10. Jornada do usuário
11. Protótipo bruto
12. Teste de usabilidade
13. Avaliação heurística de interfaces

Comente este post

Fome? Tecnologia agrícola. Pobreza? Tecnologia financeira. Crime? Tecnologia de vigilância. Depressão? Tecnologia química. Educação carente? Tecnologia educacional. Mudanças climáticas? Tecnologia limpa.

O solucionismo tecnológico sempre tem uma resposta rápida e genérica para qualquer tipo de problema: precisamos de mais tecnologia.

O Vale do Silício propaga essa ideologia porque ela cria oportunidades de negócios. Quando as pessoas acreditam que é possível solucionar um problema através de uma tecnologia, elas se tornam potenciais clientes ou investidores. Por sua vez, a tecnologia se torna um potencial produto ou serviço. Se por um lado, essa ideologia estimula o empreendedorismo e a atividade econômica, por outro lado, esconde os custos sociais e ambientais das tecnologias.

Para que uma tecnologia ofereça uma solução para um problema cotidiano, é preciso que a sociedade se organize de diferentes maneiras: é preciso um empreendedor, uma equipe que trabalha com ou para o empreendedor, um investidor que apóia o empreendedor, uma rede de clientes e fornecedores, um governo que regule o uso da tecnologia e muitas outras entidades sociais. Essas entidades se organizam através de diferentes processos, que transformam diversos objetos até que eles constituam o que é reconhecido como a solução.

Ou seja, a tecnologia não surge do nada. Ela tem uma história passada e futura que vai muito além da solução prometida. Com frequência, os maiores impactos sociais e ambientais de uma tecnologia não estão no seu uso, mas na produção, na distribuição ou no descarte. Contraditoriamente, tais impactos podem ser considerados problemas piores do que aqueles que a tecnologia se propôs a resolver.

A produção de smartphones, por exemplo, gera impactos ambientais terríveis na produção, principalmente, para conseguir os minérios necessários para construir os componentes eletrônicos. Já a distribuição de smartphones leva as desigualdades sociais para a esfera digital, limitando o acesso a funcionalidades de acordo com a capacidade financeira do usuário. Os piores problemas estão, certamente, no descarte, que envolve a dispersão de uma série de componentes químicos tóxicos em lixões ou em oficinas precárias de reciclagem.

Todos esses problemas são criados pela sociedade para resolver o problema que o solucionismo tecnológico elencou como mais importante. Esse problema é tão importante, tão importante, que todos os demais podem ser desconsiderados. Os problemas importantes são os problemas do primeiro mundo, tal como a necessidade de evitar o tédio em momentos de espera. A ideologia do solucionismo tecnológico esconde que os problemas de primeiro mundo costumam ser resolvidos às custas da intensificação de problemas no terceiro mundo.

Não é a produção de smartphones que cria o trabalho dos mineradores semi-escravos do Congo ou dos operários suicidas na China. Essa produção simplesmente se aproveita da existência dos problemas sociais existentes em tais países para baixar os custos de produção, pois tais problemas não são importantes para a empresa nem para o usuário, que estão ambos iludidos pela mesma ideologia.

O usuário está tão iludido que não percebe que aceitar a solução de um problema seu significa também aceitar a criação de novos problemas em sua vida. Toda tecnologia vem com limitações, algumas inesperadas, outras planejadas. Limitações planejadas são problemas que estimulam o usuário a trocar a tecnologia por uma mais avançada. A incompatibilidade de uma tecnologia antiga com uma interação nova, por exemplo, é um problema clássico que a tecnologia cria.

A obsolescência programada se estende também a Leis, valores humanos, hábitos, comportamentos ou pessoas que se tornam incompatíveis com as novas tecnologias. Estes acabam, muitas vezes, se tornando, de uma condição de uso, a um novo problema a ser solucionado pela tecnologia.

Quando uma pessoa acredita que a tecnologia pode solucionar seus problemas, ela se coloca em uma posição de passividade. Não é a pessoa que resolve o problema, é a tecnologia. Mesmo que haja um imenso trabalho por parte do usuário para configurar a tecnologia para resolver aquele problema, o crédito vai todo para a tecnologia.

Apesar de aceitar o crédito pela solução do problema, o solucionismo não aceita a responsabilidade pelo ato. Se uma solução tecnológica causa algum mau inesperado, a culpa é do usuário, erro humano, afinal de contas, a tecnologia é perfeita e neutra.

Se fosse neutra, porém, a tecnologia não teria poder nenhum para resolver problemas. A tecnologia não faz nada sozinha porque ela nunca está sozinha. A produção, distribuição e descarte de tecnologia, já envolvem, por si mesmos, uma série de ações humanas que podem ser responsabilizadas. Dentre essas ações, destacam-se as ações de projeto da tecnologia, que é quando se define as intenções por trás da tecnologia.

• Que problema a tecnologia vai resolver?
• Como o problema será solucionado?
• Quem serão os beneficiados pela solução do problema?
• O que será cobrado em troca da solução?

Existem dezenas de métodos que ajudam a responder essas perguntas fundamentais, muitos deles criados no próprio Vale do Silício para apoiar a manutenção da ideologia solucionista. Podemos citar os métodos lean startup, jobs to be done, design centrado no ser humano, design thinking e design sprint, para ficar com exemplos contemporâneos. Todos esses métodos partem do pressuposto (ideológico) de que a tecnologia pode solucionar problemas de qualquer ordem.

Nem todo mundo repete essa ideologia sem pensar, entretanto. Aqui no Brasil, como estamos distantes do Vale do Silício o suficiente para desenvolver consciência crítica, costumamos nos posicionar de maneira ambígua em relação ao solucionismo. Por um lado, reconhecemos que a tecnologia não resolve problemas por conta própria, por outro lado, acreditamos que ela pode ser usada para resolver problemas de uma determinada categoria, por exemplo, os problemas de usabilidade. Por isso, enfatizamos que é preciso definir bem o problema para que este seja realmente um problema e, além disso, para que seja solucionável. O máximo que conseguimos, com isso, é tornar o solucionismo mais eficaz...

Esse tipo de atitude não é suficiente para desconstruir o solucionismo e seus efeitos nefastos. Quem quer que queira ir contra essa ideologia, não basta responder às perguntas acima de maneira diferente, utilizando métodos alternativos como o estudo etnográfico ou o design participativo. É preciso, na verdade, inverter as perguntas fundamentais, a partir de uma outra ideologia.

• Que problemas a tecnologia pode criar?
• Como a solução será problematizada?
• Quem serão os excluídos pela solução do problema?
• O que pode ser dado como garantia de responsabilidade?

Esse tipo de pergunta leva à uma abordagem completamente diferente do que está estabelecido hoje no mercado de tecnologia e na profissão de ExU. Chamo essa abordagem de design problematizador e irei abordá-la em posts futuros. Por ora, concluo com seu princípio primeiro: A tecnologia não soluciona nada. Quem soluciona são as pessoas. Porém, as pessoas também criam tantos problemas quanto solucionam.

Comente este post

Se é para a bolha estourar, que estoure. Porém, não posso permitir que se perca, junto com o termo, a história da profissão. Em 2013, já alertava que essa nomenclatura não ia durar. Desde 2015, passei a utilizar a tradução de UX como ExU para provocar os profissionais da área a pensarem o contexto histórico brasileiro. Meu amigo Horácio Soares fez até uma camiseta para discutir o assunto no Product Arena. Porém, apesar das reclamações destes "dinossauros", até agora não foi feito nenhum trabalho substancial de levantar a história da profissão no Brasil.

Uma profissão que não tem consciência de sua própria história corre o risco de desaparecer entre uma troca de nomenclatura e outra. Felizmente, essa área de atuação profissional já mudou de nome diversas vezes no Brasil e continua existindo. Isso graças a uma série de pessoas que trabalharam arduamente para criar uma prática consistente e umas outras tantas que trabalharam para tornar essa prática conhecida e reconhecida na sociedade (e não só no mercado).

Essas pessoas não fizeram isso isoladamente. Desde o início da profissão, essas pessoas se juntaram em grupos, comunidades, times e eventos. Esses coletivos fizeram diversas ações que deveriam hoje ser reconhecidas como marcos históricos pela contribuição fundamental à profissão, porém, pela falta de consciência profissional, hoje encontram-se esquecidas. Profissionais que hoje reclamam da bolha não sabem o quanto foi difícil para convencer a sociedade e os empregadores de que essa profissão era importante.

Vou construir aqui um rascunho de uma história da experiência do usuário no Brasil à partir do que consigo me lembrar. Mencionarei diversas pessoas que conheci ao longo destes 20 anos praticando esta profissão. Sugiro que os colegas profissionais conversem com essas pessoas, estudem seu trabalho e construam históricos menos parciais do que o que irei prover aqui. Isso irá contribuir muito para aumentar a consciência histórica da profissão e também, quem sabe, ampliar seu futuro.

Pra começar, ExU no Brasil não surgiu no mercado. Embora o termo tenha sido cunhado por Donald Norman enquanto ele trabalhava na Apple no começo dos anos 1990, no Brasil o termo começou a ser utilizado na metade dos anos 2000. Isso não significa que não havia práticas voltadas à experiência do usuário antes disso. 

Os pioneiros de ExU no Brasil foram pesquisadores de Universidades que, por curiosidade ou orientação ética, começaram a criar grupos e laboratórios de pesquisa voltados a processos que priorizavam o usuário em projetos de produtos e sistemas já nos anos 1990. Conheço os trabalhos pioneiros de Maria Cecília Baranauskas (NIED - Unicamp), Clarisse Sieckenius de Souza (SERG - PUC-Rio), Walter Cybis (LabIUtil - UFSC), Luiz Ernesto Merkle (UTFPR), Anamaria de Moraes (LEUI - PUC-Rio) e Lúcia Filgueiras (InovaUSP). Esses acadêmicos organizaram e continuam organizando conferências acadêmicas como IHC e Usihc. Nas orientações e eventos, esses pesquisadores formaram outros pesquisadores, que espalharam o assunto em outras Universidades ao redor do Brasil. É provável que existam outros pesquisadores pioneiros que não tenha mencionado aqui por não conhecer.

Nos anos 2000, por conta da bolha da Internet, o assunto começa a aparecer amplamente no mercado. Dois livros foram bem importantes para mim: Projetando websites (2000) e Homepage: Usabilidade (2002), de Jakob Nielsen. Nesta época, eu estava começando minha carreira de web designer e a faculdade de Comunicação Social. Senti que neste campo podia juntar as duas coisas e decidi enveredar para a Usabilidade que, na época, era o nome desta profissão.

Nessa época também, descobri o Webinsider, um website editado por Vicente Tardin que reunia várias colunas escritas por profissionais de Internet. Além de assinar uma coluna no Webinsider, Michel Lent Schwartzman, que sempre foi entusiasta de comunidades online, lançou a lista de email WDUse em 2002 para os profissionais de Usabilidade discutirem o assunto. Destaco a participação da Livia Labate nessa lista. Ela sempre respondia a dúvida de quem aparecia.

Livia, assim como outros profissionais desta área, foram impactados pelo lançamento de Information architecture for the world wide web (2002) de Peter Morville e Louis Rosenfeld, o famoso livro com a capa do urso polar. Esse livro nunca chegou a ser lançado no Brasil, mas foi muito influente. Os profissionais que antes se identificavam como especialistas em usabilidade começaram a se identificar como arquitetos da informação depois de ler esse livro, eu inclusive. Neste mesmo ano, um grupo de arquitetos da informação dos EUA fundaram o Asilomar Institute for Information Architecture (AIfIA), que mais tarde seria renomeado como Information Architecture Institute. Livia Labate, que havia se mudado para os EUA, abriu uma lista de email vinculada ao AifiA para discussão em português em 2003, a AifiA-pt. Essa lista foi super-importante para a área, pois conseguiu reunir praticamente todo mundo que trabalhava na área na época. Os membros da lista organizaram diversos encontros em bares de São Paulo e do Rio de Janeiro. Eu participei de alguns no Rio.

Nessa época, a formação mais comum dos profissionais que trabalhavam com experiência do usuário no Brasil era Comunicação Social e não Design. Os designers da época, se preocupavam mais com aspectos visuais da experiência e tinham certa resistência em incorporar princípios de usabilidade em seus projetos. A introdução do wireframe, que vi pela primeira vez numa palestra do Luli Radfahrer (USP) em 2003, separou a estrutura informacional da aparência visual da interface.

A disponibilização de ferramentas simples de usar para publicação de blogs provocou uma fragmentação nos portais como o Webinsider a partir de 2003. Todo mundo começou a ter um blog. Rene de Paula Jr, um dos articulistas do Webinsider fez algo diferente: começou a gravar posts em áudio, o que viria a ficar conhecido anos depois como Podcast. No mesmo ano que o Rene lançou o Roda e Avisa, eu lancei o Usabilidoido, inicialmente sem posts em áudio. 

Ainda em 2003, Bruce Tognazzini publicou um artigo em seu site pessoal provocando uma outra parte da comunidade profissional a se organizar e padronizar uma nomenclatura de cargo. Esse artigo disparou a fundação de uma outra associação, a Interaction Design Association, mais conhecida como IxDA. Diferente da AifiA, essa organização desenvolveu um programa de capítulos locais que foi bastante efetivo no Brasil.

Em 2005, foi o organizado pela professora Lúcia Filgueiras o primeiro evento público que colocou a profissão em evidência em São Paulo, o Dia Mundial da Usabilidade. Nesse evento, lembro da palestra dada por Bruno Rodrigues sobre webwriting e usabilidade. Em 2006, esse evento ocorreu também em Curitiba, organizado pela professora Adriana Betiol.

Todos os eventos nesta época tiveram casa cheia. Não havia muita informação disponível em português e as Universidades não tinham cursos específicos sobre o assunto. A primeira pós-graduação lato sensu sobre Design de Interação foi criada na PUC-Minas em 2006 por Caio Cesar, Marcos André Kutova e Daniel Alenquer. Essa pós formou uma geração de profissionais extremamente ativos em Belo Horizonte.

Em 2007, membros da AifiA-pt começaram a discutir a possibilidade de organizar um evento de maior fôlego, com palestras enviadas pela comunidade.  Guilhermo Reis e Carol Leslie assumiram a responsabilidade e organizaram o Encontro Brasileiro de Arquitetura da Informação, que teve palestras de vários profissionais ativos na comunidade brasileira, tais como Abel Reis, Mauro Pinheiro, Leda Spelta muitos outros. Na ocasião,  Leda mostrou um vídeo sobre acessibilidade que havia produzido junto com Horácio Soares, Bruno Torres e Marcos Antônio de Queiroz (MAQ). Esse vídeo foi muito impactante na época, pois mostrava o impacto da falta de acessibilidade na vida dos deficientes visuais. Na ocasião também Silvia Melo apresentou o Blog de AI, criado pelos funcionários da Agência Click que queriam compartilhar suas experiências sobre Arquitetura da Informação, dentre eles Fabrício Teixeira, que viria a transformar este blog no UX Collective alguns anos depois. Também conheci no evento o Eduardo Agni, que iria fundar anos depois a Mergo.

Até aqui, a maior parte dos eventos, discussões e oportunidades de emprego estavam localizadas em Rio, São Paulo e Belo Horizonte. Perguntei a Alexandre Kavinski se o mercado de Curitiba estava preparado para uma empresa especializada em usabilidade, tal como a Try, fundada por Maria Ercília Galvão em 2003, ou a consultoria da Mercedes Sanchez. Ele me disse que não. Fiquei um pouco frustrado com a resposta, mas concordei. Refletindo, cheguei à conclusão que era necessário formar pessoas na região. Lancei um chamado aqui no Usabilidoido para quem tivesse interesse em montar uma pós lato sensu em Curitiba. Responderam Érico Fileno, Rodrigo Scama, Leandro Henrique de Sousa, Renato da Costa e Gonçalo Ferraz. Juntos fundamos o Instituto Faber-Ludens e abrimos uma pós-graduação em parceria com as Faculdades San Martín no ano de 2008. Tivemos grande impacto local com essa pós e com a posterior atividade de consultoria do Instituto. Saíram de lá duas ferramentas importantes para disseminar e organizar o conhecimento da profissão: o UXCards e a Plataforma Corais.

Enquanto nós formávamos a cena curitibana, os paulistas estavam a mil por hora. O capítulo da IxDA-SP, fundado por Amyris Fernandez e Fábio Palamedi organizou vários Café com Interação. Estes eventos serviram para preparar a cidade para sediar o primeiro Interaction South America em 2009, evento que contou com a participação de vários palestrantes de fora do Brasil. Em 2010, o ISA foi organizado em Curitiba por Érico Fileno. Hoje, este evento se chama Interaction Latin America. 

A vertente de Design de Serviços começou nessa época. Em 2009, dei uma palestra em Joinville sobre Design de Serviços (talvez a primeira do Brasil sobre o tema) e conheci Luis Alt, que havia acabado de voltar da Espanha. Comentei com ele que ele era a segunda pessoa que eu encontrava no Brasil que conhecia bem o que era Design de Serviços. A outra pessoa era o Tennyson Pinheiro. Logo depois, em 2010, os dois se encontraram e fundaram a LiveWork Brasil e escreveram o livro Design Thinking Brasil, uma reflexão importante sobre o que funcionava no nosso contexto.

Design Thinking, a propósito, foi melhor introduzido no Brasil por Juliana Proserpio e Ricardo Ruffo, da Design Echos. Eles tiveram a oportunidade de fazer um curso intensivo no Hasso-Plattner Institute e voltaram ao Brasil cheio de ideias. A Escola de Design Thinking da Design Echos formou milhares de pessoas em competências básicas de design thinking, design de serviços e business design. Nessa linha do Design Thinking, destaco também a atuação da MJV no cenário brasileiro.

De 2011 a 2015 eu fiquei longe da comunidade brasileira por conta do meu doutorado na Holanda, então não tenho como descrever bem os acontecimentos históricos da época. Só posso dizer que, quando voltei, só se fala no tal do ExU designer, enquanto que papéis e assuntos relacionados a Usabilidade e Arquitetura da Informação desapareceram do mapa. Consegui entender melhor esse cenário através do excelente podcast Movimento UX, produzido por Izabela de Fátima. Embora esteja focado na história de profissionais que se destacaram no mercado, esse podcast é a melhor fonte de informações sobre a história da experiência do usuário no Brasil que vi até agora. 

Eu não vou descrever o que aconteceu de 2015 até 2018 porque ainda é uma história muito recente. O que posso dizer é que não acho que ExU está se tornando uma bolha. Vejo mais uma consolidação da prática profissional, porém, o termo ExU está ficando cada vez mais caduco para descrever o que fazemos. Hoje, profissionais dessa área trabalham facilitando processos de cocriação, gerenciado produtos e criando estratégias. Eu continuo preferindo usar o termo design de interação ao invés de ExU para minha atuação, porém, reconheço que sou um dos poucos que ainda usa. Acredito que a profissão ainda tem muita história pela frente, porém, acredito fortemente que o ExU Designer irá desaparecer.

Atualização 1: O Podcast Itera Ideia gravou um episódio respondendo a essa provocação: Do UX ao ExU: Uma Odisseia no Brasil. O episódio traz também as visões de Caroline Leslie e Eduardo Agni sobre a história da profissão.

Atualização 2: A DEXConf organizou uma mesa de discussão sobre este assunto, mediada pela Melina Alves, com a presença de Horácio Soares, Guilhermo Reis e eu. A gravação está no podcast da conferência.

Comente este post

Um bom estudo etnográfico deveria durar alguns meses para gerar insights confiáveis. Entretanto, essa perspectiva de prazo ainda não encaixa com o ritmo da inovação, em especial, no mercado de tecnologia. As empresas buscam na inovação uma antecipação à concorrência. Portanto, os estudos etnográficos voltados ao design costumam durar semanas ou até mesmo alguns dias.

Na Apple Developer Academy PUCPR, tivemos uma aula rápida sobre como realizar um estudo etnográfico rápido.

Pesquisa exploratória de oportunidades de inovação [PDF]

Pesquisa exploratória de oportunidades de inovação [MP3] 20 minutos 

Pedimos que nossos estudantes utilizassem este método para explorar oportunidades de inovação no contexto da Apple TV. Nós queríamos que eles olhassem para os contextos atuais da Apple TV e também encontrassem outros contextos onde faria sentido ter uma Apple TV. Nessa fase, eles não deveriam pensar já na ideia do aplicativo que eles iriam construir, de modo a não criar uma solução simplória antes de compreender bem o problema.

Os estudantes entrevistaram seus parentes, amigos, lojistas, recepcionistas e outras pessoas em diversos contextos. Além disso, observaram o comportamento das pessoas em locais onde haviam televisões e onde poderiam haver televisões: casas, escolas, bares, restaurantes, lojas de varejo, hospitais e locais públicos. Enquanto entrevistavam e observavam, tomavam notas. Ensinei o método de observação expansiva para enxergar o que não está óbvio, ou seja, o que está por trás das ações cotidianas.

Diversos insights surgiram à partir das observações como, por exemplo, que a televisão cria um ambiente sonoro característico para cada espaço onde ela é repetidamente utilizada.

As pesquisas etnográficas foram conduzidas individualmente, porém, antes de formar grupos para desenvolver o projeto de aplicativo para a Apple TV, todos compartilharam seus resultados com todos. Algumas conclusões compartilhadas entre os estudantes foram:

• O telespectador quer cada vez mais programar o seu próprio canal e escolher o que ver na televisão
• A televisão não é mais assistida com toda a atenção, pois precisa disputar com outras mídias
• A televisão cria um ambiente sonoro e visual propício para atividades individuais (como dormir) assim como para atividades coletivas (festa)
• A televisão tem grande potencial para compartilhar conteúdos e realizar atividades em grupo

O compartilhamento dessas conclusões gerou uma polinização cruzada entre os projetos. Todos os aplicativos exploraram esse potencial social da Apple TV como forma de inovar na App Store. Segue uma lista de aplicativos publicados na App Store.

  Music Mood é um player de música independente que se adequa ao seu humor e atividade.

  Plot Whole é um jogo para gerar histórias aleatórias à partir de personagens e incentivar as pessoas a contar histórias.

 Vorstand é um jogo sobre alienígenas misteriosos que querem realizar experimentos psicológicos com grupos humanos.

 Alter é uma experiência interativa para vários jogadores. O objetivo é refletir sobre a alteridade, ou seja, a capacidade de uma pessoa se deixar transformar por outra.

 Brisa é uma experiência interativa para desenhar colaborativamente utilizando a Apple TV conectada num projetor.

 Rogerio é um animal de estimação virtual para incentivar crianças a terem hábitos mais saudáveis.

Série

Este episódio faz parte de uma série de aulas sobre pesquisa de experiências (ux research).

1. Pesquisa de experiências no mercado e na academia
2. O valor da pesquisa no Design de Interação
3. Introdução à pesquisa de experiências (UX Research)
4. Planejando pesquisas de experiência com UXCards
5. Introdução ao UXFrameworks na pesquisa de experiências
6. Problematizando a experiência do usuário (ExU)
7. Fazendo descobertas na pesquisa de experiências
8. Pesquisa bibliográfica de experiências (desk research)
9. Como fazer pesquisa de campo em design de interação
10. Pesquisa exploratória de oportunidades de inovação
11. Etnografia no design com Teoria da Atividade
12. O papel da teoria na pesquisa de experiências

Comente este post

Foi uma experiência muito intensa, que me ajudou primeiramente a compreender melhor o lugar e as pessoas que cultivam os valores por trás da Apple. Embora eu não goste muito da política de responsabilidade social da empresa, sou um usuário fiel das tecnologias Apple há muitos anos e, desde o início do ano, professor de design num curso voltado para estas tecnologias.

Observar como a Apple trata seus desenvolvedores foi revelador. Do momento do registro até a partida da conferência, tudo é fluido e organizado, tal como os aplicativos desenvolvidos pela própria Apple. Eu duvidei que o wi-fi fosse funcionar para os mais de 5.000 participantes, mas lá estava eu conectado na keynote de abertura com o CEO Tim Cook.

O tema visual da conferência enfatizava o encontro de pessoas de todos os tipos, cores de pele e condições físicas. Isso me surpreendeu, uma vez que a Apple é conhecida no Brasil como uma marca voltada para as elites. Os produtos Apple são utilizados muitas vezes justamente para marcar a distinção entre a elite que pode comprar tais produtos e o resto da população que não pode.

Diversas ações durante a conferência demonstraram uma intenção da Apple em dissociar-se do elitismo. Um dos temas mais discutidos nas apresentações, por exemplo, foi acessibilidade. Apesar da tela touchscreen ser menos acessível do que um teclado físico, o iPhone tem sido a escolha preferida de deficientes visuais devido ao excelente ledor de tela embutido no sistema operacional (VoiceOver). Este oferece também a possibilidade de controle através de botões físicos externos, habilitando o uso para deficientes motores. Apesar de ainda limitada, a Siri também ajuda os deficientes motores e visuais com a opção de comando por voz.

A visão da Apple é que o investimento em acessibilidade beneficia a todos os usuários, pois as opções de acessibilidade conferem maior flexibilidade para todos os usuários. A API de acessibilidade do iOS oferece diversas opções para adaptar o conteúdo de um aplicativo de acordo com as opções de acessibilidade globais do usuário, tais como texto maior, alto contraste, zoom e legendas.

A entrevista com Michelle Obama também foi um momento de refletir sobre o desafio cultural de inclusão de mulheres no setor de Tecnologia da Informação. Michelle afirmou que não adianta criar programa de cotas e incentivos para mulheres adultas; o que vai fazer a diferença é estimular as crianças desde cedo a se interessar pela tecnologia. Além deste problema, Michelle convocou os desenvolvedores da Apple a utilizar seus recursos para encarar outros grandes problemas sociais.

O programa BEPiD em si já é uma ação nesse sentido. A Apple estimula os estudantes a criar aplicativos que façam a diferença numa comunidade. No primeiro projeto em grupo este ano, nossos estudantes desenvolveram diversos aplicativos com viés social e ambiental. Esse viés não é obrigatório, mas uma escolha que muitos estudantes fazem.

Apesar de eu ser um homem branco privilegiado, eu costumo me sentir excluído em conferências devido à minha dieta vegetariana. Na WWDC, havia opções excelentes de almoço para vegetarianos, veganos e celíacos, com a descrição de todos os ingredientes para verificação.

Apesar do esforço da Apple para incluir pessoas diferentes, haviam poucos negros, mulheres e latinos na conferência. Um dos motivos para isso é que essas pessoas costumam também ser excluídas economicamente da sociedade, a tal ponto que elas não conseguem bancar os custos elevados para se tornar desenvolvedores da Apple. Além de ser necessário acesso ao hardware caro da Apple, é necessário também pagar uma taxa anual de U$ 99 para publicar aplicativos na App Store. O ingresso da própria WWDC custou U$ 1599. Para quem pode pagar, vale o preço, mas é mais um fator de exclusão. 

Uma das ações da Apple para reverter este cenário foi o lançamento do aplicativo gratuito Swift Playgrounds para iPad. Com ele, estudantes podem aprender a programar com um hardware mais em conta. Alguns dos projetos selecionados pelos nossos estudantes utilizaram justamente esta plataforma. A novidade da WWDC é que esse aplicativo agora pode ser utilizado para controlar dispositivos externos, como o kit de robótica Lego Mindstorms.

Essa conexão com dispositivos externos está ligada à abertura oficial do HomeKit para conexão com dispositivos sem certificação Apple. Isso significa que qualquer desenvolvedor agora pode prototipar Internet das Coisas com Arduino, Raspberry Pi ou qualquer plataforma que implemente os protocolos do HomeKit. 

O preview do HomePod (um alto-falante) mostrado durante a conferência é indício de que os smart appliances seriam a nova fronteira de competição para a Apple. Com ele, a Apple mostra que para fazer Internet das Coisas bem feita não é suficiente acrescentar um chip no dispositivo. É preciso oferecer uma experiência realmente valiosa. Na minha opinião, umas das intenções da Apple com o HomePod é estimular o desenvolvimento de smart appliances bem projetados.

Ao entrar no ecossistema de desenvolvimento da Apple, os desenvolvedores tem acesso à novíssima API de machine learning da Apple, o CoreML. Com ela, é possível criar aplicativos que identificam padrões em dados desestruturados, tais como a imagem da câmera, textos e sensores sem gastar muitos recursos. Isso permite criar smart appliances com funções básicas de inteligência artificial.

Por fim, não poderia deixar de mencionar o kit de realidade aumentada, que deve criar uma coqueluche de jogos e aplicativos que acrescentam objetos virtuais no visor da câmera. Eu vejo grande potencial para aplicativos que utilizem este recurso para questionar o que conta como realidade em nossa sociedade atual.

Participar do evento foi uma excelente chance para ver a amplitude dos diversos lançamentos da Apple em primeira mão, além de compreender mais a relação que cultiva com sua rede de desenvolvedores. De volta ao Brasil, o desafio agora é experimentar os novos recursos com nossos estudantes do BEPiD.

Comente este post

Minha opinião é de que mesmo que a empresa não invista em design, ela já está fazendo design. Design é inerente a qualquer produto ou serviço, porém, design pode ser de alta ou baixa qualidade.

Nem toda empresa precisa de design de alta qualidade, por isso, costumo explicar para empresas de tecnologia da informação que existem quatro maneiras de integrar design.

Para simplificar minha explicação, vou utilizar o modelo banqueta do Donald Norman sobre os pilares fundamentais de um produto: marketing, engenharia e design. Essas áreas costumam ter nomes diferentes e, por vezes, são atribuições de uma única pessoa. A distinção é necessária para mostrar os desequilíbrios na banqueta que poderiam fazer o produto cair no chão.

Design implícito

Não existe um profissional dedicado a fazer design nem tampouco uma fase de projeto. O produto é desenvolvido por ciclos consecutivos de engenharia e marketing. A engenharia inventa uma tecnologia e o marketing dá um jeito de encontrar um mercado para vendê-la. Se o marketing falhar, ainda é possível adaptar ou criar outra tecnologia até que a grana acabe. Tentativa e erro.

O grande risco aqui é criar uma tecnologia que ninguém precisa ou deseja ter. A maioria das empresas de tecnologia da informação (e startups) começam assim e algumas tantas acabam fechando antes de criar uma base de clientes. Assim que a tecnologia fica disponível para comercialização, outras empresas entram no mercado com cópias melhoradas, principalmente, no design. As poucas empresas que sobrevivem são aquelas que integram design de maneira explícita.

Design como embelezamento

Design bonito vende, chama a atenção e faz o cliente escolher um produto apenas pela sua aparência. Só depois de usar é que o cliente percebe que a usabilidade é ruim, porém, ainda assim é possível que a usabilidade percebida seja maior do que a usabilidade real.

O design aparece na última etapa de desenvolvimento, sem liberdade alguma para mudar o produto. Geralmente o design é feito por um designer profissional, o "artista da empresa" ou por uma agência terceirizada, em ambos os casos, comandados pelo marketing. Cabe ao designer "pintar a caixa do produto" e, se tiver alguma sugestão de mudança do produto, talvez esta seja colocada no backlog para uma próxima versão do produto.

Essa maneira de integrar design é a mais comum hoje nas empresas de tecnologia da informação e, por mais que os designers reclamem, ela funciona. Design tem esse poder de fazer as pessoas desejarem coisas que elas não precisam. Porém, são perdidas as oportunidades de inovar pelo design.

Design como inovação

Quando a empresa reconhece que design pode ser um diferencial de mercado, ela contrata designers para trabalhar no projeto desde o começo ou até mesmo antes de haver um projeto. Isso significa que o designer é responsável por identificar oportunidades de inovação e criar produtos e serviços. Só depois é que o marketing e a engenharia entram em peso.

Essa é novidade do momento no setor de tecnologia da informação. Algumas pessoas defendem que startups precisam ser lideradas por designers para que isso aconteça. Outras acreditam que o modelo de agência de inovação externa ou interna é mais interessante, devido à sua independência. O fato é que o design como inovação termina no momento em que o produto é concebido e raramente acompanha seu desenvolvimento e uso.

Design como estratégia

Esse é o grau de integração mais difícil de atingir. É quando todas as pessoas da empresa valorizam o design e estão conscientes do impacto de seu trabalho no design dos produtos e serviços. Em outras palavras, a empresa cultiva design como um dos valores essenciais de sua cultura coorporativa e branding.

O investimento necessário para atingir tal nível é enorme. A empresa precisa ser muito criteriosa na seleção de seus empregados, na contratação de terceiros e na compra de produtos e serviços, sempre selecionando aqueles que valorizam design. O retorno vem a longo prazo, mas em grandes somas.

O caso da Microsoft

Ao contrário da concorrente Apple, a Microsoft não nasceu com uma cultura orientada ao design. Porém, a empresa está fazendo um esforço magnífico para valorizar o design internamente. Utilizarei como exemplo a história de alguns dos produtos mais conhecidos da empresa.

Até a versão XP, a interface do Microsoft Word era desenvolvida à partir da capacidade técnica dos times de engenharia. Cada vez que alguém criava uma nova funcionalidade, havia uma disputa para colocar um botão visível na tela. A solução encontrada pelos designers para  não colocar coisa demais na tela e ao mesmo tempo permitir que o trabalho do engenheiro seja encontrado foi estender as barras de ferramentas. Chegou ao ponto de que se você abrisse todas as barras de ferramentas, praticamente não sobrava espaço para o texto, que é a finalidade principal do software!

Os designers da empresa sabiam do problema e reclamavam, mas não tinham poder para projetar essa parte macro do software, apenas desenhavam os ícones. No design implícito, o produto costuma evoluir como um frankestein de funcionalidades, sem uma visão clara de propósito.

Na mesma época, a Microsoft estava também desenvolvendo o Windows Vista, que sucederia o Windows XP. O Windows XP foi uma das versões mais estáveis e bem aceitas pelos usuários e seria difícil convencer os usuários a fazerem upgrade do sistema operacional. Sabendo disso, a Microsoft montou um time de designers para tornar o Windows Vista bonito depois que estava quase pronto. O máximo que os designers conseguiram foi criar efeitos especiais e animações que colocavam o Windows em pé de igualdade com o OSX da Apple. Isso no quesito visual, porque no quesito usabilidade, o Vista conseguia ser pior do que o XP. Devido à essa desvantagem, muitos usuários preferiram fazer downgrade depois de tentar o Vista.

Insatisfeitos com esse resultado, um grupo de designers que trabalharam no Vista e no Internet Explorer se uniram para demandar maior participação no início do projeto. Nessa época, a empresa já havia nomeado Bill Buxton como Vice Presidente de Design da empresa e a demanda foi acolhida. O primeiro projeto liderado por designers seria o Microsoft Office 2007.

A primeira decisão feita em conjunto com o time de desenvolvimento é que o Office seria repensado do zero à partir dos hábitos dos usuários. Os designers fizeram diversos estudos em laboratório e em postos de trabalho para ver como as pessoas utilizavam o Office. As propostas de novas interações foram se desenvolvendo de maneira colaborativa entre usuários, designers e engenheiros. O processo de design está todo documentado no blog de Jensen Harris.

A ribbon, elemento de interface que substitui as barras de ferramentas, pode ser considerada a maior inovação desse projeto. Depois de implementada no Office 2007, diversos softwares copiaram o elemento e hoje ele é um padrão de interação no ambiente Windows. Apesar de ter enfrentado grande resistência por parte dos usuários no começo, o Office 2007 pode ser considerado um grande sucesso de design como inovação.

Ao perceber o resultado, a Microsoft começou a investir mais e mais em design. Lançou um versão do seu sistema operacional para dispositivos móveis completamente diferente da desktop e dos sistemas concorrentes. Eu particularmente acho que é o primeiro sistema operacional realmente focado no uso móvel, apesar de ainda não ser muito popular. Ele foi também pioneiro do flat design (visual sem firulas) que iria se espalhar alguns anos depois pelo Android e pelo iOS.

A Microsoft arriscou em tentar essa mesma interface móvel em computadores desktop no Windows 8, o que acabou se mostrando um passo maior do que a perna. Entretanto, a tablet criada para rodar esse sistema entrou para a lista dos gadgets mais desejados. A tecnologia de escrita com stylus que a Microsoft estava desenvolvendo desde o começo dos anos 2000 finalmente se tornou sexy com a Microsoft Surface. O risco de perder mercado fez a Apple comer o próprio chapéu e lançar uma tablet com caneta stylus, mesmo após Steve Jobs dizer que isso seria uma ideia muito estúpida no lançamento do primeiro iPhone.

Essa liderança relativa da Microsoft é sinal de que a empresa está finalmente chegando ao patamar de design como estratégia. Apesar da Apple manter o culto do design de tirar o fôlego, eu não vejo mais as inovações em interações que caracterizaram a empresa na época de Jobs. Por isso, hoje eu fico bem mais empolgado em ver o que a Microsoft está fazendo do que o que a Apple está fazendo.

E você? Concorda com minha análise? Como o design está integrado na sua empresa e como você acha que deveria estar? Compartilhe nos comentários.

Comente este post

Desenvolvedores não focalizam a tecnologia porque são pessoas anti-sociais, viciados em tecnologia, ou ignorantes. Desenvolvedores focalizam a tecnologia porque a sociedade espera isso deles. Em nossa sociedade, o valor de troca atribuído à tecnologia é muito grande. Se o desenvolvedor domina uma tecnologia de interesse à sociedade, ele recebe em troca um bom salário. As pessoas pagam pela tecnologia mesmo que ela não proporcione um valor de uso pois este não pode ser previsto antes da venda.

O valor de uso é apenas uma promessa antes da venda. Diferente do valor de troca, ele não pode ser quantificado. Embora as pessoas possam pagar a mais por uma promessa de valor de uso convincente, o valor pago será sempre um valor de troca, não de uso. Se a pessoa não conseguir usar a tecnologia, o valor de troca continuará o mesmo e o valor de uso será nulo. O contrário também é possível: que o valor de uso seja muito maior do que o esperado.

Em ambos os casos, esse valor de uso não poderá ser utilizado para trocar a tecnologia por outra. Em nossa sociedade, as pessoas pagam o valor de mercado, não o valor de uso, já que esse é muito específico e difícil de comparar. Não dá pra quantificar em dinheiro a relação afetiva que a tecnologia permite manter à distância, por exemplo. É possível quantificar quantas as horas de trabalho assalariado que uma tecnologia faz uma empresa perder, porém, a partir do momento em que se quantifica já vira um valor de troca, não de uso.

A capacidade de uma tecnologia em economizar tempo não implica necessariamente num maior valor de uso, já que este é apenas um dos aspectos em jogo. Em alguns casos, reduzir o tempo de uso pode aumentar a incidência de erros de julgamento. Exemplo: a pessoa clica tão rápido nos botões que acaba causando um desastre. O valor de uso não pode ser quantificado; o que pode ser feito é transformar um aspecto do valor de uso em valor de troca.

Mas o que isso tem a ver com a divisão do trabalho? A divisão do trabalho implica numa série de trocas antes que o produto seja vendido ou entregue ao usuário. O gerente de projetos passa o briefing ao designer, o designer cria uma interface e repassa ao desenvolvedor, o desenvolvedor envia o código para um analista de qualidade e assim por diante. Em cada uma dessas trocas, o valor de troca e de uso do produto é alterado, para mais ou para menos. Quando essa troca acontece entre empresas, por exemplo pela entrega de um fornecedor, o impacto é ainda maior.

Na gestão empresarial isso é chamado de cadeia de valor. Na animação abaixo, o Walmart utiliza esse conceito para mostrar como a empresa procura priorizar a sustentabilidade nas trocas efetuadas como fornecedores e consumidores.

Trago esse exemplo de varejo pois as empresas de tecnologia não estão acompanhando o movimento crescente de considerar a cadeia de valor fora de sua própria organização, incluindo valores não monetários como a qualidade de vida, sustentabilidade e responsabilidade social. Estes valores de uso estão sendo cada vez mais priorizados no mercado de consumo, porém, as empresas de tecnologia ainda não perceberam como se encaixar nessa tendência.

Vejamos o exemplo da Apple, uma das maiores empresas de tecnologia do mundo. Antigamente ela era conhecida como a empresa que fabricava os equipamentos mais duráveis, tanto do ponto de vista de hardware quanto de software. Os equipamentos Apple ficavam obsoletos muito tempo depois dos competidores, uma característica de sustentabilidade. Hoje em dia, a Apple faz o equipamento ficar obsoleto todo ano, com atualizações automáticas de sistemas operacionais cada vez mais pesados. A produção acelerada de novos equipamentos tem um impacto gigantesco não só no meio ambiente, mas também na qualidade de vida dos trabalhadores das fábricas chinesas.

A Apple transformou a usabilidade de seus produtos num valor de troca, numa imagem que é utilizada para vender mais e mais equipamentos. As pessoas pagam mais caro pelos produtos Apple do que pelos concorrentes porque acreditam que terá um maior valor de uso. De fato, a usabilidade dos produtos Apple ainda é superior, mas esse é apenas um dos aspectos do valor de uso. A qualidade de vida, a sustentabilidade e a responsabilidade social são deixadas em segundo plano. O animação iDiots deixa isso muito claro.

O que acontece com a Apple e com a maioria das empresas de tecnologia é que o valor de uso não é prioridade na cadeia de valor. O foco é no valor de troca, ou seja, em trocar a tecnologia por alguma outra coisa que interessa à empresa o mais rápido possível. Dinheiro, poder, conhecimento, fama e outras tecnologias são algumas das coisas equiparadas ao valor de troca.

Quando a cadeia de valor é orientada à troca e não ao uso, a divisão do trabalho se torna extremamente competitiva. Cada profissional ou empresa busca receber o máximo pelo seu trabalho, mesmo que para isso seja preciso comprometer o valor de uso. Como o valor de uso não é considerado, o foco fica sendo na entrega, não na qualidade do produto. O profissional faz o que é solicitado e nada mais. Não existe um interesse em superar as expectativas a não ser que haja um incentivo na troca -- bônus financeiro ou cargo de chefia. O valor de uso não é prioridade para o profissional porque ele não precisará utilizar o resultado de seu trabalho. O profissional não sabe nem como será utilizado o seu trabalho! Quem se importa?

Numa tentativa de reverter esse processo, as empresas contratam profissionais especializados em experiência do usuário (ExU). Esse profissional é responsável por conectar equipes de desenvolvimento com produção gráfica, clientes com usuários. Enfim, fazer o meio de campo onde o valor de uso é disputado. De maneira ingênua, a empresa piora ainda mais a contradição. O profissional de ExU é pago para garantir certos aspectos do valor de uso -- usabilidade principalmente. Como todos os demais profissionais, ele almeja o valor de troca, com a diferença de estar ligado diretamente ao usuário. Ele não foca no valor de uso por ser uma pessoa comunicativa da mesma maneira que o desenvolvedor não foca na tecnologia por ser introvertido.

O gráfico abaixo mostra como o salário do designer de interação se manteve sempre alto no ranking dos Estados Unidos de todas as profissões de design.

Mas então, como priorizar o valor de uso na cadeia de valor? Minha primeira recomendação é a seguinte: faça os profissionais utilizarem o resultado de seu trabalho. Utilizar mesmo, não testar eventualmente. Os profissionais começam a valorizar o uso quando dependem da tecnologia que produzem para fazer alguma coisa de seu interesse.

Isso implica numa mudança radical na divisão do trabalho e na estratégia da empresa. Ao invés da empresa e seus profissionais focalizarem em desenvolver tecnologias para terceiros, eles desenvolvem em primeiro lugar para si mesmos. Se o produto é útil para eles, a chance é maior de que será útil também a outros. Num projeto de priorização do valor de uso na Webgoal, desenvolvi uma ferramenta simples para visualizar essa possibilidade: o diagrama ROI X tesão.

Esse conselho parece ir contra a proposta de design centrado no usuário. Sim, a proposta é fazer design centrado em nós, como sugeriu o Rodrigo Gonzatto. Quem era chamado de usuário passa a ser parte do "nós", parte de uma comunidade de cocriação de valor. A cocriação é a alternativa à troca na divisão do trabalho. Ao invés de trocar um produto pronto, a cocriação convida as pessoas interessadas a construir algo em conjunto, algo que terá valor de uso para todos os envolvidos.

Isso já acontece de certa maneira dentro das empresas quando as equipes trabalham colaborativamente. O valor de uso é temporariamente priorizado enquanto todos os profissionais estão engajados e não só os especialistas no assunto. Porém, ainda assim, se a estratégia da empresa é gerar valor de uso internamente e converter em valor de troca para o mercado, o valor de uso em todos os seus aspectos não será preservado. O oposto dessa estratégia é a minha segunda recomendação: estender a cocriação para fora das fronteiras da empresa.

Minha pesquisa de doutorado aponta para o design participativo como uma maneira de priorizar o valor de uso, tanto dentro quanto fora da empresa. Os profissionais dentro e de fora da empresa criam e usam os protótipos da tecnologia juntos e os resultados são compartilhados entre todos. Além da influência sobre as capacidades da tecnologia, os participantes recebem algo ainda mais valioso: conhecimento. Ao invés de conhecer apenas a parte que lhe cabe, seja especialidade de desenvolvimento ou de uso, o participante adquire um conhecimento holístico sobre a tecnologia, seu contexto e possibilidades de uso e adaptação.

Quando as pessoas trabalham focalizadas em gerar valor de uso, a competição entre elas diminui. Os incentivos financeiros se tornam secundários para motivar as pessoas a participar. As pessoas participam porque sabem que a tecnologia que estão construindo juntas será realmente útil e agradável na vida delas e de outras pessoas que elas se importam. Esse valor de uso não tem preço, mas pode implicar num alto valor de troca. Quando a tecnologia é avaliada, a comunidade de desenvolvedores e usuários faz peso na balança. Isso porque, devido à sua diversidade, ela não prioriza apenas um aspecto do valor de uso (usabilidade), mas também a qualidade de vida, sustentabilidade e responsabilidade social.

Um exemplo que todo mundo já experimentou é a organização colaborativa de festas e presentes de aniversário dentro de uma empressa. Os profissionais colaboram muito mais do que no dia-a-dia porque o valor de uso é a prioridade. Todo mundo dá seu pitaco e ninguém censura ninguém, do contrário a festa acaba na hora. O ponto é justamente aproveitar a organização da festa tanto quanto a própria festa.

Priorizar o uso na cadeia de valor é um dos grandes desafios não só para as empresas que trabalham com tecnologia mas também para os profissionais que lutam pela questão do usuário dentro das empresas. Esse desafio é urgente em mercados saturados, em que a inovação qualitativa está prestes a superar a inovação quantitativa.

Comente este post

O Palazzo dei Congressi é um dos prédios construídos por Mussolini para abrigar uma feira internacional que nunca aconteceu devido à Segunda Guerra Mundial. A feira tinha o objetivo, dentre outros, de mostrar a produtividade industrial do regime fascista.

70 anos depois, a Maker Faire mostrou a produtividade da cultura maker em toda a Europa. Mais de 200 grupos expuseram na feira suas criações de fundo de quintal. Brinquedos, impressoras, instrumentos musicais, e robôs, fabricados em casa ou em pequenos escritórios, com materiais de baixo custo e tecnologias de produção simples.

Bicicleta com quadro de madeira.

Scanner de objetos em 3 dimensões feito com webcam e feixe de laser simples.

Luva de realidade virtual baseada em Arduino e sensores de flexão.

Balão metereológico baseado em Arduino e gás hélio.

Almofada que responde ao usuário com grunhidos e vibração.

Instrumentos musicais costurados em tecido.

Jogo de tabuleiro baseado em sensor de ondas cerebrais plugado numa Arduino.

Sequestrado de carbono baseado em cultura de algas.

Esses foram alguns dos projetos que eu consegui ver e falar com os makers, porém, muitos não dava nem pra chegar perto, pois a feira estava lotada! A visitação foi massiva. A foto abaixo é de um dos 10 pavilhões, todos apinhados de crianças e adultos querendo saber como é que o sujeito fez aquela coisa.

Chris Anderson, anuncia no livro Makers (disponível em português) que estamos presenciando uma nova revolução industrial. O que hoje é uma brincadeira de hobbistas pode virar no futuro um modo de produção generalizado. Ao invés de comprar produtos industrializados, as pessoas iriam fabricar o que precisam em suas casas ou em birôs de fabricação próximos à sua casa.

Na minha opinião, o movimento ainda não adquiriu as características de um sistema de produção global que justifique chamar de revolução. A sustentabilidade ainda é uma grande incógnita, tanto do ponto de vista econômico quanto do ponto de vista ambiental. Porém, acredito que terá grande relevância para as futuras gerações.

Hoje um dos grandes desafios do atual sistema produtivo é a formação de mão-de-obra técnica e, ao mesmo tempo, criativa. A cultura maker cria motivação para desenvolver essas habilidades durante o tempo ocioso. Ela cria uma ponte produtiva entre o mundo do trabalho e o mundo da vida pessoal. Os produtos feitos pelos makers podem não ser úteis, mas o processo de produção gera um conhecimento muito mais precisoso que o próprio produto. No mercado de trabalho, isso é um grande diferencial.

Os pais que já sacaram isso estão imergindo seus filhos na cultura maker. Meu filho, por exemplo, já brinca com Scratch e Arduino. Na Maker Faire, vi dezenas de crianças como ele. Os europeus vêm na cultura maker uma aposta para superar as contradições do sistema produtivo atual, que levou a maior parte das fábricas (e empregos) para a China. Eu acredito que a cultura maker tem maior potencial em transformar os hábitos de consumo, de uma perspectiva passiva e desinformada, para uma perspectiva consciente e engajada.

Comente este post

Quando comecei a estudar hospitais, percebi que projetos isolados podiam fazer muito pouco pelo usuário: enfermeiras, médicos, e pacientes. Cheguei à conclusão de que a cultura organizacional era o fator determinante. A interface com o usuário refletia as relações de poder dentro da organização, e o usuário, que não fazia parte, ficava sem entender o porquê de cada coisa.

Os arquitetos da informação já chamavam atenção para esse problema há tempos, porém, a solução que eles propunham -- projetar a interface em cima do modelo mental do usuário -- nem sempre era possível devido a questões políticas. A organização não tinha a experiência do usuário como prioridade e essa proposta não fazia sentido no cenário político interno.

Ao invés de engrossar as reclamações sobre esse tipo de cultura organizacional, eu montei um curso pra tentar ajudar os profissionais da área a mudarem essa cultura, pouco a pouco.

Inspirado na escola de verão que fiz na Dinamarca sobre inovação social, montei o curso em volta das dinâmicas e jogos do Teatro do Oprimido. Na Dinamarca eu aprendi que o brasileiro Augusto Boal tinha inspirado profissionais do teatro a ajudar empresas com conflitos e desafios organizacionais. Achei bem interessante e resolvi trazer de volta ao Brasil esta aplicação.

O teatro ajuda a perceber os nuances do comportamento na rotina do trabalho. As situações em que é negociada a experiência do usuário se repetem diariamente, como rituais em reuniões, conversas, relatórios. Para escapar da opressão que impede de o usuário se tornar prioridade, é preciso fazer um movimento inesperado, porém, adequado.

Veja por exemplo, o teatro-imagem "Flanelinha de Mouse" que os alunos do curso fizeram. O designer recebe ordens de tantas pessoas diferentes que não consegue nem concentrar-se no que está fazendo. Ele não pode questionar as ordens, pois seu papel é reduzido à operar o computador para atingir o resultado esperado pelas outras pessoas.

Depois de montar a imagem, eu pedi aos demais alunos sugestões para superar a opressão. A primeira sugestão foi erguer os braços e se livrar das ordens. Perguntei ao designer na imagem se dava pra fazer esse movimento e ele disse que não, pois seria agressivo demais. A última sugestão foi a de se levantar e virar na direção dos demais, na mesma altura, olho no olho. Assim o designer poderia discutir sua carga de trabalho, bem como sua visão de como o trabalho deveria ser feito.

Essa outra imagem mostra um designer tentando estudar os usuários (esquerda), mas sendo barrado pelos processos e responsabilidades da empresa, representado pelos dois rapazes fazendo uma barreira no meio. Do lado direito, estavam os usuários sofrendo com produtos de baixa usabilidade. Depois de tentar de tudo com a barreira, o designer acaba descobrindo que dá pra alcançar os usuários pela via informal, contornando a barreira institucional.

Além do teatro-imagem, fizemos também "O grande jogo do poder" em que um escritório é representado para mostrar como o espaço físico marcar as relações de poder. A equipe acima apresentou uma empresa em que 20% do espaço é usado por quem faz 80% do trabalho. A chefia ocupa mais espaço e é menos produtiva.

Depois de discutir as mudanças no cenário político, partimos para discutir processo. Começamos com um exercício de classificação dos UXCards dentro do UXCanvas, um quadro que define os pontos mais importantes para projetos de experiência do usuário. O objetivo era compreender em que momento do projeto e com qual foco usar cada método.

Depois cada equipe desenhou o processo atual usando os cards e em seguida o processo ideal, refletindo sobre as melhores práticas aprendidas durante o curso.

O curso foi organizado pela Internativa, a startup do Horacio Soares, que promete oferecer mais cursos avançados desse tipo. Neste sábado teremos mais um curso de mudança organizacional em São Paulo, e na sequência retorno à Holanda. No futuro pretendo organizar esse tipo de sessão de teatro do oprimido dentro de empresas específica, desejosas de mudar suas prioridades.

Comente este post

A revogação do aumento não foi suficiente para calar os usuários. As manifestações continuaram, e outros serviços se tornaram alvo: saúde, pedágios, segurança, educação. Os cidadãos brasileiros, enquanto usuários de serviços públicos, estão em polvorosa. Eles querem o padrão FIFA em tudo.

Especula-se que essa onda de protestos se estenda aos serviços privados. A burocracia de órgãos ligados ao governo como Procon e Anatel abriu espaço para iniciativas privadas de intermediação. O site Reclame Aqui dá visibilidade às reclamações dos consumidores e pressiona as empresas a responder cada uma delas.

Desde que a onda de protestos começou, a Rede Globo passou a figurar na lista de empresas com o maior número de reclamações. Os espectadores acusam a Rede Globo de manipular informações nas coberturas jornalísticas. Até o dia de hoje, a empresa não respondeu nenhuma das 2.207 reclamações cadastradas.

A Rede Globo não esperava essa onda de reclamações, muito menos a hostilidade dos manifestantes nas ruas contra seus jornalistas. A Rede Globo não tem um Ombudsman, tal como a Folha de São Paulo, que coloca a crítica do público em pauta dentro da redação. O que a Rede Globo tem é um call-center e uma página com um formulário de 4 etapas que lhe pede CPF, endereço, escolaridade do chefe de família, profissão, e confirmação por email só para enviar uma crítica. A Rede Globo ainda aproveita o momento para fazer um cadastro opt-in das suas promoções e spamletters. Tudo para fazer o usuário desistir de sua crítica.

Eu já tive a opotunidade de dar um curso no Projac e posso dizer que a Rede Globo tem excelentes profissionais. Acredito que a pressão dos usuários pela democratização da mídia certamente irá provocar mudanças na maneira como a emissora se relaciona com seu público, porém, isso não vai acontecer automaticamente. Para sacudir o status quo de uma instituição tão grande, é preciso que a revolta cresça.

No Dia Mundial da Usabilidade do ano passado eu disse que usuário não deveria ser tratado como pokemon. Acredito que agora esteja claro que usuário não faz somente o que o designer do serviço/produto quer que ele faça. No caso das manifestações de junho, os usuários subverteram a propaganda de carro para convocar a ocupação da rua por pedestres, e ainda destruiram alguns carros para chamar a atenção, em especial os das emissoras filiadas à Globo.

Não quero julgar se a revolta do usuário é certa ou errada. Meu ponto é que a revolta vai crescer e se estender às empresas privadas. O melhor que as empresas podem fazer agora é criar canais de diálogo transparentes com os usuários e, quando houver revolta, tentar canalizar a raiva do usuário de forma produtiva.

Comente este post

O fato é que eu simplesmente não consigo ficar muito tempo parado dentro de uma disciplina. Sou indisciplinado, porém, não sou contra as disciplinas. As disciplinas têm um papel fundamental em acumular e regular um determinado tipo de conhecimento. Ajudam a identificar grupos de profissionais, explicar o que eles fazem, receber os novatos.

A principal referência de qualquer disciplina é sua própria história. Os pioneiros, os livros clássicos, os projetos visionários, os críticos, os revolucionários. As disciplinas mudam, porém, muito mais lentamente do que os profissionais que a sustentam. Quando se torna completamente anacrônica, esvazia-se e desaparece.

Lembro-me de uma palestra do Luli Radfahrer que assisti no começo da minha carreira, em 2003, sobre a importância de não ficar preso à disciplinas específicas. Ele perguntava: “Quem é que lembra do videomaker?”. 10 anos depois, a pergunta hoje seria “Quem é que lembra do webmaster?”.

Eu já fui webmaster, porém, não fiquei na disciplina até que ela perdesse totalmente sua credibilidade. Em 2008, dei uma palestra parecida com a do Luli com algumas ideias de especialização para quem, na época, se intitulava web designer. Em apenas 5 anos, o termo já está quase no nível do webmaster.

A obsolescência programada da tecnologia parece afetar também os profissionais que desenvolvem estas tecnologias, causando um problema ainda maior do que o lixo eletrônico. O profissional tem que se manter atualizado por conta própria para não correr o risco de perder o emprego, ou pior, a sua empregabilidade.

Disciplinas são criadas e outras esvaziadas em questão de anos. Os últimos a pular do barco pagam o pato. Ninguém quer ficar pra trás, ficar “outdated”.

O barco da vez no Brasil atende pelo nome de Experiência do Usuário , ou como é mais comum encontrar, a abreviação do inglês UX. Algumas pessoas dizem que é uma disciplina, outras, dizem que é um conceito guarda-chuva para várias disciplinas.

Eu já defendia o uso do termo desde quando o Guilhermo Reis e a Carol Leslie começaram a organizar o primeiro EBAI . Eu sugeri que fosse usado o termo guarda-chuva para atrair pessoas que não estavam necessariamente envolvidas com Arquitetura da Informação. Na época, UX não era conhecido e AI era o barco da vez, por isso minha sugestão de chamar de EBUX (ou algo assim) não foi incluída.

O nome não limitou seus organizadores, visto que tanto o EBAI, quanto este blog, criados mais ou menos na mesma época, abordam temas que vão além do que é tradicionalmente conhecido como Arquitetura da Informação. Porém até quando irá durar?

Nos Estados Unidos, tivemos o caso da Usability Professional Association (UPA), uma associação com 20 anos de estrada que mudou seu nome para UXPA . Será que a mudança do nome faz tanta diferença que a associação conseguirá recuperar o prestígio que tinha 10 anos atrás?

Faço a mesma pergunta aos profissionais: vale à pena a mudança de nome de denominação para ux designer? O que se ganha com isso em termos de compreensão do que você faz? Quanto tempo você acha que essa denominação vai durar?

Pergunto, pois:

• os usuários estão indo muito além de usar a tecnologia . Essa denominação está se tornando cada vez mais inapropriada. Já tem gente chamando de prosumidor, co-criador, parceiro.
• o conceito de experiência é difuso , o que torna difícil mensurar resultados. Por esse motivo, o marketing de experiências está perdendo espaço para o data mining (novo nome: big data).
• o verbo design que muitos acrescentam à palavra UX não implica vínculo com a disciplina maior de Design, tal como no caso da Arquitetura da Informação que não tinha vínculo com a Arquitetura.

Meu conselho é focalizar em conceitos que não dependam de condições tecnológicas ou mercadológicas. Se você projeta interfaces para celulares, eu recomendo especializar-se em mobilidade, incluindo saberes sobre movimento do corpo humano, sociologia urbana, etc. Esses saberes irão lhe dar sobrevida profissional quando a telefonia celular der lugar à telepatia, ou o que for que vier para substituí-la.

Comente este post

Existem várias teorias sobre esses ciclos.

A teoria mais conhecida é a do Ciclo de Adoção Tecnológica, criado por Beal, Rogers e Bohlen. O modelo acima representa o tempo necessário para atingir diferentes fatias de consumidores: os early-adopters, os desconfiados e os retardatários.

A DM9 fez uma campanha sobre perfis digigráficos baseado nessa teoria. Ela parece fazer todo sentido porque essa teoria da adoção já está em voga desde 1942!

O problema dessa teoria é que ela leva a crer que qualquer tecnologia terá que passar necessariamente por todas as etapas, naquela ordem, o que nem sempre é verdade. Ela também dá a impressão errônea de que a maior lucratividade acontece quando se atinge a maioria dos usuários. Sua crença induz a estratégias medíocres de nivelamento.

Existem empresas de tecnologia que atingem seus picos de lucratividade na etapa de early-adopters (Apple) ou de retardatários (Microsoft), porém, a maioria das empresas de tecnologia trabalha com nichos específicos que não seguem esse modelo.

Chris Anderson demonstrou isso muito bem no livro A Cauda Longa.

O modelo da difusão propõe que a evolução de uma tecnologia acontece da direita para a esquerda, dos mercados de nicho (early adopters) para os mercados de massa (maioria). Os estudos de cauda longa indicam que o contrário acontece com mais frequência: um produto de massa que se torna customizado através de segmentos e nichos cada vez menores. A cauda longa está esticando mais e mais, daí a sua relevância.

Uma coisa que nem o modelo da Cauda Longa nem o de Adoção explicam é como as inovações tecnológicas criam novos mercados e destroem os velhos. É o pulo do gato pra fora dos gráficos.

Eu venho elaborando um modelo de evolução tecnológica baseado nas leis da dialética de Engels (fundamento do Comunismo) e na prática da competividade (fundamento do Capitalismo) que ao invés de um gráfico linear, é de fato um ciclo.

Num novo mercado não há competição. A empresa descobre uma nova tecnologia que tem valor de uso e, como está sozinha, pode estabelecer qualquer valor de troca. O produto inicial é de baixa qualidade e custa muito caro, mas faz algo que nenhum outro produto faz.

Você sabia que o primeiro smartphone foi lançado pela IBM em 1992? Além de ligar, o Simon podia enviar email, organizar sua agenda, escrever notas, etc. Vendeu apenas 10.000 unidades.

Enquanto a IBM buscava desesperadamente aumentar a percepção de valor de uso (a necessidade de ter), outras empresas (Nokia, Palm, HP) criavam produtos que faziam as mesmas coisas por um custo muito menor, ou seja, diminuiam o valor de troca.

Esse é o período da competição pela quantidade, em que a prioridade é reduzir os custos de produção e aumentar a capacidade das funcionalidades na esperança de desbancar os produtos concorrentes com o argumento "mais por menos". A inovação segue os princípios da economia de escala e o seu resultado é o commodity: o valor de troca acaba se tornando menor que o valor de uso.

Segundo a dialética, isso é uma contradição: uma coisa que contém dentro de si a sua potencial negação, o seu contrário. O produto que é colocado no mercado para ser o mais rápido e funcional da sua categoria, acaba tornando-se exatamente o contrário num curto espaço de tempo devido ao processo de comoditização que o gerou em primeira instância.

A crítica superficial chama isso de obsolescência programada e culpa as empresas de tecnologia pelo lixo eletrônico, mas a verdade é que a contradição é inerente ao sistema capitalista e as empresas pouco podem fazer para evitá-la. Sua sobrevivência no mercado depende deste mecanismo.

Quando o valor de troca diminui, o trabalho humano perde seu valor e as pessoas são tratadas como máquinas. Não há satisfação nem criatividade no trabalho. Chega um ponto que a empresa não consegue mais arroxar a produção e sua capacidade de inovação quantitativa chega ao limite. Muitas empresas quebram neste ponto. O mercado fica saturado e os consumidores reclamam da mesmice. As empresas que sobrevivem a esse período são aquelas que tem gordura suficiente para esperar o surgimento de um novo patamar de competividade.

A segunda lei da dialética (minha favorita) diz que a mudança quantitativa acumula até um certo ponto em que a mudança qualitativa é inevitável. A água aumenta de temperatura até que, em 100 graus, se transforma em vapor, mudando sua propriedades físicas (qualidade).

Os fabricantes de smartphone não sabiam mais o que inventar até que a Apple lançou o iPhone em 2007. A inovação qualitativa não foi a utilização de uma tela sensitiva ao toque. Como vocês podem ver na foto do IBM Simon, o primeiro smartphone já era touch! Conforme previ no seu lançamento o iPhone inaugurou um novo paradigma de interfaces. A propaganda era clara: o que o iPhone tinha de diferente não era o peso, finura ou mesmo funcionalidades, mas a experiência de uso.

O iPhone não foi feito para ligar, mandar email, organizar a agenda, como eram os smartphones anteriores. O iPhone foi feito para ser um mediador de interações sociais. A forma como ele gentilmente avisa que você está recebendo uma segunda ligação demonstra o respeito à essas interações.

A possibilidade de poder acessar redes sociais como o Twitter e Facebook de qualquer lugar foi um dos grandes motivadores para a compra do primeiro smartphone. As possibilidades de interação social são representadas na metonímia do ícone: sua aparência despojada representa a expectativa de divertir-se com os amigos, uma promessa de experiência de uso.

A inovação qualitativa é o que permite que o capitalismo se reinventar com as crises, que nada mais são do que pura estagnação. A inovação qualitativa cria um novo patamar de competividade em que o o valor de uso é o diferencial. É a sobrevida do commodity, que renasce como premium. A dialética chama isso de negação da negação, conforme expliquei no meu artigo sobre uma metodologia de design baseada nos princípios da dialética:

A lei da negação da negação coloca que uma coisa nega a si mesma num primeiro momento para depois reaparecer noutro momento sob uma forma mais evoluída. Esta lei se intercruza com as outras duas. Na história do conhecimento humano, uma idéia pode ser refutada (negação) e esquecida, mas após algum tempo, a idéia é recuperada sob uma diferente perspectiva, negando sua refutação anterior (negação da negação). Após muitas sequências de negações, a idéia poderia já não ser mais a mesma (mudança qualitativa). Como a mudança é inevitável, pode-se dizer que todas as coisas guardam dentro si a sua própria negação em potencial (interpenetração dos contrários).

Essa lei também explica como surge um novo mercado. Chega um momento em que a competição pela qualidade acaba caindo no benchmarking de usabilidade e consequente guerra de patentes. Aí então alguém recupera uma ideia abandonada lá atrás (tablet), considerada inviável, e transforma num produto que funciona (iPad). Essa retroalimentação pode ser consciente ou não, mas vai estar sempre servindo a intenções coletivas.

E qual será o novo produto que irá criar mercados competitivos depois dos smartphones e das tablets?

William Gibson certa vez escreveu que "o futuro já chegou, só não está bem distribuído", o que nos faz pensar que a tecnologia já estaria aí, só não estaria bem implementada. Essa frase combina bem com o modelo linear de Adoção Tecnológica. Assim como a promessa de distribuição de riqueza, a promessa de distribuição de tecnologia nunca se realiza completamente. Os retardatários não são porque querem, mas porque existe uma condição sócio-econômica que está demorando para ser transformada. A dialética concorda que o princípio da inovação já se encontra por aí, porém, ele precisa ser transformado de potencial em efetivo.

Nesse modelo dialético de evolução da tecnologia, o Design de Interação ganha relevância, com suas pesquisas etnográficas e tecnológicas que buscam identificar e projetar novos usos, o diferencial que é capaz de criar novos mercados e revitalizar os existentes.

Comente este post

O professor Michael Welsch ficou famoso pelos seus vídeos no Youtube demonstrando a disparidade entre o uso de novas tecnologias no dia-a-dia dos estudantes e dentro da escola. O que pouca gente viu são seus próprios experimentos de ensino em sala de aula. WorldSim é uma espécie de jogo que ele promove entre seus alunos para perceber os múltiplos fatores que delineiam uma cultura.

WorldSim é muito parecido com Civilization. A diferença principal é que este último tem suas regras gravadas num computador. Aliás, Civilization já é usado em escolas canadenses para ensinar História há alguns anos.

A novidade agora é usar Spore nas aulas de Biologia. O próprio Will Wright, criador do jogo, admite que além de entretenimento, ele gostaria que os jogadores aprendessem sobre teoria da evolução.

O Museu da Língua Portuguesa em São Paulo e o Museu de Ciência e Tecnologia da PUC-RS são provas de que investir em ferramentas de educação interativa dá resultado. São dois dos museus mais visitados em toda a América Latina, fazendo vivo um conhecimento que poderia estar abandonado em exposições tradicionais, como é o caso da maioria dos museus brasileiros.

Detalhe importante: a lista de reprodução acima agrega vídeos criados e publicados espontaneamente por crianças e adolescentes que visitaram o museu usando seus telefones celulares e câmeras digitais. Poderiam ser excelente material didático numa aula posterior para rever os princípios físicos dos experimentos, mas muito provavelmente o professor nem sabe que esses vídeos existem. Infelizmente, os professores ainda discutem se devem bloquear celulares ou Youtube nas escolas...

Olha só o que acontece quando educadores abraçam a tecnologia ao invés de repelir: as mesas educacionais da Positivo permitem que as crianças realizem atividades de escrita e matemática utilizando blocos de fácil manipulação e compartilhamento. Esta mesa foi criada no Brasil e é usada em vários outros países. Esta foto, por exemplo, foi tirada numa escola da Flórida, onde é usada para a educação especial.

O desafio é demonstrar aos educadores às possibilidades das tecnologias educacionais. Creio que designers de interação podem fazer uma boa ponte entre Pedagogia e Engenharia.

E para não dizer que não falei de Educação à Distância, que cresce a passos largos no Brasil, destaco o projeto RIVED que mantém um banco de objetos de aprendizagem com milhares de atividades interativas.

Comente este post

Quando estava em férias no Rio de Janeiro me deparei com esta campanha da Neosaldina envolvendo mídia externa que disparava interação mobile. Os transeuntes são convidados a mandar SMS dizendo se o Rio está feliz ou não e o sorriso no outdoor aumenta de tamanho, demonstrando o índice do dia.

No site da campanha é possível verificar o histórico dos dias e ver que no final do mês de outubro alguma coisa (provavelmente alguma demonstração pública de violência) fez os cariocas expressarem infelicidade. Faltou um mashup com as notícias do dia dos principais jornais do Rio pra saber o real motivo.

Ao invés de se posicionar no centro da interação, a marca se coloca como uma mediadora entre o indivíduo e a comunidade em que vive. Através da Neosaldina o carioca pode saber o que os outros estão pensando em relação à campanha e também à sua cidade.

Imagine se há alguns anos atrás uma empresa estaria disposta a alterar sua marca em função dos humores de seu público? A marca era sagrada, o consumidor, profano. Hoje, a relação é outra. Abundância de concorrência e informação permitem ao consumidor escolher melhor. O critério de escolha deixa de ser o melhor de todos e passa a ser o melhor para mim. As interfaces se tornam o fulcro da profanação das marcas. Cabe ao anunciante criar interfaces e abrir sua marca, convidando o consumidor à cocriação.

Uma das interfaces pouco exploradas no Brasil são as instalações interativas. No stand da Ford para uma feira automobilística, o visitante podia gravar um vídeo que era mixado por um VJ ao vivo, numa mega interface touchscreen.

Mais exemplos de instalações interativas comerciais no blog do Instituto Faber-Ludens.

Comente este post

Palestra apresentada no Planeta Web 2008, evento promovido no Senac Campinas. Será também apresentada no dia 17 na Lapa Tito, dia 18 Lapa Scipião e dia 19 em Guarulhos.

Slides

Dessa vez consegui finalmente usar o Keynote pra sincronizar o áudio da apresentação.

Slides com áudio

[ Download vídeo ] 14mb

Webdesigner 2.0: Requisitos mínimos para o upgrade profissional [MP3] 7 mb - 30 min

Comente este post

Desenvolvi algum conhecimento em otimização do site para melhorar sua encontrabilidade, o chamado SEO, e obtive alguns resultados interessantes aqui no Usabilidoido e com meus clientes, mas ainda não tinha tido a oportunidade de experimentar o marketing para buscadores propriamente dito, o SEM. O veículo mais popular para SEM é, claro, o Google, que através do Adwords oferece muitas ferramentas para gerenciar campanhas de palavras-chave.

Pois bem, hoje visitei meu amigo Tiago Luz que coordena a equipe de SEM na Mídia Digital e que acaba de lançar seu blog sobre marketing para buscadores. Fiquei boquiaberto com os resultados que ele me mostrou. Gravei um podcast ao volante seguindo a moda do René de Paula Jr para compartilhar o que vi.

Marketing para buscadores dá resultados impressionantes[MP3] 5.4 Mb - 12 minutos

Comente este post

Claro que a faculdade contribuiu muito, mas é no Mestrado que estou podendo desenvolver melhor esses conhecimentos. Entretanto, o Mestrado é mais orientado à teoria e produção científica e menos à prática. Gostaria de ter feito um curso como o do Instituto Ivrea que o Belmer Negrillo fez ou o da Carneggie Mellon que fez o Dan Saffer.

São mestrados profissionais que abordam o Design de Interação em diferentes mídias, desde produtos eletrônicos até interfaces computacionais. Como expliquei anteriormente, é uma abordagem que transcende a mera preocupação com a usabilidade, incluindo fatores sociais, culturais, afetivos, éticos e estéticos no design de artefatos interativos.

Para ter uma idéia, eis alguns projetos interessantes desenvolvidos nesses cursos:

BuddyBeads é um bracelete que permite que adolescentes de um grupo restrito se comuniquem entre si secretamente através de uma linguagem de código de luzes.

Singing Socks são meias usadas como fantoches que tocam música de acordo com o movimento de abertura e fechamento da boca.

Animaland é um conjunto de bichos de pelúcia que ao serem colocados na frente de um computador, o software mostra algumas informações sobre o bicho.

Smoke é um brinquedo que alerta os pais dos males que o cigarro fumado perto de uma criança pode trazer. Se a boneca é muito exposta ao cigarro, sua respiração diminui até parar.

Emma é um Smartphone feito especialmente para casais grávidos. Ele permite capturar imagens e sons do feto e compartilhá-las num blog com familiares e amigos.

Será que poderemos ter um curso assim aqui no Brasil algum dia?

Estou no momento conversando com algumas instituições de ensino brasileiras e avaliando a possibilidade de montar cursos nessa linha.

Qual é a opinião de vocês leitores/comentadores? Vocês fariam um curso de graduação ou pós-graduação (especialização) nessa área? O que acham que deveria ser ensinado? O que gostariam de aprender?

Isto não é só uma pesquisa de mercado, mas também uma oportunidade para discutirmos educação em Design. Fiquem à vontade.

Comente este post

Para decidir o que entra no briefing, é preciso pesquisar, refletir e negociar. O briefing vai guiar todo o projeto, ele não pode ser considerado uma ferramenta trivial. Mesmo que o briefing não seja oficializado, escrito ou assinado, ainda assim as decisões de design que ele costuma encerrar estarão nas mentes, nas conversas e nos papéis das pessoas que participam do projeto.

Definição do objeto

Esta é a parte mais delicada do briefing. Se fechar demais a definição do objeto, poderá ficar preso a elas até o final do projeto, mesmo que se constate depois que não são ideais; se for muito genérico na definição, pode deixar o projeto sem rumo, divagando em possibilidades infinitas sem sair do lugar.

A melhor estratégia que encontrei até agora foi definir o tipo de objeto (website, hotsite, CD-Rom, animação e etc) e agregar apenas as características que a pesquisa inicial indicar como interessantíssimas. O segredo é saber escolher as características que vão transmitir a sensação ao leitor do briefing de que ele sabe do que se trata e que isso é uma boa coisa.

Pesquisa

Fazer pequenas pesquisas não leva muito tempo. Navegar pelos websites da concorrência e anotar o que estão fazendo de bom ou de ruim é o primeiro passo para definir o diferencial do projeto. Conhecer melhor a empresa já é uma obrigação mesmo, então não custa anotar o seu diferencial competitivo. O público-alvo às vezes parece óbvio, mas nunca se sabe com certeza que grupo de pessoas vai se interessar pelo serviço que será disponibilizado. Por isso, o designer tem que estar a par dos costumes das principais perfis de usuários da Internet da região. Tem gente que acessa para jogar, xeretar a vida alheia (blogs e afins), consumir pornografia, obter informações, procurar emprego, pesquisar e uma infinidade de outras atividades.

Conhecendo bem a tribo a que o usuário-alvo faz parte, fica bem mais fácil projetar. Se isso for possível, uma visita a um local onde hajam potenciais usuários do website já é suficiente para ambientar o designer. Imagine ir a um baile da terceira idade antes de projetar um website de um retiro? Emocionante não? Claro que não para o designer, mas sim para os velhinhos! Se o designer se coloca no lugar dos usuários, percebe que o que é feio para ele, é bonito para outros. Texto em fonte Verdana 18px é horrível para a maioria dos designer que conheço, mas para os idosos é ótimo!

Caso o artefato interativo seja usado numa situação específica, dados sobre esta serão de grande valia para o designer. Saber que o artefato será usado principalmente em ambiente coorporativo de escritório já deixa o designer com um pé atrás para usar sons. Se o ambiente for uma fábrica barulhenta, som será completamente inútil. Porém, no aconchego do lar, ele pode ser muito agradável caso seja associado ao entretenimento. Cyber-cafés e Lans-house equipadas com fones de ouvido também são propícias ao bom som, é claro. No entanto, esses lugares podem não ser muito bem iluminados, o que torna os contrastes mais fortes no monitor. Existem muitos fatores ergonômicos que podem influenciar o uso de um software ou website específico e, caso sejam recorrentes na situação de uso almejada, o projeto deve se adaptar a eles.

No caso de design de aplicações, a visita pode ser menos recreativa. Análises de tarefas e de workflow podem ser um tanto cansativas, mas são muito, muito valiosas quando a aplicação apresentar complexidade. Esse tipo de análise pode acontecer numa fase posterior ao briefing, mas antes de sair a campo é possível esboçar um fluxo de interação geral entre as pessoas que vão usar o sistema com base nas conversas iniciais com os clientes.

O tempo todo em que o designer estiver no local da situação, deve aproveitar para observar como as pessoas se comunicam. Não é necessário incorporar todo o vocabulário utilizado, mas certas palavras podem tornar a interface familiar. Também é interessante notar como outras mídias se comunicam com essas pessoas. Folderes, cartazes, outdoors, propagandas televisivas e jornais de áreas específicas devem ser analisados com carinho pelo designer. Que imagens são frequentes? Que ideologias estão por trás delas? Que valores são priorizados?

Comparar os websites que esse pessoal acessa com frequência, é mais interessante ainda. É possível identificar padrões, os clichês que funcionam e os batidos demais e aplicar ou não diretamente no design. Não que ele deva reproduzir somente o lugar-comum, mas deve ter elementos familiares aos usuários. Reproduzir o lugar-comum é fácil para o designer, mas buscar uma identidade única sem estraçalhar com os padrões estabelecidos é uma tarefa muito mais instigante. É como estar no limiar, tentando inovar mas sem colocar o carro na frente dos bois. Ser 100% correto não é possível na prática, mas o Zen nos ensina que devemos ser pelo menos 99%. O que vale é a intenção, ou melhor, o que vale é o retorno que o design vai dar.

Objetivos

O que se pretende comunicar? Vender um skate e acessórios? Apresentar dados demográficos da população brasileira? Mostrar que o filme "X" vale à pena assistir? Essa informação não precisa nem ser oficializada, desde que o cliente deixe bem claro o que quer para o designer. Entretanto, ela vai martelando na mente do designer até o final do projeto. Será seu norte, a base mais elementar para qualquer decisão do design. Assim como na programação orientada a objetos, todos os objetivos secundários do projeto herdarão a constituição do objetivo principal.

O objetivo deve ser claro e conciso, mas não pode lhe faltar especificidade, do contrário não tem utilidade. De que adianta ter como objetivo de um website "fornecer informações a quem se interessar por elas"? Qualquer website pode fazer isso, no entanto, cada website faz isso de forma diferente, pois existe uma intenção por trás do fornecimento de informações. O cliente pode dizer que o objetivo do website é "transmitir informações sobre os carros que sua empresa vende", mas isso não é o que a empresa realmente quer obter. O que a empresa quer é vender carros, mesmo que o website sirva apenas para influenciar um ato posterior de compra. "Vender carros" é o verdadeiro objetivo do website. As informações que serão transmitidas serão meros argumentos para convencer o consumidor.

Para atingir esse objetivo, a mensagem principal que deve ser transmitida é "os carros da nossa marca são os melhores para você". Não importa que informações serão utilizadas como argumento, a mensagem é a mesma. Como as possibilidades de argumentação são grandes, é interessante deixar documentada essa mensagem, de preferência no briefing do projeto ou em outros documentos primários, para que a imaginação não divague demais.

Aplicações também transmitem mensagens principais, embora não sejam tão explícitas. O anti-virús precisa transmitir a sensação de segurança; o Mozilla Firefox precisa mostrar que é melhor que o Internet Explorer sem ser muito diferente; e o Google precisa conquistar a confiança de que pode encontrar qualquer coisa.

Retorno do investimento

Você sabe o quanto vale o seu trabalho? Vale mais ou menos a metade daquilo que seu cliente vai ganhar com ele a curto prazo. Se o lucro almejado pelo cliente é grande, então o orçamento pro design deve ser grande, oras. No Brasil, é comum fazer das tripas coração no desenvolvimento de websites com os orçamentos apertados e os prazos curtos, mas é difícil alguém saber o quanto o cliente está lucrando com isso. Por isso, é interessante tanto para a equipe que desenvolve o projeto quanto para o cliente, calcular o Retorno do Investimento (ROI - Return On Investment).

O Retorno do Investimento é uma estimativa objetiva dos lucros que o projeto trará. Alguns tipos de retornos comums são:

• corte nos custos
• maior participação no mercado (market-share),
• maior conscientização da marca (branding awareness)
• aumento direto nas vendas
• influência na decisão de compra
• aumento de produtividade
• aumento de audiência
• atração de nova audiência
• fidelização da audiência
• aumento da credibilidade do negócio
• aumento da satisfação subjetiva
  

Para definir o Retorno, basta reunir-se com os representantes da empresa e discutir o que se almeja e o que é viável obter com o orçamento destinado. Esse processo deve ser muito bem documentado já que, se o Retorno for alcançado, ele servirá como excelente argumento de venda dos seus serviços de design.

Entretanto, não adianta calcular antes e não verificar qual foi o Retorno concreto depois da execução do projeto. O cliente fornecerá os dados facilmente se ele estiver empolgado com o resultado. Do contrário, pode ficar a cargo da equipe do design checar isso. Vale à pena não só pelo valor comercial que esses dados tem, mas também pela gratificação ao designer responsável; faz bem para sua auto-estima.

Metodologia

Até aqui maravilhoso, mas é preciso cair na real e dizer como tudo isso vai acontecer. Descrever a metodologia dá grande credibilidade ao projeto, mas é preciso segui-la depois. Se comprometer com as ferramentas tecnológicas a serem empregadas no projeto também é complicado, mas pode ser necessário.

Nesse ponto não posso dar muitas mais recomendações, pois a forma de proceder estará determinada pelos elementos acima citados.

Uma ressalva

Esses eram os pontos que eu costumava pensar até alguns meses atrás em projetos tradicionais. Recentemente, estou tentando reduzir os pré-conceitos antes de ter contato com a realidade na própria situação de uso. Para entrar de cabeça no design participativo que acredito ser crucial para a Web 2.0, é preciso estar preparado para trabalhar sem briefing, do contrário fecha-se ou induz a participação das pessoas dentro daquilo que se quer obter delas. Se é pra participar, que seja participação pra valer!

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

A expressão "funcionário" é usada por Vilém Flusser em sua Filosofia da Caixa Preta para designar o homem agindo em função dos aparelhos. O funcionário desconhece a origem do aparelho, como ele funciona e como ele se encaixa nas cadeias produtivas da sociedade. Sua função é alimentar o input e colher o output. O programa desse processamento é ignorado, como se acontecesse automagicamente. O funcionário não sabe que ele mesmo faz parte do sistema e que seu comportamento é programado pelo aparelho, pois este só aceita como input dados que são do seu interesse, ou seja, alimentos apropriados.

A intenção incutida no aparelho é, segundo Flusser, induzir os homens a aperfeiçoar o aparelho. O aperfeiçoamento gera novas possibilidades de uso para o homem que o seduz a explorá-las até o ponto em que é necessário mais aperfeiçoamento. O aparelho é um monstro faminto que evolui às custas da sede humana pelo poder de fazer cada vez mais coisas com menos esforço.

A inocência costumaz que os aparelhos nos apresentam foi muito bem capturada pela ilustração de Matthew Hull:

Flusser coloca as coisas nesses termos para chamar a atenção para o despertar da consciência crítica sobre a fotografia que, para ele, seria o aparelho que inaugurou a inversão de domínio do aparelho sobre o homem. Os aparelhos criados desde então foram se tornando cada vez mais complexos e mais desconhecidos do homem, a tal ponto que o homem passou a servir os aparelhos sem se dar conta disso.

Enquanto penso que escrevo no meu computador, o computador está me ordenhando dados, o mercado profissional onde atuo está se apropriando de minhas informações, meus leitores estão usurpando meu conhecimento. Enquanto reflito sobre isso e penso que faço isso em troca de fama ou de dinheiro, o "aparelho social" vai se retorcendo para expelir a próxima recompensa pelos meus serviços prestados. Se meus escritos forem vistos por muitas pessoas, posso até ganhar um aumento.

Claro que posso tentar subverter o sistema exatamente como penso que estou fazendo agora, mas, francamente, quem é que quer subverter o sistema e correr o risco de perder todos os confortos que a sociedade nos oferece para ficarmos em paz?

Flusser foi perseguido durante a guerra e teve que vir morar no Brasil, onde foi relegado a dar aula numa faculdade insignificante. Enquanto vivo, era um ilustre desconhecido. Depois que morreu, sua obra começou a despertar interesse e hoje é autor "quente" no assunto.

Não quero esperar pela morte para ser ouvido. Na verdade, tenho mais interesse em ouvir o que os outros tem a dizer sobre minhas idéias do que em ser ouvido e isso só posso fazer enquanto vivo. Sigo me adequando ao sistema, mas sem deixar de questionar sua lógica. Quem sabe assim eu consigo um cargo político no próximo governo...

Aproveitando o ensejo, compre os livros indicados abaixo e você se livrará do mal da alienação e eu ganharei uma comissão pela venda.

Livros indicados

Comente este post

Apelo à compra e identidade visual no ecommerce [MP3] 4 minutos - 2 mb

Lucas Haeser, Frederick van Amstel e Evandro Temperini no Intercon 2006.

Comente este post

Tecnologia, Cultura e Sociedade [MP3] 10 mb 25 minutos

Com a explicação da professora Marília fica fácil entender porque escolhi esse programa de Mestrado para pesquisar Design de Interação; estou mais interessado na interferência dos artefatos nas relações sociais do que nas características particulares dos artefatos. Disciplinas como essa tem me ajudado a ampliar minha visão para além de botões e alavancas, enxergando também as dinâmicas sociais onde esses botões e alavancas estão inseridos.

Meu questionamento não é se o botão é ou não usável. Quero saber porque o botão foi colocado ali. Quero saber o que significa esse botão. Quero saber quais são as consequências sociais daquele botão. Quero saber como a sociedade chegou ao cúmulo de criar botões que, ao serem apertados, devastam cidades e matam centenas de milhares de pessoas de uma só vez.

Comente este post

Identifiquei alguns centros comuns e incomuns no Design de Interação, mas deve ficar claro que eles podem acontecer em conjunto e mudar no decorrer do projeto:

Design centrado no cliente

O cliente está pagando, ele manda. Em geral, o cliente que solicita o design de um produto interativo tem um objetivo de retorno claro; ele sabe onde quer chegar, só não sabe exatamente como. O papel do designer é dar a forma para a idéia do cliente.

Quando digo cliente, me refiro à organização que solicita o projeto. O cliente pode ser representado por um dirigente apenas ou por uma gama de representantes dos mais diferentes níveis gerenciais. O que eles tem em comum é a visão de que o produto deve trazer um determinado retorno para a organização.

Entretanto, o produto interativo pode também fazer parte de uma estratégia pessoal dentro da organização. Um dirigente buscando por ascender a cargos mais elevados pode solicitar um projeto apenas com o fim de promover-se, por exemplo. Ou então, se ele é o dirigente máximo, pode estar encomendando um produto apenas por vaidade perante seus concorrentes. Isso acontece muito quando o dirigente se identifica demais com a organização, ou seja, ele trata a organização como uma extensão de sua própria personalidade.

Quase todos os websites institucionais são designs centrados no cliente. Sua função é transmitir a imagem que a organização quer passar para os usuários do site. Alguns sites adotam discurso mais persuasivo e abstrato, como é o caso da Faculdade Pitágoras, comentado anteriormente, mas a maioria espelha ou a relação entre a empresa e o mercado, como é o caso da UFPR, ou a própria organização interna (ex: UFES).

Um caso paradoxal é o design de intranet centrado no cliente. A primeira vista, pode parecer correto organizar uma intranet de acordo com os departamentos e hierarquia da própria organização, mas na prática isso diminui muito sua perfomance de uso. O problema é que para fazer qualquer coisa lá dentro, o usuário precisa entender a estrutura de organização da empresa. Se ele é um funcionário novo ou se no seu trabalho ele não costuma se relacionar com todos os demais departamentos, ele vai precisar de ajuda para se mover dentro na organização. A intranet que seria uma ferramenta para agilizar a troca de informações dentro da organização acaba duplicando a burocracia...

Design centrado no designer

O designer acha que o usuário final vai usar o produto da mesma forma como ele ou, pior, que ele tem que usar da mesma forma. O designer também acha que sabe melhor do que seus clientes o que é melhor para o usuário, logo, não aceita sugestões. Se houver atrito com o cliente que resulte em imposição ao trabalho do designer, este realiza seu trabalho com extrema má vontade.

O resultado de um design centrado no designer é, quase sempre, uma obra de arte. Isso não é necessariamente ruim. Se o designer tiver uma noção clara da realidade e puder desenvolver sua idéia, a obra de arte pode ter relevância para o público-alvo e superar suas expectativas.

Na palestra do Intercon 2005, Max Chanan deixou claro que o hotsite do filme Nina 7 Pecados (fora do ar) foi resultado de design centrado no designer. O site criava uma experiência lúdica completamente diferente do que estamos acostumados na Web.

Nessa tela, há um formulário para deixar uma mensagem, mas sem botão para submeter a mensagem. Ao clicar no coração, se você não escreve nenhuma mensagem, a interface troça de você. Dentro do contexto do roteiro do filme que está sendo apresentado pelo site, esse design é mais do que adequado.

Eu fiquei muito tempo navegando pelo site, maravilhado, mas não tenho certeza se o público-alvo do filme fruiria da mesma forma. Pelo menos a agência levou um Cannes...

Design centrado no sistema

O produto é uma demonstração de habilidade tecnológica. O funcionamento do sistema é mais importante do que a forma como ele é usado. As funcionalidades do sistema não são definidas pela sua utilidade para o usuário final, mas sim pela sua relevância tecnológica no mercado. Dominar uma nova tecnologia significa estar um passo a frente da concorrência.

Esse tipo de abordagem é comum quando não são empregados designers humanistas no projeto. Programadores tem mais facilidade para lidar com tecnologia do que com pessoas, por isso tomam decisões mais com base em argumentos tecnológicos do que humanos. Além disso, como estão sempre buscando melhorar sua habilidade tecnológica, podem escolher uma determinada tecnologia mais porque anseiam o domínio sobre ela do que pela sua relevância para o projeto.

O design centrado no sistema é otimizado para funcionar com o mínimo de recursos possíveis, mesmo que isso complique o uso da interface. As estratégias de interação tendem a ser orientadas de acordo com as funcionalidades e o funcionamento do sistema, exigindo que o usuário entenda o modelo do sistema visualizado pelo seu desenvolvedor.

Sempre que sai uma nova tecnologia na Web, acontece uma profusão de designs centrados no sistema. A última onda é o Ajax e não poderiam faltar esses exemplos. O site da CP Passageiros, uma rede de trens portuguesa, usa Ajax na sua ferramenta de compra de bilhetes:

O auto-completar no preenchimento das estações só é útil se sei exatamente o nome da estação. É muito comum lembrarmos apenas parte dos nomes dos lugares porque é o que se usa no cotidiano. A "Vila Franca de Xira" numa conversa informal provavelmente é tratada como "Franca". Se digito "franca" na ferramenta de busca, ela não completa o nome da estação, mas também não exibe nenhuma mensagem de erro. Só depois que termino de preencher o formulário e dou OK é que o sistema apresenta algum erro:

Essa parece ser uma mensagem de erro padrão para qualquer problema que o sistema apresente. Pior do que não ajudar o usuário a resolver o erro (completar o nome da estação), ela diz ao usuário que o erro foi causado por uma falha no sistema e manda ele embora do site! Como podem gastar tanto espaço na home com animações de marketing da empresa e tratar o usuário desse jeito na hora H?

Apesar desse péssimo exemplo, o design centrado no sistema pode ser útil nos casos em que o usuário precise de fato conhecer o funcionamento do sistema para usá-lo corretamente.

Se o utilitário de configuração da inicialização do Windows (comando 'msconfig') fosse um assistente cheio de pessoas sorrindo e ursinhos de pelúcia, o usuário poderia acabar fazendo besteira sem querer. É bom que a tela do msconfig exija que o usuário saiba o que é SYSTEM.INI para poder usá-la. Quando um usuário incauto desesperado para resolver uma problema causado por um spyware abre essa tela por acaso, ele é imediatamente avisado de que ali a coisa é séria e não dá pra ficar "mexendo" pra ver se resolve.

Outros bons exemplos de design centrado no sistema são as ferramentas de desenvolvimento de sistemas (óbvio), as interfaces de linha de comando (ex: DOS) e motores de veículos.

Design centrado no usuário

O produto deve se adaptar às necessidades atuais e características dos usuários. Antes de iniciar o desenvolvimento do produto, o público-alvo é definido e suas necessidades são levantadas. O produto deve atendê-las da melhor forma possível.

O design centrado no usuário surgiu como reação às abordagens anteriores que estavam apresentando resultados insatisfatórios. O usuário final do produto era quem de fato deveria ser consultado na hora de tomar decisões cruciais. Por isso, a pesquisa é tão importante para o design centrado no usuário. Como saber se o produto atende às necessidades do usuário se não perguntamos a ele?

Como não é viável envolver todos os usuários de um produto durante a pesquisa, o design centrado no usuário tende a gerar produtos adaptados somente para aqueles usuários que participaram das pesquisas, ou seja, há risco de agradar poucos e desagradar muitos. O nome mais correto para essa abordagen seria design centrado em alguns usuários.

Como bem observou Luli Radfahrer numa entrevista, o design centrado no usuário está criando uma cultura de usuários mimados que não estão abertos a novidades. O design centrado no usuário tende a ser conservador, assim como os próprios usuários. O usuário espera o padrão, portanto, o designer tem que seguir o padrão. Para superar essa tendência, a IDEO, por exemplo, prefere envolver pessoas com perfis anormais, pois elas tendem a provocar insights mais inovadores. Tom Kelley explica que as pessoas normais estão acostumadas com o que consomem, então tendem a pedir aquilo que já conhecem.

A versão Seurat do Usabilidoido é fruto de design centrado no usuário. Seja através de pesquisas com leitores, Perfil Semiótico, emails de leitores e estatísticas de acesso e busca, estou sempre tentando adaptá-lo ao máximo às características de uma fatia do público que considero mais importante para mim: os leitores regulares. Assim como todo design centrado no usuário, alguns usuários gostaram e outros não.

Design centrado no comportamento

O design deve suportar os padrões comportamentais dos usuários. Ao invés de prestar mais atenção no que o usuário diz e focar num grupo de usuários específico (como o design centrado no usuário), o design centrado no comportamento procura prestar mais atenção no que o usuário faz e, assim, identificar padrões comportamentais compartilhados por um grupo de pessoas. Os padrões costumam ser agrupados em perfis demográficos ou perfis de papéis.

Andrew Chak identifica no livro Como Criar Sites Persuasivos quatro perfis de papéis em lojas virtuais:

• navegadores (estão só "dando uma olhadinha")
• avaliadores (estão comparando produtos e preços)
• compradores (estão decididos a fechar o negócio o mais rápido possível)
• clientes (já compraram uma vez e querem ser valorizados por isso)

O autor recomenda que os ecommerces devem dar suporte a todos os tipos acima, porém um deles deve ser privilegiado. O Ebay.com há alguns anos atrás, por exemplo, dava mais ênfase aos clientes da casa, mas agora já está mudando. Estão tornando a interface mais fácil e enchendo de ajuda para principiantes o site. Isso pode incomodar um pouco quem já conhece as regras do jogo, por isso não é possível agradar a todos os tipos de público numa tacada só.

Além de ecommerce, websites que possuem facetas do público bem definidas e com objetivos díspares costumam adotar design centrado no comportamento. Não é raro esses sites estarem divididos em seções destinadas especificamente a cada uma das facetas do público.

O website da UFRJ já na primeira página, ou melhor, na introdução em Flash (!) já deixa claro que a navegação é por perfil:

No meu TCC, que tratava do design do site de uma outra Universidade Pública, rejeitei esse tipo de abordagem pelo seguinte motivo:

O website segmentado por público pode oferecer complicações ao usuário quando este acessa-o com um objetivo não previsto pela estrutura do website. Por exemplo, um aluno adiantado que deseja preencher seu Currículo Lattes. A única forma de impedir que isso aconteça em larga escala é monitorar o comportamento dos usuários ao acessar o website constantemente e identificar as mudanças nos seus objetivos para fazer os ajustes necessários. Porém, essa é uma alternativa cara e inviável para o website de uma Universidade Pública.

No caso da UFRN, o site prioriza a navegação por perfil, mas oferece também outros caminhos para encontrar informações.

O perigo do design centrado no comportamento é acreditar que todas as pessoas dentro dos perfils identificados vão se comportar exatamente da mesma maneira. É preciso estar preparado para os usuários que não se encaixam nos perfis e para as situações imprevistas. Por isso, é importante oferecer caminhos alternativos, como faz o site da UFRN.

Quando o design centrado no comportamento não é baseado em pesquisas, ele degenera para o esterótipo generalizado. Publicitários e marketeiros são mestres em captar os estereótipos que povoam o imaginário coletivo para sustentar suas campanhas mirabolantes. "Todo mundo sabe que quem compra cueca não é o homem e sim a mulher que compra para o homem, por isso o site deve ser orientado para o público feminino, com fotos de homens saradões, cores pastéis e formas arredondadas, de acordo com essa pesquisa desses cientistas americanos."

O problema é que estereótipos só existem na cabeça das pessoas. A realidade é muito mais complexa e diversificada. O website da Zorba me parece bem orientado ao público feminino. Eu não gostei nem um pouco das fontes suavizadas, do colorido e das animações.

Em Curitiba, é comum os homens adolescentes skatistas ou de estilo grunge procurarem cuecas diferentes para usar, ou melhor, exibir. Eles deixam a calça bem baixa, quase caindo, para mostrar a barra da cueca. A maioria das mulheres que conheço acha isso ridículo, então, porque manter o design feminino até na página da cueca especial para skatistas?

Design centrado na atividade

O produto deve se adaptar à cultura do grupo de usuários. O domínio do design é mais amplo do que as características do produto, ou seja, quando se projeta pensando na atividade, se projeta também as mudanças nas estruturas sociais e simbólicas dos indivíduos. O design centrado na atividade é uma abordagem ecológica para o design de produtos, pois enfatiza a conscientização do impacto do produto no seu ambiente.

O produto funciona como um suporte para a intermediação entre as pessoas que participam de uma atividade. Se ele for adaptado para um grupo de usuários específico, como no caso do design centrado no usuário, a atividade pode não funcionar quando o perfil dos usuários mudar. Se o Orkut tivesse sido projetado para as características dos primeiros usuários, os entusiastas de novas tecnologias, talvez não tivesse sido aceito pelos usuários que entraram depois e que não eram tão entusiastas assim.

Um bom exemplo de design centrado na atividade é o Flirtomatic. "Flirt" em inglês é parecido com o nosso flertar, mas tem um caráter mais sexual do que romântico. O "flirt" nem sempre tem o objetivo de estabelecer uma relação de verdade, ou seja, é mais uma brincadeira sem compromisso. O interessante é que o Flirtomatic é todo orientado para induzir esse tipo de relacionamento, ou melhor, atividade. Já no preenchimento do perfil, ele pede para você escolher algumas imagens de duplo sentido que representam sua personalidade:

Alguns usuários do serviço podem até não se sentir à vontade com a abordagem cômica sobre o assunto, mas eles são obrigados a se adaptar a ela, pois essa é uma característica essencial da atividade. A brincadeira permite que uma pessoa trate a outra com intimidade sem que isso pareça atrevimento.

O Flirtomatic parece mais interessante de ser acessado pelo celular, mas também é possível pela Web. Graças à influência da interface mobile, a interface Web suporta muito bem o fluxo da atividade. Ao invés de oferecer todos os recursos que a tecnologia permite, ela oferece o mínimo de funcionalidades necessárias para suportar a atividade:

Quando inicio a tarefa principal ("encontrar uma pessoa interessante para flertar"), a interface não tenta me oferecer nada que vá me desviar do meu objetivo:

Na maioria das aplicações sociais e websites, espaço vazio é considerado crime. "Se sobrou espaço, temos que preencher com alguma outra funcionalidade que o usuário talvez possa querer naquele momento". É por causa desse tipo de posicionamento que as pessoas reclamam tanto de excesso de informação, poluição visual, desconcentração, desorientação e etc. Quando o designer conhece bem as atividades que os usuários realizam usando a ferramenta, ele adaptá-la o máximo possível para suportar o fluxo da atividade, do começo ao fim, sem interrupções.

Design centrado na atividade é essencial para produtos inovadores (aqueles que vão criar novas atividades), games e elearning.

Design centrado na tarefa

O fluxo das tarefas que o usuário realiza usando o produto deve estar de acordo com o modelo mental do usuário. A experiência que o usuário possui com sistemas similares condiciona seu modelo mental, portanto, a interface deve preferir seguir às convenções e práticas já existentes.

A diferença das demais abordagens é que no design centrado na tarefa, só interessa o modelo mental do usuário sobre a tarefa em questão. A personalidade do usuário e seu entorno cultural não são levados em conta, pois as tarefas devem ser independentes desses fatores.

O design centrado na tarefa tem suas origens na ergonomia das linhas de produção, onde os trabalhadores são tratados de forma bastante impessoal. A eficiência e a eficácia da linha é mais importante do que a satisfação pessoal de cada trabalhador.

O design centrado na tarefa ideal é aquele que mostra claramente quais são as etapas necessárias para realizar uma determinada tarefa. Melhor do que isso é quando a interface só exibe as opções necessárias para o prosseguimento da tarefa. O Office 12 que a Microsoft está preparando para lançar esse ano está sendo completamente reestruturado com esse objetivo. Ao invés da dupla menu + barras de ferramentas, eles criaram uma barra de ferramentas contextual chamada "ribbon" que muda de acordo com a tarefa atual do usuário. Se escolho a aba "Page Layout", só aparecem opções relativas à formatação da página.

Nas versões anteriores do Office, a opção para mudar as colunas de texto estava sempre disponível na barra de ferramentas, mas se quisesse um ajuste fino além do que ela oferece, tenho que fechar esse botão e ir para o menu Formatar > Colunas. Esta sequência é bem menos lógica do que Page Layout > Columns > Advanced.

Outra característica do design centrado em tarefas é priorizar as tarefas mais frequentes. Foi pensando nisso que a Microsoft lançou há alguns anos atrás os menus adaptivos, que mostram apenas as opções que o usuário usa de fato. Pena que eles demoraram tanto tempo para perceber que isso era uma péssima idéia...

Na nova home da USP, não consigo perceber uma ordem de organização das opções que não seja a frequência de uso. A desvantagem é que se for uma opção pouco utilizada, você precisa ler todas as outras opções para chegar até a que você deseja. Se o catálogo fosse por ordem alfabética, acho que seria mais fácil de usar:

Para mais detalhes sobre design centrado na tarefa, veja meu TCC que, embora se intitule design centrado no usuário é, na verdade, centrado na tarefa.

Design centrado na ação

O produto deixa o usuário à vontade para usar como quiser. O mais importante é que cada ação resulte na reação esperada pelo usuário, por isso, a interface deve seguir estritamente os padrões de interação conhecidos pelo usuário.

O design centrado na ação enfatiza que as funcionalidades do produto devem estar sempre disponíveis e de rápido acesso. A famosa regra dos 3 cliques é puro design centrado na ação, pois desconsidera o contexto. As maioria das heurísticas, guidelines e recomendações dos gurus da usabilidade também tem essa característica.

Em geral, o design centrado na ação é o primeiro passo que o programador toma quando começa a se preocupar com o usuário e deixa de fazer design centrado no sistema. Assim como aplica padrões de codificação no código, ele aplica na interface. O risco é que os componentes da interface podem ficar usáveis, mas o produto como um todo não.

Interfaces orientadas a objetos também entram dentro do design centrado na ação. Nesse tipo de interface, as funcionalidades são criadas depois de definidos os objetos de interesse do usuário (documentos, pastas, figuras, etc). Ao invés do usuário manipular o sistema para modificar o objeto, o usuário age diretamente sobre o objeto com a ajuda do sistema. A diferença é sutil, mas se você pensar na diferença entre compor um desenho escrevendo os pontos do vetor no Actionscript e usando a ferramenta caneta do Flash fica bem mais claro.

O próprio Windows e boa parte dos aplicativos de desktop são designs centrados na ação. Se você já tem experiência com o Photoshop, tente esquecê-la por um momento e se coloque no lugar de quem nunca teve a oportunidade. Pense como você faria para dar um tom sépia nessa antiga foto do Jakob Nielsen:

Não tem nenhum botão ou painel que se refira a sépia, muito menos à tonalidade. Sim, eu sei que você poderia criar uma camada coberta de marrom e mesclá-la com o fundo para dar o efeito, mas o conceito é extra-terrestre para quem nunca abriu o software. O jeito é fuçar nos menus, mais provavelmente "Imagem" e "Filtro". Os menus me oferecem muitas opções, mas nenhuma delas está diretamente ligada à minha tarefa (mudar a tonalidade da foto). No final das contas, sou obrigado a ir tentando uma por uma até encontrar aquela que pode fazer o que desejo. Como existem várias opções que podem fazer o efeito que procuro, a chance de conseguir é grande.

Agora compare com o Picasa, um software bem focado em tarefas:

O Photoshop é mais flexível, pois permite chegar ao mesmo resultados de diferentes maneiras, mas o Picasa é muito mais fácil de aprender para essa tarefa. Se fosse uma outra tarefa que o Picasa não oferece diretamente (pr ex: transformar em negativo), o Photoshop sairia ganhando.

Design centrado na ação é indicado para produtos que possam ser usados para uma gama muito diversificada de tarefas e atividades. Sistemas operacionais, aplicativos genéricos e aplicativos de criação e edição complexos são bons candidatos.

Pesquisa

Essa enquete foi disponibilizada facilmente usando o Flash Poll System

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

Web 2.0

Bem, todas fazem parte de um movimento chamado Web 2.0 que visa usar melhor a rede tanto do ponto de vista tecnológico quanto sócio-econômico. Apesar do conceito original ser bastante amplo, muitas pessoas tem discutido Web 2.0 como sinônimo de Ajax, Webservices, RSS, Blogs e etc. Estas são apenas meios para atingir o paradigma Web 2.0.

Mesmo o próprio Tim O´Reilly, um dos fundadores do movimento, só consegue explicar no que consiste esse paradigma através de exemplos do tipo: "isso é Web 2.0" ou "isso não é Web 2.0". Os padrões que ele identifica nos modelos de negócios, design de interação e infra-estrutura são de fato perceptíveis, mas ele não consegue sintetizar qual é a essência da Web 2.0.

Poderia muito bem responder à revista Webdesign o que acho da Web 2.0, citar exemplos e tecnologias utilizadas e os leitores poderiam pensar: "nossa, como esse cara é atualizado... nem sabia que existia isso. Vou logo baixar umas apostilas sobre o assunto". Isso não seria justo de minha parte porque Web 2.0 não faz parte da realidade brasileira ainda. Não entendemos nem direito como usar a Web 1.0, que dirá de uma nova versão.

Atraso brasileiro

Na minha opinião, estamos atrasados por dois motivos principais: modelo de gestão familiar e mídia de massa.

Muitas empresas ainda são administradas pelo patriarca, seguido pelos filhos e outros parentes. Mesmo quando não é familiar, a hierarquia da empresa ainda é patriarcal. O chefe manda, você obedece. Decisões estratégias só vêm de cima para baixo, nunca de baixo para cima. Devido à centralização excessiva, a empresa se move devagar e emperra na burocracia.

Quase todos os veículos de comunicação são exemplos claros do modelo de gestão familiar. Antônio Carlos Magalhães manda na Bahia com seu jornal e rede de televisão. No Paraná, Fransciso Cunha Pereira não é tão poderoso, mas muito influente. Otavio Frias Filho dirige o jornal que herdou do pai, Folha de São Paulo e também o Universo Online, do mesmo grupo.

A problema disso é que o veículo é usado para reafirmar essa relação patriarcal. "Se saiu no jornal, é porque é verdade", diz o povo. Tudo bem que não é todo mundo que acredita em tudo que publicam, mas é difícil contestar uma fonte quando não há alternativas. Quantos jornais você tem disponíveis em sua cidade com posicionamentos diferentes? E redes de televisão? Não vai dar uma mão.

É natural que para esses "coronéis da mídia" a Web seja mais uma mídia de massa. Ao invés de explorar seu diferencial em relação às outras mídias, reproduzem o mesmo modelo viciado. Para um modelo de gestão conservador isso é certo, já que o retorno é mais previsível e rápido.

Não são só os veículos de comunicação que são conservadores. A maioria das empresas brasileiras é assim, devido ao modelo de gestão familiar, que é conservador por natureza. É por isso que vemos tão poucas experiências inovadoras na nossa Web. "É melhor copiar o que está dando certo do que tentar inventar moda", pensam os empresários. Não arriscam porque se der errado, quebram a empresa e, em última análise, a família.

Porém, os princípios fundamentais da Web não apoiam essa postura. Há alguns anos, li o Irapuan Martinez evocando esses princípios na ArqHP, mas não consegui encontrar a definição original. Pensei em três:

Descentralização

Qualquer pessoa deve poder emitir mensagens e escolher de quais fontes quer receber mensagens. Exemplos: no UOL, a vida de figuras da grande mídia é notícia, enquanto que no Blogger a vida de qualquer um poder ser notícia.

Liberdade

Não deve haver censura para emitir mensagens nem impedimentos para recebê-las. Exemplos: No Mercado Livre, não é permitido publicar informações de contato antes de fechar a negociação, mas no Ebay isso não é problema.

Colaboração

Os usuários da rede devem poder modificar as mensagens. Exemplos: no Webinsider não se pode nem comentar os artigos, que dirá construir textos colaborativos como na Wikipedia.

Respondi à revista que este ano, mais do que nunca, deram certo as iniciativas que souberam aproveitar esses princípios. Se nossa sociedade é patriarcal, é justamente na Web onde os filhos revoltados se encontram para encontrar o que essa sociedade não oferece. Se dermos o que eles precisam, pode ser que nossa sociedade se transforme quando esses filhos ocuparem o lugar dos pais. Sacou a responsa, webdesigner?

Comente este post

Agora que eu terminei meu Curso Superior, parei pra olhar pra trás e vi o tamanho da caminhada. São tantos vales, montanhas, florestas e rios que cruzei que nem consigo mais ver onde começou isso tudo. Só posso dizer que antes do primeiro passo não podia imaginar que o mundo era tão grande... e tão complexo.

Agora já posso colocar no meu currículo o título de Bacharel em Comunicação Social com Habilitação em Jornalismo, mas sabe do que mais? Isso é o de menos. A Faculdade não me ensinou a ganhar dinheiro, a Faculdade me ensinou a pensar. Pensar sobre a sociedade, pensar sobre o homem, pensar sobre eu mesmo. Ao invés de sair preparado para o mercado, saio da Universidade preparado para a vida.

Apesar de não trabalhar diretamente com Jornalismo, não me arrependo do caminho que escolhi. Entender a função da mídia de massa, por exemplo, me levou a tomar uma decisão muito importante na minha vida pessoal: dispensar a televisão, jornais e revistas. Nesses quase 3 anos sem assinaturas e sem televisão em casa, encontrei tempo para realizar atividades mais úteis e divertidas. Não sei se será assim a vida inteira e nem aconselho que outros sigam meu exemplo, mas até agora tem sido muito bom!

Durante a Faculdade, o fenômeno da comunicação de massa foi apenas um dos tópicos tratados. Para entender esse assunto, é preciso conhecer um pouco de sociologia, história, literatura e até filosofia, acredite se quiser. Todas essas áreas se entrelaçam e tem relevância para a vida pessoal de cada um. Conhecê-las é crescimento pessoal, não só crescimento profissional.

Uma vantagem do Curso Superior que escolhi é que o currículo é extremamente flexível. Do total de 2710 horas, 840 são optativas, ou seja, pode-se fazer disciplinas em qualquer outro Curso Superior da universidade desde que hajam vagas sobrando. Claro que, como era de se esperar de uma universidade pública, as oportunidades não eram assim tão fáceis de achar. Mesmo assim, consegui fazer disciplinas nos cursos de Design, Gestão da Informação, Publicidade, Letras, Filosofia, Antropologia e até Engenharia Mecânica.

Abaixo listo as disciplinas que tiveram maior relevância para minha área de atuação profissional atual:

• Aspectos semióticos da informação
• Comunicacao e tecnologia
• Comunicacao sociedade e cultura
• Disseminacao seletiva da informacao
• Fotojornalismo
• Fundamentos de ergonomia
• Introdução à Publicidade & Propaganda
• Promocao de vendas e merchandising
• Rituais e simbolismo
• Teoria da Forma
• Tópicos em informática aplicada ii
• Topicos especiais em marketing i

Estas aqui não tiveram relação direta com minha profissão, mas ampliaram muito minha visão de mundo:

• Estetica i
• Filosofia para ciencias humanas
• Introducao a filosofia ii
• Lingua portuguesa i
• Lingua portuguesa iii
• Lingua portuguesa v
• Literatura infanto - juvenil i

E, por fim, as disciplinas restantes da Habilitação em Jornalismo:

• Comunicacao e linguagem
• Comunicacao integrada
• Etica e legislacao de jornalismo
• Historia contemporanea iii
• Historia sociais dos meios de comunicacao
• Jornalismo impresso avancado
• Laboratorio avancado de jornalismo impresso
• Laboratorio de jornalismo impresso
• Laboratorio de radiojornalismo
• Laboratorio de telejornalismo
• Metodologia da pesquisa
• Planejamento e producao grafica
• Redacao e producao em radiojornalismo
• Redacao e producao em telejornalismo
• Redacao jornalistica i
• Redacao jornalistica ii
• Redacao jornalistica iii
• Sociologia geral iii
• Tecnicas basicas de meios impressos
• Tecnicas basicas de radio
• Tecnicas basicas de tv
• Tecnicas fotograficas
• Teoria da comunicacao i
• Teoria da comunicacao ii
• Teoria do conhecimento
• Teoria do jornalismo i

Além das disciplinas regulares, tive um ano para me dedicar ao meu Trabalho de Conclusão de Curso, este sim especificamente na área em que atuo: Arquitetura da Informação. Apesar dos professores do Departamento de Comunicação não poderem me orientar nesse assunto, encontrei vários livros nas bibliotecas da UFPR que me ajudaram na pesquisa. Para encontrá-los tive que ir olhando de prateleira em prateleira, procurando pistas aqui e ali, já que tanto a categorização quanto o sistema de busca estão obsoletos.

Na disciplina Aspectos Semióticos da Informação (Departamento de Ciências e Gestão da Informação) encontrei finalmente um professor que pôde me orientar numa pesquisa sobre Arquitetura da Informação. O artigo original intitulado "Uma proposta semiótica para a avaliação de estruturas de navegação" gerou um pôster que será apresentado no evento de Iniciação Científica da universidade. Essa mesma pesquisa rendeu também um artigo resumido aprovado no SMSI 2005. Fiquei tão empolgado com a Semiótica que comecei a desenvolver por conta própria o Perfil Semiótico, método que os leitores deste blog conhecem bem.

Gostei tanto da atividade de pesquisa que não vejo a hora de fazer um Mestrado. Em Curitiba, me interessa o Mestrado em Tecnologia do CEFET-PR, que possui um grupo de pesquisa em Design, Arte e Cultura. Ainda não sei qual seria meu projeto de pesquisa, mas poderia ser sobre Design de Interação. Veremos como as coisas se desenrolam.

Bem, isso é tudo. Espero que meu exemplo sirva de incentivo para leitores que gostam de estudar e ainda não fizeram uma graduação. Meu conselho é: procurem um Curso Superior de verdade. Não se preocupem com a técnica, preocupem-se com a tecnologia. Não se preocupem com o status social, preocupem-se com a sociologia. Não se preocupe com o dinheiro, preocupem-se com a economia. Todo o resto vem em consequência. Como diria meu Tio Alexandre Kober: "Não é o dinheiro que vai lhe trazer conhecimento, é o conhecimento que vai lhe trazer dinheiro". Ainda não fiquei rico, mas confio nas palavras dele.

Comente este post

Calma.

Libere o mouse, respire fundo. Sugiro o teclado para rolar o texto.

Leitura rápida é útil, mas só leitura rápida é fútil. Se você usa a Web como principal fonte de leitura, há grande chances de você estar perdendo tempo quando pensa que está economizando tempo. Termine de ler o artigo e depois faça o tira-teima:

Sua leitura é desatenta?

Porque a leitura é desatenta?

Ler no computador é muito desconfortável. Não dá pra levar ele pra ler deitado na cama, na rede ou no sofá. O monitor é uma fonte de luz ligada direto na sua cara. Ele também tem pouca resolução e, por isso, o reconhecimento das letras fica mais devagar. Só cabe uma pequena parte de texto de cada vez.... enfim, são muitas as razões físicas para a pressa.

Por outro lado, existem as razões psicológicas. Sua avó já dizia que "quem faz tudo ao mesmo tempo, não faz nada bem feito", mas os sistemas operacionais continuam incentivando a multi-tarefa. Cada janelina aberta dispende uma porcentagem de sua atenção porque mesmo que você não esteja esperando pelo processamento de algo, ela pode de uma hora pra outra começar a piscar.

O problema é que uma interrupção na leitura de um texto é muito prejudicial para sua compreensão. É preciso grande concentração para entender o entrelaçamento das idéias. Não se trata de uma sequência de ações encadeadas que pode ser continuada do ponto onde se parou sem perdas. Ninguém gosta de ser interrompido enquanto lê, mas no computador as pessoas são obrigadas a aceitar isso.

Existem outras pressões psicólogicas, inclusive de origem social. Samuel Wurman identifica o fenômeno da ansiedade de informação, no qual as pessoas estariam se auto-pressionando para adquirir informações, mesmo que irrelevantes para seu contexto atual. É preciso estar atualizado para sobreviver.

Quais são as consequências?

A curto-prazo, é como sua avó disse (se não entendeu, releia o trecho anterior).

A longo-prazo temos dois possíveis futuros para os zilhões de fragmentos de informação adquirida:

1. são interligados formando complexos consistentes, conhecimento útil para lidar com novas situações
2. são deixados de lado porque já não servem mais pra nada

Só depende de você. "Ou você usa o cérebro, ou perde ele", já dizia o neurologista Glenn Doman.

Um bom livro é a melhor ferramenta para incentivar tais ligações. É como trilhar uma picada aberta pelo autor rumo a uma reflexão sobre um assunto particular. Os bons livros sempre mudam nossa vida.

O que fazer?

Embora o fenômeno da leitura desatenta seja mundial, tenho a impressão de que no Brasil ele é ainda pior. Em países mais conscientes, a escola ainda incentiva a leitura de livros. Aqui são pouquíssimos os jovens que terminam o segundo-grau conhecendo mais do que os livros que são cobrados no vestibular.

Estou escrevendo esse manifesto na esperança de incentivar o leitor a ler mais livros, sejam profissionais ou literários. Espero também diminuir o efeito da pressão psicológica que nos impele a essa atualização constante. O conhecimento que está nos livros é mais estável e valioso.

Diariamente recebo mensagens de leitores interessados em obter conhecimento sobre um assunto específico, mas quando indico um livro, eles perdem o interesse. Um amigo certa vez me disse: "pra quê comprar livros se tem tudo na Internet?" Na minha opinião, tem de tudo um pouco, mas não tem nada de muito específico.

Se o problema é falta de domínio sobre a língua inglesa, já dei dicas de como superar.

[ nota ] Se você leu o artigo com atenção não deve ter preenchido a pesquisa acima ainda. Se for preencher, nem precisa enviar o resultado, você deve ser capaz de uma auto-análise. Caso você já tenha enviado a pesquisa antes de ler até aqui, então os endereços indicados vão receber um email com suas respostas e uma sugestão para lhe darem um livro de presente (você também receberá uma cópia). Se você está revoltado porque não sabia que isso ia acontecer é porque foi duplamente desatento e não leu os termos de privacidade.

Comente este post

Mas por quê ter um departamento só para tratar do assunto se todo mundo sabe o que é simples e o que não é? Muito simples! Segundo o sociólogo Edgar Morin, vivemos uma época em que o aumento da complexidade é constante em todos os sistemas da sociedade. Os produtos estão ficando cada vez mais complexos, mais cheios de funcionalidade. Torná-los simples não é acabar com a complexidade, mas sim domá-la para que o usuário final possa ter uma boa experiência. Isso significa que podemos ter produtos complexos e simples, ao mesmo tempo.

Paradoxal? Claro! Segundo o historiador Hobsbawm, o século XX foi a "era dos extremos", dos paradoxos. O reposicionamento da Philips faz parte de um movimento natural da sociedade que começa a reconciliar os extremos. O objetivo da Philips e das demais empresas que investem em design de tecnologia deve ser proporcionar experiências satisfatórias com unidade.

As empresas que não tomarem esse cuidado perderão clientes. Os consumidores, ou melhor, pessoas não compram um produto, compram o benefício que ele proporciona. Um dos benefícios do produto é a própria experiência de usá-lo ou fruí-lo (no caso de algo com função artística). Essa experiência não é algo que possa ser deixada ao acaso da sorte, é preciso prevê-la e planejá-la. Não é possível controlar a experiência, porque afinal, ela é DO usuário, mas podemos controlar aspectos do design do produto que contribuirão para uma boa experiência.

Aliás, o profissional que vai cuidar disso também precisa ter uma boa experiência, mas no sentido de saber muito bem o que está fazendo. John S. Rhodes conta nesse interessante podcast como a aviação reconheceu cedo que era preciso trazer profissionais de outras áreas para a engenharia, antes que mais aviões caíssem por problemas de usabilidade nos controles de tráfego aéreo. Psicólogos e ergonomistas ajudaram os engenheiros a fazerem interfaces mais simples e muitas vidas (e dinheiro) foram salvos por isso.

Hoje temos profissionais de diversas áreas contribuindo (e disputando) para conter a complexidade. Todas as contribuições são válidas. O que não vale é achar que só porque tiveram uma formação ou experiência similar, vão conseguir lidar com tamanho desafio. Para dominar a complexidade, é preciso antes de tudo assumir sua própria complexidade. Do contrário, confunde-se o simples com o simplório e o complexo com o complicado. Se você não tem muita certeza da diferença, não é num post de blog que você vai compreender todos os liames da questão. Melhor ler livros, refletir e trocar experiências com outros profissionais.

Comente este post

Na minha adolescência fiz um curso na Wisdom durante 2 anos, mas não cheguei ao nível máximo. Gostei muito do método de conversação, só cinco pessoas numa mesa redonda e o professor falando o tempo todo em inglês. O chato era o desnível das turmas. Tinha uns caras que não iam bem e mesmo assim eram aprovados nos testes, daí ficava atrasando o resto da turma.

Saí do curso incapaz de ler e escrever textos maiores com facilidade, mas a experiência valeu porque senti que havia captado a "essência da língua". O problema é que minha prática se resumia aos textos dos programas que usava no computador.

Anos depois, comecei a trabalhar com webdesign e logo percebi que havia muito pouco material em português para aprender sobre o assunto na Web. Quando fazia buscas em inglês, tinha muito, muito mais disponível. Até dava pra navegar e tal, de repente pescar algumas palavras, mas sempre aparecia uma frase que parecia crucial e eu empacava porque não entendia uma palavra ou uma construção frasal. Que raiva! Porque não estudei mais quando tinha tempo pra isso?

Um dia, passeando pela biblioteca da faculdade me deparei com os livros de Jakob Nielsen e Steve Krug que eu queria tanto ler, mas só tinha em inglês. É agora ou nunca, vou aprender esse negócio na marra!

No começo, não entendia patavina. Não tinha saco de ficar olhando no dicionário as palavras que não faziam parte do meu vocabulário porque eram muitas! Simplesmente ia tentando captar as idéias centrais do texto, através das palavras que eu conhecia, do tipo de construção e etc. Esse é um tipo de conhecimento bem tácito, ou seja, difícil de explicar para outra pessoa.

Quando terminei o segundo livro estava lendo inglês pelo menos 4 vezes melhor do que antes. Não sei explicar exatamente como se deu esse aprendizado, só me lembro de que quando haviam palavras que eu não entendia, eu formulava hipóteses que depois se confirmavam quando o autor usava a mesma palavra em outro contexto.

O chato são os falos cognatos, palavras que parecem iguais no português, mas não são, como por exemplo "comprehensive", que ao invés de significar o mesmo que "compreensível", significa o mesmo que "abrangente". Quando fico na dúvida, consulto o dicionário. Em geral os cognatos são quase todos verdadeiros, afinal de contas o inglês é a língua que mais sofreu influência externa de outras línguas, dentre elas o próprio Latim de onde originou o português.

Se não pudesse ter lido esses livros em inglês, não saberia nem um décimo do que sei hoje sobre os assuntos deste blog. Isso sem falar nos inúmeros websites e blogs que acompanho, tudo em inglês. Infelizmente, em português as discussões estão sempre com alguns meses de defasagem, às vezes anos. Este blog é uma tentativa de contribuir para reverter esse quadro.

Hoje já consigo ler com tranquilidade até livros acadêmicos em inglês, mas não consigo falar nem entender com fluência. Meu pai me deu uma boa dica: assistir DVDs com legendas em inglês. Gostaria de ouvir podcasts também, mas até agora não encontrei nenhum sobre os assuntos que me interesso. Se alguém souber de um, me avise!

Está mais incentivado a aprender inglês? Não deixe para amanhã, comece hoje. A ciência diz que quanto mais velho ficamos, mais difícil pra aprender uma nova língua.

Mas te dou um conselho: aprenda fazendo. É importante saber regras gramaticais? Sim, importantíssimo. Mas, não tente decorar. Leia como se fosse uma curiosidade. Quando você estiver diante de uma situação real, esse conhecimento será recuperado. Procure as situações reais. Não vicie no dicionário. Confie em você mesmo. Você já tem o sistema operacional da linguagem, só falta instalar e configurar o programa "inglês". Esse teste ajuda a desfazer alguns conceitos errôneos.

Comente este post

No segundo dia, tivemos a presença de 11 profissionais de mídia online do mercado de São Paulo para debater questões levantadas por Ricardo Almeida (I-group). AlmapBBDO, BuscaPé, Age, Ogilvy, JW Thompson, África, Dez Minutos, RMG, I-bizz, Euro, Chleba, tavam todos lá. Tinha tanta gente no debate que cada um só pode falar um pouquinho e mesmo assim só terminou 1 hora depois do previsto.

No intervalo, tive o prazer de conhecer pessoalmente um dos profissionais que me influenciam, o Michel Lent Schwartzmann da 10 Minutos. Claro que não perdi a oportunidade para uma entrevista em áudio:

Entrevista sobre Publicidade Online com Michel Lent [MP3] quase 10 Minutos ;)

Novos formatos rich-media

Antes do debate, João Binda contou sua experiência na AlmapBBDO, onde faz a ponte entre a mídia offline e online. A empresa cuida de contas como Pepsi, Linhas Aéres Gol, Volkswagen e etc. Hoje, quase toda campanha que sai da Almap inclui ações na Internet. As vantagens do meio são a segmentação, modernindade, agilidade no gerenciamento, visibilidade garantida e as oportunidades de inovação. Os clientes estão percebendo isso e pouco a pouco investindo cada vez mais.

Ele mostrou uma série de cases da agência que aproveitam novos formatos, as chamadas rich-media. O full-banner padrão está perdendo espaço para o expanding-banner, que é igual até o usuário passar o mouse por cima. Num deles, o usuário passava o mouse por cima e imediatamente descia uma tela para especificar os detalhes para uma viagem de avião pela Gol.

Depois vieram outros formatos mais intrusivos: dhtml checkm8, intersticiais, video commercial, superstitial e por aí vai. Basicamente, eles se colocam em cima do conteúdo do portal que o usuário está acostumado a ler por alguns segundos. O vídeo commercial carrega enquanto o usuário lê o site e quando fecha a página, pula o popup e exibe o vídeo. Para veicular anúncios como esse, é preciso pagar muito e ter uma boa relação com o veículo.

Durante o debate Ricardo Almeida levantou se esses formatos poderiam incomodar os usuários, mas todos os publicitários concordaram que não havia risco desde que houvesse um botão para fechar e o anúncio fosse de qualidade.

Minha opinião sobre o assunto é que a propaganda na Internet deve ser o mínimo intrusiva o possível. Internauta não tem paciência, Web não é televisão. Não é à toa que o banner já era. No futuro, prevejo que a propaganda vai estar cada vez mais integrada ao conteúdo, como merchandising. Um exemplo é o site-piada The Legend of Omaha criado pela Almap para divulgar um novo carro off-road da Volkswagen.

Marketing Viral

No primeiro dia, Ricardo Almeida havia explicado que, quando a publicidade tem conteúdo, o próprio usuário faz a replicação da mensagem e convida amigos a vê-la. Através da curiosidade, inovação, comoção ou culpa, o usuário pode ser atraído para tais peças e, se tiver algum benefício, certamente irá propagá-la mais ainda.

Durante todo o evento, foram exibidos diversos daqueles vídeos curtos de humor rasgado que vemos volta e meia cair na nossa caixa postal. Pelo meio viral, é possível veicular peças mais ousadas, porque é o próprio usuário que escolhe quem vai receber. Os vídeos podem ser produzidos com menos recursos e mesmo assim ter um impacto muito bom para a divulgação da marca.

Outro dia um amigo me mostrou um vídeo de um cara que entrou cheio de bombas num carro e estacionou em frente a um restaurante. O homem detonou os explosivos ao invés de quebrar tudo em volta, o carro parecia não ter sofrido grandes estragos. Polo: pequeno, mas seguro. A Volkswagen não admite ter produzido, mas tenho certeza que foram eles.

Comente este post

Ao contrário do que pensaria o senso-comum, o mercado de games surge como uma indústria séria, composta por sonhadores que resolveram colocar os pés-no-chão e desenvolver games como profissão.

Um projeto típico de games leva anos para ser concluído e envolve o trabalho de diversos profissionais. Depois que fica pronto o game, é preciso vendê-lo e isso não é nada fácil. Se antes de começar não for feita cuidadosa análise de mercado, todo o trabalho vai pro lixo. Não é brincadeira de final-de-semana.

Na platéia, os adolescentes eram minoria. A maior parte dos presentes eram estudantes de cursos de ciência da computação que desejavam se especializar na área. A idade variava entre 16 e 40 anos, mais ou menos.

O evento foi uma excelente oportunidade para aqueles que apenas sonhavam em trabalhar perceberem como a realidade é dura nessa área. Enquanto que nos Estados Unidos, a indústria movimenta quase tanto dinheiro quanto Hollywood, no Brasil, o mercado é pífio, principalmente por causa da pirataria desenfreada.

No total, cerca de 40 empresas atuam na área por aqui e só raramente abrem novas vagas. Para entrar numa delas, é preciso já ter alguma experiência, um bom portifólio, demos e etc. Mesmo assim, a procura é muito grande por essas vagas. Apesar do glamour ser muito maior, não posso deixar de fazer o paralelo com nosso mercado Web:

Mercado Web e Mercado de Games [MP3] 4 minutos

O evento sofre do mesmo mal que aflige o Encontro de Webdesign: a auto-promoção em detrimento do conteúdo pedagógico. Apesar de oferecer tutoriais como alternativa, algumas palestras foram ocupadas para mostrar “que legal” são os trabalhos dos profissionais em destaque e não para explicar como foram feitos.

Marcelo Tatagiba, professor da PUC-Rio, chegou a ironizar a prática dizendo que sua palestra não seria como aqueles making-offs da TV a cabo em que os diretores e técnicos em efeitos especiais dizem que “foi incrível fazer esse filme”, mas não explicam patavina de como foi feito.

Tatagiba mostrou passo-a-passo como é a criação de um personagem de games, desde sua concepção até a modelagem em 3D.

Abaixo segue minhas anotações feitas no Palm durante as palestras que assisti no dia 28/05.

Como fazer games AAA
Marcelo – Devworks

- celular jogos em 3d
- brasil de igual pra fora agora

- self promo

- aaa mundo financeiro = risco baixo
- recursos ilimitados
- resultado do dinheiro
necessario
- grana
- publico-alvo
- grande desafio
- aumenta auto-estima
- max payne
- fazer muitos jogos
- quanto mais errar melhor
- eguipe especializada
- game designer experiente

engines indicadas
- virtools $9.500
- gamebryo $65.000 ou menos
- renderware $75.000
- engine barata nao tem suporte
- desenvolver engine custa muito

como conseguir dinheiro
- finep
- bndes
- bancos
- capital de risco
- angel
- publisher - gamasutra
- lei de incentivo a cultura no futuro

middleware
- audio miles
- video bink
- ai implant
- rede butterfly

artss
- photoshop
- after effects
- 3d studio
- maya

funcoss
- gane design
- storyboard - muito importante
- estruturaccao modulos,
- recorte de imagens
- redacao de algoritnos
- programacao
- testes
- correcao

crucial
- publico alvo
- requisitos de soft
- performance
- resolucao
- tamanho de arquivo
- acessibilidade
- tela de carregamento

aspectos legais
- inpi e uspto
- registrar marcas personagens
- copyright

o fracasso e a mae do sucesso

- lucro pra jogo de celular - 40 - 70 porcento

wireless design
Fabio Darci – Wiz Techonologies

- tempo curto projeto

evolucao do tijolao
nao existia mercado
wap abriu mercado mas era caro
- demanda de bebidas ambev
- mutacao de celular
- ngage celular por acaso
- celular vira pc
- a demanda hoje e o conteudo de personalizacao

midias diferente solucoes diferentes
- no celular tem que fazer jogos simples
- o cara do celular nao e gamer
- nao pode ter manual
- menor envolvimento
- games do passado

- equipe multidisciplinar
- o momennto e o game simples

pixelart
- riqueza de informacao
- area muito reduzida
- pequeno nao perde perfeicoss
- tomate 2
- tem que rabiscar no papel antes
- a carta a mao exprime mais a personalidade da pessoa
- o usuario tem que sentir a vida
- estudo de cor pra ficar mais leve no peso
- trabalhar com contraste
- fazer estudo de cor

animando personagem
- a animacao incentiva o jogo
- contraste e crucial
- a simplicidade compensa com animacao

aplicativos de conteudo
- iconografia economiza espaco
- tipografia contribui pro grafico
- portabilidade

nao basta jogo inteligente, tem que ser bonito

wmail
- fundo azul irrita

Futuro dos games
???

- o que importa e o entretenimento
- a maguina principal e a cafeteira
- o brasileiro joga muito
- revolucionario = sonhador = ser criticado = por em pratica

premissas basicas
- tem que fazer pesquisas - viabilidade
- estrelas sao insuportaveis

- bons profissionais mudam de endereco
- conhecimento em varias areas
- velocidade atualizacao

- mercado mais diversificado (projeto, licenca, publisher, audio)

- o filho joga o pai banca - mkt em cima dele
jogo na internet
- elimina vendedor
- reduz pirataria

no brasil so vale a pena se for pela web - massivos
- muita pirataria

jogos educacionais
- crianca como atravessa a rua
- o ser humano se lembra de 60 % do que interage
- economia de recursos humanos
- reducao do tempo de aprendizado

advertainment

medicina
- o jogo pode ajudar o psicologo a acessar altista
- reducao da dor - a gente nao presta atencao em outras coisas
- simulacao de cirurgias
- shoppings virtuais
- arquitetura

jogos femininos
- complexas demais
- 32% dos jogadores

jogos dos coroas
- desafios mentais

treinamentos de emergencia

simuladores na petrobras e na embraer

Programando em linguagem de musico
André Poyart

- enfase na grafica
- limar no audio
- graficos tendendo ao hiperrealismo

- os pais so conseguem ouvir o game
- som enche o saco do pai

- definir as limitacoes tecnologicas
- formatos de entrega
- banco de sons mid

- concepcao artistica
- o musico precisa ver as imagens
- intencao do audio
- narrativas e dialogos
- segurar a onda para a criacao
- deixar o hobby de lado
- serio mas nao sisudo
- dificuldade de expressao da fala se supera com exemplo de sons
- duracao da musica
- transicoes entre trilhas

- splash - impacto rapido
- abertura - impacto
- cinematicas -
- telas de menu - loop
- ambiente de jogo - fundo que nao atrapalhe
- fim de jogo - recompensa
- creditos - loop

- o grande barato do jogo e a imersao
- se o som quebra, ele sai da realidade
- lista de efeitos sonoros nao precisam ser detalhadas
- aleatoriedade e importante
- o efeito sonoro tem que estar em concordancia com a musica - abrir buracos sonoros na frequencia
- manipular um pouco o som do banco sonoro
- foley criar som a partir de coisas reais
- texto tem que ser bom pra ler - frases curtas, nao rebuscada
- vozes e muito caro contratar atores
- os espectros de som nao devem se sobrepor senao embola

importante
- tamanho x qualidáde
- equilibrio sonoro
- consistencia
- controle de qualidade
- insercao na programacao
- deixa de lado a preferencia musical
- cuidado para nao se apegar com o placeholder

concepcao e modelagem de personagens
- a melhor placa de video e o cerebro
- pong 72
- os jogos hoje nao tem apelo de personagens
- pacman para publico feminino
- primeiro personagem a ter nome
- modo japones de criar personagens nao e sistematizados
- diminiuicao das cabecas desde flash gordon - duke nukem, brok unreal
- principios da animacao - preston blair
- o personagem tem que ter carisma
- formulas dos estereotipos de personagens

fazer personagem
- pesquisa de campo
- fotos
- concorrencia
- ferramentas de design
- desenho de conceito
- planta de modelo - model sheet
- execucao da modelagem
- nao se cria nada, so executa

Desenvolvimento de jogos para o mercado internacional
Chris Kashmidt ??

- 40% do mercado nos eua
- brasil esta junto com korea
- 50% das empresas sao independentes
- mercado internacional da 10 a 20 vezes mais

o clube
- varejo controla a industria 60%
- apenas publishers grandes conseguem colocar nas prateleiras

riscos
- falta de experiencia
- idioma
- diferencas culturais (nao e tao diferente)
- dificuldades juridicas
- publishess nao gostam de novas ideias. Tem que ter experiiencia
- falta de licenca
- investimenao pesado

a chance de conseguir com um publicador no primeiro projeto e de 1 em 200

aumentar chances
- entender mercado
- conhecer o genero (escolher area que da pra competir - morg, rpg
fps) escolher um nicho
- montar a equipe certa (gerente, representante, cont, project lead, game designer, artistas, programadores)
- experiencia (nome vale ouro)

os publicadores tem que dizer quantos copias vai vender, por isso e preciso ser parecido com jogos existentes

projeto
- proposta chamativa de 4 a 8 paginas (cheio be imagens)
- design do semi-completo
- cronograma e orcamento
- prototipo impressionte
- mostrar pra pessoa certa

publishers nao querem ideas eles querem experiencia

erro
- valorizacao tecnologia sobre arte
- falta de empredimento
- falta de hierarquia
- falta de contatos

artistas
- falta no mercado
- criativo
- 3 artistas para 1 programador

aviso
- regra de 2x = sempre demora duas vezes mais

segredo do sucesso
- boas ferramentas,cedo
- metas razoaveis entre 4 a 8 semanas
- boa comunicacao
- unica visao explicada
- documentacao

funcao do game designer
- diretor do filme
- criativo
- entender todas partes
- experiencia

Comente este post

Tecnologias para desenvolver jogos para celulares

Introdução ao design de jogos, o estado atual dos jogos wireless, aspectos conceituais do design para esse tipo de dispositivos; passando por algumas "regras" e soluções gerais para lidar com as restrições dos dispositivos e da tecnologia. Além disso, será feita uma pequena análise do futuro dos jogos para celular.

História dos Jogos Eletrônicos

A Cosmologia dos Jogos Eletrônicos trata-se de uma introdução a Ludologia, o estudo dos jogos eletrônicos e seu papel cultural na sociedade contemporânea. A apresentação expositiva é baseada nas definições conceituais do entretenimento eletrônico e avança através da linha do tempo, apresentando a história dos jogos sob o viés do design, da tecnologia e da interatividade.

Design de jogos para celulares

Criação em midia diferente; Pixel art ; criação de personagens; animação de personagens ; Iconografia para aplicativos de conteúdo ; Tipografia

Apesar de nunca ter tocado no assunto aqui, me interesso muito pela área. Já li alguns livros, mas sempre pensava que não adiantava investir nisso porque o mercado de games no Brasil era praticamente inexistente. Era. A pesquisa da Abragames não é mentirosa: vários amigos já comentaram sobre o assunto. Começam a surgir possibilidades reais de trabalhar produzindo games.

Hipergames: O Videogame entre a Hipermídia e o Entretenimento

Os videogames atuais levantam dezenas de novas questões para pesquisadores de áreas diversas. Estas questões variam desde a interação entre homem e máquina, relações à distância em ambientes ficcionais, até o tipo de conteúdo que alguns títulos oferecem, e que tipo de influência teriam no comportamento dos jogadores.

Neste contexto, o papel dos videogames ultrapassa a barreira do entretenimento infantil e aproxima-se dos valores idealizados pela hipermídia. Esta pesquisa visa identificar semelhanças e diferenças entre os dois universos e apontar caminhos para o desenvolvimento de um meio de comunicação hipotético, que denominamos hipergames.

HAESER, Lucas. Monografia (Comunicação, Arte e Tecnologia), Faculdade de Belas Artes de São Paulo, 2005.

Haeser faz o estado-da-arte dos videogames e mostra como ele estão ficando cada vez mais sofisticados, não só do ponto de vista tecnológico, mas principalmente temático. O chamado ciberdrama já é realidade em games narrativos como Resident Evil (que virou filme), Grand Theft Auto e Metal Gear Solid. Haeser não tem medo de propor que assim como o cinema, alguns desses jogos podem ser encarados como obras de arte.

Assim como o hipertexto, e sua versão turbinada, a hipermídia, o videogame compartilha características em todos seus conceitos chaves: interface, interatividade, não-linearidade e co-autoria. Porque não considerá-lo também como uma forma de hipermídia? Evitando complicações maiores, Haeser cria o termo hipergames (hiper = que vai além) para designar games que exploram tais características.

Comente este post

Já ouvi dizer que o profissional feito para resolver esse problema é o Relações Públicas, porque ele detém o maquiavélico poder da Comunicação Integrada em suas mãos.

Se um RP fala isso em voz alta e um jornalista ouve, certamente pensa: "RP é tudo um bando de puxa-saco, precisamos de pessoas que esclareçam os fatos".

O administrador de marketing dirá que o problema é a falta de comunicação interna e a solução é uma campanha de endo-marketing para estimular a comunicação (!).

Falou em campanha, o publicitário acorda e sai bradando frases malucas. "A solução é o nonsense! Só com o humor podemos administrar o excesso de informação."

Ao escutar tais palavras, um biblioteconomista resolve ficar diante de um computador conectado à Internet durante 72 horas sem parar, só atualizando seus conceitos. Durante esses 3 dias, ele sofre uma metamorfose e se transforma no incrível Gestor da Informação.

Além das nádegas quadradas, seu cérebro inchou tanto que não cabe mais dentro da cabeça. "A solução é guardar o conhecimento dentro de um bem planejado sistema de informação", avisa o recém-promovido a Gestor da Informação.

Antes mesmo de ligar pra ele, o Analista de Sistemas já chegou e está com o projeto pronto de um sistema mirabolante de armazenamento de informação. "E como o usuário vai recuperar toda essa informação?", pergunta o Gestor. "Acho que um website seria uma boa né?"

"Que tipo de website?", pergunta um outro ex-biblioteconomista que passou não 72, mas 128 horas na frente do computador. "Precisamos definir bem a estrutura disso aí, senão o prédio desmorona," preconiza o auto-intitulado Arquiteto da Informação.

"De que adianta um prédio sem uma boa fachada?", desafia o Designer Gráfico. "Vocês podem ter muita informação, mas se ela não for bem apresentada ao usuário, de nada vai adiantar."

Antes mesmo de chegar o pessoal da Psicologia, Antropologia e Linguística, o refeitório da empresa já está lotado de profissionais querendo cada um puxar o bife pro seu lado.

A solução não é um profissional-chave. Para lidar com as demandas de informação dentro e fora de uma organização é preciso, antes de tudo, mudar seu modo de produção. Ao invés de dar vazão apenas a produtos e serviços, a empresa deve produzir também conhecimento. Para isso, ela precisa estabelecer um fluxo contínuo de entrada de informação, análise, discussão e divulgação dos resultados obtidos. A empresa que quiser guardar pra si todo conhecimento gerado nos seus domínios ficará para trás. A melhor forma de adquirir conhecimento é pela troca.

Dentro desse fluxo, aí sim, cada um dos profissionais citados terá um enfoque diferente e poderá lidar de maneira mais ou menos eficiente em determinados aspectos. O segredo é ter a informação correta, ou melhor, conhecimento.

Comente este post

Empresários míopes consideram que a Web não é um bom negócio nesse ramo, porque ninguém compra móveis pela Internet. Pode até ser, mas ninguém compra móveis pela fachada da loja também, no entanto, esses mesmos empresários investem muito mais só nas fachadas.

Se tivesse falando com um desses empresários, imagino a conversa:

- Ah, mas vendo a fachada, o cliente está a meio-passo de comprar. A fachada serve para atrair clientes.
- E o website, não teria a mesma função?
- Sim, mas é muito pouca gente que procura móveis na Internet. Nosso website recebe menos de 50 visitas todo dia.
- É porque seu website não está otimizado para buscadores. Segundo a Terespondo.com, só no mês de março, 9246 pessoas fizeram buscas incluindo a palavra chave "móveis". Você pode atrair toda essa gente se quiser.
- Ah é? E como faço isso?
- Jogue fora seu site em Flash e faça outro com bastante conteúdo.
- Mas aí o site vai ficar sem graça...
- Compense em serviços. Ofereça algo de útil para seus clientes, como por exemplo um simulador de ambientes, um guia de decoração ou um customizador de móveis.
- Nossa! Nunca tinha pensado nisso... Quando podemos começar?
- Agora mesmo e...

Deculpem, me empolguei... Óbvio que na realidade conversas como esses não são tão fáceis assim, heheheh.

Florense

Possui 90 lojas espalhadas pelo Brasil, todas com fachadas invejáveis como essa, mas apenas um website. Não é difícil acreditar que o que foi gasto nesse website equivale a menos de 10% do custo de uma dessas fachadas.

Imagine que antes de entrar na loja, você fosse obrigado a passar por um gigantesco corredor com paredes lotadas de fotos de ambientes que em nada se parecem com sua casa. Absurdo? Mas é assim no website.

Agora digamos que não houvessem atendentes disponíveis na loja (como no website) e você precisasse ir até a sessão de armários residenciais. A loja é enorme e não permite que você veja os móveis à distância. A única referência que você tem disponível são as placas no teto da loja, mas elas estão tão pequenas que é preciso um binóculo para lê-las. Absurdo? É assim no website, vide submenu.

Bontempo

Há alguma dúvida por onde você entraria na loja? Para mim, parace claro que a porta é o vidro do meio, inclusive pelas dicas da logomarca ao lado, o tapete e o caminho no jardim. No website, não há dicas:

Depois de tocada uma breve intro, fica aquela sensação de "e agora, o que faço, onde clico?" Para iniciar o uso do website, é preciso encontrar o botão "menu", bem pequeno no canto inferior esquerdo.

Imagine que você entra numa loja dessas querendo saber quais sãos as cores disponíveis para os projetos Bontempo e uma vendedora lhe responde prontamente: "Pois não, temos as cores Miniboreal, Soft Square, Argentado, Noce e muitas outras. Qual você escolhe?" Asssim mesmo, sem mostrar nenhum exemplo da cor aplicada a uma superfície. Absurdo? É assim no website, vide seção FAQ:

Todeschini

Uma loja de móveis só é aberta quando sua obra está completamente terminada, afinal de contas é exatamente disso que ela trata: mobilhar é a última etapa da construção.

Imagine que por fora a loja parece completa, mas ao adentrar em determinadas salas, você esbarra em baldes de cimento, ferramentas, tijolos. Absurdo? Algumas seções do website estão com conteúdo imcompleto, mas você só descobre isso depois que clica no botão e não acontece nada. Veja onde leva um link anunciado na primeira página (guia de profissionais):

Dellano

Imagine que ao entrar na loja, você está num corredor fechado com apenas um telão no fundo mostrando imagens do último lançamento da Dellano e há 8 portas, 4 de cada lado. Cada porta tem apenas um desses símbolos pendurados:

Parece cena de vídeo-game ou então de filme de terror, não é mesmo? Absurdo, mas no website é assim.

Quando vi os ícones na navegação principal, não contive meu impulso de passar o mouse por cima para saber o que significavam. Passei o mouse em cima do primeiro e vi o rótulo "Cozinha". Gosto de ícones, mas esses realmente estão difíceis de pegar sem rótulos. Duvido que quem não trabalha fazendo ícones vai gostar de navegar desse jeito.

Agora tente você adivinhar os demais, como eu fiz.

Segue o resultado dos meus chutes (da esquerda pra direita, à partir do segundo):

Tudo bem que posso saber o significado dos ícones passando o mouse por cima, mas sendo assim qual a vantagem de usá-los? Melhor usar somente os rótulos, então!

Apesar do problema com os ícones, até agora é o website da categoria que investiu melhor na Web. Ele tem realmente bastante conteúdo: animações interessantes, boas fotos e redação publicitária como essa:

"A cozinha é um lugar especial, com aromas e sabores diferentes. Aproxima as pessoas e proporciona momentos de prazer."

Conclusão

Webdesigners, temos que fazer melhor do que nos é pedido. Temos que superar as expectativas do usuário e, consequentemente, do cliente. Se o cliente não sabe como ter uma boa presença na Web (em geral eles não sabem), temos que ensinar isso pra eles. Dê exemplos. Na falta deles, mostre esse post.

Comente este post

A aquicisão só se dará no segundo semestre de 2005 e depende de confirmações dos acionistas. A marca da Macromedia não permanecerá. Pode ir se acostumando com o nome Adobe Flash.

Com relação aos produtos, seguem as especulações:

• O Dreamweaver, carro chefe da Macromedia, provavelmente será fundido com seu principal concorrente, o Adobe GoLive
• Freehand será abolido em favor do melhor succedido Adobe Ilustrator
• Flash Paper não ameaçará o PDF
• Flash Player fundirá com o Acrobat Reader
• Há chances de Flash se tornar mais próximo ao padrão SVG, já que a Adobe possui um player de SVG há tempos

Andava meio frustrado com relação ao novo player que a Macromedia está pra lançar, cheio de novos recursos gráficos. Achava que eles eram espertos o suficiente para perceber que precisavam atender a padrões, como o SVG, mas parece que vão dar ênfase mesmo em efeitos especiais. Sobre isso José Carlos Caribé comenta:

A enfase da Macromedia para incluir mais recursos graficos no novo Flash começa a fazer sentido, será que a Adobe já estava trabalhando em conjunto com a Macromedia ?

Como sou um cara esperançoso, acredito que a Adobe vai mudar radicalmente o Flash Player para torná-lo mais estruturado, mais parecido com a proposta SVG. Isso seria uma vantagem bem vinda também para o Acrobat Reader, cuja função importante é veicular textos na Web. Agora que os dois estarão juntos, não será tão difícil disso ocorrer.

Produtos vem, produtos vão. Quem acreditava que o Flash iria durar para sempre, pode ir mudando de idéia. Ao contrário de projetos open-source, projetos proprietários não estão preocupados com relacionamentos emocionais, a não ser que seja para se aproveitar disso para fins de marketing. Conheço muita gente que não tem vergonha de dizer que "ama Flash". Você ainda amaria sua namorada se ela mudasse de nome e fizesse uma operação plástica drástica?

Digo e repito novamente: profissional, não se especialize em tecnologias, especialize-se no seu uso. Se interesse mais por seus efeitos na sociedade, na economia, nos indivíduos e não nos seus detalhes técnicos. Saiba mais do que o "como fazer", saiba o "porquê fazer".

Nos últimos anos, enquanto me aprofundava em Usabilidade, colegas se aprofundaram em Dreamweaver, Actionscript, Tableless e etc. O mundo pode sofrer um colapso tecnológico que meus conhecimentos de usabilidade ainda serão úteis, mas o dos meus amigos não tem tanta estabilidade. Há quem goste da dinâmica de estar sempre sendo confrontado com o desafio de dominar novas tecnologias (eu gosto disso), mas é sempre bom ter um pé bem fincado no chão.

Comente este post

Colocar o selo da operadora de cartão de crédito numa loja virtual pode ajudar, mas não resolve. Melhor do que isso é materializar o virtual, através de medidas que são melhores explicadas nesse post em áudio:

Materialize o virtual e ganhe credibilidade [MP3] 9'51"

Resumindo:

• telefone e endereço em local proeminente
• publicar nomes de pessoas
• usar fotos reais e não banco de imagem
• dar um bom feedback para toda interferência do usuário
• enviar emails de confirmação
• enviar catálogos impressos gratuitamente

O Projeto de Webcredibility da Universidade de Stanford realizou alguns estudos sobre como os usuários avaliam a credibilidade de websites e chegaram à conclusão de que a imagem que o website imprime tem mais peso até que sua política de privacidade na hora de inspirar confiança:

Por exemplo, quase metade de todos os consumidores (46,1 %) do estudo julgaram a credibilidade dos sites baseado em parte pela aparência geral do design gráfico, incluindo o layout, tipografia, tamanho da fonte e esquema de cores.

Nossos resultados com os consumidores sobre a a proeminência do design do site e aparência geral não foi o que esperávamos encontrar. Os participantes pareciam fazer decisões sobre a credibilidade das pessoas e a organização por trás do site baseadas no visual. Nós esperávamos ver pessoas usando critérios mais rigorosos quando acessam sites. O resultado indica que o Consumer Web Watch, juntamente com os bibliotecários e profissionais de informação, tem que aumentar os esforços para educar os consumidores a fazerem deciões mais ponderadas, particularmente quando isso pode afetar seu bolso ou sua saúde.

Não é só na Web que as pessoas julgam a credibilidade baseadas na imagem. Julgar um livro pela capa é impulso natural ao homem desde tempos imemoriais. Foi somente no século passado que o capitalismo descobriu que poderia aproveitar essa fraqueza do ser humano para encher a bola de produtos e instituições.

Existe hoje uma tendência do consumidor se tornar mais crítico e criterioso, porém ela cresce junto com a tendência dos publicitários a se tornarem mais hábeis em criar imagens. Melhor do que disputar com o consumidor é dar o que ele quer: a verdade. Se a empresa tem credibilidade, melhor comunicar isso de forma honesta e pontual do que enganá-lo com imagens fictícias.

Comente este post

Hoje em dia, a primeira coisa que faço quando acesso o website de uma agência Web é verificar se o site dela adere aos webstandards ou pelo menos possui um job em destaque que é complacente aos padrões. Assim já fico sabendo se ela está antenada às mudanças do mercado ou não. Empresa que se preste a trabalhar com tecnologia de ponta não pode comer mosca, fica pra trás rapidinho.

Porém existe um tipo de padrão que está se estabelecendo na Web de forma não oficial e é preciso observá-lo. Trata-se dos padrões de usabilidade, ou melhor, Padrões de Interação, porque possuem escopo mais amplo do que somente usabilidade.

Quer um exemplo rápido?

Precisa explicar do que se trata e como se interage? Somente se o usuário estiver nos seus primeiros dias de Internet ele não reconhecerá a ferramenta de busca. O usuário reconhece a forma e relaciona com sua experiência prévia com outros websites que usam um esquema parecido.

Mesmo o Cadê usando o padrão desde 1996 (*nostalgia*), o IG preferiu explicar a busca com o seguinte texto "Diga o que você quer que o iG procura". Lembrem-se de que nessa época, uma grande quantidade de novos usuários entraram na Internet, graças a provedores como esse. Eles precisavam de ajuda, mas nem tanto. Na sua sétima versão, o IG desvia um pouco do padrão, mas perceberam que não há necessidade de maiores explicações.

Esse é um padrão simples, mas existem outros bem mais complexos e menos estabelecidos. A navegação facetada, por exemplo, ainda nem foi descoberta pelas principais lojas virtuais do Brasil. O Webinsider oferece duas facetas para encontrar artigos (por editoria e por tema) e duas para colunas (por autor e pelo nome da coluna), porém cada faceta está representada diferente.

Lá fora, os arquitetos da informação já perceberam que o recurso pode ser muito útil para permitir que o usuário encontre determinada informação por caminhos diversos. Segundo Heidi Adkisson, 69% dos sites que pesquisou usavam uma forma de navegação facetada. Epicurious, o maior site de receitas do mundo, permite que o usuário navegue pelo ingrediente principal, pelo método de preparação, pela ocasião, pelo tipo de prato e etc.

Existem também padrões que, de tão batidos, já estão sendo evitados, como por exemplo o esquema básico de navegação Empresa - Serviços - Contato. Mesmo variando o nome e conteúdo das seções de um website corporativo, dificilmente desviará do padrão para esse tipo específico de site. Basicamente, ele vai dizer o que a empresa faz, como faz, para quem faz, com quem faz e como comprar sua produção.

Dificilmente um empresário vai permitir que seu site institucional fuja a esse padrão. Esse padrão ele consegue reconhecer na concorrência, mas poderia passar despercebido uma quebra de padrão de hiperlink (sem sublinhado ou outro destaque). Na medida em que se tornem mais experientes no assunto, é natural que comecem a esperar e cobrar trabalhos padronizados de seus webdesigners.

O velho Nielsen já falava sobre a necessidade de padronização há tempos. Isso facilita a vida do usuário porque ele pode aproveitar o conhecimento adquirido em outros websites para interagir com website ainda não visitado. Ele vai se sentir mais no controle da experiência, porque:

• sabe que funcionalidades esperar
• sabe a aparência que a funcionalidades terá
• sabe onde encontrar tal funcionalidade
• sabe como operar a interface
• não perde tempo tentando entender elementos desconhecidos
• não tem surpresas quando algo não reage como esperado

Ok, você se rende. Vai aderir aos webstandards, padrões de interação, normas ISO e o escambau, em todos os sites que fizer. Por favor, não! Se nos contentarmos somente em atender aos padrões, a Web não evoluirá mais. Podemos fazer melhor do que o padrão estabelecido, podemos criar novos padrões, podemos ser felizes e usar nossa criatividade.

A primeira coisa a fazer é reconhecer os padrões que estão por aí. Preste mais atenção ao navegar. Compare websites. Anote e publique num blog o que você encontrar. Martjin van Welie tem a melhor coleção de padrões de interação na Web disponíveis gratuitamente, mas somente em inglês. Acho essencial que surja esse tipo de material em português, inclusive com adaptações para o mercado brasileiro, que é um pouco diferente.

Quem quiser aprofundamento no assunto, estarei ministrando um curso online de 4 horas só sobre Padrões de Interação ainda esse mês. Vejo vocês lá ;-)

Comente este post

Tá certo que os bugs frequentes e a lentidão do orkut são frustrantes, tanto que desisti de acessá-lo a não ser as comunidades de Usabilidade e AI. Também o descaso em não traduzirem para o português mesmo os brasileiros representando 63% dos usuários é frustrante. Porém, isso não justifica fazer uma cópia do serviço sem esses e outros defeitos.

O nome não é parecido, mas também é uma palavra curta e nonsense. A idéia de rede social também não é nova. Se fosse só isso, tudo bem, mas vejam essa sequência de screenshots:

Mesmas idéias, mesmas funcionalidades, mesma disposição das informações, mesmos rótulos. Só muda no design gráfico, que é bem mais limpo, por sinal. E não é só essa tela. Quase tudo é assim, focinho do orkut.

Imagino que o serviço tenha nascido da vontade de fazer algo no estilo mas melhor do que o orkut, porém, não precisava ser tão "no estilo". Aliás, nem foi o tal engenheiro do Google que criou a idéia. Antes dele, já existia o Friendster com bastante destaque nos Estados Unidos. Ao invés de copiar o que já existia, o pessoal do Google fez melhor, muito melhor, por isso fizeram sucesso. Criaram novas funcionalides e, principalmente, deram uma roupagem muito mais atrativa e emocional que a do Friendster (veja os screenshots dele nesta apresentação).

Infelizmente, esse tom emocional não está presente no Gazzag, que tem um ar um tanto quanto anti-séptico por causa do excesso de branco e do cinza. Os ícones e botões coloridos salvam um pouco, mas o que mais me faz falta é o bom-humor da interface do orkut. Veja nas telas de edição do perfil:

"Descrição do corpo"? Não sei se é implicância minhas, mas esse rótulo trata a pessoa como objeto? Melhor seria "Descreva como você se parece" ou algo do gênero. Vamos com calma nessa objetivação, minha gente, senão daqui a pouco teremos um ícone de uma caminhonete onde se arrastam amigos pra comer feijão na chácara do vô. Não é assim que funciona no mundo real, não é assim que vai funcionar no mundo virtual.

Não posso dizer que não houve melhorias no Gazzag, mas ainda são poucas. A que eu achei mais legal parou de funcionar há alguns minutos (ou eu delirei):

Nessa tela o clique lá nas quase abas revelava o conteúdo abaixo instantaneamente, porque era feito por Javascript. Não sei porque mudaram, acho que talvez essa área (urg) cinza seja algum bug de css. Agora o clique nas quase abas leva à uma seção mais abaixo na mesma tela (âncora), solução muito pior porque leva à desorientação.

Outro ponto forte é o menu principal de navegação, reclamação antiga do pessoal do orkut:

Posição atual bem marcada, informações melhores distribuídas, rótulos precisos. Mesmo assim, não consegui encontrar a lista de espera por aprovação, nem uma busca de amigos por nome. Saber se meus amigos já estão lá é crucial para decidir se uso o serviço ou não.

Sei que o plágio não foi de má intenção. O usuário gosta quando encontra algo familiar, que já sabe usar, mas se tudo for tão igual, ficamos na mesmice, não há evolução. O outro post de hoje fala um pouco sobre isso.

Vale a menção de que, assim como orkut, o site é gratuito e não tem propaganda (ainda). Por isso, não podemos reclamar demais. Se alguém quiser convite pra essa nova rede, pode me mandar um email que eu adiciono os 20 primeiros que chegarem. Depois ignorarei completamente os pedidos. Ah, se vocês esperam que vão ficar livres dos "bad donuts" do orkut, estão enganados. Apesar da velocidade ser muito maior (tableless, é claro), ainda há vários bugs a serem consertados, mas pelo entusiasmo do Antonio devem desparecer logo.

O mais gozado de tudo isso é que o Gazzag não clama propriedade sobre as informações lá contidas, mas o orkut sim. Aliás, não entendi essa. Será que o Google quer ganhar em cima da descoberta da pedra filosofal quando alguém o fizer dentro do orkut? Ponto pros gazzagueiros.

Comente este post

Resumindo, eu disse a ele que não adianta tentar tornar o Flash mais acessível. Enquanto a Macromedia não fizer isso pra valer com um código no SWF mais estruturado e complacente a padrões como o SVG, não adianta o esforço extra. Se a acessibilidade é importante para o conteúdo, então melhor não usar Flash.

Porém, o rapaz usou meu próprio argumento para defender o uso do Flash: "precisamos inovar nas interfaces". O objetivo dele é encontrar uma solução que envolve detecção em Flash e XML com XLST para gerar XHTML. Complicado né? Por isso eu disse que não valia o esforço, mas se ele conseguir será um bem valioso para toda a comunidade de desenvolvedores de Flash. Acompanhe um trecho da conversa:

fred:
bem, pelo que tenho visto, é difícil um site todo em Flash apresentar alguma vantagem para usuário

Leandro:
isso por falta de uma solucao diferente de estrutura e metaforas que funcione pro usuario final

Leandro:
eu penso

fred:
eu pensava assim tb

fred:
mas mudei de idéia depois de ler alguns livro sobre design de softwares

fred:
metáforas são muito perigosas

Leandro:
nao é algo facil.. esquema do windows funciona e todos acham facil

fred:
porque o designer fica apaixonado por elas

fred:
e acaba levando ao pé da letra

fred:
trazendo todas as dificuldades do objeto real

Leandro:
mas novidade é importantee imagino que seja possivel mudar sem tornar tudo mais dificil

fred:
simconcordo plenamente

fred:
e o Flash é o máximo nisso

Leandro:
entaogrande lastima nao se aproveitar dele

fred:
grande lástima o flash ser menos flexiveldo ponto de vista da acessibilidade

fred:
por isso acho que a Macromedia vai adotar uma forma semelhante de SVG

Leandro:
exatamente uma solucao de acessibilidade que eu to procurando

fred:
mas não é em qualquer trabalho que se pode experimentar inovações

fred:
aliásas oportunidades são muito restritas

fred:
em geralo usuário espera o padrão

Leandro:
orasmas experimentar é preciso..

Leandro:
nao to fazendo nenhum site comercial

Leandro:
depois de comprovado que funciona queas coisas saem da experimentacao

fred:
pense nos seus usuárioseles ficarão chateados se tiverem que reaprender alguns conceitos para poder navegar pelo seu site?

fred:
no caso do Usabilidoido eu achava que sim

fred:
mas depois de receber frequentemente reclamaçõespretendo adotar um modelo mais padrão

Leandro:
nao acho essa uma açao muito boa.. como encontrar boas solucoes se nao tentar?

nao to criando nenhum site pessoalou comercialou o que seja
o objetivo de tudo seria exatamente testar um metodo pra deixar o conteudo do flash acessivel

fred:
porque não falou antes? vai fundoheheheh

fred:
mas te dou um conselho

fred:
não esquente muito com isso

fred:
porque talvez o Flash nunca seja acessível

fred:
pelo menos é o que acredita o Collin Moock

fred:
ele diz que o foco do Flash é no visualpor isso não adianta

Leandro:
bemnao custa tentar

Comente este post

O filme conta a história de um cara atormentado, que sai correndo pelas ruas alucinado atrás de não sei o quê. Não entendi muito bem os diálogos porque a qualidade do som estava ruim demais para minha compreensão parca de inglês falado. Já que era um filme destinado para a Web, deveriam tomar o cuidado de deixar mais claros os diálogos, eliminando sons de fundo no momento.

No meio de toda a confusão, toda hora aparece algum aparelho eletrônico que a Amazon vende. No final, é claro que estão lá as ofertas dos produtos exibidos no filme. Propaganda não intrusiva, subliminar e inteligente. Quem não é seduzido assim?

Sei que dessa forma, estarei ainda mais à mercê de publicitários ardilosos, mas prefiro do que ser obrigado a assistir comerciais, ser incomodado por banners, receber spam...

Publicitários, acordem! Não precisa ser Amazon para fazer merchandising. Google Adsense é um bom exemplo de merchandisign...

[ Atualização ] O curta-metragem exemplo de merchandisign não está mais online, porém é possível ver sua ficha no IMDB.

Livros sobre o assunto

Comente este post

digom: quanto a questões de compatibilidade com outros sistemas
digom: eu já não sou mto a favor
digom: pq acredito que uma versão feita pra web, pra ser vista em micros
digom: é diferente de uma pra PDAs e Celulares
digom: o que defendo é unificação da informação
digom: claro que se vc tem que apresentar o mesmo conteúdo em 3 "plataformas" diferentes
digom: claro que a informação tem que vir da mesma fonte
fred: concordo contigo
digom: mas não necessariamente sobre o mesmo "encapsulamento"
digom: não se trata de criar 3 versões do site
digom: e sim front-ends que tragam a informação da mesma fonte comum
fred: o problema todo acoontece quando as pessaos confundem acessibilidade com usabilidade
digom: sim
fred: tem que te as duas coisas
digom: quer ver um exemplo que fere esse princípio "estragado" que tá sendo formado na cabeça de muitos profissionais daqui?
fred: manda
digom: é uma situação que encontrei naquele próprio site que estava te mostrando
digom: várias funcionalidades do site na web, não tem pé nem cabeça para constarem numa versão pda por exemplo
digom: muito menos num celular...
digom: ex...
digom: você parar pra baixar os whitepappers da marca no seu celular..
digom: ou seja, é óbvio que existe um tratamento diferente
digom: os canais são diferenciados...
digom: 1 menu para uma versão para celulares jamais vai ser igual a um menu web
digom: a forma de caracterizar a informação
digom: o que fico puta da vida, é que nego defendo o tableless como se fosse a solução pra fugir da santa inquisição
fred: concordo contigo, a usabilidade óptiima requer uma dedicação exclusiva ao suporte
digom: Acessível... compatível...
digom: e funcionalidade?
digom: aí que está o X da questão
fred: mas, se você pode prover acessibildiade a um site sem fazer maiores esforços, porque não o fazê-lo?
fred: tableless é a maior moleza
digom: sim
fred: e ajuda muito a acessibilidade
digom: concordo com você
digom: eu vim do html na unha
fred: mas eu acho o seguinte
digom: o único problema que eu vejo, é a contra-mão da essência do design
fred: futuramente, teremos que projetar uma mesma página para ser aberta em diferentes dispositivos
digom: sim...
fred: só que junto com a página
digom: mas não dispositivos totalmente adversativos
fred: vai as especificações de como exibir em cada dispositivo
digom: sim
fred: no CSS tem um lance chamado mediatypes
fred: e existe o XLST que faz o mesmo pro HTML
fred: é possível ter sites completamente diferentes nas plataformas diferentes
digom: mas já existe pleno suporte por parte dos browsers?
fred: mas com o mesm conteúdo
fred: existe sim
digom: nesse caso eu concordo
digom: só que mesmo assim
fred: mas, o problema é o seguinte
digom: existem recursos pertinentes a cada meio...
fred: wireless ainda é muito caro
digom: não é simplesmente a forma de apresentar
digom: pq se você for ver, o retrabalho que isso vai gerar, vai ser quase equivalente que criar versões autônomas, apenas com a mesma fonte de dados
digom: apropriadas aos seus meios
fred: não, não é mais fácil
fred: a chave pra tudo é a separação
digom: só que 1 mecanismo de detecção eficiente
fred: entre conteúdo, apresentação e comportamento
fred: e não precisa de detecção
fred: o browser faz isso
digom: sim, nesse caso não
digom: se a coisa caminha para um processo evolutivo
digom: como o xhtml transicional
digom: aí julgo válido
digom: pq cá entre nós cara
digom: desenvolvendo em tableless muitos recursos visuais são perdidos
fred: não se perde nada, isso é um mito
fred: quer ver?
digom: posso lançar um desafio então?
digom: você passar um site pra tableless, sem perder nenhuma caractística...
digom: já vi vários sites "quadradões" convertidos pra tableless
fred: dá uma olhada nesse site de banda de rock
w.adrenalyn.net/news/
digom: até aí sim.. válido...
digom: totalmente válido
digom: vejamos
digom: putz
digom: quadrado cara..
digom: eheh
digom: tem cara de site tableless
fred: você quer redondo?
fred: então peraí
digom: mas vou falar uma coisa
digom: o cara foi inteligente
digom: nas adaptações
digom: isso eu admito
fred: http://www.blogger.com/start
digom: ehehhe
digom: já vi esse tbm cara :)
fred: concordo contigo numa coisa
digom: por falar nisso, é um dos que julgo os melhores
fred: que site tableless tem cara de site tableles
digom: sim
digom: isso é fato
fred: mas isso não é por causa da limitação
fred: do código
fred: mas sim por causa de uma tendência do design
digom: então é uma tendência retrógrada?
fred: a tendência por si só sempre é vanguardista
fred: mas, ela é diferente doq ue estamos fazendo
fred: por isso, podemos julgar antiquada
fred: uma tendência no design, está intimamente ligada ao suporte
fred: isso significa que toda a filosofia do tableless está influenciando esse pessoal
fred: agora, temos que fazer sites clean
digom: sim cara
fred: que sejam estruturados
fred: que tenham títulos, caixas delimitadas
digom: só que depende do foco
fred: claro, mas tendência está acim disso
digom: imagina eu querer desnevolver um hotsite
fred: você pega a tendência e aplica no seu projeto, ou não
digom: pra persuadir um determinado público
digom: existem coisas que de cara
digom: eu sei que se eu jogar "quadrado" pro usuário
fred: concordo contigo
fred: para essas coisas existe Flash
digom: vou ter resultados de péssimos pra catastróficos
digom: http://www.nicotinol.com.br/
digom: entra nesse
digom: imagina tudo isso em box quadrados
digom: um indicativo visual de "proibido fumar"
digom: quadrado....
digom: é bem uma analogia
digom: talvez o cara entende...
digom: mas não da mesma forma
fred: hahahaha, mas é possível converter para webstandards mole esse siter
digom: esse sim
fred: você só não vê isso pelo seguinte
digom: usei um mal exemplo :)
digom: nesse eu concordo
digom: e percebo isso
fred: a filosofia do tableless preconiza rapidez no download
fred: quanto mais economico você for, melhor
digom: mas não exatamente da mesma forma
fred: ninja
digom: sim
fred: esse site,não tem jeito, teria que ter aquela imagem de fundo
digom: eu sei
fred: é pesado isso
digom: eu já peguei o espírito da coisa
digom: já li bastante sobre
digom: pra falar a verdade
digom: estou desenvolvendo um projeto
digom: tableless
digom: onde a economia de banda vai ser indispensável
digom: foi esse o determinante
digom: tá mais ou menos na linha do blogger
fred: eu tb peguei um projeto assim, heheheh
digom: mais ou menos um "finjo que sou redondo, mas no fundo sou quadradão"
digom: eheh
digom: ainda mais que é um projeto pessoal, e vai arder no meu bolso
fred: olha só mais um nessa linha: http://www.lousco.com/index.htm
fred: a vantagem desse é que ele consegue ser emocional, coisa rar em site tableless
digom: um que gosto, embora seja quadrado, mas gosto, é do cara que comenta o usabilidoido
digom: o vitor
fred: vitor?
digom: Isso
digom: troquei as bolas !
digom: IVO!
digom: eheh
fred: ah sim
digom: esse dos labradores está bacana
digom: mas vai de contra a natureza orgânica do produto
fred: é o site dele é massa mesmo
digom: labradores quadrados :)
fred: outro dia estava pensando sobre isso
fred: quadrado X redondo
digom: http://www.mesquita.com/
fred: e cheguei à conclusão de que não podemos negar, nossa sociedade é quadrada
fred: os carros, as casas, os prédios, as ruas
digom: sim
fred: tudo produto do racionalismo
fred: que é quadrado
digom: mas tendemos às linhas orgânicas
digom: o famoso "arredondado"
digom: não redondo... arredondado
fred: sim, quando queremos voltar àquele eu natural
digom: sim
digom: acredito que o arredondamento
digom: é uma tendência de redução do impacto racional das formas
fred: com certeza
fred: o redondo é irracional
fred: é uma linha que não tem começo nem fim!
fred: é o infinito dentro dele
digom: sim
fred: porém, não podemos nos esquecer do seguinte
fred: estamos dentro de um ambiente extremamente racional
fred: o computador
fred: está mudando lentamente, mas não adianta
digom: daí que vem a magia da coisa
digom: a grande sacada
fred: que massa o site dos câes que você passou
digom: por ele ser um ambiente tipicamente racional, a busca do orgânico é evidente e crescente
digom: eu também adorei cara
digom: e na boa
digom: tudo no peso certo
digom: redondo onde tem que ser, quadrado onde tem que ser
digom: flash na medida certa
fred: concordo contigo, é uma tenção constante
fred: precisamos do redondo, tanto quanto do quadrado
fred: mas, estou convicto de que no momento, predomina no computador a busca pelo quadrado
digom: eu estou acompanhando a tendência
digom: estudando
digom: pra caso tenha que mudar drasticamente por exigência do meio
digom: eu não seja atropelado
fred: temos que ter a capacidade de fazer as duas coisas
digom: sim

Comente este post

E quando sentimos que conseguimos alcançar essa meta, dá uma sensação muito gostosa. Ficamos com aquela sensação de que estamos indo pelo caminho certo, porque afinal de contas, essa caminhada não acaba nunca. Mal superamos um mestre e já nos submetemos a outro. Porém, não descartamos nosso referencial superado. Pelo contrário, agradecemos de coração pelos ensinamentos, nem que seja só pelo exemplo dado.

Sem medo de parecer puxa-saco, listo os profissionais que mais me influenciam e por que:

Irapuan Martinez

Ele é incansável. Está diariamente nas listas de email combatendo tudo aquilo que vai contra "os princípios básicos da Web", sem medo de queimar o filme com grandes agências. Suas palavras são contundentes e muito bem fundamentadas. Seus emails são bem formatados e, por ora, longos. Como dizem no orkut, é praticamente onisciente, lê muito. Fui convertido aos webstandards graças a eles. Em contrapartida, fico decepcionado quando ele diz coisas como: "Que importa a forma? O que interessa é o conteúdo" ou "A Web não é um veículo visual". Ele pende demais para o lado racional, analítico e não aceita visões mais subjetivas de design. É tão teimoso que se recusa a comentar neste blog, só por causa do "sábias palavras" lá dos comentários, apesar de adorar tirar um sarrinho dos defensores da "não-simplicidade funcional". Entrevistei ele pro FlashMasters há algum tempo falando sobre os pontos-fracos do Flash. Com certeza é o homem-HTMinimalism.

Marcos Albuquerque e Marcos Saura

Os magos da Lifemotion. Nos meus tempos de newbie no Flash sonhava em um dia descobrir como fazer aqueles impressionantes efeitos especiais com tão poucos Kbytes. Com o tempo, fui analisando seus trabalhos e descobri que esse papo de criar emoções não era só piração, mas realmente adicionava valor aos websites. Entrevistei o Saura e descobri que ele também era uma pessoa normal. Fiquei contente. Ídolos não existem. Os últimos trabalhos deles são tão diferentes do que se espera de um website, que pode até ser que criem um novo gênero, caso as soluções tragam benefícios reais aos seus clientes. Com esse objetivo, o Albuquerque está cada vez mais preocupado com navegabilidade e de vez em quando me pede a opinião sobre os novos trabalhos. Diria que fazem parte do estilo Drafting Table Transformer.

Michel Lent Schwartzmann

Apesar de ser sócio de uma das mais conhecidas agências de Internet do Brasil, ainda continua sendo tão humilde quanto nos tempos de ativismo político na Promit. Mantém as listas de email mais importantes da comunidade de produção para a Web do Brasil e de vez em quando até participa das discussões. Trabalha na área desde 1994, quando terminou o mestrado nos EUA. Pensamentos de visionário e jeito de amigão, vide participação no orkut. Me concedeu uma grande entrevista sem cerimônias, nem adiamentos. O que mais me admira nele é seu esforço para encontrar o caminho do meio e apartar as brigas das listas.

Celina Uemura

Consegue conciliar conhecimento técnico, percepção estética e ainda ergonomia numa mesma cabeça. Coisa rara isso. Conseguiu agradar clientes de alto escalão e trabalhou em empresas respeitáveis. Há pouco tempo abriu sua própria produtora, a Ipê Digital. Lê muito e está sempre atualizada com as novas tendências, apesar de na entrevista ter negado seguí-las. Pelo seu site pessoal, enquadraria-a no estilo 1950´s Hello Kit School.

Jonas Galvez

Qualquer um que escreve um bom livro técnico com 15 anos merece louros, mas ele não é qualquer um. Nerds desse tipo são quase como robôs, não se interessam pelo lado humano da vida (!). Além de altíssimo conhecimento técnico em Actionscript e outras linguagens de programação, lê e discute sobre filosofia, sociologia e psicologia mesmo tendo abandonado a escola (ou quem sabe foi por causa disso). Antigamente sua prepotência me incomodava, mas depois que ele assumiu isso publicamente, posso suportá-la melhor ;)

Jakob Nielsen

Um crítico mordaz. Suas palavras são duras e racionais. Mete o dedo na ferida e é irônico, mas fala boas verdades. Se não fosse por ele, não estaria estudando usabilidade. Seu livro Homepage: Usabilidade foi um marco na minha carreira. "Ei, quero fazer isso que ele faz também, tenho jeito pra coisa". Sim, também gosto de criticar, mas tenho uma postura mais holística e construtiva. Enquanto que ele costuma deixar o ego dos designers lá no chão ou provocar uma chuva de tomates, prefiro um caminho mais tranquilo. Discutimos aqui no blog outro dia sobre o seu site pessoal.

Luke Wroblemski

Escreveu um livro bem deglutível sobre usabilidade e publica um blog recheado de reflexões sobre design de interfaces. Ao contrário da maioria do pessoal que escreve e ensina sobre design, ele tem um website pessoal muito bonito e funcional. Além de dar aulas, está trabalhando como designer no Ebay.com, mas sempre ligado no que acontece na comunidade de designers.

Jeffrey Zeldman

Antigamente não gostava muito de seu estilo de design, mas admirava muito o que escrevia e mantinha na revista Alistapart. Parece que de um ano para cá, ele passou a valorizar mais layouts um pouco menos minimalistas, vide o site de sua empresa. Seu livro sobre webstandards muito gostoso de ler e preciso. Me influencia mais justamente na importância de uma Web semântica e estruturada.

Edward Tufte

Seus livros conseguem elevar o minimalismo ao estatuto de princípio básico no design de informação. O minimalismo dele chega a ser extremamente belo, pela inteligência e perspicácia. Ainda não li seu livro sobre design de interfaces, mas li dois sobre gráficos e mapas. O mais legal é que é ele próprio quem banca a edição de seus livros, que acabam sempre virando best-sellers na área. Me marcou uma frase sua: "Quem acha que um gráfico é chato é porque escolheu os números errados". Ele insiste que não é preciso recorrer a enfeites para atrair a atenção para informações interessantes. É mais importante ser claro e preciso. Seu site pessoal abriga uma comunidade de discussões e de vez em quando ele coloca os rascunhos de seus novos livros.

Com certeza, admiro muitos outros profissionais, mas não os conheço o suficiente para escrever o porquê da admiração. Listei aqui os que estão me influenciando no momento. No passado foram outros, no futuro serão outros. Leitores também, apontem seus mentores.

Comente este post

Comente este post

No Jornalismo idem, é uma tendência esse negócio de especialização. Quanto mais especializado, mais remuneração. A meu ver, ao mesmo tempo, mais alienação também. Creio que é uma forma de controlar mais o poder que cada indivíduo tem na sociedade. Mas tudo bem, não é imposto. É apenas uma tendência e que é acostumado a nadar contra a correnteza, vai saber se virar como um bom generalista.

Como não pretendo correr riscos, percebi isso faz tempo e encontrei meu nicho na usabilidade. Mais precisamente, estou me especializando em usabilidade de aplicações ricas de Internet. E você? Qual é a sua? Posta aí nos comentários para os demais leitores que ainda não tinham sacado isso terem uma idéias de para onde seguir.

De relance, consigo identificar as possíveis grandes áreas de especialização para um webdesigner:

• designer de interfaces de aplicativos
• designer de interfaces Web
• arquiteto da informação
• arquiteto/designer da interação
• designer da informação/visualização
• jornalista visual/multimídia
• engenheiro de usabilidade
• especialista em experiência do usuário
• ergonomista
• ilustrador/animador/sonoplasta
• especialista em semântica e arquitetura de documentos (XML/CSS, etc)

Comente este post

Você sabe o quanto vale o seu trabalho? Vale mais ou menos a metade daquilo que seu cliente vai ganhar com ele a curto prazo. Se o lucro almejado pelo cliente é grande, então o orçamento pro design deve ser grande, oras. No Brasil, é comum fazer das tripas coração no desenvolvimento de websites com os orçamentos apertados e os prazos curtos, mas é difícil alguém saber o quanto o cliente está lucrando com isso. Por isso, é interessante tanto para a equipe que desenvolve o projeto quanto para o cliente, calcular o Retorno do Investimento (ROI - Return On Investment).

Ele apresenta uma estimativa clara dos lucros que o projeto trará. O retorno pode ser corte nos custos, maior participação no mercado (market-share), conscientização da marca (branding awareness), aumento direto nas vendas (no caso de e-commerces), influência na compras, etc. Basta sentar com o cliente e definir o que ele espera receber em troca e o que o projeto pode conseguir. Tudo isso deve ser muito bem documentado já que, se o ROI for alcançado, ele servira como excelente argumento de venda dos serviços futuros de design.

Por falar nisso, não adianta calcular antes e não verificar qual foi o ROI concreto depois da execução do projeto. O cliente fornecerá os dados facilmente se ele estiver empolgado com o resultado. Do contrário, pode ficar a cargo da equipe do design checar isso. Vale à pena não só pelo valor comercial que esses dados tem, mas também pela gratificação ao designer responsável. Faz bem para sua auto-estima.

Um projeto de design centrado no usuário, como este que estou propondo neste capítulo, pode ser apresentado ao cliente resultando nas seguintes vantagens:

• reduz os custos e o tempo de desenvolvimento e de manutenção
• vida útil do design maior
• aumenta as transações, o tráfico e o tamanho da audiência
• atrai novos clientes e os retém
• aumenta a competitividade e credibilidade do negócio
• aumenta a produtividade e a satisfação do cliente
• corta custos nos call-centers (suporte por telefone)
• diminui a curva de aprendizado

Comente este post

É de senso comum que qualquer produto ou serviço caro é sinal de estética e funcionalidade superiores. Nós acreditamos que isso é uma concepção errada. Fundos limitados não é mais uma desculpa válida para desanimar e entregar trabalhos porcos.
(tradução livre e enviesada)

Comente este post

Fiquei sabendo que uma das mais famosas agências de internet aqui do Paraná (que não vou citar o nome) faria uma seleção de estagiários. Precisava fazer umas peças só para participar. Não gosto de fazer trabalho de graça e resolvi não participar. Quando cheguei em casa, tive uma idéia tão boa e tão fácil de implementar que não pude evitar de fazer. As peças da campanha estão aqui. Resultado: fui chamado pra entrevista.

Chegando lá, tive um papo muito gostoso com a diretora de criação. Ela estava muito interessada no que eu tinha a dizer. Nessa hora, senti que vale à pena todo esse estudo que faço no campo da usabilidade e design analítico. Posso justificar praticamente todas as minhas decisões, que era o que ela queria saber. Olhei para os lados, mais da metade da equipe de criação eram de estagiários, fiquei desconfiado. Era uma casa grande, com muito espaço vazio.

Dias depois, ligaram para minha casa dizendo que eu era "o escolhido". Segue a conversa:

- Então, você pode vir aqui amanhã à tarde?
- De tarde não dá... estou no trabalho. Pode ser pelas 9?
- Ãh? Você trabalha? Isso ninguém tinha me dito!
- Ué, eu falei pra diretora de criação que eu trabalhava na DC2 Propaganda e tal.
- Ah, deixa pra lá... agora você me pegou de vendido, sacanagem... mas me diga, quanto você está ganhando?
- X
- Ai, ai, ai... bem, então tá. Me pegaram de vendido... tudo bem, tchau Frederick.
- Tchau.

Não me ligaram mais e um colega da faculdade acabou sendo "o escolhido".

Saindo um pouco da minha indignação pessoal, posso dizer que agência que não prioriza a qualidade da produção está fadada à decadência. Contratar estagiários é bom para formar novos profissionais valiosos e qualificados. Claramente, não é isso que acontecia lá. Estavam mais preocupados em ter mão-de-obra barata, já que a quantidade de estagiários superava o número de contratados. Não tinha acreditado quando uma amigo que já havia trabalhado lá me contou que tinha gente lá que depois de formado e 3 anos de casa, ainda não tinha sido admitido.

Assim como essa agência, existem milhares. Meu conselho é: não entre nelas de jeito nenhum. Elas vão te sugar e você não vai aprender tanto quanto em outros lugares. Vai estar pagando para ser explorado, porque a bolsa-miséria desse estágio deve estar perto de salário mínimo. Se você é empregador e está fazendo algo parecido com essa agência, fique esperto que uma hora você vai cair do cavalo. Digo e repito, estágio não é mão-de-obra barata.

Comente este post

O ADSL Residencial só funciona em linhas telefônicas da GVT. Se você ainda não assina os serviços de internet banda larga deles, terá que fazer isso além de pagar a taxa ao ADSL Residencial.

Comente este post

Aqui na agência, sempre que fazemos uma proposta, começamos fazendo uma pequena pesquisa para ver o que se está fazendo por aí. Abro o Google e digito as palavras-chave do negócio. Raramente encontro bons trabalhos. Dou uma olhada se tem algo parecido nos vencedores do Ibest (na falta de uma referência melhor). Se não encontro nada nacional, parto pros exemplos gringos. CWD.dk e Nolimitmedia são minhas melhores referências no aspecto de design porque tem mais exemplos comerciais e menos portfólios experimentais (que não são muito úteis nessa fase). Claro, se eu já tiver passado por bom website do ramo, tenho um link guardadinho já para esse tipo de referência. Por isso galerias como CSS Vault estão sempre me deixando atualizado sobre o que de melhor se faz por aí.

Depois que fechar o negócio com o cliente, é bom perguntar se ele já viu websites dos seus concorrentes e dar uma olhada nas urls. Aí já dá pra especificar no briefing qual é o posicionamento do cliente com relação à concorrência, se quer que seja similar ou não. Se ele for do tipo empresário pra frente, vai ter uma boa lista de links que vão ajudar e muito o nosso trabalho.

Aliás, isso foi algo que eu esqueci de fazer no último job aqui da agência (e que eu citei no último post sobre briefing) e que acabou resultando em perda de tempo tentando adivinhar o que o cliente queria. Até escrevi um post no começo desse projeto, relatando minha dificuldade em conciliar um "design colorido que enchesse o olho e fosse ao mesmo tempo simples". Numa segunda reunião, descobrimos que o cliente não queria nada disso, ele queria apenas algo parecido com a concorrência.

Ok, saí dessa reunião com duas tarefas: simplificar aquele layout coloridão e criar correndo um splash "site em construção". Fiz o splash em uma hora, bem simples mesmo. Depois de mais alguns dias de trabalho, apresentei a versão simplificada daquele outro layout e me espantei com o cliente que disse que preferia aquele splash. Pois bem, refiz o site todo naquela linha (só funciona no IE) em dois dias. Se tivéssemos sacado isso no começo do job, teríamos economizado umas três semanas de trabalho, pelo menos.

Comente este post

Resolvi escrever esse post em virtude de uma conversa com o Marcos Albuquerque, comentando sobre o último site que a MHK produziu (só no IE). Concordamos que era o melhor trabalho que eles produziram desde que ela perdeu seus principais talentos de outrora. Um design razoável, alguns efeitos aqui e ali, mas faltando um elemento agregador, uma idéia forte, uma direção de arte.

E hoje, li dois artigos muito interessantes exatamente sobre o assunto. Primeiro, no Webinsider, Maira Costa diz que:

"O boom da internet fez surgirem muitos profissionais de design autodidatas, o que é ótimo do ponto de vista criativo, pois aí surgem as novas técnicas. Porém a falta de embasamento cria no mercado designers sensíveis, muito sensíveis, sensíveis demais às “agressões” à sua “arte”. Enquanto deveriam ser sensíveis às necessidades do cliente."

E então, a revista Alistapart lança o artigo que diz que:

Na matemática, o todo é sempre igual a soma das suas partes; dois e dois são invariavelmente quatro. Nas artes, entretanto, o todo é muito mais do que a soma das partes ou muito menos. (...) Designers, programadores e outros especialistas criam os elementos essenciais do todo. Mas é o diretor de arte que é incumbido de amarrar essas partes para ter o máximo de resultados.

Resumindo, estou embebido pelos conceitos de Direção de Arte e louco para começar um novo projeto que me desafie nesse sentido. Realmente são poucas as vezes que temos a oportunidade de botarmos nossas garras para fora no campo das idéias, mas quando podemos, temos que ser rápidos, rasteiros e não largar de jeito nenhum. Enquanto esse job não chega, me divirto com esse teste de conhecimentos de Direção de Arte.

Comente este post

Em breve teremos que ser capazes de lidar com um projeto que envolvem diversas mídias, com suas diferentes abordagens. Para nos darmos bem, teremos que ser ecléticos, não dá pra ficar só escarafunchando só o Tableless. Precisamos nos ater aos conceitos, esses mudam mais devagar. Estudar usabilidade, arquitetura da informação, design de interfaces, redação e o escambau.

Eu particularmente, nunca gostei dessa pressão constante de atualização que me forçava a frequentar fóruns de discussão como o da Macromedia. Quando adquiri conhecimento suficiente para fazer o que precisava, parei com isso. Agora foco meus estudos nos conceitos, nas questões mais amplas. Claro, não deixo de estudar programação e outras ferramentas úteis para o meu trabalho, mas com outra visão, mais despreocupada. Se tivesse me escarafunchado no Actionscript naquela época, certamente hoje estaria frustrado porque o Actionscript 2 veio e mudou tudo.

Livros recomendados

Para quem está começando, recomendo estes livros:

Comente este post

Comente este post

Comente este post

Ele sugere também que os "criativos" podem trabalhar melhor se estiverem em casa, através do modelo "teletrabalho". Embora eu concorde, acho que sempre haverá reuniões presenciais regulares.

Comente este post

Comente este post

Os dados são muito relevantes para nossa profissão, até para argumentar com clientes. Anotei os que mais me impressionaram:

• os internautas brasileiros sãos os que mais usam bate-papo e ICQ, MSN, etc no mundo
• é o que fica mais tempo conectado, em média
• o que mais faz falta na Web, na opinião deles, é velocidade
• mais de 95% das grandes e médias empresas já tem website próprio
• temos mais de 3 milhões de pessoas fazendo teletrabalho

Comente este post

Comente este post

Note como os designers da Graficonstrukt conseguiram expresar bem o sentimento de revolta da campanha. Tem até umas latinhas de spray para aumentar a pichação. Genial.

Comente este post

Seguem as dicas mais quentes do tutorial:

• Manter as imagens na largura máxima de 120px de largura
• Use o atributo ALT nas imagens, porque muitos usuários preferem carregar as páginas sem as imagens (eu sou um deles)
• Nunca sublinhe o que não for link
• Não dá pra usar itálico. Alguns aparelhos deformam a fonte, outros exibem como negrito
• Negrito pode tornar a leitura menos monótona
• O Pocket PC tem as fontes Tahoma, Bookdings, Frutiger Linotype, e Courier, mas o Palm só tem uma padrão

Para quem não sabe, existem duas formas de navegar na Web usando esses pequenos aparelhos: através de uma conexão sem fio em locais que ofereçam o serviço (cyber-cafés, que eu saiba até agora) ou sincronizando pelo PC. Um software do PC baixa o site para ser lido offline no handheld. Eu uso à beça. No meu Palm VX, o browser Avantgo desliga as stylesheets e as tabelas, portanto é uma experiência basicamente textual.

Comente este post

Por outro lado, acho que pode ser útil para quem já sabe desenhar e tem dinheiro de sobra. A única parte que se salva é mesmo a de animação, porém para quem lê inglês, há uma gama de livros muito melhores, como Flash Enabled que, com um capítulo mata tudo o que foi dito no livro brasileiro e trás outros conteúdos. Em breve vou resenhar esse título também, que por sinal é muito bom.

Se você é brasileiro e pretende escrever livros em português sobre Flash e afins dou toda a força. Mas por favor, não faça isso só pelo dinheiro. Faça pela comunidade de profissionais e aprendizes que enchem as listas, fóruns e websites com conteúdo gratuito. Devolva a eles o que você aprendeu lá. Assim, além do dinheiro, você ganha respeito profissional, cumpre sua responsabilidade social e cresce como pessoa. Sem falar que se a Internet me ensinou algo é que dar conhecimento é melhor do que guardar para si.

Comente este post

Como em qualquer mídia, a campanha tem que se adaptar e falar a linguagem do meio. Assim como ninguém reproduz um outdoor na televisão, não se pode reaproveitar comerciais de TV e folders na Web. Linguagem da Web é basicamente sobre informação, não é à toa que navegamos por um mar de informações. Por isso, melhor vir com fatos do que com opiniões. Melhor dizer que o carro tem 200 cavalos de potência do que dizer que é ultra-potente. Melhor ainda se as informações puderem ser manipuladas de acordo com o interesse do usuário, ou seja, interatividade.

Ok, vamos a um exemplo prático. Peguei um job simples semana passada. Adaptar esse outdoor para figurar no topo da homepage do cliente:

São no total 17 cursos anunciados. Incluir 17 figuras seria inviável, focar nos principais cursos teria problemas políticos dentro da faculdade. Resolvi usar a interatividade para aproveitar múltiplas camadas. Assim, mostro todos os cursos separados por área:

Aqui na agência ainda não temos vasta experiência com publicidade online, então a direção de arte olhou e perguntou: "Não seria melhor manter pelo menos a frase do outdoor?". Expliquei que não, porque era preciso dar uma ordem ao usuário para que ele não tomase aquilo como um mero banner e ignorasse. Era preciso deixar que o usuário atestasse a qualidade por ele mesmo, já que a quantidade de informação disponível sobre cada curso é infinitas vezes maior do que num outdoor. Torceram o nariz, mas aceitaram.

Nós que estamos acostumados com a Web temos que mostrar isso para nossos patrões. Não podemos ficar fazendo brochureware a vida toda só porque nos é imposto. Vale à pena gastar um pouco de saliva. O trabalho é mais gratificante e o retorno do cliente maior. Isso significa que a longo prazo, os patrões se convencem de que você sabe o que está dizendo.

Comente este post

Comente este post

Para começar, um splash perguntando o estado é o padrão em todos. Odeio isso e como também tenho ogeriza a celulares, não sei se isso é realmente necessário. Quem faz melhor é a Vivo que mostra algumas promoções e informações gerais da empresa.

Mas não se engane, uma vez dentro de certos websites regionais da Vivo, você pode ter certeza que está perdido. Outro dia, acompanhei uma amiga minha tentando baixar ringtones para seu celular fashion. Ela ficou duas horas, eu disse duas horas, navegando no website da Vivo atrás deles e não achou. Clicando em Serviços > Downloads seria o mais óbvio, mas parece que é um serviço disponível somente para um determinado modelo de celular. Usaram um termo padrão da Web para designar um serviço específico que não tem nada a ver com baixar arquivos pro PC e sim direto ao Celular.

O website da Vivo Gaúcha é o único que mostra em algum lugar visível o link para os ringtones, mas infelizmente o link está quebrado.

A primeira impressão da Claro é muito boa. A interface é muito limpa e as regiões bem delimitadas. O menu parece bem organizado e as animações são lentas e concentradas em apenas um lado da interface, ao contrário da Tim, que posiciona animações concorrentes em lados opostos da tela

O website da OI vive fora do ar.

Bem, to meio corrido pra escrever mais sobre...

Comente este post

A interface da LM06, com seus botões mecânicos e seletores giratórios cheios de opções, todos proeminentes e sedutores:

A interface da TOP6, que ela não gostou porque tinha menos botões e parecia mais complicada de usar e menos resistente:

Se fosse eu a escolher, preferiria a interface da TOP6, parece mais desafiadora, mais moderna, enfim bonita. Mas minha mulher quer praticidade, segurança. Com certeza a LM06 parece muito mais robusta e sua interface é mais parecida com o que a dona de casa está acostumada a operar há décadas.

Vale notar que eu também preferi comprar a marca Electrolux porque o site deles é muito melhor do que o da Consul (versão antiga armazenada no archives.org), que tem preços mais baixos. Investimento em um site bom significa preocupação com os clientes e me dá expectativas de que serei bem atendido se tiver algum problema depois de comprar.

Comente este post

Não acredita? Então baixa os 1,7 MB e instala pra ver. Já tentei usar o Opera mas travava direto aqui; hoje uso Firebird; amanhã quem sabe Phaseout porque ele abre instaneamente, que nem o Internet Explorer.

O skin padrão do browser frankestein é ao estilo high-end-sites, Fantasy Interfaces (que aliás está de site novo) e similares. Acho que esse estilo influenciado pelo video-game está vindo pra abocanhar os gamemaníacos que navegam na Web. Boa sacada!

Comente este post

O design da fachada e do interior da joalheria é um dos mais requintados nas redondezas. Realmente dá uma impressão bem elitista, mas o dono disse que tem preços bacanas, acessíveis para qualquer um.

Enquanto batia as fotos, tinha que ficar esperando um tempão as pessoas sairem da frente da vitrine. A maioria das mulheres parava, olhava o preço e ia embora. A fachada então, funcionava perfeitamente, o problema eram os preços. Agora, estou convencido de que o dono da loja é esperto. Ele não quer destacar preços baixos, ele quer que os preços pareçam baixos. Uma fachada cheia de cartazes, não importa muito seu conteúdo, dá aquela impressão de varejão, de liquidação. A soma de todos os cartazes cria um contexto ilusório de preços baixos e o consumidor fica com aquela sensação de estar economizando.

Antes do Natal, critiquei as grandes lojas-virtuais brasileiras por poluirem suas homepages. Continou com o mesmo posicionamento. A força do e-commerce não são os preços baixos, é a comodidade. Homepage leve é mais cômodo e ponto.

Comente este post

Por enquanto, só publico para o player 5. É mais seguro, não quero que meu cliente perca nem 2% da sua clientela. A maioria dos designers nem liga para isso, publicam no default do Flash. Essa questão é muito importante, imagine que você vai apresentar o site para o cliente e ele não tem a versão do Flash mais atual (já aconteceu comigo...)? Pega mal à beça.

Comente este post

Para ele isso é culpa do ranço da mentalidade de mídia impressa e televisiva. Eu concordo plenamente. Acho que isso é muito, muito forte na publicidade na Web. São raras as peças que exploram as reais vantagens dessa mídia e muito menos ainda as que falam a linguagem da Web. A desculpa que dão é que o meio é muito novo, não se pode afirmar nada com certeza e blá-blá-blá-e o estouro da bolha-blá-blá-blá...

A verdade é que esses caras não navegam. Se não for geek, nunca vai entender que já se desenvolveu uma linguagem própria e bem mutante, caracterizadas pela objetividade, velocidade, relacionamento, interatividade e etc. Quer ver uns exemplos legias, do ponto de vista do conteúdo? Entra nos Top10 de Fidelização do Ibest.

Comente este post

O fenômeno mais frequente é acordar de sopetão com a solução de um problema específico que não conseguiram resolver durante o dia. Acordam e anotam, gostam disso.

A maioria é paranóica com seu framework (biblioteca de código pessoal criada com o suor dos dedos). Fazem cópias compulsivamente, trancam a sete chaves o escritório, passam o anti-vírus 100 vezes e ainda assim tem medo de algum ladrão roubar tudo.

Depois de um dia exaustivo, o programador costuma estar tão agitado que nem consegue dormir. É preciso relaxar de alguma forma. Uns jogam videogame, outros assistem filme ou qualquer outra coisa que desvie sua mente. Mas mesmo depois de conseguir dormir, podem passar a noite inteira dentro do "programa".

Obviamente tudo isso tem relação com o stress, mas porque outros profissionais não tem esses sonhos quando estão estressados (eu por exemplo não tenho)? Que força é essa que atrai esses homens para o mundo da máquina? Onde acaba o mundo real e começa o mundo virtual do programador? São perguntas como essa que me fascinam dentro da Interação Humano-Computador...

Comente este post

Aqui em Curitiba, existem anúncios colados nos ônibus avisando sobre o lançamento do primeiro local público de acesso à internet para deficiente visuais. O problema é que até hoje, poucos webdesigners se preocuparam em escrever o código da página para que seja usável não só em monitores, mas em leitores de tela. Hora de parar de considerar a Web como um meio de comunicação visual e restringir o Flash (que sempre será inacessível porque o foco é no visual) a apenas aquilo que só o Flash pode fazer. Versões alternativas em HTML são obrigatórias.

Comente este post

O que mais frustra é ter que carregar outras páginas para acessar alguns conteúdos, saindo do ambiente Flash. Melhor do que tempos de resposta rápido, é previsibilidade. Você dá o doce do imediato e depois toma por causa de uma limitação do gerenciador de conteúdos, presumo. Por isso acho que a abordagem só home toda em Flash, não vale à pena.

Melhor que seja como o RoadRunner que tá 100% Flash. Depois do antigo Maverick da WDDG, esse é o exemplo que mais me conveceu a aceitar Flash em portais para públicos específicos. Note que eles tomaram o cuidado de fazer um botão para aumentar a fonte do texto e mudar o contraste (realmente nunca tinha visto tamanho cuidado com a usablidade de textos em outra aplicação do Flash).

Keith Robison foi radical demais, acho que o Flash pode ser muito interessante para esse público. Afinal, se fica até mais rápido do que conexão discada e o plugin baixa em segundos na conexão banda larga, tem mais é que turbinar o website da empresa que fornece o acesso. Mostrando esse potencial, a empresa mostra para aqueles que ainda não tem a banda larga, o que eles estão perdendo. Abordagens de divulgação mais comedidas como essa da Yahoo, são legais e mais fáceis de usar, porém desperdiçam a oportunidade de um 'test-drive'.

Menu em Flash podem ser bonitos e adicionar possibilidades muito interessantes como mostrar vídeos e animações na mesma peça, só que pode haver problemas ao fazer atualizações, como revela Todd Dominey (excelente entrevista sobre Webstandards em portais).

No Brasil, nem pensar nessas coisas por enquanto, hein? A conexão ADSL que temos por aqui é muito instável e o preço proibitivo para usuários domésticos. Quem tá pagando banda larga são empresas e em empresas, diversão não é algo estimulado. Melhor que seja um site em CSS, onde o empregado pode desligar as imagens apertando um botão no Opera quando o chefe passa perto. Faz falta essa flexibilidade e integração com o navegador ao Flash.

Comente este post

Pesquisadores universitários estudam o porque desse fenômeno. Se não fosse a banda larga, com os computadores permanentemente conectados, isso não daria certo. Na ocasião, as pessoas querem usar rapidamente, nada de esperar.

Com isso, cada vez mais o PC vai tomando espaço dentro da família, assim como a TV fez há 50 anos atrás. Se a TV acabou com as conversas de fim de noite (pergunte para seus pais, ou seus avós), arrisco dizer que o computador, ao contrário, vai trazê-las de volta. Tomo como exemplo minha experiência familiar com o excelente infográfico interativo Becoming Human, que conta a evolução do ser-humano.

Abri diante de minha esposa e sua tia. Traduzia o que o locutor falava e escolhíamos em grupo ler alguns textos, ver gráficos, interagir. Cada cena nova era motivo para exclamações e comentários trazendo informações que um leu numa revista, viu num programa de TV (olha o hipertexto aí, gente!). Às vezes a discussão acabava se alongando por alguns minutos, mas isso só podia fluir porque havia sempre um botão de pausa muito conveniente e porque as sessões lineares não duram mais de 5 minutos também. Além disso, precisávamos encher o tempo que demorava para carregar aqui na minha discada :P.

Me lembrei também de uma experiência adolescente com o antigo jogo Civilization. Como o sucesso é determinado pela administração da história do homem, logo fui perguntar a minha mãe sobre a importância dos templos para os egípcios, da escrita para os fenícios, o que era comunismo e etc. Enfim, esse jogo reforçou e muito meu gosto pela história e digamos que aprendi mais com ele do que nas aulas de história da escola secundária.

Comente este post

Lojas virtuais dos Estados Unidos falharam em completar 20% das vendas, por excesso de enfeites. No Natal, os servidores não aguentam a carga e acabam reduzindo a velocidade. O Flash é apontado como o grande vilão do peso.

Olhe o tamanho do anúncio principal na homepage do Shoptime! As fontes estão tão grandes que eu tenho que afastar meu nariz da tela para poder ler... Muito, muito ruído... Parece que esses caras não sabem o que é hipertexto para aprofundamento. A Americanas também não fica longe. Tem um milhão de coisas chamando a atenção ao mesmo tempo, o site é um soco no olho.

Embora o Submarino tenha quebrado no meu Firebird, é muito mais leve e agradável. Entre numa página interna e note o canto esquerdo com a belíssima caixa com os links especiais de Natal. Só esse detalhe já cria o ambiente de Natal e não destrói a sólida identidade visual da empresa.

Comente este post

Gente, eu pensava que era desconfortável para ler, mas não é não. Claro, a resolução não é a mesma do impresso, mas tem umas funcionalidades legais como anotações nas páginas, bookmark e, principalmente, o peso. Dá pra ler andando, deitado, de cabeça para baixo...

Quem é leitor voraz como eu, tem que aderir ao papel eletrônico. E olha que eu nem falei dos outros programas como agenda, lista de afazeres, endereços, GAMES...

Um programinha chamado AvantGo me deixou extasiado. Você cadastra um site e ele copia e adapta para ler no Palm a cada vez que você sincroniza. Só de onda, abri sites diagramados com tabelas e outro tableless. Pude confirmar o que os gurus do CSS dizem a séculos. Layout sem tabelas é muito mais maleável, acessível. Dá pra navegar tranquilo no Palm, já o de tabelas... bem, não é assim uma Brastemp.

Comente este post

Com certeza é uma ferramenta que auxilia o trabalho dos educadores (sejam pais ou profissionais) mas, ao mesmo tempo, para os preguiçosos pode servir como um substituto. Isso me faz pensar: será que seremos educados por robôs no futuro?

Quem quiser saber mais sobre o assunto, o New York Times tem uma matéria completa sobre o assunto, com avaliações de vários dispositivos.

Abaixo colo trecho de conversa que tive com Michel Lent sobre esses dispositivos:

fred 03/11/03 17:04 isso me faz pensar... será que no futuro vai ter tanto espaço pra interfaces assim? lent 03/11/03 17:06 p q nao teria? fred 03/11/03 17:06 sei lá... resistências. Não te assusta um mundo onde tudo é mediado por computadores? lent 03/11/03 17:07 mas o q isso teria a ver com as interfaces? fred 03/11/03 17:07 bem, computador media por meio de interfaces fred 03/11/03 17:08 eu penso se as crianças vão querer isso lent 03/11/03 17:15 as criancas já usam isso mais do q ninguem... 8) fred 03/11/03 17:16 mas será que não vai chegar um dia que elas vão se saturar disso e voltar a andar de bicicleta? lent 03/11/03 17:17 hahah, eu acho q elas nao estao muito preocupadas com isso lent 03/11/03 17:17 acho q a interface é tao parte do mundo delas quanto a bicicleta

Comente este post

A deficência de indexação do Flash era o principal motivo por que não recomendo usar Flash para prover conteúdo textual. Desperdiçar o marketing gratuito nos buscadores é inaceitável para websites institucionais e promocionais.

De qualquer forma, ainda vai demorar algum tempo para que "Deus" Google comece a degustar Flash. Por enquanto, continue usando o bom e velho HTML, por favor, afinal ele foi feito para isso mesmo.

Comente este post