Adobe XD intermédiaire : conception UX et UI

Name: Adobe XD intermédiaire : conception UX et UI
Author: Jessica Henley

Apprendre le développement du design UX et UI pour les interactions avec les clients

Preview the first lesson free — get full access to all 6 lessons.

Cours : à la demande

Je m'appelle Jessica Henley, et dans ces leçons, vous apprendre l'UX versus UI, développer des personas, visualiser les points de contact, en savoir plus sur les cartes de parcours, la création de tâches et d'utilisateurs les flux, créer des wireframes et accéder aux intégrations. Dans cette leçon, je vais vous montrer la conception UX par rapport à la conception UI. Jetons un coup d'œil à un tableau que j'ai créé pour cette leçon. Concentrons-nous d'abord sur Adobe XD. Adobe XD est utilisé pour créer un prototypage rapide et donne aux créateurs de contenu la possibilité de partager des prototypes. Et pour avoir une meilleure idée concise du déroulement du design, avant de transmettre le prototype aux codeurs et ingénieurs. En les transmettant, cela contribuera à donner vie aux idées à travers la fonctionnalité. Jetons un coup d'œil à l'interface utilisateur. UI signifie Interface Utilisateur. Et c’est la perception de l’apparence et de la sensation qu’a l’utilisateur. L'interface utilisateur comprend différents appareils, tels que des téléphones, comprimés, sites Internet, applications, téléviseurs intelligents. Fondamentalement, tout ce qui utilise un écran avec des boutons, des icônes et d'autres graphiques avec lesquels l'utilisateur peut interagir. Et dans cet exemple, nous avons un exemple d'application filaire ici. Et si vous conceviez, vous verriez différents écrans avec contenu différent. Il faudrait des boutons. Vous auriez besoin d'espaces réservés, comme le texte. Vous incluriez des images et/ou des vidéos. Vous verriez des icônes pour rendre l'application plus interactive et attrayant et plus convivial pour la navigation. Vous auriez également une variété d'autres éléments visuels à aider à engager l'interactivité de l'utilisateur avec l'application. Jetons maintenant un œil à l'UX. UX signifie Expérience Utilisateur. Et c'est le processus fondamental qui détermine la façon dont un utilisateur va interagir. Cette interaction sera basée sur la convivialité et fonctionnalité de la conception réelle sur laquelle vous travaillez. L'UX inclut également la manière dont l'utilisateur évoluera dans la conception. Les étapes garantissent que l'expérience que l'utilisateur aura avec le prototype. Cette phase comprend également le reporting, la mise en œuvre, recherche et brainstorming, et personnages. Dans la prochaine leçon, je parlerai du développement de personas. Merci d'avoir regardé.

Intermédiaire Fournisseur : Jessica Henley 6 leçons · 28m en Arabe, Allemand, Anglais, Espagnol, Français, Portugais, Chinese

Description du cours

Adobe XD rend les conceptions fonctionnels. Il est utilisé pour le prototypage rapide et permet aux concepteurs de transmettre leurs conceptions aux programmeurs et aux ingénieurs. Dans ces leçons, vous découvrirez comment partager vos conceptions et développer vos idées. Les premiers aspects à prendre en compte dans votre conception sont l'interface utilisateur, l'apparence et la convivialité de votre conception, ainsi que l'expérience utilisateur, la convivialité et la fonctionnalité de celle-ci. Les personas peuvent être utiles pour créer votre prototype et votre conception, et pour atteindre vos objectifs finaux. Les points de contact et les cartes de parcours vous permettent de planifier à l'avance la façon dont les clients interagiront avec vos produits et services. Grâce aux flux de tâches et aux flux d'utilisateurs, vous pouvez voir les différentes étapes par lesquelles vos clients passeront lorsqu'ils interagiront avec votre produit ou service. Vous pouvez utiliser des wireframes prédéfinis ou concevoir des wireframes à partir de zéro, et explorer des plugins qui peuvent rendre vos conceptions plus fonctionnelles.

Dans ce cours intitulé « Adobe XD Intermédiaire », vous découvrirez la conception UX et UI et le développement de personas, et vous découvrirez comment visualiser les points de contact et les cartes de parcours. Vous verrez des exemples de flux de tâches et de flux d'utilisateurs, et vous apprendrez à créer des wireframes et à accéder à des intégrations.

Ce que vous allez apprendre

Reconnaître la différence entre le design UX et UI
Développer des personas pour guider votre prototype et votre conception vers les objectifs finaux
Visualiser les points de contact (touch points) et les parcours clients (journey maps) pour pré-planifier les interactions des clients
Créer des flux de tâches (task flows) et des flux d'utilisateurs (user flows) pour cartographier les étapes par lesquelles passent les clients
Construire des wireframes à l'aide d'options prédéfinies ou les concevoir de toutes pièces
Déterminer comment utiliser des plugins et accéder à des intégrations pour rendre les conceptions plus fonctionnelles

Points clés à retenir

Adobe XD est utilisé pour le prototypage rapide et permet aux designers de transmettre leurs conceptions aux programmeurs et ingénieurs.
L'interface utilisateur (UI) concerne l'aspect visuel et l'ergonomie d'un design, tandis que l'expérience utilisateur (UX) concerne son utilisabilité et sa fonctionnalité.
Les personas aident à créer des prototypes et des designs qui répondent aux objectifs finaux.
Les points de contact et les cartes de parcours vous permettent de planifier à l'avance la manière dont les clients interagiront avec vos produits et services.
Les flux de tâches et les flux d'utilisateurs révèlent les différentes étapes franchies par les clients lorsqu'ils interagissent avec un produit ou un service.

Foire aux questions

Que vais-je apprendre dans ce cours intermédiaire Adobe XD ?

Vous apprendrez la conception UX et UI, le développement de personas, la visualisation des points de contact et des parcours clients, la création de flux de tâches et de flux d'utilisateurs, la création de wireframes et l'accès aux intégrations.

Quelle est la différence entre l'UX et l'UI abordée dans ce cours ?

Le cours explique que l'UI (interface utilisateur) est l'apparence et la sensation (look and feel) de votre conception, tandis que l'UX (expérience utilisateur) en est l'utilisabilité et la fonctionnalité.

Dois-je concevoir des maquettes (wireframes) à partir de zéro ?

Non. Vous pouvez utiliser des wireframes prédéfinis ou concevoir des wireframes à partir de zéro, et vous explorerez également des plugins qui rendent les designs plus fonctionnels.

Quelles compétences ce cours aide-t-il à développer ?

Il renforce les compétences dans Adobe XD, le design d'interaction, le design d'interface, la planification UI/UX, la rédaction UI/UX (UX writing) et la conception de l'expérience utilisateur (UX Design).

Quels sujets les leçons couvrent-elles ?

Les leçons couvrent l'UX par rapport à l'UI, le Développement de Personas, la Visualisation des Points de Contact et des Cartes de Parcours, la Création de Flux de Tâches et de Flux d'Utilisateurs, la Création de Wireframes, et l'Accès aux Intégrations.