Problématique

Actuellement, lorsque vous essayez de rechercher du contenu ou des créateurs sur Patreon, cela vous mène à une page vide. Il y a peu d'engagement des utilisateurs, et surtout, la découvrabilité de nouveaux créateurs ou de nouveaux contenus est extrêmement faible.

Solution

J'ai apporté des modifications au fonctionnement de la plateforme en plaçant à la fois le contenu et les créateurs au cœur de l'expérience. Les utilisateurs peuvent désormais profiter d'un design en pleine page, d'une section récente améliorée pour un accès facile à leurs abonnements, et d'une page de recherche entièrement repensée avec une barre de recherche avancée et des filtres, le tout conçu en mettant l'accent sur le contenu.

Interview Utilisateur

J'ai mené plusieurs entretiens avec des utilisateurs initialement pour recueillir des insights sur leur expérience avec Patreon, en mettant particulièrement l'accent sur la découvrabilité. Les résultats ont révélé deux problèmes principaux : premièrement, les utilisateurs ne se sentent pas engagés lorsqu'ils utilisent la plateforme ; deuxièmement, ils ont exprimé des préoccupations concernant l'interface utilisateur confuse et parfois désordonnée, qui ne présente pas de contenu lors des recherches.

Benchmarking des concurrents

J'ai recherché des expériences axées sur le contenu ainsi que des plateformes créées pour aider les créateurs à obtenir une vue d'ensemble des produits existants. J'ai identifié Ko-Fi comme un concurrent direct, car il est principalement utilisé pour soutenir financièrement les créateurs et se concentre sur la découverte de nouveaux abonnements potentiels. En tant que concurrent indirect, j'ai choisi Dribbble, une plateforme qui propose des idées créatives pour les utilisateurs et se concentre principalement sur la consommation de contenu.

Phase d'idéation

J'ai utilisé une carte mentale pour structurer mes idées. Je me suis demandé comment je pourrais améliorer ou ajouter des fonctionnalités au redesign global de Patreon. Après avoir identifié les domaines à améliorer et à ajouter, j'ai utilisé une matrice qui me permet de prioriser les fonctionnalités ayant un impact significatif sur les utilisateurs avec un effort minimal dans leur développement.

Mind map

Matrice impact par rapport à l'effort

Style graphique

Patreon a subi un rebranding en octobre 2023, aligné avec leur vision pour l'avenir de l'économie des créateurs et leur engagement indéfectible envers ces derniers. Le nouveau design intègre une palette de couleurs minimalistes, principalement en noir et blanc, permettant aux créateurs d'insuffler des couleurs vibrantes dans leur contenu.

Wireframes

Avec les styles d'interface utilisateur et les zones d'amélioration clairement identifiées à adresser, j'ai commencé par créer quelques maquettes fil de fer.

Tout d'abord, j'ai déplacé la barre de navigation, initialement positionnée horizontalement sur le côté gauche, vers le haut et réduit sa taille, ce qui nous a permis de gagner considérablement de l'espace à l'écran, parfait pour notre approche centrée sur le contenu.

Pour la conception de la page récente/accueil, j'ai opté pour une approche inspirée de Dribbble. Vous y trouverez vos abonnements ainsi que les derniers contenus disponibles, et vous pourrez facilement liker et sauvegarder des publications.

J'ai considéré deux maquettes fil de fer pour la page de recherche et j'ai choisi la deuxième. Elle est mieux alignée avec notre mission de découvrabilité, affichant des catégories et des recommandations, contrairement à la première qui aurait pu devenir encombrée lorsqu'il s'agit de gérer des catégories.

Prototype haute fidélité

Avec mes maquettes fil de fer prêtes pour la phase de conception, j'ai commencé à élaborer le processus d'inscription. J'ai intégré des formats et des catégories pour que les utilisateurs puissent faire leurs choix. De plus, j'ai décidé de modifier le logo dans le sélecteur de récent sur la barre de navigation, remplaçant l'étoile par une icône conviviale représentant mieux la nouvelle page basée sur les abonnements.

La page récente présente un design de cartes élégant qui met l'accent sur le contenu et le texte, élément essentiel pour que les créateurs puissent interagir avec leurs abonnés. L'expérience globale est fluide, avec des micro-interactions intégrées partout. Par exemple, survoler différents créateurs dans la page de recherche donne un aperçu du contenu qu'ils produisent.

Le design des cartes est dynamique, s'adaptant en fonction du type de contenu affiché. Par exemple, il met en valeur une carte photo artistique avec une image attrayante et passe à une mise en page orientée action (boutons lecture/pause) pour les podcasts. Les fonctionnalités de like et de sauvegarde sont disponibles de manière cohérente pour tous les types de contenu.

Test d'usabilité

Les tests de convivialité fournissent régulièrement des informations précieuses pour améliorer mes prototypes. Dans ce cas, les utilisateurs ont exprimé des sentiments positifs à propos de l'approche centrée sur le contenu sur la page de recherche, la trouvant simple et conviviale. Cependant, les avis sur la page récente étaient plus partagés, avec une répartition 50/50. Certains utilisateurs ont apprécié la présence de leurs créateurs préférés, tandis que d'autres ont suggéré une alternative, préférant une page de défilement de style Instagram (une perspective intéressante à explorer). Ces insights issus des retours directs des utilisateurs orientent notre focus vers une amélioration continue pour offrir les meilleures expériences utilisateur possible.

Principaux enseignements

1. On cherche toujours à obtenir le produit parfait et à améliorer les choses... mais il n'est jamais parfait et de nouvelles idées surgissent tout le temps.

2. Concevoir des produits web est plus difficile que concevoir des applications.

3. Simplifier les mots et les icônes est essentiel pour la compréhension des utilisateurs.