Spécialisation de conception UX / UI: de la recherche à l'accessibilité

Inspiration / Patricia Reiners

Dans cette leçon, je partagerai avec vous mes principales influences. Elles sont toutes très différentes et variées, des designers aux innovateurs, en passant par mon entourage.

Inspiration / Pablo Stanley

Ici, vous découvrirez les artistes et illustrateurs qui ont grandement influencé mon propre travail.

Inspiration / Chiara Aliotta

À mes débuts en tant que designer, le storytelling n'était pas un terme applicable au design. Aujourd'hui encore, certains designers utilisent ce terme à tort pour expliquer des concepts comme le « design thinking ». C'est pourquoi je vais vous parler de ceux qui m'ont aidé à forger ma méthode de storytelling appliquée au design de produits.

Inspiration / Margot Gabel

Cette leçon devrait vous inciter à rechercher des références dans et au-delà du domaine de la conception numérique.

Dans cette leçon, vous découvrirez les fondamentaux de l'UX et du design centré sur l'humain. Vous découvrirez également les différents rôles liés à l'UX Design. Enfin, nous aborderons la valeur commerciale de l'UX et les raisons pour lesquelles les entreprises devraient la prendre au sérieux.

Module 2

Rejoignez Ethan Parry et découvrez le monde passionnant de la conception UX avec Adobe XD. Dans ce premier module, vous explorerez les fondements de l'UX et comprendrez pourquoi ce domaine est si puissant et en pleine expansion. Fort de son expérience concrète auprès de grandes marques, Ethan partage son approche de la stratégie, de la recherche et de la méthodologie : tout ce dont vous avez besoin pour concevoir avec détermination.

19 leçons (2 h 55 min)

Qu'est-ce que l'UX?

Une brève histoire de l'UX

Dans cette leçon, je vous présenterai les origines de l'UX. Nous aborderons le Feng Shui 4000 avant J.-C., Walt Disney et son désir de créer des expériences magiques et parfaites, ainsi que Don Norman, l'inventeur du terme « expérience utilisateur ». Je vous ferai également part de l'avenir que le secteur envisage.

Principes d'accessibilité et heuristique

Dans cette leçon, vous découvrirez le monde du design inclusif et découvrirez comment rendre vos produits et services plus accessibles. Je vous présenterai également d'autres bonnes pratiques, aussi appelées heuristiques, en matière de conception d'interfaces utilisateur.

Introduction au processus UX

Dans cette leçon, vous découvrirez le processus de conception UX. Je vous présenterai les deux représentations les plus courantes : le modèle du double diamant et le design thinking. Le processus de conception UX se compose de cinq étapes principales : identifier, définir, imaginer, prototyper et tester.

Introduction à la recherche UX

Dans cette leçon, je vous expliquerai l'importance de la recherche UX et les risques potentiels d'une absence totale de recherche. Vous découvrirez également la différence entre les méthodes « attitudinales et comportementales » et « qualitatives et quantitatives ».

Recherche documentaire, benchmark, entretiens

Dans cette leçon, nous nous concentrerons sur les trois principales méthodes que tout concepteur UX, chercheur ou non, devrait connaître : la recherche documentaire, le benchmark et les entretiens. Vous découvrirez quand utiliser ces méthodes et les bonnes pratiques pour chacune d'elles.

Détecter et définir le problème

L'une des compétences clés d'un UX Designer est sa capacité à identifier les problèmes. Dans cette leçon, vous apprendrez à exploiter vos conclusions et à utiliser des techniques telles que la cartographie des affinités pour mieux cerner le problème à résoudre.

Les personas sont un outil fréquemment utilisé en UX. Dans cette leçon, vous découvrirez leur importance, les caractéristiques d'un bon persona, comment en créer un et à quel stade du processus de conception UX ils sont utilisés.

Création de Persona

12 min

Cartographie de voyage

Une fois votre persona (ou vos personas) défini(s), il est recommandé de créer une carte de parcours client. Dans cette leçon, vous découvrirez les principaux éléments d'une telle carte, les différents types existants et pourquoi les utiliser.

Dans cette leçon, vous apprendrez différentes techniques d’idéation – brainstorming, bodystorming et cartographie mentale pour n’en citer que quelques-unes – pour vous aider à trouver des solutions possibles aux problèmes que vous avez détectés à partir de votre recherche utilisateur.

Techniques d'idéation

Architecture de l'information

Pour créer une application ou un site web, il est essentiel de disposer d'une interface utilisateur claire et bien conçue. Dans cette leçon, vous découvrirez l'architecture de l'information et comment organiser efficacement votre contenu.

Après avoir trouvé plusieurs idées, il est temps de les concrétiser. Dans cette leçon, vous découvrirez le quoi, le pourquoi et le quand du prototypage.

Valeur du prototypage

Types de prototypes et outils de prototypage

Dans cette leçon, vous découvrirez les différents types de prototypes existants. Je partagerai également quelques outils permettant de les créer.

Une fois votre prototype créé, il est temps de le tester. Dans cette leçon, vous apprendrez à préparer et à réaliser des tests utilisateurs efficaces. Je partagerai également quelques bonnes pratiques pour documenter et prioriser vos résultats.

Test utilisateur

Travailler avec les développeurs

Même si vous ne souhaitez pas devenir développeur, vous devrez travailler en étroite collaboration avec eux. Dans cette leçon, vous apprendrez à assurer une transition fluide entre la conception et le développement.

Présentation aux parties prenantes / clients

Dans cette leçon, vous apprendrez à mesurer l'UX et à présenter vos résultats de manière créative aux parties prenantes et aux clients. Je partagerai également quelques conseils pour promouvoir l'UX Design au sein de l'entreprise.

10 min

Études de cas

Dans cette leçon, vous apprendrez à créer une étude de cas, vous permettant ainsi de documenter votre processus de conception UX du début à la fin.

Présentation de votre travail

Dans cette leçon, vous découvrirez les différentes plateformes permettant de présenter votre travail et comment créer un portfolio. Nous aborderons également les avantages et les inconvénients de chaque format.

Dans cette leçon, je partagerai quelques conseils pour les entretiens d'embauche pour des postes UX et les types d'exercices de conception que vous rencontrerez.

Entretiens d'embauche UX

Qu'est-ce que la recherche UX?

Module 3

Découvrez comment créer des expériences numériques pertinentes avec Patricia Reiners, forte de son expertise acquise auprès de Google et Adobe. Elle vous explique ici le rôle essentiel de la recherche UX et vous montre comment élaborer un plan de recherche personnalisé. Vous acquerrez des outils pour mieux comprendre les besoins des utilisateurs et concevoir des solutions véritablement efficaces.

13 leçons (1 h 47 min)

Dans cette leçon, nous apprendrons ce qu’est la recherche UX et quand l’intégrer.

Quelles sont les méthodologies les plus courantes

Choisir la bonne méthode pour vos questions vous aide à obtenir les bonnes informations. Dans cette leçon, nous verrons donc la différence entre la recherche évaluative et la recherche générative et quand utiliser chacune d'elles.

Recherche d'utilisateurs quantitative

L'étude quantitative des utilisateurs est axée sur la quantité. Un volume important de données est nécessaire pour obtenir des informations concrètes. Ces informations répondent au « quoi ». Elles révèlent les appareils utilisés par les utilisateurs, mais pas leurs motivations. Dans cette leçon, nous passerons en revue différentes méthodes quantitatives

Recherche utilisateur qualitative

L'étude qualitative des utilisateurs est une question de qualité. Grâce à ces méthodes, vous pourrez comprendre votre « pourquoi ». Dans cette leçon, nous aborderons différentes méthodes qualitatives.

Planifiez votre recherche

Créer un plan de recherche structure votre réflexion autour de l’activité de recherche.

Rédaction du plan de recherche

Dans cette leçon, nous allons rédiger un plan de recherche pour un projet de recherche. Nous passerons en revue chaque étape.

Comment choisir les participants

Le choix des participants est important, quelle que soit la méthode choisie. Dans cette leçon, nous verrons comment procéder.

Comment rédiger un guide de discussion

Lorsque vous menez des études de terrain, des enquêtes contextuelles, des entretiens individuels ou tout autre type d’entretien, vous avez besoin d’un guide de discussion. Dans cette leçon, nous allons élaborer les questions pour les formuler correctement.

Comment préparer la session

Votre objectif lors de l'entretien est d'en apprendre le plus possible sur la façon dont vos utilisateurs pensent et se comportent. Dans cette leçon, nous apprendrons à formuler des questions et à identifier le matériel nécessaire à l'entretien.

À quoi ressemble une session qualitative

Dans cette leçon, nous parlerons de la structure d'une entrevue : l'introduction, la partie principale (les questions) et l'outro.

Visualisez votre recherche utilisateur qualitative

Dans cette leçon, nous synthétiserons les informations et les présenterons visuellement à vos parties prenantes et aux membres de votre équipe.

Carte de parcours utilisateur et personas 1

Dans cette leçon, nous apprendrons à créer des artefacts à partager avec tous les membres de votre équipe et les parties prenantes : des personas et des cartes de parcours utilisateur.

Carte de parcours utilisateur et personas 2

Nous terminons cette leçon sur les cartes de parcours utilisateur et les personas.

13 min

Module 4

Découvrez comment le design visuel peut devenir un outil de narration avec Pablo Stanley comme guide. Dans ce module, il partage les principes clés d'une composition réussie et explique comment utiliser Figma pour donner vie à vos idées. Que vous soyez novice en design ou que vous souhaitiez perfectionner vos compétences, vous trouverez des conseils pratiques pour optimiser votre travail créatif. Prêt à plonger ?

18 leçons (2 h 35 min)

Principes de composition et de conception visuelle

Nous allons maintenant analyser les éléments qui font une bonne composition.

Principes de Gestalt utilisés dans la conception

Nous verrons comment les principes de la Gestalt éclairent la manière dont nous interprétons les informations visuelles.

Déterminer les éléments d'une composition qui sont plus pertinents que d'autres est essentiel pour capter l'attention de l'observateur. Nous verrons ici comment établir une hiérarchie au sein de notre conception.

Hiérarchie visuelle

Abordements dans l'assurance-chômage

Dans cette leçon, je parlerai du terme « affordances » et de la manière de les mettre en œuvre dans nos interfaces.

Introduction aux éléments visuels et compréhension du brief

Un brief créatif est un document unificateur qui identifie les avantages essentiels d'une campagne ou d'un produit. Il raconte l'histoire et explique pourquoi elle est essentielle pour le public, servant de guide à la création.

Composition de base dans Figma

Dans cette leçon, nous réaliserons quelques exercices dans Figma pour comprendre comment utiliser certaines fonctionnalités et mettre en pratique ce que nous avons appris. Maîtriser ces outils et appliquer ces compétences vous aidera à progresser en conception dans Figma.

La typographie est l'un des éléments les plus puissants d'un design. Elle sublime le contenu et reflète le ton et les besoins d'un projet. Son objectif n'est pas seulement esthétique, mais aussi fonctionnel et technique.

Typographie

Créer une palette de couleurs

Les couleurs ont une signification. Elles transmettent un ton et une émotion, ce qui en fait un puissant outil de design. Mais les possibilités sont infinies : lorsque vous combinez des couleurs pour former une palette, vos options sont infinies. Alors, par où commencer ? Dans cette leçon, nous allons apprendre à combiner les couleurs.

L'imagerie permet de faire plus avec moins. On dit qu'une image vaut mille mots. C'est pourquoi les images et les graphiques sont des outils visuels puissants qui peuvent aider à transmettre un message et à établir l'identité visuelle d'un produit. Vous pouvez utiliser des photos, des illustrations et des icônes. Voyons quand utiliser quoi.

Graphiques et icônes

Dans cette leçon, nous allons simplement ouvrir Figma et tester différents styles visuels, puis voir comment les tester et pourquoi ils fonctionnent. Un par un.

Styles visuels

19 min

Esquisse d'un filaire

L'esquisse d'une maquette fonctionnelle nous permet d'identifier rapidement les problèmes d'utilisabilité dès le début du processus de conception. Elle invite également les différentes parties prenantes à apporter leurs contributions et leurs idées. Elle nous donne également un aperçu du projet final.

Définir votre guide de style visuel 1

Avant de mettre nos croquis en haute fidélité, définissons le style de certains éléments essentiels. Ce système de base nous permettra d'accélérer la mise en page et les compositions de la maquette haute fidélité.

Définir votre guide de style visuel 2

Dans cette deuxième partie de la leçon, nous nous concentrerons sur le style des illustrations qui apparaîtront dans votre projet.

Construire une maquette haute fidélité 1

Utilisons maintenant notre guide de style et le wireframe d'esquisse pour créer une version haute fidélité de notre page sur Figma.

15 min

Construire une maquette haute fidélité 2

Ici, je continuerai à façonner et finaliser ma maquette haute fidélité, en gardant toujours son aspect vibrant et dynamique.

Nous apprendrons à ajouter des interactions de composants simples pour animer nos boutons ou tout autre composant avec différents déclencheurs.

Interactions des boutons

Liens vers les pages et les modaux

Il est essentiel de créer des liens entre les différentes pages et les autres états de notre prototype pour un rendu plus naturel. Dans cette leçon, nous apprendrons à créer un lien vers une nouvelle page et à ouvrir une fenêtre modale.

Maintenant que nous avons tout ensemble, partageons-le avec le monde !

Partager votre prototype

2 min

Module 5

Avec Chiara Aliotta comme guide, explorez le potentiel du storytelling pour créer des designs émotionnels et centrés sur l'utilisateur. Découvrez comment les éléments narratifs, comme le public, l'objectif et les personnages, peuvent façonner des expériences numériques immersives. Vous apprendrez à transformer des briefs UX en histoires captivantes, captivantes et marquantes.

11 leçons (2 h 22 min)

Storytelling pour UX et UI Design

Comme pour tout parcours, il est essentiel de comprendre où l'on va. Dans cette leçon, je vous présente le cours, sa structure et ce que nous allons apprendre ensemble. J'aborderai également la différence entre le design d'expérience utilisateur (UX) et le design d'interface utilisateur (UI).

Éléments de la narration : public, objectif, personnages et contexte

Avant même de l’écrire, les premiers éléments pour définir une histoire sont votre public, votre motivation/objectif, votre contexte et la compréhension qu’une histoire doit avoir un rythme.

17 min

Éléments de la narration : la structure

D'Aristote à nos jours, la structure d'une histoire n'a pas beaucoup changé. Découvrons comment naît le storytelling et comment appliquer les mêmes principes à la conception UX.

Le pouvoir de la narration : les émotions

Les émotions jouent un rôle important dans notre comportement. Les belles histoires suscitent des émotions et peuvent toucher leur public. Dans cette leçon, vous découvrirez comment maîtriser le pouvoir de la narration en utilisant les émotions pour atteindre vos objectifs.

Trouver les éléments de l'histoire 1

Étant donné une marque fictive, j'utiliserai des actes, des séquences et des scènes pour cartographier l'expérience et approfondir la manière dont la conception UX profite à la narration traditionnelle.

13 min

Trouver les éléments de l'histoire 2

Au cours de cette deuxième partie de la leçon, je continuerai à vous expliquer comment cartographier les éléments de l'histoire.

13 min

Inspiration visuelle pour déclencher l'imagination

Dans cette leçon, vous verrez comment trouver l'inspiration visuelle à partir de différentes sources avant de passer à la dernière étape de la mission, le wireframe de la page de destination.

Construire le récit et le wireframe 1

Jusqu'à présent, j'ai utilisé des actes, des séquences et des scènes pour cartographier le parcours utilisateur. La grille que j'ai créée par post-production servira de modèle et m'aidera à garantir que le produit numérique que je conçois offrira une expérience utilisateur optimale.

Construire le récit et Wireframe 2

Pour terminer cette unité, vous apprendrez à approfondir le récit en examinant les plans et en concevant le wireframe.

15 min

Prise en charge de la narration : Wireframe vs maquette haute fidélité

Dans cette leçon, je présenterai la maquette haute-fidélité inspirée du wireframe conçu dans l'unité précédente. La phase de déconstruction est essentielle car elle nous permet de déterminer si nous sommes cohérents avec notre histoire (également appelée cohérence avec le wireframe et les choix effectués lors de l'analyse du brief).

Engager le public avec le récit

Le storytelling est un outil puissant qui doit être utilisé à bon escient. C'est pourquoi vous apprendrez à l'utiliser pour motiver, persuader et inspirer votre public.

Introduction à l'accessibilité numérique

Module 6

Entrez dans l'univers du design inclusif avec Margot Gabel et découvrez comment l'accessibilité peut transformer les expériences numériques pour tous. Margot partage des astuces pratiques pour rendre votre site web plus convivial, du contraste des couleurs au texte alternatif. Vous découvrirez comment le design inclusif favorise non seulement l'équité, mais améliore également le référencement et l'ergonomie globale.

14 leçons (1 h 53 min)

Pour commencer, vous découvrirez les normes d’accessibilité et leurs avantages.

Les avantages de l’accessibilité numérique

Je vais maintenant vous expliquer pourquoi il est crucial de faire de l’accessibilité numérique une nécessité lors de la conception.

2 min

L'accessibilité dans la vraie vie

Il est temps d'explorer comment reproduire certaines situations de navigation où l'accessibilité numérique est cruciale. Cela vous aidera à vous y identifier et à comprendre son importance.

Tout d'abord, vous découvrirez le fameux rapport de contraste et comment l'appliquer aux textes et aux visuels. Ensuite, je vous apprendrai à choisir une association de couleurs.

Couleurs et contraste

Polices de caractères et hiérarchie

Vous allez maintenant examiner les choix typographiques et leur accessibilité. Vous verrez également comment choisir une association.

Texte alternatif et microcopie

Dans cette leçon, je vais vous enseigner un élément très important de l'accessibilité numérique et comment il peut influencer votre réflexion sur la conception.

Laissez-moi vous aider à comprendre comment les utilisateurs peuvent utiliser les entrées clavier/voix/tactiles différemment et comment vous devez vous adapter/y réfléchir en ce qui concerne les choix de conception et d'expérience utilisateur.

États

Animations et commandes multimédia

Voyons différentes manières de redonner le contrôle et de faire des choix d’animation responsables.

Wireframing pour l’accessibilité

Dans cette leçon, vous verrez comment réaliser une conception basse fidélité de votre projet et inclure déjà ce que vous avez appris jusqu'à présent dans cette étape vitale.

10 min

Un système de conception basique et accessible

Je vais vous montrer comment configurer les éléments fondamentaux : une palette de couleurs, une échelle de types de base, la création de boutons et de champs de texte, et la réflexion sur leurs différents états.

17 min

Conception

Enfin, je vous montrerai comment créer vos designs avec tous les éléments évoqués précédemment. Vous apprendrez ensuite à utiliser le système de conception.

Dans cette leçon, vous verrez comment rendre la conception Figma interactive et aussi proche que possible de la réalité avec différents états à l'esprit.

Le prototype interactif

12 min

Tests, tests, tests

Dans cette leçon, vous examinerez le projet du point de vue des utilisateurs.

Au-delà du site web, comment existez-vous dans le monde ? Avez-vous une boutique physique, un compte Instagram ou une newsletter mensuelle ? Avez-vous réfléchi à l'accessibilité de ces points de contact ?

Pensée omnicanal