Fermer

octobre 1, 2019

Comment garantir que votre système de conception contribue à la réalisation de l'objectif de votre produit20 minutes de lecture


À propos de l'auteur

Nick Babich est un développeur, un passionné de technologie et un amateur d'UX. Il a passé les 10 dernières années dans l'industrie du logiciel avec une spécialisation dans…
Plus d'informations sur
Nick
Babich

Le design devient de plus en plus complexe. Les processus de conception nécessitent une collaboration interfonctionnelle étroite entre toutes les équipes impliquées dans la création du produit. Avoir un langage de conception partagé permet aux équipes de collaborer plus efficacement. C’est pourquoi de nombreuses entreprises investissent dans des systèmes de conception. Mais comment pouvons-nous nous assurer qu'un système de conception fonctionne réellement pour un produit sur lequel vous travaillez et améliore la productivité de votre équipe?

(Ceci est une publication sponsorisée.) Les systèmes de conception aident les équipes de produits à aborder la conception avec un système à l'esprit. Mais tous les systèmes de conception ne sont pas aussi efficaces. Certains systèmes de conception aident les équipes de produits à créer une expérience cohérente; d'autres produisent des conceptions confuses.

L'efficacité d'un système de conception peut être mesurée par son efficacité pour aider à atteindre l'objectif du produit. Dans cet article, nous allons essayer de trouver les qualités qui rendent un système de conception bon pour le développement de vos produits.

1. Comprenez-vous clairement pourquoi vous avez besoin d’un système de conception?

Trop souvent, les équipes de produits essaient de créer une solution à un problème qu’elles n’ont pas. Et lorsqu'il s'agit de créer un système de conception, certaines équipes tentent de créer un système simplement parce que d'autres le font.

Maturité des produits et des sociétés

Les sociétés ont différents niveaux de maturité de conception. Certaines entreprises ont un produit qui compte des milliers d'utilisateurs, alors que d'autres commencent tout juste à mettre en œuvre leur produit.

Créer un système de conception à partir de zéro est une activité qui prend du temps. Les petites équipes rapides n’ont probablement pas besoin d’un système de conception, car cela les ralentirait. Une entreprise en démarrage de trois à cinq personnes qui tente de trouver une solution adaptée au marché de produits consacrerait probablement beaucoup de temps à la création d’un système. Et si des ressources sont dépensées pour construire un système de conception, elles ne le sont pas pour construire le produit. Jusqu'à ce que l'entreprise définisse clairement l'orientation de son produit, investir du temps dans la création d'un système de conception risque de générer beaucoup de déchets.

Un système de conception devrait découler de la nécessité d'accroître l'efficacité à grande échelle. Et cela n'arrive que lorsqu'une équipe a de réels problèmes d'efficacité qui l'empêchent de se déplacer rapidement. Laissez votre équipe atteindre le but en premier et atteindre un point où les inefficacités, telles que dans les services techniques et de conception, deviennent des facteurs importants dans les décisions de conception. l'interface actuelle, mais cette approche n'est pas très bonne pour de nombreuses raisons. Imaginez que votre entreprise fabrique un produit depuis longtemps sans système; Il est probable que le produit présente un certain niveau d'incohérence dans sa conception.

C'est pourquoi, si vous envisagez d'introduire un système de conception, commencez par un audit: explorez les interactions existantes et collectez tous les éléments d'interface utilisateur de votre produit. Rassemblez tous les éléments qui constituent l'interface et classez-les pour révision. Les examens devraient vous aider à comprendre la raison de l’incohérence et les modifications que vous devrez apporter au processus de conception afin d’éviter de tels problèmes à l’avenir.

Le système de conception définit-il clairement les concepteurs et les développeurs

Un système de conception n'a de valeur que si les personnes qui travaillent sur le produit l'adoptent. La compréhension partagée joue un rôle essentiel dans l’adoption du système.

Avant de commencer à concevoir un produit, il est essentiel d’aligner les équipes sur un ensemble clair d’objectifs communs. Construisez une vision et assurez-vous que tout le monde regarde dans la même direction. Un système de conception doit donner aux équipes un moyen guidé de trouver des solutions aux problèmes de leurs produits.

Cartographie des besoins, objectifs et motivations des utilisateurs

L'une des premières choses à faire lorsque vous commencez à travailler sur un produit consiste à: comprendre qui sont nos utilisateurs et quels sont leurs objectifs, leurs besoins et leurs motivations. Ces informations doivent constituer la base du système de conception que vous souhaitez créer.

Des outils tels que la cartographie du parcours de l'utilisateur et le cadre Jobs to be Done vous aideront à comprendre les interactions entre les utilisateurs et votre produit. L'équipe produit doit garder ces informations à l'esprit lors de son travail sur le système de conception.

Express Le but du produit

Ce but constitue le cœur du produit et doit éclairer les décisions en matière de conception et de développement. Le but d'un produit doit être exprimé en une phrase. Par exemple, si nous concevions une application de méditation pour une relaxation rapide, notre objectif serait d'aider les personnes qui l'utilisent à se détendre. Si nous exprimions cet objectif en une phrase, ce serait quelque chose comme: «Aidez les gens à se détendre en un rien de temps».

Notez que le but doit être naturel, pas forcé; sinon, l’équipe n’y croira pas.

Établissez des principes de conception clairs

Des principes de conception solides sont à la base de tout système fonctionnant correctement. Ils doivent comprendre l'essence de ce que signifie un bon design pour l'entreprise et fournir des recommandations pratiques aux équipes de produits sur la manière de le réaliser.

Des principes de design doivent être créés sur les principes et les valeurs du produit. Principes de conception du Lightning Design System . ( Grand aperçu )

Vous trouverez ci-dessous quelques principes directeurs en matière de conception.

Les principes de conception doivent être authentiques et authentiques

Nous sommes nombreux à entendre des principes tels que «simple et utile». Mais des qualités comme celles-ci devraient être une donnée. Savoir que votre produit doit être simple et utile ne vous aidera pas à prendre des décisions en matière de conception. Imaginez qu'un nouveau membre rejoigne votre équipe et que vous deviez partager les trois principes directeurs les plus importants lors de la conception d'un produit. Vous pourriez dire quelque chose comme: «Nous aimons les choses simples – nous efforçons de créer des choses simples." Cela ne dit pas grand chose à la personne. Il est difficile d’imaginer que quiconque créerait intentionnellement un produit complexe et inutile.

C’est pourquoi les principes devraient offrir des conseils pratiques sur la façon de résoudre un problème de conception dans le contexte du produit en question. L'un des principes de conception de Medium, une plate-forme de blogging populaire, est «l'orientation par rapport au choix». Grâce à ce principe, au lieu de concevoir un éditeur de texte avec des styles visuels sans fin, l'équipe de conception de Medium a décidé de limiter le nombre de styles visuels. Ce faisant, ils se concentrent sur ce qui est vraiment important: le contenu qu’ils produisent.

Editeur de texte moyen. ( Grand aperçu )
Les principes de conception devraient être mémorables

Demandez aux gens de votre entreprise quels sont vos principes de conception. Si personne ne s'en souvient, il est probable qu'ils ne fonctionnent pas.

Les principes de conception devraient fournir des exemples concrets

Même les meilleurs principes peuvent être interprétés de différentes manières. Rien ne rend plus clair un principe qui soit associé à un exemple réel, montrant comment il peut être appliqué dans son contexte.

Conseil : Vous devez parfois fournir des contre-exemples pour aider les gens à comprendre. que ne pas faire

Quelle est l'efficacité du langage de conception de l'interface?

Un langage de conception apparaît lorsque l'équipe travaille sur un produit. Le langage de conception de l'interface a un impact significatif sur la manière dont les utilisateurs interagissent avec le produit. Si un produit créé avec un système de conception est source de confusion et n'aide pas les utilisateurs à atteindre leurs objectifs, le système de conception n'est pas efficace.

Mode d'exécution et d'application des modèles de conception

Un modèle est une solution réutilisable pouvant être utilisée. appliqué pour résoudre un problème de conception. Les motifs de conception reposent sur l'idée de base du fonctionnement d'un produit et constituent le fondement du langage utilisé par l'équipe pour communiquer avec les utilisateurs.

Il existe deux types de motifs: fonctionnel et perceptuel .

Schémas fonctionnels

Les schémas fonctionnels sont les éléments constitutifs tangibles d'une interface. Boutons, icônes, champs de texte, etc., se combinent pour former ce que nous appelons un produit.

De nombreux facteurs influencent le choix des modèles de conception, et la plupart d'entre eux proviennent du domaine auquel le produit appartient et de ses fonctionnalités essentielles. . Prenons un produit financier à titre d’exemple. Un produit financier peut avoir besoin de donner la priorité au multitâche et à l'analyse rapide (ce qui nécessite une plus grande densité d'informations). Dans l’interface de Bloomberg, illustrée ci-dessous, la densité est obtenue grâce à un espacement réduit, des commandes compactes et un bon choix de typographie.

Le terminal Bloomberg a un design dense, qui permet d’afficher de nombreuses informations à l’écran. Image: Wikipedia . ( Image agrandie )
Les schémas de perception

Dans son livre _ La méthode de construction intemporelle _, Christopher Alexander demande pourquoi certains endroits sont si agréables à vivre, alors que d'autres se sentir terne et sans vie. Selon lui, la façon dont les lieux et les bâtiments nous font ressentir est le résultat de modèles spécifiques: les modèles de perception.

Les modèles de perception se concentrent sur ce que les utilisateurs ressentent. Les couleurs, la typographie, l'iconographie, les formes et l'animation sont réunis pour former l'identité d'un produit. Sans modèles perceptuels, vous ne sentiriez pas beaucoup de différence entre les produits d'un même domaine.

L'esthétique, la voix et le ton d'un produit devraient refléter la personnalité et l'éthique que nous souhaitons exprimer à travers l'interface:

  • How do we we veulent que notre produit soit perçu?
  • Notre produit est-il sérieux ou ludique?
  • Devra-t-il être utilitaire ou émotionnel?
La voix et la tonalité de MailChimp. Source de l'image . ( Grand aperçu )

Il est également important de comprendre que la perception est influencée non seulement par des éléments individuels (texte, couleurs, caractères, espaces blancs, etc.), mais également par les relations entre ces éléments. En d’autres termes, il ne suffit pas d’utiliser les couleurs et les polices de manière cohérente; nous devons également être conscients des combinaisons «parfaitement adaptées» qui donnent à un produit une sensation particulière.

Astuce : Lorsque vous travaillez sur un modèle perceptuel, vous pouvez utiliser la technique du moodboarding. Rassemblez tous les éléments avec des styles visuels pertinents et définissez leurs éléments visuels centraux. Les Moodboards sont un excellent outil pour explorer différents thèmes visuels. Pour en créer un, vous pouvez utiliser un outil numérique tel que Pinterest ou assembler des pages imprimées sur un grand tableau.

Mesurer vos progrès

La mise en œuvre d'un système de conception est un processus. Et il est crucial de veiller à ce que le système soit utile. Quel que soit votre niveau de prédiction, dans de nombreux cas, il sera difficile de prédire comment un changement particulier affectera l'expérience de l'utilisateur. C’est pourquoi il est important de définir des mesures et de les suivre en cours de route. Après chaque publication, mesurez les performances de votre produit. Mesurez les résultats qualitatifs et quantitatifs et assurez-vous que vos mesures vont dans la bonne direction.

Quelle est l'efficacité des pratiques de l'équipe?

À quelle vitesse l'équipe de conception interne fonctionne-t-elle?

Un système de conception efficace permet à une entreprise d'atteindre ses objectifs plus rapidement et à moindre coût. Un système de conception devrait réduire les décisions de mise en œuvre, car les membres de l'équipe disposeraient de tous les éléments d'un produit prêts à l'emploi, ainsi que des informations sur la manière de les utiliser. À mesure que le processus de fabrication des produits s'accélère, les concepteurs gagneront du temps, qu'ils pourront investir dans d'autres domaines, tels que les recherches sur les utilisateurs.

Voici quelques domaines à surveiller:

  • Efficacité
    Mesurer la rapidité de nouveaux modèles sont intégrés et la rapidité avec laquelle des changements sont apportés aux modèles existants. Si les concepteurs doivent souvent introduire un nouveau composant pour résoudre un problème, cela peut être un signe fort que le système de conception n'est pas flexible.
  • Cohérence
    Il est difficile de créer des expériences cohérentes sur différentes plates-formes. 19659067] L'investissement dans les outils et la technologie est essentiel pour l'efficacité de la conception. Une bonne boîte à outils aidera à éliminer les opérations manuelles de votre processus de conception. Adobe XD offre deux excellentes fonctionnalités qui peuvent améliorer l'efficacité de la conception: le panneau des composants et des actifs partagés

    À l'aide de XD, vous pouvez créer un composant principal pour définir un élément d'interface utilisateur réutilisable, tel qu'un bouton. Créez des instances de tout composant dans votre interface utilisateur et personnalisez-les. Les composants sont conçus pour être redimensionnés de manière réactive. Vous pouvez ainsi prendre toute instance et ajuster la taille du composant. XD gère automatiquement le placement et la mise à l'échelle des éléments du composant.

    Vous pouvez utiliser le panneau Actifs pour: organisez une collection d'éléments réutilisables que vous souhaitez mettre à la disposition des autres concepteurs de votre équipe. Pour permettre aux autres utilisateurs d’utiliser les styles visuels et les composants que vous avez définis, invitez-les au document en utilisant "Partager" → "Inviter à modifier". La bonne nouvelle est que tout le monde utilisera les derniers actifs. chaque fois que la conception est mise à jour, les membres de l'équipe qui ont été invités à la collection seront informés des modifications. Les membres de l’équipe pourront effectuer les mises à jour à leur propre discrétion.

    Il est bien connu que les développeurs peuvent coder l’UI

    Il est bien connu que les développeurs et les concepteurs doivent travailler main dans la main. Et en matière de communication entre concepteurs et développeurs, les spécifications de conception jouent un rôle essentiel. La clarté est l’aspect le plus important de la spécification de conception: si les développeurs ne comprennent pas la spécification, ils peuvent implémenter quelque chose de différent de l’idée originale. Une bonne spécification de conception réduit les erreurs d'interprétation des décisions de conception.

    Avec Adobe XD la création d'une spécification non équivoque est un processus relativement simple. Vous pouvez utiliser «Partager» → «Partager pour le développement» pour publier votre système de conception sur le Web. La ressource contiendra des informations sur les valeurs de couleur, les attributs de style et les ressources téléchargeables.

    Source de l'image . ( Grand aperçu )

    Quelle est la qualité des conventions de nommage?

    Le système de conception permet-il aux membres de l'équipe de communiquer plus efficacement? Le langage est fondamental pour la collaboration. Chaque élément d'un système de conception doit avoir un nom connu qui ait du sens pour les membres de votre équipe. Les conventions de dénomination correctes sont particulièrement importantes pour les produits évolutifs – à mesure que le nombre de modèles dans une bibliothèque augmente, de bonnes conventions de dénomination peuvent aider les membres de l'équipe à trouver rapidement ce qu'ils cherchent.

    Voici quelques conseils pour nommer les éléments:

    • L'aspect distinctif du langage d'un système de conception est son caractère collant. Semblable à toute autre langue, nous devons utiliser cette langue si elle veut survivre. Cela doit faire partie de notre routine quotidienne.
    • Nommer un élément peut être difficile lorsque l’équipe n’en comprend pas parfaitement le but. Si vous avez du mal à trouver le bon nom, il y a de fortes chances que quelque chose ne va pas. Le but d’un élément n’est peut-être pas clair.
    • Nommez les composants du point de vue de l’utilisateur. Parlez aux utilisateurs actuels et potentiels du produit et nommez les composants en fonction de la manière dont ils s'y réfèrent. Cela aidera les ingénieurs à penser du point de vue de l'utilisateur et à avoir toujours les utilisateurs à l'esprit.
    • Testez votre langue avec les utilisateurs. Cela garantit que les modules que vous avez définis sont alignés sur les comportements et modèles mentaux potentiels de votre utilisateur.

    Il est facile de maintenir le système?

    Un système de conception n'est pas un outil statique, mais plutôt un organisme vivant dans votre entreprise. Il devrait croître et évoluer avec votre produit. Le temps nécessaire pour maintenir le système à jour joue un rôle clé dans son succès ou son échec. Si le maintien du système de conception à jour devient difficile, il deviendra rapidement obsolète.

    Voici deux moments importants à considérer:

    • Selon la taille de l'entreprise, un système de conception peut être statique ou dynamique. Il est toujours préférable d’avoir un système de conception dynamique, qui sera mis à jour en temps réel avec le produit. En outre, un système de conception statique ne conviendrait pas à une entreprise qui fabrique des produits à grande échelle, car le temps requis pour introduire des modifications serait important.
    • Un système de conception devrait comporter une feuille de route et un arriéré. Comme pour tout autre produit, la création d'un système de conception est un processus itératif continuellement.

    Le système de conception étend-il l'orientation de la création?

    L'expérimentation créative fait partie intégrante du processus de conception. Parfois, les décisions de conception efficaces reposent sur l’intuition. C’est pourquoi l’un des principaux objectifs d’un système de conception est d’étendre la direction de la création. Un système de conception doit encourager les personnes qui travaillent sur le produit à faire preuve de créativité et de spontanéité.

    Inviter tout le monde à contribuer au système

    Tout le monde dans l'entreprise doit non seulement être autorisé, mais également encouragé à contribuer au système. Donnez aux gens suffisamment de liberté pour contribuer, tout en veillant à ce que le système reste géré et géré.

    Conseil : Suivez un processus de révision par des pairs. Cela augmentera la notoriété du système de conception.

    Atteindre un équilibre entre un système collant et lâche

    Certains utilisateurs de systèmes de conception tiennent à une cohérence parfaite. Mais une consistance parfaite ne garantit pas un excellent produit. Si le processus que vous suivez est restrictif, vous risquez de vous retrouver avec une conception générique. C’est pourquoi il est essentiel de trouver un équilibre entre cohérence et expression créative dans la conception.

    Quand il s’agit d’exploration créative, il est toujours préférable d’expérimenter à petite échelle. Si certains éléments fonctionnent correctement (par exemple, un nouveau style pour un bouton d'appel à l'action), le système de conception devrait faciliter l'intégration des modifications dans d'autres parties de l'interface.

    Conclusion

    Le système de conception spécialement conçu sert d’étoile du nord pour le développement de vos produits. Un système de conception amplifie la culture axée sur la conception – il encourage les personnes qui travaillent sur le produit à regarder au-delà des éléments constitutifs et à réfléchir au but de leur conception. La vue d'ensemble qu'un système de conception donne donnera une meilleure compréhension de vos utilisateurs et, finalement, une meilleure expérience utilisateur.

    Cet article fait partie de la série de conceptions UX sponsorisée par Adobe. L'outil Adobe XD est conçu pour un processus de conception UX rapide et fluide car il vous permet de passer de l'idée au prototype plus rapidement. Conception, prototype et partage – le tout dans une seule application. Vous pouvez consulter d'autres projets inspirants créés avec Adobe XD sur Behance ainsi que pour vous abonner à la lettre d'information d'Adobe Experience Design afin de rester au courant des dernières tendances et perspectives pour UX / Conception de l'interface utilisateur.

     Un éditorial éclatant (ms, yk, il)




Source link