Addictive UX: Pourquoi Pinterest est si incroyable
Aujourd'hui, nous allons examiner un exemple très précis de bonne conception et discuter de ce qui fait son succès. En cours de route, nous découvrirons l'importance d'un bon design et comment structurer des expériences qui transforment les utilisateurs en toxicomanes.
Nous allons affiner nos vues sur Pinterest et effectuer une analyse sérieusement approfondie pour voir pourquoi cette idée apparemment générique semble se démarquer si loin de la concurrence. Les conclusions finales vous permettront de concevoir des expériences que vos utilisateurs adoreront.
Une idée boiteuse
Imaginez que je suis venu vers vous en 2010 avec ce que je pensais être une idée géniale. J'étais convaincu que je pourrais le faire fonctionner et n'avais besoin que de quelques investisseurs pour aider à faire démarrer les choses.
Étant le dépensier prudent que vous êtes, vous demandez mon idée. Qu'Est-ce que c'est? Comment ça marche? Ma réponse: un site de bookmarking social. Je vais créer un site Web où les gens peuvent s'inscrire et enregistrer des liens. Cue déception condescendante. Vous m'informerez sans doute que cette idée est tout sauf unique et ne manquera pas d'échouer. Comment pourrais-je affronter Delicious et les autres géants du bookmarking?
J'ai une grande idée cependant: je vais utiliser des images. Les utilisateurs pourront saisir n'importe quelle image de n'importe quelle page Web, l'enregistrer sur leur compte et la partager avec d'autres.
Encore une fois, dans votre meilleur ton légèrement désobligeant, vous m'informeriez de faire une recherche Google pour «bookmarking d'image» et de prendre note des innombrables sites tels que FFFFOUND! et Ember qui peuplent déjà ce marché. Vous pourriez même attirer mon attention sur une liste de 10 services de bookmarking d'images populaires, publiée en 2010, comme preuve supplémentaire que mon idée était complètement originale.
L'histoire de réussite Not So Lame
À la base, Pinterest est presque identique au concept des sites dans la liste ci-dessus: un service de bookmarking visuel simple avec un fort accent sur le partage. Je ne peux pas m'empêcher de regarder le climat de compétition dans lequel Pinterest est né et de m'émerveiller de la façon dont il s'est imposé comme un leader clair dans la catégorie.
Alors, pourquoi Pinterest a-t-il pris feu récemment? S'il s'agit d'un des innombrables services de mise en signet d'images, comment at-il attiré plus de 1, 5 million d'utilisateurs au cours d'une bêta «privée»? Comment pourrait-il s'accumuler des dizaines de millions de pages vues par semaine et avoir une entreprise estimée à environ 200 millions de dollars?
Pourquoi cela a-t-il fonctionné?
Le secret du succès de Pinterest est incroyablement important. À une époque où les médias sociaux sont une industrie de plusieurs milliards de dollars, une formule vraiment réussie est le Saint-Graal.
Il y a sans aucun doute plusieurs pièces au puzzle du succès de Pinterest, mais celle sur laquelle nous allons nous concentrer aujourd'hui est le design. Comment Pinterest ne s'est-il pas seulement distingué par le design, mais a-t-il dépassé ce que tout le monde faisait et créé quelque chose qui a mobilisé les utilisateurs à un tout nouveau niveau?
Résolution de la mise en page avec différentes tailles d'image
L'un des principaux aspects qui distinguent Pinterest des autres services de bookmarking d'images sociales est qu'ils ont complètement repensé la façon dont les images doivent être présentées à l'utilisateur.
L'objectif est simple, vous souhaitez idéalement que vos utilisateurs puissent parcourir des centaines voire des milliers d'images avec une relative facilité. Si cette action nécessite trop d'efforts de la part de l'utilisateur, vous perdez son intérêt. Si c'est sans effort, vous gardez leur attention concentrée sur le contenu.
Une étape importante dans cette bataille a été la mise en page de style «maçonnerie», une tendance assez récente dans le développement Web du nom du plugin jQuery Masonry. Pinterest utilise ses propres scripts pour cela, mais le concept est le même.
Fondamentalement, la disposition de style maçonnerie crée l'utilisation la plus efficace possible de l'espace compte tenu des hauteurs d'image variables. Il surmonte les obstacles de mise en page passés et prend en compte la hauteur verticale lors de la disposition des images, créant ainsi un flux d'images de puzzle très serré sur la page.
Pinterest n'était cependant pas le seul service de bookmarking d'images à essayer cette mise en page. Des concurrents comme Image Spark avaient également intégré des dispositions de maçonnerie. De toute évidence, il doit y avoir plus à ce puzzle.
L'énigme de la pagination
En plus de maximiser l'efficacité de la mise en page sans sacrifier la qualité d'image d'un recadrage uniforme, l'équipe Pinterest a pu identifier un autre problème sous-jacent avec les formats de galerie d'images existants: la pagination est une douleur.
Les sites Web adorent la pagination car cela augmente le nombre de pages vues (plus de vues = plus d'argent), mais en tant qu'utilisateur, c'est nul: faites défiler vers le bas, cliquez sur le bouton "Suivant", attendez que la nouvelle page se charge, faites défiler vers le bas et cliquez à nouveau sur le bouton ... puis à un moment donné, vous vous rendez compte que vous souhaitez revenir en arrière et trouver une image ou une page spécifique et que vous restez appuyé sur ce bouton arrière un million de fois jusqu'à ce que vous le trouviez.
Pour résoudre ce problème, l'équipe Pinterest a opté pour un défilement infini, une petite astuce intéressante qui charge automatiquement plus de contenu lorsque l'utilisateur accède à ce bas de la page, permettant ainsi un processus de navigation assez ininterrompu.
En 2008, Paul Irish créait et distribuait des plugins à défilement infini. Les conseils sur ce site disent d'utiliser le défilement infini lorsque:
- Il est important de conserver l'utilisateur et de cliquer sur «Page suivante» est un obstacle à l'utilisation.
- Le contenu complet disponible est trop volumineux pour être affiché lors du chargement initial.
- Le contenu est disponible en morceaux paginés: résultats de recherche, articles de blog, listes de produits et fonctionnalités de portefeuille.
Cela décrit parfaitement les circonstances d'un service de bookmarking d'image sociale, faisant de Pinterest un territoire de choix pour mettre en œuvre cette technique.
Maçonnerie + défilement infini = magie
La disposition de style maçonnerie et le défilement infini se sont fondus en une seule idée dans notre tête, mais ils ont commencé comme deux technologies distinctes. Il s'avère que les assembler crée une expérience vraiment addictive.
Si vous en doutez une seconde, arrêtez sur Pinterest et commencez à faire défiler. Ce qui suit est une étrange forme de voyage dans le temps où vous vous arrêtez sur le site pour jeter un coup d'œil rapide et hors de là où une heure solide s'est écoulée. Pendant ce temps, vous oubliez les interfaces utilisateur et les commandes, vous absorbez simplement le contenu pendant que des milliers de belles images défilent, contrôlées par un seul coup de doigt.
Il s'agit d'une expérience vraiment engageante qui fait exploser de nombreux modèles d'interaction utilisateur antérieurs. Il est intéressant de noter que le fil d'actualités Facebook, la quintessence de la dépendance aux sites Web, utilise un défilement infini. De plus, les nouvelles pages de chronologie combinent désormais cette technique avec une disposition de style maçonnerie à deux colonnes. Cela attire les gens, attendez-vous à voir beaucoup plus de ces deux techniques au cours de la prochaine année.
Contenu imbattable
Les modèles d'interaction fantaisistes ne signifient rien sauf si vous avez le contenu pour les sauvegarder. Pour que Pinterest décolle vraiment, deux conditions devaient être remplies: le contenu devait être génial, et il devait y en avoir une tonne.
Ces deux objectifs sont en réalité contradictoires. La meilleure façon d'obtenir beaucoup de contenu est d'ouvrir votre site au public, ce qui est également le meilleur moyen de vous assurer que votre site est plein de conneries.
Pinterest a choisi de rester en version bêta privée pendant une période assez longue, contrôlant soigneusement les invitations. Honnêtement, je n'ai aucune idée de la façon dont ils y sont parvenus, mais le groupe central des premiers épingleurs adopteurs a vraiment ouvert la voie aux attentes de Pinterest en matière d'identité et de qualité.
Au début, en particulier, vous ne pouviez pas nier la personnalité forte et unique que la communauté Pinterest semblait avoir. Il semblait que chaque image sur le site débordait de style. Au lieu de passer au crible des tas d'ordures pour trouver les joyaux, on vous a présenté vague après vague de superbes idées de design d'intérieur, des projets de bricolage et autres. Ce qui m'amène à mon prochain point: une base d'utilisateurs ciblée.
Une touche de femme
Les services de bookmarking social, pour une raison quelconque, ont toujours été assez ringards. La nature visuelle du service attire deux types de personnes: les concepteurs et les gars qui veulent enregistrer des images de filles qui ont tendance à être d'une variété particulière. Par conséquent, ces services sont généralement remplis d'un mélange étrange de beaux exemples de design et de photographie érotique. Tu ne me crois pas? Passez vingt minutes sur FFFFOUND! et vous serez croyant.
Pinterest, d'autre part, a en fait trouvé un public largement composé de femmes. Alors que la base d'utilisateurs se développe à un rythme rapide, les gens de tous types affluent vers Pinterest et «épinglent» toutes sortes de contenu, mais la base de contenu initiale était en grande partie du matériel de style Etsy qui dégageait un style féminin tout simplement introuvable dans d'autres similaires. prestations de service.
Les femmes ont trouvé Pinterest et l'ont utilisé pour enregistrer des recettes, collecter des idées de tenues et créer des listes de produits de décoration intérieure. Pinterest a ciblé et exploité cette vaste base d'utilisateurs potentiels et l'a utilisée comme fondement de sa personnalité. J'ai parlé hier à un ami non-techy qui est certes toujours "effrayé" quand un utilisateur masculin la suit sur Pinterest parce qu'elle le voit comme un réseau largement féminin.
En fin de compte, cela s'est avéré être une stratégie très puissante qui a porté ses fruits avec un contenu que personne d'autre ne peut approcher. Encore une fois cependant, les gens sur Pinterest devront surveiller de près leur public et évoluer avec leur base d'utilisateurs. Leur croissance les porte déjà d'une offre très spécifique à une offre plus générale et plus large.
Une métaphore solide qui encourage le partage
La dernière chose que je veux discuter du succès de Pinterest est un peu plus profonde dans le modèle d'interaction que la mise en page et les techniques de défilement. La façon dont ils ont structuré le processus de collecte du service et la couche sociale est un autre coup de génie qui contribue à renforcer le service.
La métaphore derrière Pinterest est instantanément compréhensible et assez accrocheuse à discuter. L'idée est que Pinterest est votre «tableau d'affichage virtuel». Vous créez différents «tableaux» et leur attribuez des catégories, puis vous utilisez un bookmarklet ou le fil principal pour «épingler» les éléments à vos tableaux. Les autres utilisateurs peuvent ensuite suivre les tableaux des utilisateurs qu'ils aiment et recevoir un flux personnalisé de contenu adapté à leurs goûts spécifiques.
Ce que les gens épinglent est devenu un sujet de discussion brûlant qui promet de nouvelles perspectives, même dans l'esprit de ceux que vous connaissez déjà bien. Par exemple, j'ai utilisé le compte Pinterest de ma femme pour des idées de cadeaux à Noël. Cela aide également ceux que vous aimeriez mieux connaître. En invitant un autre couple à dîner, ma femme vérifie le compte Pinterest de l'autre fille pour voir quels types de nourriture le couple aime.
Simplifier les choses
Nous avons déjà discuté de la façon dont Pinterest a créé une source géniale pour trouver l'inspiration, mais pour que les gens utilisent réellement votre service de collecte de contenu numérique, vous devez faire de la collecte et du partage de contenu une tâche presque sans effort.
Une des façons dont ils ont fait cela (en plus du bookmarklet) est de reprendre l'idée «Retweet» de Twitter. Chaque élément dans un flux de broches donné peut être aimé, commenté et, surtout, redéfini.
Cela crée un système où la collecte est super facile et encourage beaucoup, beaucoup d'épinglage. Il y a même une page décrivant l'étiquette de Pin pour que tout le monde puisse apprendre à bien jouer ensemble.
Conclusion
En parcourant le Web, nous rencontrons d'innombrables exemples d'idées fantastiques qui sont ruinées par une mauvaise exécution. Pinterest tourne la tête en présentant une idée assez générique qui fonctionne extrêmement bien en raison de son exécution étonnante.
Pinterest réussit sur plusieurs couches d'interaction. Tout d'abord, ils maximisent leur présentation de contenu avec une mise en page de type maçonnerie et vous intéressent pendant des heures avec un défilement infini. Ensuite, ils ont soigneusement ciblé et conçu une base d'utilisateurs très spécifique qui était à la fois une énorme source potentielle d'utilisateurs et un marché assez inexploité dans cet espace. Cela a conduit à une base solide de contenu quotidien qui a défini l'identité même de Pinterest. Enfin, en dessous de tout cela se trouve une métaphore et une plate-forme de partage instantanément compréhensibles qui sont méchamment virales et incroyablement faciles à ramasser et à utiliser.
Tous ces facteurs réunis créent une formule gagnante pour une expérience utilisateur indéniablement addictive. Que vous l'aimiez personnellement ou que vous le détestiez, cela n'a pas d'importance, la vérité est que Pinterest fait tourner les têtes et augmente considérablement la valeur de l'entreprise. C'est donc une leçon importante que vous, en tant que concepteur, ne devez tout simplement pas ignorer.
