Chercher
Fermer ce champ de recherche.
Chercher
Fermer ce champ de recherche.

Étapes du développement du prototype UX avant la conception.

Développement de la conception UX

Partager sur les réseaux sociaux

Nous regarderons les étapes de création UX conception, nous décrirons les processus de développement de l'utilisabilité par étapes. 

Conception Convivialité (UX) comprend souvent les étapes principales suivantes:

  • Déterminer qui est l'utilisateur (client) du service
  • Définir le problème (définir les besoins des utilisateurs)
  • Création d'idées de design
  • Création de prototypes. Types de prototypes
  • Test des conversions, des chemins utilisateur, du temps et d'autres paramètres

Les deux premières étapes (discussion et définition du problème) sont souvent regroupées sous le terme «recherche sur les utilisateurs». Autrement dit, comprendre la nature des utilisateurs. Comment cela affecte leurs besoins. 

Un certain nombre d'outils et de techniques peuvent être utilisés à chaque étape. Chaque outil ou méthode peut produire différents types de sortie (UX).

Ici, nous allons nous concentrer sur certains des types les plus couramment utilisés pour vous donner une idée de ce que vous pouvez attendre du développement de la conception UX.






Résultats de la recherche d'utilisateurs.

Un personnage est un personnage fictif que les concepteurs construisent comme une sorte de stéréotype d'utilisateur. Il représente les utilisateurs typiques, leurs objectifs, leurs motivations, leurs frustrations et leurs compétences. 

D'autres informations, telles que la démographie et l'éducation, complètent la personnalité. En fonction de l'ampleur des projets, les concepteurs généreront plusieurs personnages différents pour toucher le plus d'audience possible. 

La création de personnages aide les concepteurs à comprendre les utilisateurs et à démontrer une compréhension approfondie de qui ils sont et de ce qu'ils veulent accomplir.

Rapport sur l'utilisabilité du site

Storyboard.

Le storyboard est une idée empruntée à l'industrie cinématographique. Fondamentalement, il s'agit d'une bande dessinée décrivant les actions de l'utilisateur et les circonstances dans lesquelles elles sont effectuées. 

La force de cette idée est qu'elle démontre non seulement ce que fait l'utilisateur, mais révèle également l'environnement qui peut influencer comment ou pourquoi l'utilisateur fait quelque chose.

Convivialité

Le storyboard permet de visualiser les actions des utilisateurs ainsi que l'environnement dans lequel elles se produisent. Bien que les storyboards soient principalement utilisés pour faire preuve d'empathie pour les utilisateurs, ils peuvent également être utilisés pendant la phase de développement de l'idée pour aider à illustrer certains choix de conception.

Carte du parcours client.

Une carte de parcours client (également appelée carte d'expérience) est un diagramme qui représente les étapes (c'est-à-dire le processus) prises par un utilisateur pour atteindre un objectif spécifique. 

En positionnant le processus le long d'une chronologie, les concepteurs peuvent comprendre les changements de contexte, ainsi que les motivations, les préoccupations et les besoins en cours de route. 

En identifiant les principaux obstacles pour les utilisateurs, les concepteurs peuvent mieux comprendre leurs préoccupations et commencer à comprendre où un produit ou un service pourrait être approprié pour aider l'utilisateur.

Audit d'utilisabilité

À chaque étape du processus, les concepteurs parlent de l'expérience utilisateur en examinant les actions qu'ils entreprennent, ce qu'ils pensent et ce qu'ils ressentent à mesure qu'ils progressent. Enfin, des opportunités pour améliorer les expériences existantes sont également présentées.

Recherchez des idées pour un prototype.

Le brainstorming est le processus par lequel l'équipe de conception génère des idées sur la façon de résoudre les problèmes et les opportunités identifiés lors de la phase de recherche des utilisateurs. 

Le concept ici dépend de la génération du plus grand nombre possible d'idées (même si elles sont complètement sauvages), afin que les concepteurs puissent les analyser plus tard et les réduire aux idées qui semblent les plus prometteuses. 

Le point central est que les membres de l'équipe sont libres d'explorer tout coins et sphères; en fait, les meilleures décisions peuvent parfois provenir des performances sonores les plus folles.

Le brainstorming est souvent fait avec beaucoup de notes où les concepteurs écrivent toutes leurs idées. Vous pouvez ensuite discuter des notes, les trier hiérarchiquement, les regrouper par sujet et les organiser pour fournir une carte visuelle des meilleures idées générées pour résoudre un problème de conception.

Flux personnalisé.

Un diagramme de flux utilisateur est un diagramme simple qui décrit les étapes qu'un utilisateur doit suivre avec votre produit ou service pour atteindre un objectif. 

Contrairement à une carte d'achat, un diagramme de flux utilisateur ne prend en compte que ce qui arrive à votre produit (c'est-à-dire que tous les facteurs externes sont ignorés). 

Ces diagrammes peuvent aider les concepteurs à évaluer rapidement l'efficacité du processus requis pour atteindre l'objectif d'un utilisateur et peuvent aider à déterminer le «comment» (c'est-à-dire l'exécution) des grandes idées identifiées lors du brainstorming.

Diagramme d'utilisabilité

Un exemple de diagramme de flux utilisateur montrant les actions des utilisateurs dans une application.

Résultats du prototypage.

Les sitemaps affichent la structure de la navigation d'un site. Ces cartes sont également souvent créées pour des applications mobiles. Ils servent à montrer comment le contenu sera organisé en «écrans» ou sections, et comment un utilisateur peut naviguer d'une section de votre service à une autre.

Un exemple de plan de site montrant comment le contenu du site Web est organisé et comment les utilisateurs peuvent naviguer d'une section à l'autre. Ici, le développeur montre la hiérarchie des sections de contenu.

Prototypes UX de faible qualité.

Une fois vos plans de site prêts, vous pouvez commencer à dessiner comment le contenu sera placé sur chaque écran.

Un prototype basse fidélité ignore tous les détails de conception visuelle et sert de guide approximatif pour aider les concepteurs à comprendre comment et où placer le contenu. 

Les prototypes basse fidélité peuvent commencer par des croquis dessinés à la main. Ce qui est génial car ils sont rapides et peu coûteux à produire, vous pouvez donc les jeter facilement si vous changez d'avis.

Les wireframes sont ensuite affinés pour représenter les informations sur un écran réel, mais les détails de conception visuelle font toujours défaut.

Prototype de site Web UX

Exemples de prototypes d'ordinateurs dessinés avec une faible qualité de reproduction.

Prototypes UX de haute qualité.

Ces prototypes sont une avancée par rapport aux prototypes de faible qualité. Ils sont souvent appelés prototypes pixel perfect. Ils essaient de montrer tous les détails visuels et typographiques de la conception du produit tels qu'ils seraient affichés sur un écran réel. 

Ils prennent en compte les dimensions physiques de l'écran et sont fabriqués dans une taille qui correspond à la taille de l'appareil physique. Bien qu'ils prennent beaucoup plus de temps à produire que les prototypes basse fidélité, ils sont souvent le type d'illustration que vous souhaitez montrer à un client ou à une partie prenante.

Conception UX d'utilisabilité

Exemples de prototypes de haute précision (pixel-perfect) pour une application mobile. Même s'ils ressemblent à des captures d'écran d'une application réelle et terminée, ils ne sont qu'une maquette! 

Malheureusement, de nombreux clients semblent penser qu'à ce stade, vous devriez être sur le point de terminer le projet dans son intégralité. Veillez donc à bien préciser que ce ne sont que de jolis visuels sans code derrière!

Prototypes interactifs.

Les prototypes basse et haute fidélité évoqués ci-dessus ne sont rien d'autre qu'une collection d'images statiques. 

Pour mieux évaluer vos projets, vous pouvez transformer ces prototypes en une démonstration interactive visant à démontrer comment les interactions peuvent fonctionner avec eux. 

Un logiciel de prototypage commercial vous permet de définir des prototypes interactifs, des transitions et des événements pour créer un prototype interactif qui capture le processus de flux utilisateur, sans avoir à écrire des lignes de code. 

Dans certains cas, vous pouvez utiliser un outil beaucoup plus simple comme PowerPoint ou Keynote. De plus, vous pouvez utiliser ces prototypes interactifs dans les premiers tests utilisateur avant l'écriture de tout code. De cette façon, vous pouvez vous assurer que votre conception est susceptible de bien fonctionner avant de vous lancer dans le processus de codage coûteux et fastidieux.

Résultats estimés de la préparation UX.

Analyse d'utilisabilité.

Une fois que vous avez un projet mis en œuvre (même si ce n'est qu'un prototype interactif), vous pouvez commencer à faire des évaluations de ce projet avec les utilisateurs. 

L'évaluation peut prendre de nombreuses formes et formes. Certains utilisateurs peuvent essayer votre conception et ensuite les interviewer ou travailler avec eux dans un groupe de discussion: il s'agit d'un exemple d'évaluation qualitative. 

Vous pouvez inviter des utilisateurs au laboratoire et leur demander d'effectuer des tâches spécifiques avec votre prototype. Pendant que vous mesurez des éléments tels que le nombre d'erreurs, le nombre de clics ou le temps nécessaire pour terminer une tâche. 

Dans le laboratoire, vous pouvez utiliser des équipements spécialisés tels que des caméras de suivi oculaire pour voir où l'attention de vos utilisateurs est consacrée à la navigation dans une conception particulière. Vous pouvez également leur demander de réaliser la même tâche à l'aide de prototypes offrant des implémentations de projet alternatives,

Il existe de nombreuses façons d'évaluer une conception. Indépendamment de ce que vous faites pour l'évaluation, vous devrez résumer vos résultats dans un rapport d'utilisabilité. Un rapport d'utilisation complet contient généralement les sections suivantes:

  • Informations générales: ce que vous avez testé, où et quand, les outils et équipements que vous avez utilisés et qui a participé à l'étude
  • Méthodologie: comment avez-vous effectué l'évaluation, quelles tâches vous avez demandé aux utilisateurs d'effectuer, quelles données ont été collectées, quels scénarios ont été utilisés, qui étaient les participants et leurs données démographiques
  • Résultats des tests: Une analyse de toutes les données collectées, y compris des illustrations telles que des graphiques à barres et des descriptions textuelles des résultats, ainsi que des commentaires d'utilisateurs, qui peuvent être particulièrement descriptifs ou instructifs. Selon la personne à qui vous communiquez le rapport, cette section peut contenir des détails techniques tels que le type d'analyse statistique utilisé.
  • Conclusions et recommandations: Que recommandez-vous en fonction des données que vous collectez et de vos résultats? Notez ce qui a fonctionné, ce qui n'a pas fonctionné et pourquoi. Indiquez ce qui devrait être fait ensuite pour améliorer la conception ou poursuivre le processus.

N'oubliez pas qu'un rapport d'utilisabilité peut être envoyé à plusieurs autres professionnels de votre projet. 

Les gestionnaires ont probablement juste besoin d'un rapport sur la façon dont les résultats affectent le calendrier global du projet. Les concepteurs seront plus intéressés par la façon dont vous avez mené l'évaluation et aimeraient connaître tous les détails. Les développeurs ne sont probablement intéressés que par vos conclusions, recommandations. Assurez-vous que votre rapport est structuré et formulé de manière appropriée pour son public.

Analyse UX du site

Rapport d'utilisabilité analytique.

Lorsqu'un produit développé est sorti et est en cours d'exécution depuis un certain temps, votre entreprise peut vous fournir des analyses d'utilisation. 

L'examen de ces données peut fournir d'excellentes informations sur la manière d'améliorer la convivialité, en particulier si les données contiennent des changements et le comportement des utilisateurs dans votre produit.

Par exemple, vous constaterez peut-être que de nombreux utilisateurs d'un site de commerce électronique ne s'inscrivent pas pour effectuer un achat. Cela signifie-t-il que le processus d'enregistrement n'est pas assez simple? Cela signifie-t-il qu'ils ne voient pas une telle opportunité? 

Le rapport d'analyste contient des informations à partir de ces données et met en évidence les domaines dans lesquels la conception peut être améliorée. Bien qu'il soit tentant d'ajouter simplement de beaux visuels et graphiques générés automatiquement par des produits comme Google Analytics. Le travail du concepteur UX n'est pas seulement d'énoncer les faits, mais aussi de les interpréter. Par conséquent, votre rapport doit contenir des données ainsi que des explications plausibles et des recommandations sur la marche à suivre. C'est également un article utile pour voir l'impact des modifications de conception sur votre site Web après avoir identifié les problèmes et essayé de les résoudre.

Évaluation de l'utilisabilité du site Web

Un rapport d'analyste est bien plus que des données et des éléments visuels. Il doit contenir vos propres explications sur le comportement observé des nouveaux utilisateurs et des recommandations pour améliorer la conception.

Que commandent-ils maintenant?

Dans un article de 2015 pour l'équipe de Norman Nielsen, le spécialiste UX Page Laubheimer a analysé le type de résultats UX que les concepteurs UX rapportent le plus souvent qu'ils sont invités à créer dans le cadre de leur rôle. Les wireframes et les prototypes étaient les plus couramment produits, suivis des organigrammes, des cartes de site et des rapports d'utilisation / d'analyse.

Titulaire des droits d'auteur: Teo Yu Siang et Interaction Design Foundation. Termes de copyright et licence: CC BY-NC-SA 3.0

Analyse des matériaux UX les plus fréquemment diffusés, selon le groupe de Norman Nielsen. Cela montre la fréquence à laquelle les professionnels UX sont invités à produire et à partager un résultat spécifique. Des produits avec une fréquence de demande plus faible sont toujours produits, mais généralement peu partagés avec les autres.

Ce sont ce que nous considérons comme des résultats UX "classiques", mais il est important de se rappeler que si ces résultats sont générés et transmis à d'autres, de nombreux autres types de résultats seront générés mais jamais transmis. 

Titulaire des droits d'auteur: Teo Yu Siang et Interaction Design Foundation. Termes de copyright et licence: CC BY-NC-SA 3.0

Ce graphique montre les types de résultats les plus couramment utilisés par les autres membres de l'équipe de développement et les clients externes. Un prototype interactif est un résultat que tout le monde veut voir!

En tant que concepteur UX, vous devrez certainement créer des livrables pour chaque étape de conception. Que vous le gardiez pour vous ou que vous le partagiez avec d'autres, vous devez mettre en pratique vos compétences dans un éventail d'outils et de méthodologies aussi large que possible, et vous familiariser avec tous les types de résultats UX.

Questions fréquemment posées. FAQ.

✔️ Que sont les prototypes UX?

Ce sont des prototypes créés par un spécialiste UX à la suite d'une étude des besoins du marché et de l'entreprise.

✔️ Qu'est-ce que l'audit d'utilisabilité du site Web?

Il s'agit d'une évaluation des indicateurs du comportement des utilisateurs, de la fidélité des utilisateurs et de la conversion.

Selon les objectifs de l'audit, il peut s'agir d'un rapport sur les résultats ou des suggestions d'un spécialiste de l'utilisabilité pour des améliorations et des améliorations.

✔️ Pourquoi faire un prototype UX?

Augmenter le nombre de visiteurs, le trafic et la conversion sur le futur site.

✔️ Avez-vous besoin d'un rapport analytique d'utilisabilité?

Le rapport vous permet de voir l'impact des modifications de conception sur votre site Web après avoir identifié les problèmes et essayé de les résoudre.

✔️ Quelles sont les étapes de la conception UX?

Le processus de «design thinking» de la Stanford School of Design comprend cinq étapes: l'empathie, la définition, l'imagination, le prototypage et les tests. Le processus de conception UX comprend cinq étapes clés: la définition du produit, la recherche, l'analyse, la conception et la validation.

✔️ Comment rédiger un rapport d'utilisabilité?

Le résumé analytique doit contenir un bref aperçu du rapport, exposant vos principales conclusions, le but de l'étude, comment et où elle a été menée. Commencez par mentionner comment vous avez testé le produit, les méthodes que vous avez utilisées, puis détailler le groupe d'âge et la répartition géographique de votre groupe de test.

✔️ Pourquoi est-il si important de faire un prototype UX?

L'avantage le plus important du prototype est qu'il imite le produit présent et futur. Cela peut aider les clients à investir dans un produit avant d'allouer les ressources nécessaires à la mise en œuvre. Vous pouvez valider un projet avant sa mise en production et repérer les erreurs de conception.

Partager sur les réseaux sociaux

5/5

1 réflexion au sujet de « Этапы разработки UX прототипа до дизайна. »

Laisser un commentaire

Abonnez-vous maintenant

Offres exclusives et étuis premium

comment créer un site Web de liste ico
Tous les cas

Comment créer un site web ICO LISTING?

La blockchain devient extrêmement populaire. Tout d'abord, grâce aux crypto-monnaies. Mais avant que la crypto-monnaie n'entre en jeu, certaines choses se produisent. L'un d'eux est ICO. Le nombre d'ICO augmente rapidement et, bien sûr, seuls quelques-uns d'entre eux méritent vraiment l'attention. Nous allons explorer les questions suivantes:

comment créer un site Web ICO réussi
Tous les cas

Comment créer un site Web ICO réussi?

Bien que vous deviez embaucher des professionnels pour vous aider à créer votre site Web, vous pouvez toujours faire beaucoup de préparation et de planification. Cela simplifiera le processus de conception et économisera de l'argent. Commencez par créer tout le contenu pertinent dont votre site a besoin.

Vous cherchez à faire passer votre entreprise au niveau supérieur?

Écrivez-nous maintenant

Croissance de la conversion

Retour d'appel

Ecrivez-nous