Prototypage de l’UX pour des publics multiples : Étude de cas Scytl

Prototypage d’expériences utilisateur interactives pour la gouvernance en ligne et le vote en ligne, Scytl

En tant que chef d’équipe UX et Product Owner chez Scytl, une organisation leader dans la gestion sécurisée des élections, Judit Casacuberta Bagó est chargée de créer et d’optimiser l’expérience utilisateur pour ses clients externes et ses équipes internes. Nous avons pris contact avec elle pour savoir comment elle a utilisé Justinmind pour créer des wireframes basiques et statiques et des prototypes complexes et entièrement fonctionnels afin de créer des expériences si différentes.

L’expérience de l’utilisateur depuis le début

Judit est praticienne de l’expérience utilisateur et de l’interface utilisateur depuis près de 10 ans. Elle a travaillé en tant que design UX, consultante, chercheuse, contributrice, professeur et chef d’équipe. Elle a commencé par étudier le multimédia à l’université en Espagne, mais a rapidement découvert sa passion pour l’UX. Pour Judit, l’UX est l’art et la science de rendre la vie de chacun plus facile – de l’identification des besoins réels des utilisateurs à la conceptualisation de solutions potentielles qui s’alignent sur ces besoins et s’assurent qu’elles fonctionnent. En tant que chef d’équipe UX chez Scytl, la stratégie qu’elle a inventée est 100 % centrée sur l’utilisateur, la recherche et les tests utilisateurs prenant la tête de tous ses projets.

Donner vie aux idées grâce au prototypage

Judit décrit le prototypage comme un moyen de raconter une histoire et de donner vie à ses idées. Elle a commencé à utiliser Justinmind il y a 8 ans lors de son master en interaction homme-machine, utilisant l’outil pour capturer les exigences et les valider avec les utilisateurs. Le rôle de Judit chez Scytl consiste à améliorer les performances et le design visuel des prototypes de l’entreprise, en suivant ses directives visuelles de base. Ses livrables comprennent des spécifications fonctionnelles, des plans de site et des flux sous forme de wireframes et de prototypes interactifs, réalisés avec Justinmind.

« Justinmind est ma solution de design numéro un pour la création de wireframes et de prototypes ! »

Prototypage interactif pour valider le parcours de l’utilisateur

Le prototypage intervient dans les projets de Judit dès le début du processus de design. Elle commence par créer des wireframes de sites web statiques qui l’aident à imaginer des concepts et à proposer des solutions potentielles aux problèmes des utilisateurs. Une fois que Judit et son équipe ont décidé d’un flux de travail initial – qu’ils décrivent à l’aide de ses wireframes – elle passe à la création de prototypes fonctionnels. Les fonctions interactives de Justinmind lui permettent d’essayer et de tester de nouvelles fonctionnalités et d’en définir de nouvelles. Elle utilise le système d’événements pour créer des interactions complexes qui l’aident à recréer un véritable flux de travail. Cela permet également à l’équipe d’évaluer l’impact de chaque point de contact sur l’ensemble du produit.

Comment les UX Designers peuvent utiliser les prototypes pour les comptes des parties prenantes externes.

Chez Scytl, Judit partage son temps entre les projets spécifiques aux parties prenantes externes et les mises à jour internes. En tant qu’UX Designer, elle a généralement travaillé sur des comptes externes de gouvernance électronique. Cela nécessitait des recherches sur chaque client, ainsi que leur inclusion dans la partie feedback et itération du processus de design.

Phase de découverte : recherche approfondie

Lorsque Judit travaille sur un nouveau projet pour un client externe, elle commence par une phase de conceptualisation. Avec les clients, elle identifie et rassemble les exigences commerciales pour la nouvelle application, en se basant sur les profils des clients, les secteurs verticaux ciblés et les différents marchés. Elle documente ensuite tous les objectifs des spécifications définis par les parties prenantes du projet. Une fois les exigences définies, elle crée des sketchs de base des principaux écrans de l’application.

Du papier au prototype

Les sketchs sont traduits du papier à l’écran sous forme de prototypes interactifs web ou mobiles. Ils permettent à l’équipe et au client de se faire une meilleure idée de l’aspect et de la convivialité des besoins en temps réel. Il s’agit d’une étape importante dans l’identification des caractéristiques visuelles et fonctionnelles des besoins de chaque client. Le prototype est ensuite validé et les exigences sont hiérarchisées par le client lors d’une séance de co-conception. L’équipe exporte le prototype en HTML. Judit présente ensuite au client les principaux flux de travail, les utilisateurs cibles et les fonctionnalités définis dans la documentation des exigences. Cela inclut la façon dont une élection pourrait être mise en place et comment les données des électeurs peuvent être importées, en utilisant des données réelles au sein de Justinmind.

Commentaires des clients

Les clients ont la possibilité de faire part de leurs commentaires et les modifications sont apportées par le biais de cycles itératifs. Il est facile d’effectuer ces changements dans Justinmind grâce à l’utilisation de modèles et de masters – effectuez de petites modifications et étendez-les à des écrans prototypes ou à plusieurs prototypes en quelques clics.

Recherche sur les utilisateurs et essais constants

Les tests utilisateurs sont menés tout au long de la phase de prototypage. Il s’agit généralement de tests qualitatifs avec Morae, axés sur les commentaires verbaux des utilisateurs. Cela permet d’obtenir un retour d’information précieux et de comprendre pourquoi l’utilisateur effectue certaines actions. Les tests utilisateurs sont réalisés avec des prototypes html publiés, soit dans des laboratoires de tests utilisateurs, soit avec des outils en ligne. Ces tests aident l’équipe à créer des itérations des prototypes avant de poursuivre le développement.

Mise en œuvre du projet pour le développement

L’étape suivante pour l’équipe de Judit consiste à créer une ligne directrice PSD avec les actifs finaux avant que le modèle HTML ne soit développé et que l’application finale ne soit livrée. L’exportation HTML permet à Judit de créer des livrables que les développeurs peuvent facilement suivre pour mettre en œuvre l’interaction dans le produit/application final.

Comment les UX Leads peuvent utiliser les prototypes pour les projets de mises à jour internes.

Lorsque Judit travaille sur des projets de développement de produits en tant qu’UX Lead, elle et son équipe travaillent généralement sur des améliorations de produits/applications/sites web. Ces mises à jour sont généralement destinées à des projets internes et impliquent des mises à jour de leurs actifs UX et de leurs interfaces utilisateur.

Générer des actifs UX

L’équipe crée ses propres bibliothèques UX, avec des actifs d’interface utilisateur personnalisés, dans Justinmind. Celles-ci comprennent des éléments et des icônes interactifs de Scytl. La fonction de glisser-déposer de l’UI de Justinmind permet à l’équipe de prototyper rapidement un nouveau produit ou une nouvelle fonctionnalité en faisant simplement glisser les éléments sur le canevas. La possibilité de créer ses propres actifs permet de maintenir une standardisation entre les départements et les niveaux de l’entreprise lorsque des mises à jour sont nécessaires, ainsi que de cultiver la notoriété de la marque dans l’ensemble de l’organisation.

Création de la présentation de l’UI

Ensuite, l’équipe crée une ligne directrice d’une page avec tous les éléments de base affichés. Cela leur permet de définir le design visuel du produit/de l’application. Les éléments UX définis dans Justinmind sont ensuite développés en tant qu’objets dans les bibliothèques Front-end (HTML, CSS, JS), ce qui permet aux développeurs de les utiliser pour adapter rapidement l’aspect et la convivialité conformément aux lignes directrices visuelles de Scytl.

Concevoir pour des publics différents : ce qu’il faut retenir

Le secret pour jongler avec des projets internes et externes et concevoir pour différents utilisateurs cibles est d’avoir une compréhension profonde de votre public et de vos objectifs. Ce n’est qu’à cette condition que vous pourrez vraiment produire des solutions qui tiennent la route. Un outil de prototypage interactif est un excellent moyen de concevoir pour un objectif et/ou un groupe d’utilisateurs spécifique. Créez plusieurs écrans, ajoutez des modèles et des styles pour centraliser vos actifs UI autour des fonctionnalités du client et simulez votre prototype sur différents appareils ou navigateurs – le tout dans le même outil. Ensuite, vous testez votre solution avec de vrais utilisateurs en temps réel pour voir à quel point elle sera efficace lorsque vous lancerez le produit final. Téléchargez Justinmind dès maintenant et prototypez des solutions pour vos groupes d’utilisateurs spécifiques.

Vous souhaitez figurer dans une étude de cas de Justinmind ? Prenez contact avec nous via notre poignée Twitter!