Smart tablet with text 'Best UX Design Examples" on screen

Meilleurs exemples de conception UX pour les concepteurs débutants

Les premières impressions peuvent faire ou défaire vos relations avec les utilisateurs. Alors pourquoi ne pas faire la meilleure impression avec le design ?

Les designers UI et UX occupent des postes uniques qui jouent un rôle crucial dans le parcours client. Les concepteurs sont chargés de créer des conceptions centrées sur l’utilisateur qui permettent aux clients potentiels de faire défiler et de convertir. Mais ce n’est pas toujours comme ça que ça se passe.

La conception UX est souvent confondue avec une conception visuelle flashy qui, bien que visuellement attrayante, ne tient pas compte des besoins de l’utilisateur final.

Nous avons compris! Il est facile de tomber dans le piège de la conception visuelle, c’est pourquoi nous avons rassemblé certains des meilleurs exemples de conception UX qui équilibrent la conception visuelle et les besoins des utilisateurs. Découvrez les conceptions UX suivantes ainsi que les ressources d’inspiration de conception.

Table des matières

Bon ou mauvais design UX

Nous reconnaissons que « bon » et « mauvais » sont des termes biaisés – tout le monde a sa propre compréhension de ce qui est subjectivement bon et mauvais. CEPENDANT, pour nos besoins, lorsque nous parlons d’une bonne conception UX, nous entendons une conception qui suit les éléments de l’expérience utilisateur établis par Jesse James Garrett, qui donne la priorité à la convivialité et à l’accessibilité dans le processus de conception plutôt qu’à l’esthétique.

Bonne conception UX :

  • Compatibilité avec les défis de l’utilisateur, qui sont établis grâce à une recherche approfondie sur l’expérience utilisateur (UX)
  • Priorise et résout les besoins de l’utilisateur final
  • Est accessible à TOUS les utilisateurs, y compris les utilisateurs souffrant de handicaps auditifs, cognitifs, neurologiques, physiques, de la parole et visuels
  • Évolue avec les commentaires des utilisateurs

Mauvaise conception UX :

  • S’appuie sur des préjugés et des hypothèses personnels plutôt que sur la recherche UX
  • Donne la priorité à l’esthétique plutôt qu’à l’accessibilité et à la convivialité du Web
  • N’évolue pas avec les besoins des utilisateurs

Comme vous pouvez le voir, la délimitation entre la bonne et la mauvaise conception UX est claire. Une approche est centrée sur l’humain, tandis que l’autre donne la priorité à l’ego du designer. Gardez à l’esprit cette distinction entre bon et mauvais design alors que nous couvrons cinq des meilleurs exemples UX.

(Retour au sommet.)

Meilleurs exemples de conception UX

Kit de croissance

Groww Kit est simple mais efficace.

Pourquoi Growww Kit est-il un bon exemple de conception UX ?

Growww Kit propose des ressources d’illustration à usage personnel et commercial. Malgré sa base de produits de conception graphique, Growww Kit équilibre la conception visuelle avec la convivialité.

La page de destination est simpliste, utilisant généreusement l’espace blanc, avec des touches de couleur tout au long de la conception. La conception simpliste ne laisse aucun doute quant à l’appel à l’action ou au produit : achetez des ensembles de conception, demandez des conceptions personnalisées ou abonnez-vous à la newsletter Growww Kit pour bénéficier d’une réduction.

Rue du lait

Page d'accueil de Milk Street

La barre de navigation de Milk Street organise les nombreux produits et services de la marque.

Pourquoi Milk Street est-il un bon exemple de conception UX ?

Milk Street de Christopher Kimball dessert plusieurs publics, c’est ainsi qu’il s’est retrouvé sur cette liste. Le site Web héberge un référentiel de recettes et abrite des pages de destination pour un magazine, une école de cuisine, une émission de télévision, un podcast et une boutique de commerce électronique. Ce site Web accomplit BEAUCOUP et organise chaque facette de la marque dans une barre de navigation simple en haut de la barre – un exploit qui mérite d’être applaudi.

La barre de navigation répertorie chaque catégorie d’activité. Sous chaque catégorie, des sous-catégories sont répertoriées pour répertorier davantage les offres du site. Cette segmentation indique à l’utilisateur exactement ce que fait l’entreprise et comment trouver plus d’informations. Pas de confusion. Pas de creusement. Juste comme nous l’aimons.

Cartes contre l’humanité

Page d'accueil de Cards Against Humanity

Cards Against Humanity apporte sa nature loufoque à sa conception Web.

Pourquoi Cards Against Humanity est-il un bon exemple de conception UX ?

Ce jeu de cartes brut n’a pas besoin de beaucoup d’introduction. Cards Against Humanity a attiré notre attention en raison de sa hiérarchie visuelle claire et de son interactivité. Le designer UX du jeu de cartes a compris le parcours client et le caractère ludique que le jeu de cartes réserve aux utilisateurs.

Tout comme le jeu de cartes, la mise en page de la page d’accueil est simple. La hiérarchie donne la priorité à l’historique de l’entreprise, aux informations sur les produits, aux programmes et promotions, au champ de contact et aux FAQ – dans cet ordre. Simple, mais les utilisateurs peuvent accomplir la plupart des tâches à partir de la page d’accueil sans fouiller dans les pages de destination cachées. Il convient également de noter que les couleurs à contraste élevé et la grande police sont idéales pour l’accessibilité Web.

La page d’accueil propose également une démo de jeu interactive où les utilisateurs peuvent interagir et jouer au jeu en temps réel.

Pomme

Page d'accueil d'Apple

Apple établit la norme pour de nombreuses choses, y compris la conception Web.

Pourquoi Apple est-il un bon exemple de conception UX ?

Apple obtient beaucoup de choses correctes, et nous ne parlons pas seulement de ses produits. Apple est connu pour ses produits élégants et sans couture. Cette philosophie s’étend à son site Web où il donne la priorité à l’expérience de l’interface utilisateur.

La page d’accueil est simple mais présente les produits les plus récents. Un élément bien pensé de l’expérience utilisateur est l’outil de comparaison d’Apple, où les utilisateurs peuvent choisir plusieurs produits à comparer. Ce n’est pas un nouvel élément, mais c’est un bel ajout UX étant donné qu’Apple avait plus de 100 produits différents en janvier 2023. En parlant de produits différents, la barre de navigation flottante organise chaque catégorie de produits pour la convivialité.

(Retour au sommet.)

10 ressources d’inspiration pour la conception UX/UI

Nous n’allons pas vous laisser traîner avec quelques exemples d’expérience utilisateur qui améliorent l’expérience utilisateur. Vous trouverez ci-dessous d’autres ressources d’inspiration de conception UX / UI pour stimuler votre imagination et vous informer sur la manière dont vous rencontrez l’expérience utilisateur.

Awwwards

Awwwards est un site qui reconnaît les professionnels du design numérique du monde entier et leurs superbes designs. Des jurys, composés de concepteurs et de développeurs, jugent les sites Web sur la conception Web globale, la convivialité, la créativité et le contenu – tous les composants d’une bonne UX. Les concepteurs Web en herbe peuvent examiner les gagnants actuels et passés des Awwwards pour trouver des idées de conception et voir comment les concepteurs expérimentés équilibrent la conception et la convivialité.

Behance

Behance est une communauté créative en ligne Adobe composée de graphistes, d’illustrateurs, de typographes, de concepteurs Web, etc. Les utilisateurs de Behance partagent des moodboards et des projets finaux avec leurs pairs. Cette plate-forme peut aider les concepteurs à réfléchir à la meilleure façon de répondre aux besoins des utilisateurs.

Dribbler

Dribbble est une autre communauté de conception, où les utilisateurs partagent des projets et des prototypes. Les membres de la communauté peuvent filtrer par « Design UX » pour afficher spécifiquement les conceptions d’expérience utilisateur créées par des pairs et de grandes marques comme Squarespace. Dribbble présente également des études de cas UX générées par les utilisateurs. Si vous êtes un nouveau concepteur UX, la fonctionnalité d’étude de cas peut être inestimable car vous apprenez le « pourquoi » derrière le « quoi ».

Fondation de conception d’interaction

Interaction Design Foundation est un site Web open source et à accès libre sur tout ce qui concerne la conception UX. Les concepteurs UX peuvent se renseigner sur les meilleures pratiques de conception UX, les principes de conception, le processus de conception UX et bien d’autres établis par les plus grandes figures de proue de l’industrie, notamment Don Norman, le créateur du terme « conception UX ».

Modèles mobiles

Les modèles mobiles sont une ressource d’interface utilisateur, spécifiquement pour l’interface utilisateur des applications mobiles. Le site Web est parfait pour l’inspiration de conception d’interface utilisateur d’applications mobiles iOS et Android.

Pttrns

Pttrns est une ressource de conception d’interface utilisateur payante comme Mobile Patterns qui permet aux utilisateurs de rechercher des inspirations de conception d’interface utilisateur par appareil et par catégorie. Contrairement aux modèles mobiles, Pttrns contient des modèles d’applications mobiles pour les applications de smartphone et les applications de smartwatch.

Pinterest

Pinterest est la ressource de tableau d’humeur OG. Bien sûr, vous pouvez trouver des recettes et des idées de tenues ; et vous pouvez créer des tableaux d’affichage pour des idées de conception Web, des articles UX (comme celui-ci 😉) et d’autres outils UX qui informent votre processus de conception. Pinterest est un outil particulièrement formidable car l’algorithme Pinterest propose des suggestions basées sur l’historique de recherche. Plus vous recherchez, plus les suggestions sont personnalisées, vous n’avez donc pas besoin d’accéder à une multitude d’outils pour de bons exemples UX. Pinterest peut être un puissant outil d’idéation lorsque vous recherchez des solutions aux défis des utilisateurs.

Inspiration du site

Site Inspire est une ressource UX et UI explicite. Le site présente plus de 2 500 des meilleurs projets de conception Web. De manière unique, Site Inspire propose des sites Web en direct afin que les utilisateurs puissent rechercher des projets par style, type, sujet et plate-forme et interagir avec l’interface d’un site, en examinant différents éléments.

Magazine fracassant

Smashing Magazine le brise absolument avec des principes de conception; c’est l’une des publications de conception et de développement Web les plus reconnues. Les professionnels de l’expérience utilisateur et de l’interface utilisateur peuvent filtrer et trouver des informations sur des sujets tels que la convivialité, la recherche d’utilisateurs et le contenu.

Mouvement de l’interface utilisateur

UI Movement est un référentiel pour les conceptions d’interface utilisateur. Chaque conception est étiquetée par type d’écran, élément, catégorie et produit. Chaque projet comprend une collection d’écrans d’interface qui relatent le parcours de l’utilisateur. L’option de visualiser l’intégralité du parcours client est unique car elle permet d’examiner en détail les défis potentiels des utilisateurs.

Une bonne conception UX ne se produit pas par hasard. La conception UX de premier ordre est créée par des designers ayant une compréhension intime des utilisateurs et des principes UX. Si vous êtes inspiré pour combiner votre créativité avec la résolution de problèmes, répondez à notre quiz technique Skillcrush de 3 minutes pour voir si la conception UX est le bon cheminement de carrière pour vous !

(Retour au sommet.)