Repensando o manual de instruções | Arquitetura de Informação

by with No Comment DesignIdeiasInteratividade

Repensando o manual de instruções

Posted on junho 2, 2010 by Fabricio Teixeira

“Out of the Box é uma solução simples porém efetiva para usuários de celular que têm dificuldades em aprender a usar seu novo aparelho. Para pessoas mais velhas essa experiência pode ser particularmente frustrante, já que elas utilizam métodos analógicos de aprendizagem para a experiência digital – procurando na embalagem uma ajuda que simplesmente não está ali.”

(Se você está lendo este post via RSS, clique aqui para ver o vídeo)

Out of box é um trabalho estonteante da Vitamins Design.

viaRepensando o manual de instruções | Arquitetura de Informação.

Formulários

by with No Comment Arquitetura de informaçãoDesignIdeiasInteratividadePrototipaçãoROIUsabilidade
de Silvia Melo

 

Eu já havia achado exagero do James Kalbach escrever um livro apenas sobre navegação. O que dizer então de uma publicação dedicada a formulários?  “Web Form Design: Filling in the Blanks” é o novo livro de Luke Wroblewski, um dos diretores de Design do Yahoo!, ex-Ebay e fundador da LukeW Interface Designs.

Luke mostra como o formulário é crucial nas interações online. Em um processo de checkout, por exemplo, um cadastro mal desenhado pode acabar com a venda.  Nas comunidades virtuais ele é um verdadeiro portal de entrada – apenas no MySpace cerca de 150 milhões de usuários começaram seu relacionamento preenchendo essas caixinhas quadradas. E são os formulários que permitem hoje toda a colaboratividade que existe na web – para colocar um vídeo no You Tube ou compartilhar um link no Del.icio.us é inevitável o preenchimento deles.

O autor disponibilizou no Flickr todos os prints utilizados no livro. Pela loja da Rosenfeld Media é possível comprar a versão digital da publicação por um preço camarada (US$ 19 ou cerca de R$ 33) e, o melhor ainda, sem longas esperas nem custo de frete.

A morte da homepage

by with No Comment Arquitetura de informaçãoDesignIdeiasROI
de Silvia Melo

 

A homepage, aquele modelo de página tal qual conhecemos hoje, está morrendo. Pelo menos é o que indica o estudo da Avenue A | Razorfish, realizado com 475 consumidores norte-americanos em julho do ano passado. Alguns números foram apresentados pelo vice-presidente Garrick Schmitt no último IA Summit no painel “Do Real People Really Use Tag Clouds?: Research To Help Separate Web 2.0’s Hits From Hype”.

Os resultados da pesquisa deixam claro que a web 2.0, que tem a colaboratividade como principal característica, deixou de ser moda – é um sucesso mais do que consolidado, mas ao mesmo tempo um vasto campo a ser explorado. Entenda um pouco melhor o comportamento digital dos entrevistados:

  • 60% já customizaram páginas com RSS, agenda ou outro aplicativo
  • 70% lêem blogs
  • 40% escrevem em blogs
  • 44% consomem conteúdo via RSS
  • 35% já usaram tag clouds
  • 85% guiam sua navegação pelos mais populares ou mais enviados
  • 55% iniciam o processo de compra pela busca

Resumindo: a homepage não é mais o principal ponto de contato digital do consumidor com a marca. A Avenue A | Razorfish traduziu algumas tendências deste novo usuário em 5 recomendações básicas:

1. Torne o seu conteúdo portátil. Permita que os usuários levem-no para onde acharem melhor consumi-lo. RSS e widgets são um bom caminho para a portabilidade

2. Permita aos usuários avaliar e comentar o conteúdo. Isso dará mais credibilidade a ele

3. Invista em videos online. Eles são a próxima grande onda de crescimento no segmento. Descubra como ganhar dinheiro com eles para monetizar o investimento

4. Pense além da homepage – elas não têm mais um papel central na experiência online do consumidor. Pense em como explorar o seu conteúdo em ferramentas de busca, publicidade, blogs e social media

5. Aproxime-se do celular, mesmo que com pequenos passos, e fique de olho nos avanços da área. O iPhone da Apple é um ótimo alvo

A apresentação de Garrick Schmitt (abaixo) mostra algumas empresas que já entenderam este caminho. Eu, particularmente, vejo no novo site da BBC um ótimo exemplo dessa transformação. E por que não incluir também o azedinho Limão nessa lista?

Interface à prova de erros

by with No Comment Arquitetura de informaçãoDesignPrototipaçãoUsabilidade
de Silvia Melo

 

Há menos de duas semanas recebi um desafio relâmpago: adaptar o monte seu carro da Fiat para o Big Brother Brasil. Os participantes do programa seriam submetidos a uma prova de resistência e o vencedor premiado com um novo Siena, podendo customizá-lo com a versão, cor e opcionais desejados.

Tendo em vista o curto espaço de tempo para a interação com a ferramenta e o desgaste físico e emocional do usuário, definimos a principal missão do projeto: criar uma interface à prova de erros. Para isso seguimos alguns caminhos:

  • Fluxo único: Não incluímos as opções de “voltar” e de “refazer escolhas” para que o usuário não levasse muito tempo no processo de configuração do carro
  • Menos texto, mais imagens: Só foram mantidas no processo de escolha as informações essenciais. Detalhes sobre itens de série e outras disponíveis no monte seu carro online foram eliminadas em nosso paredão
  • Movimento: as animações do veículo em 3D foram um importante recurso na ferramenta. Além de permitirem que o carro fosse visto de todos os ângulos também sinalizaram a transição entre os passos da montagem do veículo, que entrava e saía da tela a cada avanço
  • Opções reduzidas: Enquanto no monte seu carro do portal da Fiat o usuário escolhe entre mais de 30 opções de versões, cores e acessórios, aqui elas foram reduzidas para menos da metade. Os opcionais foram agrupados em quatro temas, simplificando a escolha – conforto, estilo, tecnologia e segurança
  • Noção de valor: Como o preço do produto não seria exibido e as imagens das versões eram muito similares, atribuímos algumas noções de valor na apresentação. A versão 1.8, por exemplo, foi chamada de “Potência que impressiona”; a Tetrafuel de “Tecnologia a toda prova”
  • Bonito no vídeo: Diego Araújo, coordenador de Design da AgênciaClick e diretor de arte do projeto, concebeu a ferramenta em uma linguagem própria para a TV. Mas ao testar a ferramenta no display que seria utilizado no programa, uma surpresa – o fundo cinza não ficou bem na tela. Na véspera da entrega, foi ele quem acabou passando por uma verdadeira prova de resistência, trocando o fundo de toda a interface para a cor preta em tempo recorde (espero que ele também ganhe um Siena!)
Apple

Eu quero um pônei – ou o processo de design da Apple

by with No Comment Arquitetura de informaçãoDesignIdeiasPrototipaçãoROI
de Silvia Melo

AppleQuando a Apple diz alguma coisa é melhor prestar atenção. Na SXWS Interactive, encerrada no último dia 11, o gerente sênior de engenharia Michael Loop deixou escapar algumas informações sobre o processo de design da empresa. Protótipos de altíssima fidelidade e prazo (muito prazo) são alguns dos diferenciais na construção de produtos tão certeiros.

Hellen Walters, da Business Week, destacou alguns dos “segredos” revelados por Loop:

  • Mockups perfeitos – Apesar de demandarem muito trabalho, tempo e dinheiro eles “eliminam toda a ambigüidade”. Mas todos esses custos na fase inicial diminuem os ajustes lá na frente, o que acaba equilibrando a equação
  • 10 para 3 para 1 – Para qualquer feature são apresentados inicialmente 10 mockups totalmente diferentes, desenhados sem nenhuma restrição criativa. Destes são selecionados os 3 melhores. E aí o trabalho começa de verdade, já que serão gastos meses no desenvolvimento para finalmente se chegar ao nº 1
  • Brainstorm x reunião de produção – Semanalmente são realizadas duas reuniões bem antagônicas: um brainstorm criativo totalmente livre e outra “pé no chão”, onde as idéias malucas são colocadas à prova.
  • “Eu quero um pônei” – É como se fosse uma reunião de briefing, onde o líder do projeto lista todos os desejos e necessidades em relação ao produto. Nas palavras de Loop, “Eu quero um pônei! Quem não quer? Um pônei é deslumbrante!”

Plenty of Fish

Feiura que vende

by with No Comment Arquitetura de informaçãoDesignROIUsabilidadeUsuário

 

Faz um tempo que não vejo a TV aberta. Aliás, TV alguma, já que tenho feito minha própria programação no computador ou no DVD. Mas na última semana não escapei. Após o tradicional almoço de família acabei dando uma “zapeada” nos programas dominicais. E o que me chamou a atenção dessa vez não foi nem o conteúdo, sempre questionável, mas sim a feiúra desses programas – cores aberrantes, cortes de câmera grotescos, shows em playback, brilho e muito plástico na tela. Mas como líderes de audiência que são, eles continuam cheios de anunciantes, combustível que vem garantindo a continuação dessa estética há anos.

Um curioso artigo de Mark Daoust mostra que a feiúra também faz sucesso na internet. Em “The Surprising Truth About Ugly Websites” ele descreve o fenômeno de sites como Google, Craig’s List e IMDB, que estão na lista de favoritos de muita gente – e faturando alto – apesar do visual. Mas o grande destaque dessa seleção é mesmo o site de namoros Plenty of Fish, campeão de vendas de links patrocinados – US$ 10 mil/dia. Isso mesmo, US$ 3,6 milhões/ano.

Plenty of Fish

Daoust tentou usar a psicologia para entender o que as pessoas pensam quando usam uma ferramenta “feiosa” como o Plenty of Fish:

1. É um negócio familiar que não conta com profissionais de marketing
2. O objetivo é servir os clientes, não aprender HMTL
3. A falta de profissionalismo dá a impressão de que o usuário está lidando com indivíduos ao invés de grandes corporações. As pessoas confiam em pessoas, não em websites

Mas em uma investigação mais racional Daoust acabou encontrando duas qualidades comuns a todos estes sites: usabilidade e simplicidade. Ou seja, não é a feiúra que vende, mas sim a facilidade de uso.

Agora é preciso entender a mensagem que empresa quer passar – ela é uma Ferrari ou um Fusquinha? Casas Bahia ou Bang & Olufsen? O design com certeza dirá de forma muito mais precisa do que qualquer palavra. A galera do Design by Fire mostrou que o casamento entre design e usabilidade é possível no divertido artigo “Design Eye for the Usability Guy“, publicado em 2004.

E já que o assunto é feiúra, dê uma olhadinha na pavorosa lista do Web Pages that Suck com os 10 mais feiosos de 2007. Tem peixe grande na lista, como a Microsoft. E um exemplo que só vai estimular ainda mais a rixa dentre designers e arquitetos de informação: Usability Net.

O mito da rolagem

by with No Comment Arquitetura de informaçãoDesignUsabilidade

 

Quem nunca tentou espremer o conteúdo ao máximo para que ele ficasse acima da linha de rolagem que atire a primeira pedra. E quem nunca refez uma diagramação quando descobriu que era impossível evitar o inevitável scroll? Também não devem ter sido poucas as vezes em que foi preciso justificar para o cliente o uso da malfadada rolagem.

O estudo feito pela ClickTale com 120 mil páginas da web entre novembro e dezembro de 2006 traz algumas justificativas e respostas para que seus sites não fiquem limitados a uma determinada resolução. Importante destacar que a pesquisa incide apenas sobre a rolagem vertical. Seguem alguns números, como o cliente gosta:

  • 96% das páginas da web possuem rolagem
  • 76% dos usuários que encontram páginas com rolagem fazem uso da mesma, pelo menos pelas 2 ou 3 páginas abaixo da resolução
  • 23% dos usuários costumam fazer a rolagem até o final, independente do tamanho da página

O estudo ainda faz algumas recomendações:

Não tente espremer a página para deixá-la mais compacta. O benefício para os visitantes é mínimo. Caso a página tenha scroll, a maioria irá usá-lo

Já que a rolagem é um mal necessário, invista em um layout que facilite o escaneamento das áreas mais baixas da página (essa também é uma dica de outro estudo, o Eye Track III)

MAIS SOBRE O TEMA

Unfolding the fold
Blasting the mith of the fold
The fold is an unecessary limitation

Agora é navegar e rolar (não resisti ao trocadilho)!

A usabilidade pode influenciar no preço das ações de uma empresa?

by with No Comment Arquitetura de informaçãoDesignROIUsabilidade

Um estudo divulgado pelo Nielsen Norman Group em 2003 já havia mostrado como a usabilidade impacta positivamente nos resultados de um site. Com um redesign bem mais centrado no usuário, os sites das 42 empresas envolvidas no estudo registraram um aumento médio de 135% nas métricas desejadas – tráfego, conversão de vendas, performance do usuário e uso de funções específicas.

A UX Magazine divulgou no começo do mês os resultados de um estudo também focado no retorno de investimento em usabilidade. Desta vez o objetivo era saber o quão as iniciativas de uma empresa no setor seriam capazes de refletir no preço de suas ações na bolsa de valores.

Para isso a própria UX Magazine investiu US$ 50 mil em ações de 10 companhias que tinham realizado recentemente grandes trabalhos de user experience (aqui foram estabelecidos alguns critérios). O resultado deste UX Fund, como foi batizado o investimento, mostra o que aconteceu com essas ações após 1 ano:

Research In Motion (RIMM) + 207.97% $10,387.44
Apple (AAPL) + 131.81% $6,607.96
Google (GOOG) + 47% $2,248.40
Nike (NKE) + 38.65% $1,921.32
Electronic Arts (ERTS) + 10.62% $530.16
Yahoo (YHOO) + 15.61% $775.20
Target (TGT) – 2.09% ($104.16)
Netflix (NFLX) – 4.82% ($239.40)
Progressive Insurance (PGR) – 23.27% ($1,165.41)
JetBlue Airways (JBLU) – 29.36% ($1,476.00)

Na minha opinião, apesar de lucrativo (o portifólio cresceu quase 40%) o resultado do estudo ainda é pouco conclusivo, uma vez que vários fatores podem influenciar no preço das ações – a Apple, por exemplo, lançou o iPhone neste período.

Nas palavras da UX, o estudo provou que “usabilidade não é tudo”. Muitas empresas, apesar de atenderem bem os seus usuários online, estão sujeitas a realidade do negócio. Este foi o caso da companhia aérea JetBlue Airways, prejudicada por uma forte tempestade de inverno bem no Dia dos Namorados.

De qualquer forma temos aqui mais alguns argumentos (se é que é preciso) para vender a usabilidade como uma importante (mas não única) aliada na geração de resultados. Não deixem de ver o estudo completo.

Most Contagious – Branding, Tecnologia e Cultura Popular

by with No Comment Arquitetura de informaçãoDesignInteratividadeMost ContagiousUsabilidade

A Most Contagious é uma publicação anual da Contagious Magazine que elege e agrupa as melhores iniciativas do ano em relação a Branding, Tecnologia e Cultura Popular. Uma das melhores curadorias do mercado publicitário, na minha opinião.

Interessante o que a presença de categorias como “projects not campaigns”, “social business” e “service design” diz sobre o caminho que as marcas estão seguindo.

É só ler um pouco sobre as campanhas selecionadas para perceber que existem alguns movimentos acontecendo simultaneamente nesse mercado:

  • Marcas querendo desenvolver mais produtos a longo prazo, e menos campanhas a curto prazo.
  • O grande diferencial dos produtos oferecidos pelas marcas sendo cada vez menos o produto físico em si, palpável, e cada vez mais o serviço que vem embutido nesse produto.
  • As “Redes Sociais” já invisíveis, obrigatórias, requisito mínimo de qualquer produto ou campanha online ou offline – e não um termo/budget/departamento à parte.
  • O Service Design ajudando fortemente na materialização dessas iniciativas, por ser uma das disciplinas que mais entende de criação de produtos digitais verdadeiramente relevantes.
  • As marcas tentando agir como transformadores da cultura popular, tentando promover conversas de bar, tentando resolver tensões culturais que existiam há anos ou tentando criar novas dessas tensões.
  • As marcas querendo ter a credibilidade natural das pessoas e as pessoas querendo ter a credibilidade formal das marcas.
  • A tecnologia como conexão inevitável de todos esses pontos.

Não dá pra olhar para todos esses movimentos e para todos os cases selecionados no Most Contagious e não ficar animado com a importância que o Design de Interação tem e continuará tendo nesse processo. Great times are coming 🙂

Link: Most Contagious 2011

Fonte: http://arquiteturadeinformacao.com/

Um olhar moderado sobre o eye-tracking – 23 lições e 1 alerta

by with No Comment Arquitetura de informaçãoDesignInteratividadeUsabilidade

O artigo “Scientific Web Design: 23 Actionable Lessons from Eye-Tracking Studies”, escrito por Christina Laun e publicado na primeira quinzena do mês, está fazendo sucesso no meio. Ele traz um compilado do Eye Track III, estudo realizado pelo The Poynter Institute em parceria com a Eyetools Inc. e o Estlow Center for Journalism and New Media. Em 2003 esse time de pesquisadores fez com que 46 pessoas (homens e mulheres entre 19 e 60 anos) olhassem para 10 diferentes publicações online, entre elas o The New York Times, o The Wall Street Journal e o MSNBC.