Share
La conception technologique moderne requiert un degré élevé d’interactivité: les barres de navigation changent en fonction du lieu de défilement de l’utilisateur, les zones développées permettent d’afficher et de masquer les informations complémentaires, les listes glissées aux fins de réorganisation, etc. Les concepteurs doivent prendre en compte toutes les interactions utilisateur possibles. créer l'expérience utilisateur la plus simple et intuitive possible dans leurs produits.
Le partage et la livraison de conceptions interactives peuvent prendre différents formats, en fonction de vos objectifs et des destinataires..
Dans cet article, je vais vous présenter différentes approches de prototypage et décrire les contextes dans lesquels chacun choisirait. En fin de compte, les différentes méthodologies décrites ci-dessous ont trois facettes à prendre en compte pour décider de la route à suivre:
Je vais utiliser des illustrations illustrant les niveaux de chacune de ces méthodes pour toutes les méthodes de prototypage que nous couvrons..
Les débuts du Web étaient basés sur des états: en cliquant sur un lien, je me dirigeais vers une autre page contenant un ensemble de liens menant aux pages suivantes, etc. La compréhension de Javascript est un ensemble de compétences avancées et des cadres doivent encore être développés pour faciliter l’utilisation du langage. En tant que tels, les composants interactifs étaient rares. Les produits livrables statiques des concepteurs répondent aux besoins de ces produits technologiques: comme il y avait peu de composants interactifs en mouvement, les conceptions pouvaient être efficacement représentées par des compositions statiques créées dans Photoshop, InDesign et d'autres outils de mise en page d'impression..
À mesure que la technologie progressait, la compréhension des avantages d'une plus grande interactivité de l'expérience utilisateur a conduit à une conception de l'expérience utilisateur plus dépendante de l'interaction. La nature des outils de conception statiques, cependant, rend difficile la représentation des idées de conception interactive en raison du manque inhérent de composants livrables dans les produits livrables. En fin de compte, cela a conduit à la prolifération d'outils de prototypage afin d'élaborer plus efficacement des concepts de conception interactifs..
Les prototypes présentent deux avantages principaux dépourvus de livrables statiques:
En tant que tels, ils peuvent constituer un mécanisme très efficace pour fournir des idées de conception..
Toutefois, en fonction de la structure du projet et de ses objectifs, les produits livrables statiques, appelés «prototypes de papier», peuvent toujours être efficaces dans le processus de conception. Si le produit est mieux représenté par le biais d'une architecture d'informations basée sur des états, les produits livrables statiques fonctionnent parfaitement. De plus, si la structure d'équipe fournit beaucoup de communication entre les équipes et un processus de conception / développement itératif très agile, les produits livrables statiques peuvent être efficaces. Lors de la détermination de la voie à suivre, il convient de prendre en compte la structure de communication de l'organisation, les parties prenantes impliquées et le degré d'interactivité requis dans le produit fini pour décider de continuer avec des maquettes statiques ou des prototypes plus robustes..
Prototypage de papierLes prototypes à faible fidélité tentent de combler l'écart entre les restrictions des compositions statiques et des structures filaires, englobant un produit livrable pouvant illustrer certains des concepts de conception interactive, mais manquant du raffinement d'un produit fini. Par exemple, le système de conception visuelle peut ne pas être entièrement conceptualisé et le concepteur peut choisir de représenter les informations en noir et blanc, en utilisant des espaces réservés pour le contenu afin de présenter une vision proposée de l'architecture de l'information..
De tels livrables sont populaires parmi les concepteurs qui se considèrent eux-mêmes comme étant persuasifs de l'expérience utilisateur, car ils peuvent être moins à l'aise pour concevoir comment une architecture d'informations se traduit par un système de conception visuelle. Ces types de prototypes sont souvent accompagnés de compositions statiques «conçues visuellement» afin de donner une représentation plus robuste du produit final..
Inversement, d’autres prototypes basse fidélité peuvent présenter un degré élevé de finition de la conception visuelle, mais manquent d’états interactifs robustes. De nombreux outils de prototypage permettent aux concepteurs de définir facilement des «zones actives», des zones cliquables qui permettent à l'utilisateur de cliquer sur une autre page ou une autre section de la conception. Cela est utile pour les concepteurs visuels, car ils peuvent concentrer leurs efforts sur la création des aspects visuels d'une hiérarchie d'informations, puis lier leurs conceptions ultérieurement pour illustrer le flux d'utilisateurs. Cependant, la création d'interactions plus robustes et sophistiquées est limitée dans ce processus de conception.
Par conséquent, les prototypes de qualité et de papier nécessitent un haut niveau de communication entre la conception, le développement et les principales parties prenantes, car les produits livrables ne sont qu'une approximation du produit fini. Soit le système de conception visuel ou interactif est sous-représenté, et au final, ces produits livrables sont confrontés aux mêmes risques que les compilations statiques: incompréhension des idées de conception entraînant une perte de temps de développement, nécessité de présenter des idées sophistiquées verbalement ou par écrit, une perte de temps lors de réunions portant sur des idées de conception sous-représentées, etc..
Un autre problème potentiel est la sur-fragmentation des idées de conception, qui peut aboutir à une conception mal conçue et sans unité. Même si les organisations aiment diviser leurs responsabilités en rôles distincts (UI, UX, Visual, Interaction, etc.), la conception est une discipline subordonnée à la création de:
“Quelque chose qui est composé de nombreuses parties et qui est pourtant plus ou différent de la combinaison de ses parties” - Gestalt
Par conséquent, dans le contexte de la conception, la fragmentation excessive des responsabilités sans une approche unifiée de la création de produits aboutit souvent à un produit mal conceptualisé. Le produit pourrait être paralysé en créant des interactions, une interface, une expérience et une conception visuelle dans des aspirateurs séparés..
Selon le contexte, les prototypes peu fidèles peuvent constituer un bon mécanisme pour la conception. Ils sont souvent efficaces pour fournir de nouveaux produits dans un système de conception visuelle déjà établi. La manière dont les différentes interactions sont présentées visuellement a déjà été établie. Par conséquent, la manière dont l'utilisateur traverse une application de manière interactive est l'objectif principal du produit livrable..
Prototypage à faible fidélitéPrésenter l'intégralité d'une conception (son aspect visuel, son interface et son expérience), le prototype haute fidélité est le Saint Graal des résultats de conception interactive. Dans un prototype haute fidélité, les parties prenantes, les développeurs et les utilisateurs peuvent pleinement interagir avec le produit livrable, offrant de nombreux avantages à l'entreprise..
Premièrement, les prototypes haute fidélité assurent une communication plus efficace et efficiente entre les services. Souvent, le temps est gagné car les développeurs peuvent comprendre parfaitement la structure d'une interaction avant de s'engager dans la mauvaise voie et de perdre un temps précieux en développement. Les parties prenantes apprécient également les prototypes haute fidélité, car elles peuvent parfaitement saisir les concepts de conception interactive et visuelle dans un seul et même produit consolidé. Les prototypes haute fidélité permettent donc d’économiser des ressources en assurant une communication efficace des idées de conception aux développeurs et aux parties prenantes..
Un autre avantage de la création de prototypes haute fidélité est qu’ils facilitent la recherche sur l’expérience utilisateur. Un utilisateur peut pleinement interagir avec le prototype, illustrant ainsi les lacunes de la conception en temps réel. De nombreux prototypes haute fidélité permettent l’introduction d’un logiciel d’analyse dans le produit livrable lui-même, offrant ainsi des méthodes complémentaires de recherche pour les utilisateurs. Google Analytics peut être intégré à des prototypes générés par le langage HTML, par exemple pour faciliter les expériences des utilisateurs et les tests A / B. En fin de compte, la possibilité d’incorporer les tests utilisateur plus tôt dans le cycle de développement du produit crée un processus plus efficace et un meilleur produit: le temps de développement est réduit: la conception est modifiée avant sa construction, et des itérations sont effectuées avant la première version du produit. produit.
En outre, en fonction de vos parties prenantes, un prototype haute fidélité peut augmenter le potentiel de vente et avoir ainsi un impact direct sur les résultats de votre entreprise. CrossCap conçoit des modules de manipulation et d’analyse de campagnes marketing chez les plus grands détaillants du monde. Il est beaucoup plus facile de vendre un client sur un module particulier - dont beaucoup n’ont pas encore été mis au point - lorsque le client peut s’asseoir et interagir pleinement avec le futur produit. La fourniture de prototypes interactifs haute fidélité a donc contribué à la rentabilité de la société en augmentant les ventes..
La production de prototypes interactifs haute fidélité présente de nombreux avantages. Malheureusement, de nombreux outils de prototypage actuels manquent de sophistication pour décrire à la fois des concepts de conception visuels et expérientiels robustes. Les outils de prototypage actuels ont une portée limitée et se spécialisent dans l'un ou l'autre. Axure, par exemple, dispose d'une suite de conception d'interaction robuste, permettant une manipulation facile des éléments, mais manquant de la sophistication fournie par d'autres outils plus visuels, tels que des palettes de couleurs, une manipulation de forme avancée, etc..
De l'autre côté du spectre se trouvent des outils tels que Quartz Composer, qui vous permettront facilement d'incorporer des outils de conception visuelle sophistiqués, mais illustrant des interactions avancées nécessitant une manipulation complexe des correctifs et une connaissance avancée de l'outil..
Origami the Quartz Composer toolkit de FacebookCompte tenu de l'absence d'une approche holistique et conceptuelle de la technologie, fondée sur les outils actuels, la création de prototypes haute fidélité alourdit la tâche du service de conception, car les outils doivent être soigneusement massés afin de produire le résultat souhaité. Pour créer des prototypes haute fidélité, par exemple, nous avons dû pirater Axure afin d'injecter directement du code Javascript centré sur le design d'interaction dans le code HTML généré. L'utilisation de Sketch avec framer.js a posé des problèmes similaires, nécessitant un workflow avancé subordonné à une approche multidisciplinaire de la conception..
Notre équipe de conception élimine ces obstacles en créant des prototypes interactifs haute fidélité grâce à une structure d'équipe multidisciplinaire: nous avons une équipe allant de concepteurs visuels extrêmement compétents à des développeurs frontaux centrés sur le code, auxquels s'ajoutent quelques membres chevauchant . Cela permet à chaque membre d’utiliser ses compétences pour contribuer à un seul livrable de nature plus robuste. En conséquence, la structure d'équipe crée un plus haut niveau d'efficacité, économise du temps et des ressources et contribue au potentiel de vente de nos produits. Tandis que certaines organisations segmentent l'équipe de conception et leurs livrables en différentes unités (interface utilisateur dans Photoshop, UX dans Axure, etc.), la force de notre équipe réside dans l'unification de compétences variées sous un même objectif et livrable..
Prototypage Haute FidélitéLa production de prototypes haute fidélité lors de la conception de produits technologiques présente de nombreux avantages: ils permettent de gagner du temps de développement, de créer une communication plus efficace entre les départements et les parties prenantes, de contribuer à un processus plus efficace et, en fonction du potentiel de vente de l'entreprise, d'augmenter. En fin de compte, toutefois, votre décision sur la voie à suivre dépend de l'organisation, des parties prenantes, du calendrier, de la nature du produit livrable, du niveau de communication entre les services et de la philosophie de développement du produit de l'organisation..
L'efficacité de la conception est mesurée dans son exécution. Alors que les prototypes haute fidélité facilitent l'exécution des idées de conception en fournissant une communication plus efficace menant à une meilleure appropriation des ressources, ils ne sont en aucun cas le seul véhicule sur la voie de la création d'un excellent produit. Lorsque vous déterminez la voie à suivre pour créer vos produits, tenez compte des avantages et des inconvénients des différentes méthodologies énumérées ci-dessus, des ressources de votre équipe et de l'ensemble de ses compétences, de votre structure organisationnelle et de votre philosophie, ainsi que des destinataires du design. chemin et créer le meilleur produit.
Dans mon prochain article, je vais illustrer ces approches de prototypage de haut niveau avec des exemples de chaque format de livrable afin de vous guider davantage vers la bonne voie à suivre avec des livrables interactifs..
Accentsconagua