UX viciante: Por que o Pinterest é tão incrível?
Hoje vamos examinar um exemplo muito específico de bom design e discutir o que o torna tão bem-sucedido. Ao longo do caminho, descobriremos a importância de um bom design e como estruturar experiências que transformam usuários em viciados.
Vamos aprimorar nossas vistas no Pinterest e realizar uma análise seriamente aprofundada para ver por que essa ideia aparentemente genérica parece estar tão distante da concorrência. As conclusões definitivas o equiparão para projetar experiências que seus usuários irão adorar.
Uma Idéia Manca
Imagine que eu vim até você em 2010 com uma ideia brilhante. Eu estava confiante de que poderia fazê-lo funcionar e precisava apenas de alguns investidores para ajudar a tirar as coisas do papel.
Sendo o gastador cauteloso que você é, você pergunta sobre a minha ideia. O que é isso? Como funciona? Minha resposta: um site de bookmarking social. Vou criar um site onde as pessoas podem se inscrever e salvar links. Sugestão de decepção condescendente. Você, sem dúvida, me informaria que essa idéia é tudo menos única e certamente fracassará. Como eu poderia enfrentar o Delicious e os outros gigantes de bookmarking?
Eu tenho uma grande idéia: vou usar imagens. Os usuários poderão capturar qualquer imagem de qualquer página da Web, salvá-la em sua conta e compartilhá-la com outras pessoas.
Mais uma vez, no seu tom levemente depreciativo, você me informaria para fazer uma pesquisa no Google por “bookmarking de imagens” e tomar nota dos inúmeros sites como o FFFFOUND! e Ember que já povoam esse mercado. Você pode até direcionar minha atenção para uma lista de 10 serviços populares de bookmarking de imagens, publicados em 2010, como prova adicional de que minha ideia era completamente sem originalidade.
A História de Sucesso Não Tão Coxa
Na sua essência, o Pinterest é quase idêntico ao conceito dos sites na lista acima: um serviço de bookmarking visual simples, com forte ênfase no compartilhamento. Não posso deixar de olhar para o clima de competição sob o qual o Pinterest nasceu e me maravilhar com como ele se destacou como um líder claro na categoria.
Então, por que o Pinterest pegou fogo ultimamente? Se é um dos inúmeros serviços de bookmarking de imagens, como no mundo atraiu mais de 1, 5 milhão de usuários durante uma versão beta "privada"? Como ele poderia capturar dezenas de milhões de visualizações de página por semana e ter uma empresa estimada em cerca de US $ 200 milhões?
Por que funcionou?
O segredo do sucesso do Pinterest é incrivelmente importante. Numa época em que a mídia social é uma indústria multibilionária, uma fórmula verdadeiramente bem-sucedida é o Santo Graal.
Não há dúvida de que há várias peças no quebra-cabeça do sucesso do Pinterest, mas a que vamos focar hoje é o design. Como o Pinterest não apenas se destacou com o design, mas realmente superou o que todo mundo estava fazendo e criou algo que envolveu os usuários em um nível totalmente novo?
Solução de layout com diversos tamanhos de imagem
Um dos aspectos principais que diferenciam o Pinterest de outros serviços de favoritos de imagens sociais é que eles repensaram completamente como as imagens devem ser apresentadas ao usuário.
O objetivo é simples: você idealmente deseja que seus usuários possam navegar por centenas ou até milhares de imagens com relativa facilidade. Se essa ação exigir muito esforço da parte do usuário, você perderá o interesse. Se não houver esforço, mantenha a atenção deles focada no conteúdo.
Um passo importante nessa batalha foi o layout no estilo “alvenaria”, uma tendência bastante recente no desenvolvimento da Web com o nome do plugin jQuery Masonry. O Pinterest usa seus próprios scripts para isso, mas o conceito é o mesmo.
Basicamente, o layout de estilo de alvenaria cria a utilização mais eficiente possível do espaço, dadas as diferentes alturas da imagem. Ele supera os obstáculos anteriores do layout e leva em consideração a altura vertical ao dispor as imagens, criando assim um fluxo super apertado de imagens na página.
O Pinterest não foi o único serviço de favoritos de imagens a experimentar esse layout. Concorrentes como o Image Spark também integraram layouts de alvenaria. Obviamente, tem que haver mais nesse quebra-cabeça.
O Enigma da Paginação
Além de maximizar a eficiência do layout sem sacrificar a qualidade da imagem de um corte uniforme, a equipe do Pinterest conseguiu identificar outro problema subjacente aos formatos existentes da galeria de imagens: paginação é uma dor.
Os sites adoram paginação porque aumentam suas visualizações de página (mais visualizações = mais dinheiro), mas como usuário é uma merda: role para baixo, clique no botão "próximo", aguarde o carregamento da nova página, role para baixo e clique no botão novamente ... em algum momento, você percebe que deseja voltar e encontrar uma imagem ou página específica e fica pressionando o botão voltar um milhão de vezes até encontrá-la.
Para resolver esse problema, a equipe do Pinterest procurou a rolagem infinita, um pequeno truque que carrega automaticamente mais conteúdo à medida que o usuário atinge esta parte inferior da página, permitindo assim um processo de navegação bastante ininterrupto.
Em 2008, Paul Irish estava criando e distribuindo infinitos plugins de rolagem. O conselho nesse site diz usar rolagem infinita quando:
- Reter o usuário é importante e clicar em "Próxima página" é uma barreira de usabilidade.
- O conteúdo completo disponível é muito grande para ser exibido no carregamento inicial.
- O conteúdo está disponível em partes paginadas: resultados de pesquisa, postagens de blog, listagens de produtos e recursos do portfólio.
Isso descreve perfeitamente as circunstâncias de um serviço de bookmarking de imagem social, tornando o Pinterest o principal território para implementar essa técnica.
Alvenaria + Rolagem Infinita = Magia
O layout do estilo de alvenaria e a rolagem infinita se fundiram em uma única ideia em nossa cabeça, mas começaram como duas tecnologias separadas. Colocá-los juntos, ao que parece, cria uma experiência verdadeiramente viciante.
Se você duvida disso por um segundo, pare no Pinterest e comece a rolar. O que se segue é uma forma estranha de viajar no tempo, onde você para no site para dar uma olhada rápida e do nada onde uma hora sólida passou. Nesse momento, você se esquece das interfaces e controles do usuário, simplesmente absorve o conteúdo à medida que milhares de belas imagens passam, controladas por um único movimento do seu dedo.
É uma experiência verdadeiramente envolvente que simplesmente impressiona muitos modelos de interação do usuário anteriores. É interessante notar que o Feed de Notícias do Facebook, o epítome do vício em sites, usa rolagem infinita. Além disso, as novas páginas da Linha do tempo agora combinam essa técnica com um layout de estilo de alvenaria de duas colunas. Está pegando gente, esperamos ver muito mais dessas duas técnicas no próximo ano.
Conteúdo imbatível
Modelos de interação sofisticados não significam nada, a menos que você tenha o conteúdo para fazer backup deles. Para que o Pinterest realmente decolasse, duas condições tinham que ser atendidas: o conteúdo tinha que ser ótimo e havia uma tonelada dele.
Esses dois objetivos são realmente conflitantes. A melhor maneira de obter muito conteúdo é abrir seu site ao público, o que também é a melhor maneira de garantir que seu site esteja cheio de lixo.
O Pinterest optou por permanecer na versão beta privada por um longo período de tempo, controlando cuidadosamente os convites. Sinceramente, não tenho ideia de como eles conseguiram, mas o grupo principal de pioneiros adotantes realmente preparou o terreno para as expectativas de identidade e qualidade do Pinterest.
Especialmente nos primeiros dias, você não podia negar a personalidade forte e única que a comunidade do Pinterest parecia ter. Parecia que todas as imagens no site estavam vazando de estilo. Em vez de vasculhar pilhas de lixo para encontrar as jóias, você foi presenteado com uma onda após outra de lindas idéias de design de interiores, projetos de bricolage e afins. O que me leva ao próximo ponto: uma base de usuários direcionada.
O toque de uma mulher
Os serviços de bookmarking social, por qualquer motivo, têm sido tradicionalmente bastante nerds. A natureza visual do serviço atrai dois tipos de pessoas: designers e homens que desejam salvar imagens de meninas que tendem a ser de uma variedade específica. Consequentemente, esses serviços geralmente são preenchidos com uma estranha mistura de belos exemplos de design e fotografia erótica. Não acredita em mim? Passe vinte minutos em FFFFOUND! e você será um crente.
O Pinterest, por outro lado, realmente encontrou uma audiência em grande parte com mulheres. À medida que a base de usuários se expande em ritmo acelerado, pessoas de todos os tipos estão migrando para o Pinterest e "fixando" todo tipo de conteúdo, mas a base inicial de conteúdo era basicamente um material no estilo Etsy, que exalava um estilo feminino simplesmente não encontrado em outros similares. Serviços.
As mulheres encontraram o Pinterest e o usaram para salvar receitas, coletar idéias de roupas e criar listas de produtos de decoração para casa. O Pinterest direcionou e alavancou essa vasta base de usuários em potencial e a usou como base para sua personalidade. Conversei com uma amiga não-techy ontem que ainda está "assustada" quando um usuário masculino a segue no Pinterest porque ela a vê como uma rede amplamente feminina.
No final, essa provou ser uma estratégia muito poderosa que valeu a pena com conteúdo que ninguém mais pode se aproximar. Novamente, porém, o pessoal do Pinterest terá que acompanhar de perto o público e evoluir com a base de usuários. O crescimento deles já os leva de uma oferta muito específica para uma oferta mais geral e abrangente.
Uma Metáfora Sólida que Incentiva o Compartilhamento
A última coisa que quero discutir sobre o sucesso do Pinterest é um pouco mais profunda no modelo de interação do que no layout de superfície e nas técnicas de rolagem. A maneira como eles estruturaram o processo de coleta e a camada social do serviço é mais um golpe de gênio que ajuda a fortalecer o serviço.
A metáfora por trás do Pinterest é instantaneamente compreensível e bastante cativante para discutir. A ideia é que o Pinterest seja o seu "quadro de anúncios virtual". Você cria vários "painéis" e atribui-lhes categorias e, em seguida, usa um bookmarklet ou o feed principal para "fixar" itens em seus painéis. Outros usuários podem seguir quadros de usuários de quem gostam e receber um fluxo personalizado de conteúdo adaptado às suas preferências específicas.
O que as pessoas identificam se tornou um tópico de discussão quente que promete uma nova visão, mesmo nas mentes daqueles que você já conhece bem. Por exemplo, usei a conta do Pinterest da minha esposa para ideias de presentes na época do Natal. Também ajuda com aqueles que você gostaria de conhecer melhor. Ao convidar outro casal para jantar, minha esposa verifica a conta do Pinterest da outra garota para ver que tipos de comida o casal desfruta.
Facilitando
Já discutimos como o Pinterest criou uma fonte incrível para encontrar inspiração, mas para que as pessoas realmente usem seu serviço de coleta de conteúdo digital, é necessário tornar o ato de coletar e compartilhar conteúdo uma tarefa quase sem esforço.
Uma das maneiras pelas quais eles fizeram isso (além do bookmarklet) é pegar a ideia “Retweetar” no Twitter. Todos os itens em um determinado fluxo de pinos podem ser curtidos, comentados e, o mais importante, repinidos.
Isso cria um sistema em que a coleta é super fácil e incentiva muitos e muitos pinos. Existe até uma página descrevendo a etiqueta de pinos para que todos possam aprender a tocar bem juntos.
Conclusão
Olhando pela web, encontramos inúmeros exemplos de idéias fantásticas que são arruinadas pela má execução. O Pinterest inverte isso ao apresentar uma ideia bastante genérica que funciona extremamente bem por causa de sua incrível execução.
O Pinterest consegue várias camadas de interação. Primeiro, eles maximizam sua apresentação de conteúdo com um layout semelhante a alvenaria e o mantêm interessado por horas a fio com rolagem infinita. Em seguida, eles cuidadosamente direcionaram e criaram uma base de usuários muito específica, que era uma enorme fonte potencial de usuários e um mercado bastante inexplorado nesse espaço. Isso levou a uma base sólida de conteúdo diário que definiu a própria identidade do Pinterest. Finalmente, por baixo de tudo, há uma metáfora instantaneamente compreensível e uma plataforma de compartilhamento que é perversamente viral e incrivelmente fácil de entender e usar.
Todos esses fatores juntos criam uma fórmula vencedora para uma experiência inegavelmente viciante do usuário. Se você o ama pessoalmente ou o odeia, é irrelevante, a verdade é que o Pinterest está virando a cabeça e aumentando dramaticamente o valor corporativo. Portanto, serve como uma lição importante que você como designer simplesmente não deve ignorar.