7 plateformes pour faire de la veille UI (et un peu UX aussi)
Quelles sont les meilleures ressources de Product Design ?
Que ce soit pour de la veille ou du benchmark, lorsque l’on recherche des exemples d’applications ou de produit type “Saas”, on est vite confronté à un problème : soit on a un budget illimité pour payer une tonne d’abonnement et ainsi accéder à toutes les plateformes du monde, soit l’on se retrouve bloqué face à un écran d’inscription ou une période d’essai épuisée.
Jusqu’à peu de temps, Dribbble et Behance étaient les références pour trouver de l’inspiration. Mais, les projets présentés sur ces plateformes manquent cruellement de contexte. Ce sont souvent des visuels “concepts”, avant-tout là pour mettre en valeur les talents en UI et en animation de micro-interactions de certains designers.
Non, le meilleur moyen de comprendre la conception produit et de s’en inspirer, c’est encore de s’appuyer sur de vrais exemples de produits, que l’on peut soi-même utiliser et tester, dans une certaine mesure.
Fort heureusement pour nous, Product Designer, il existe de merveilleuses plateformes nous permettant d’accéder à une multitude d’applications web et mobile, que ce soit sous forme de captures d’écran ou bien de vidéos. Toutes ces plateformes ont un but commun : nous faire gagner du temps et éviter d’avoir à télécharger des centaines d’applications sur nos smartphones.
Je vous présente donc ma sélection non exhaustive de 7 plateformes que j’utilise quotidiennement dans mon rôle de Product Designer pour de l’inspiration UI mais aussi UX.
Page flows
Page Flows est sans aucun doute l’une des ressources que je consulte le plus. La plateforme permet d’accéder à une base de données de plus de 4200 enregistrements vidéo et plus de 60 000 captures d’écrans de produits web largement utilisés, de toutes industries confondues, du SaaS Fintech, à l’application de voyage, en passant par des apps de réseaux sociaux ou encore de productivité. 1Password, Calendly, Coinbase, Kayak, Pipedrive, Salesforce… On y trouve vraiment de tout !
Ce que j’aime beaucoup avec Pageflows, ce sont les enregistrements vidéo, organisés par “flow”, ce qui permet de bien visualiser l’enchaînement des différents écrans. Les écrans y sont catégorisés à la fois par produit ou par typologie (e.g. “Sign up”, “Analytics”, “Settings” …). Il y a aussi une section qui regroupe de nombreuses captures d’écran d’e-mail, ce qui peut s’avérer très pratique pour certains projets impliquant l’envoi d’e-mails transactionnels.
Nicelydone
Similaire à Pageflows, Nicelydone recense plus de 58 000 captures d’écran d’applications web et mobile SaaS.
Que soit pour designer un flow d’inscription, optimiser un onboarding ou bien améliorer l’expérience de réservation d’une chambre d’hôtel, Nicelydone permet d’accéder à un grand nombre d’exemples soigneusement sélectionnés.
La plateforme est organisée en 4 catégories : par applications, par types d’écrans, par composants et par flows. C’est une super plateforme pour s’inspirer visuellement mais aussi pour comprendre les bonnes pratiques en matière d’expérience utilisateur, au sens large du terme.
À savoir, Bertrand Bruandet, le créateur de cette plateforme, est aussi à l’origine de la plateforme Maxibestof, l’équivalent de Nicelydone mais pour le design de siteweb, une bonne ressource pour les projets de branding, de landing page et site marketing.
The App Fuel
The App Fuel est une très bonne ressource pour les Product Designer travaillant sur des applications mobiles. Plus de 150 apps y sont référencées sous forme de capture d’écran, comme Duolingo, Vinted, Strava, Tinder, Ubereats, j’en passe et des meilleurs.
Son gros plus ? Elle est 100% gratuite, ce qui est rarement le cas. Cela en fait donc une super ressource lorsque l’on est à la recherche d’exemples de design d’applications mobiles, sans avoir à télécharger des apps à gogo sur son smartphone.
Ici aussi, il est possible de rechercher à la fois par flows ou par types d’écrans, ce qui s’avère très pratique lorsque l’on cherche à benchmarker des patterns UI ou UX spécifiques.
Mobbin
Mobbin est une plateforme qui recense plus de 24 000 flows d’applications mobiles, de UI et de webdesign adapté à tous les devices. Avec plus de 600 applications web et mobile répertoriées, c’est sans doute l’une des plus grandes bibliothèques à disposition des Product Designer aujourd’hui.
Chaque semaine, la plateforme est alimentée avec de nouveaux écrans, ce qui permet d’avoir les dernières versions des apps à disposition.
Les applications sont organisées en 18 catégories ce qui permet de naviguer rapidement. Il est aussi possible d’effectuer une recherche à partir de mots-clés ou de noms de d’éléments UI, ce qui s’avère très pratique pour ne pas se perdre derrière la profusion d’exemples à disposition.
Component.gallery
Je vous en parlais dans mon article sur le Top des Design System en 2023, Component.gallery est un site que je consulte très régulièrement. Cette plateforme recense une collection plutôt exhaustive de composants et de systèmes “de la vie réelle”. Une vraie mine d’or !
La recherche par composant peut s’avérer très utile pour comprendre les bonnes pratiques et les patterns communs et les usages d’un élément en particulier car en matière de UI, on ne réinvente jamais la roue !
Dans le même genre, il existe UI Guideline, dont une V2 est en cours de développement. Et, plus récemment, j’ai aussi fait la découverte de Design Systems Database, qui catalogue nombreux patterns et composants de la plupart des Design System existant en ligne à l’heure actuelle.
Nielsen Norman Group
Pionniers de l’Experience Utilisateur, Jakon Nielson et Don Norman ont fondé le groupe Nielsen Normal Group, qui est devenu une référence en matière d’UX et de recherche utilisateur.
On y retrouve des centaines d’études, d’article et recommandations sur des sujets variés, basés sur de nombreux tests utilisateurs. L’approche est très théorique et scientifique, mais cela permet de documenter et justifier de manière solide certains choix parfois.
UX Stackexchange
User Experience Stack Exchange est aux designers ce que Stack Overflow est aux développeurs. Cette plateforme, ultra-simple, est une sorte de forum permettant de poser des questions ou bien d’y répondre, sur des sujets aussi vastes en rapport avec l’expérience utilisateur.
Beaucoup de questions sur de nombreux sujets toujours d’actualités ont déjà été posées, et, quand bien même il n’y a pas une réponse meilleure qu’une autre, cela permet de pondérer son point de vue et de challenger ses solutions.
Personnellement, je n’ai jamais posé de question mais je trouve toujours un thread équivalent à ma problématique du moment et les réflexions partagées en commentaires sont toujours intéressantes à lire.
Évidemment, il existe une pléthore d’autres ressources à disposition, mais lorsqu’il s’agit d’inspiration, j’ai tendance à privilégier la qualité sur la quantité, au risque de me perdre dans mes recherches. J’espère que cette sélection vous aidera dans vos projets.
D’ailleurs, je suis curieuse aussi de savoir quelles sont vos ressources favorites pour de la veille Product Design ? N’hésitez pas à la partager en commentaire, en dessous de cet article 🙏🏼
Cet article a été pensé & écrit avec amour ❤️ à la main, et n’a pas été généré par une IA.
Si vous avez trouvé cet article utile et intéressant et que vous souhaitez apporter votre soutien, n’oubliez pas de mettre un clap autant de fois que nécessaire. Je vous en serais particulièrement reconnaissante 🙏
Vous avez une question, un feedback ou bien souhaitez à votre tour partager votre avis sur le sujet ? Vous êtes libre de laisser un commentaire ici 👏 ou de me contacter via Linkedin. À bientôt 👋
