Fermer

août 28, 2020

Concevoir une expérience utilisateur tout en planifiant l'avenir8 minutes de lecture



Vous avez toujours voulu concevoir une expérience utilisateur mais vous vous êtes senti limité par votre pile technologique, votre langage ou votre cadre? Voici un workflow d'expérience utilisateur en 5 étapes qui a fait ses preuves pour faciliter la création d'une UX pour le moment tout en planifiant l'avenir.

Plates-formes, langages et cadres, Oh My!

La quantité de cadres, de plates-formes, de langues qui sont à notre disposition lors de la conception d'une expérience utilisateur (UX) – que vous soyez du côté des analystes UX ou du côté des praticiens UX, vous rencontrez quotidiennement cette pléthore de choses. Alors, comment atténuer tout le bruit de cet océan numérique et concevoir / développer une expérience pour nos utilisateurs qui est indépendante des choix basés sur ces facteurs extérieurs? Comment pouvons-nous offrir à un utilisateur la meilleure expérience que nous sommes en mesure de lui offrir lors de la planification des améliorations futures?

Tenez-vous en à cet article et je vous guiderai tout au long de mon processus en cinq étapes pour y parvenir – il y en a beaucoup comme mais celui-ci est le mien.

Remarque: Cet article est écrit dans le contexte de la livraison à un client d'entreprise avec plusieurs parties prenantes, équipes, etc. Cela ne change pas les prémisses de ce flux de travail.

Étape 1: Quoi Des exigences existent?

Vous avez rencontré vos parties prenantes, vous avez discuté des tenants et aboutissants de ce que vous devez faire pour les satisfaire, et maintenant vous devez mettre les mots en action pour commencer à développer votre stratégie d'expérience et vos wireframes

Quelles sont les principales exigences de leurs demandes? Formatez-les dans des instructions, telles que «En tant qu'utilisateur, j'ai besoin de X». Ou, si vous êtes plus précis, "En tant que personnage spécifique je dois faire X," une fois que vous avez ces déclarations, commencez à décomposer ces concepts en plus petits morceaux qui sont fonctionnellement possibles.

À ce stade, ne pensez pas aux possibilités fonctionnelles ou à votre environnement spécifique. Concentrez-vous uniquement sur l'expérience indépendante de la plateforme. À la fin de cette étape, vous devriez avoir une liste d'actions et d'étapes distinctes pour atteindre les objectifs des parties prenantes pour votre projet.

 une liste des objectifs des parties prenantes

Étape 2: Organisation de vos objectifs et actions [19659003] La prochaine chose que vous voulez faire lorsque vous comprenez vos objectifs pour ce projet est de penser dans l'esprit de vos personas. Quels sont les objectifs et les actions discrets que chaque utilisateur doit entreprendre?

Certains ou la plupart d'entre eux proviendront probablement de votre liste à l'étape 1, ou en décomposant les éléments de l'étape 1 en actions plus petites. Pouvez-vous aligner les objectifs de la conversation avec les parties prenantes sur les personnalités individuelles? Un excellent moyen de visualiser ces informations est un tableau des objectifs et des actions (exemple ci-dessous) organisé par persona et leur objectif principal lors de la navigation sur ce site.

 une liste d'objectifs et d'actions

Étape 3: Aligner les objectifs de l'utilisateur avec vos wireframes

À l'étape 3, nous ne pensons toujours pas à nos frameworks, langages ou autres limitations techniques. Parfois, une personne UX gère cette partie, et parfois c'est une combinaison d'un stratège de contenu et d'une personne UX.

Maintenant que nous avons nos objectifs et nos actions, nous devons planifier le rythme et le flux de ceux-ci sur chaque page que nous sont en wireframing. Sur chaque page, vous concevez une expérience pour une ou plusieurs personnes spécifiques. Quels sont ces objectifs principaux ou "Appel à l'action" (CTA) que ces utilisateurs doivent remplir sur cette page? Quelles sont les étapes et actions qu'un utilisateur entreprendra sur cette page pour les mener à bien? Vous devriez le savoir en vous basant sur votre liste de l'étape 1 et le tableau que vous avez créé à l'étape 2.

Il est parfois utile de cartographier ces étapes pour chaque personnage afin d'avoir une représentation visuelle de la façon dont ce personnage particulier peut parcourir le page. C'est également un excellent outil pour communiquer les comportements des utilisateurs aux membres de l'équipe non UX.

 exemple de parcours d'un utilisateur, du clic sur un bouton au clic sur une catégorie en passant par le clic sur un produit, l'ajout au panier pour acheter

Une fois que vous avez un graphique comme celui-ci pour chacune de vos pages, vous pouvez commencer à développer le flux de contenu sur la page de manière modulaire. Chaque section doit conduire le (s) personnage (s) vers le bas de la page vers un CTA spécifique pour les emmener dans l'entonnoir de leur voyage vers leur objectif. 19659003] Maintenant que nous avons rassemblé les objectifs et les actions, les cartes de parcours du personnage et les wireframes de base, nous pouvons commencer à réfléchir à la manière dont nous pouvons les accomplir dans notre environnement.

Ce serait le moment idéal pour discuter avec votre équipe de développement pour dites-leur ce que vous essayez d'accomplir avec votre expérience en utilisant vos wireframes pour guider ces conversations. Ce devrait être un partenariat, et il devrait y avoir des connaissances et une compréhension communes de ce qui est possible. Puisqu'en fin de compte, ils le construisent, ils pourront peut-être vous aider à décomposer certains défis en blocs de fonctionnalités plus petits. Réagir? Lisez peut-être la documentation de développement ou recherchez les composants React que vous pourriez avoir besoin d'utiliser. Est-ce natif iOS? Que diriez-vous de lire les directives d'interface utilisateur (HIG) d'Apple pour développer des applications iOS?

Non seulement ces connaissances vous aideront à développer votre expérience, mais elles montreront également à l'équipe de développement que vous êtes prêt à travailler pour comprendre leurs techniques

Planifier pour demain

La planification de l'amélioration consiste en deux choses: réduire les étapes globales nécessaires pour atteindre un objectif ou accomplir une tâche. et en améliorant les expériences existantes pour les améliorer en fonction des nouvelles capacités de votre pile technologique.

Lorsque vous commencez à créer une structure filaire, pensez: «Quelle est la fonctionnalité minimale que je peux fournir à l'utilisateur pour atteindre cet objectif aujourd'hui?» Y a-t-il un objectif ou une fonctionnalité que vous ne pouvez pas accomplir? Si la réponse est oui, pouvez-vous diviser cette fonctionnalité en plusieurs étapes afin de faciliter cette fonctionnalité? Même si cela signifie fournir plus d'étapes manuelles à l'utilisateur?

Si vous êtes capable de le diviser en plusieurs étapes, il est également logique de penser à l'avenir. Quels développements dans votre pile technologique vous aideraient à réduire le nombre d'étapes nécessaires pour atteindre cet objectif?

En tant que concepteur d'expérience et également développeur, je pense souvent à amélioration progressive c'est-à-dire processus de réflexion précis lorsqu'il s'agit de coder un logiciel / site Web. Votre objectif est de créer une expérience transparente pour votre utilisateur. L'utilisateur ne doit jamais savoir que vous fournissez des fonctionnalités limitées, mais en tant que concepteur d'expérience, vous devez toujours réfléchir aux moyens d'améliorer et d'améliorer son expérience tout au long de la durée de vie de votre produit.

Étape 5: Ne vous contentez pas de le remettre

Avec des équipes cloisonnées, il est facile de simplement «jeter quelque chose par-dessus le mur» et de laisser l'équipe suivante s'en occuper. Mais vous êtes le défenseur de l'utilisateur, et vous devriez travailler main dans la main avec le développement pour vous assurer que l'expérience que vous avez planifiée se traduit bien dans le cycle de développement.

Si vous n'avez pas le quotidien. communication quotidienne avec l'équipe de développement, comment pouvez-vous communiquer efficacement les fonctionnalités prévues? Pouvez-vous construire un prototype avec un outil comme Adobe XD ? Pouvez-vous collaborer avec eux en utilisant un outil comme Unite UX ? Pouvez-vous partager un écran? Pouvez-vous mettre en place une mêlée quotidienne ou hebdomadaire pour travailler avec l'équipe à distance pour vous assurer que les choses sont exécutées conformément à votre expérience prévue?

Quelle que soit la méthode que vous finissez par utiliser, c'est votre travail de posséder l'UX , qui va jusqu'au développement du produit.

Conclusion

Considérez ce guide comme un cadre suggéré pour concevoir une UX pour le maintenant tout en planifiant pour l'avenir.

  1. Rassembler exigences
  2. Organisez vos objectifs et vos actions
  3. Alignez vos objectifs sur vos wireframes
  4. Développez pour aujourd'hui, planifiez pour demain
  5. Ne vous contentez pas de les transmettre

C'est le flux de travail que j'utilise jour après jour et journée pour mes propres projets, mais je vous encourage à modifier et à changer les choses en fonction de votre propre flux de travail / environnement.

Encore une fois, il est important de comprendre que vous, en tant qu'expert UX, possédez le expérience pour un projet. S'assurer que votre expérience est exécutée exactement comme vous l'aviez prévu est important non seulement pour votre propre réputation, mais également pour l'expérience globale de vos utilisateurs.





Source link

0 Partages