Le design d'interaction est peut-être le concept de design le plus parlé de 2015. C'est une chose à laquelle vous devriez penser et planifier dans tous vos projets numériques.
Mais comment tirer le meilleur parti du design d'interaction? Comment pouvez-vous concevoir quelque chose que les gens veulent interagir? Bien que certaines de ces réponses changent avec la technologie, un élément reste le même: les utilisateurs souhaitent utiliser un design intuitif, fonctionnel et esthétique.
Qu'est-ce que la conception d'interaction?
Dans la conception, l’interaction homme-machine et le développement de logiciels, la conception de l’interaction, souvent abrégée IxD, consiste à «façonner des éléments numériques pour l’utilisation par les gens», ou «pratique consistant à concevoir des produits, environnements, systèmes et services numériques interactifs». - Wikipédia
Simplement, le design d'interaction est un processus de connexion du monde numérique au monde humain. Faire en sorte que les éléments basés sur un écran, apparaissent réels et fonctionnent dans le domaine numérique comme ils le feraient dans l'espace physique. Cette connexion aide les utilisateurs à utiliser et à interagir avec les produits et les appareils numériques, des ordinateurs de bureau aux téléphones, en passant par les montres, aux sites Web, aux applications et aux jeux. Le design d'interaction est un concept qui combine tout ce que nous savons sur le design et la fonction en une seule idée.
IxD est le mot à la mode de la communauté des concepteurs alors que nous essayons de mieux apprendre à concevoir et à reproduire des actions et des interactions physiques pour mieux connecter les produits numériques aux utilisateurs. Les idées qui sous-tendent la conception sont ancrées dans les principes de la qualité visuelle, alors que la technologie évolue presque aussi rapidement que nous pouvons la concevoir.
Questions à considérer
L’un des meilleurs guides pour réfléchir à la conception des interactions est en fait un standard d’utilisabilité d’utilisabilité.gov. Le guide fournit une série de questions (et même de sous-questions) à utiliser comme base pour la création d'un projet avec des interactions numériques et, avec cette compréhension, vous pouvez anticiper sur la manière dont une personne peut interagir avec le système, résoudre les problèmes à un stade précoce, etc. inventer de nouvelles façons de faire les choses.?
Voici les concepts à prendre en compte en premier. Vous pouvez trouver toutes les sous-questions et considérations de Ergonomie.gov.
- Définir comment les utilisateurs peuvent interagir avec l'interface
- Donner aux utilisateurs des indices sur le comportement avant que les actions ne se produisent
- Anticiper et atténuer les erreurs
- Prendre en compte les commentaires du système et le temps de réponse
- Penser stratégiquement à chaque élément de la conception
- Simplifier pour apprendre
Beaucoup de ces concepts devraient sembler familiers. Les concepts et les idées correspondent à ce que nous discutons fréquemment dans le monde du design lorsque nous parlons de ce qui fonctionne et de ce qui ne fonctionne pas esthétiquement. Bien que les techniques utilisées pour créer un design totalement interactif puissent être différentes, les principes d'un bon design sont relativement les mêmes.
Des principes directeurs
Une grande partie de ce que vous pensez de l’interaction associe les principes de conception aux principes d’émotion et d’interaction humaines. Lorsque vous déterminez le fonctionnement d'un projet numérique, réfléchissez à la manière dont vous utilisez et interagissez avec vos outils préférés. Que dites-vous de ces outils? (Il est probable que bon nombre des meilleures fonctionnalités sont des choses auxquelles vous ne pensez même pas consciemment.)
Pensez à chacun de ces principes ou concepts lorsque vous décidez comment l'utilisateur se connectera à votre conception.
- Mouvement: Lorsque vous pensez au design de mouvement et d’interaction, les premières images mentales sont souvent des balayages ou des tapotements, car ce sont les mouvements de l’utilisateur qui activent les éléments du design. En cliquant sur une souris ou en tournant l'écran de la tablette pour obtenir un certain effet, d'autres mouvements sont couramment utilisés. D'autres aspects esthétiques associés au mouvement sont également importants, tels que les repères visuels sur les photographies, la traction directionnelle à partir d'éléments de conception et la vidéo.
- Espace: Avec quel type d’environnement l’utilisateur interagit-il? Le dessin est-il créé dans un espace à deux ou trois dimensions? Est-ce que cet espace n'est qu'une partie de l'écran ou est-ce que les actions s'étendent au-delà de l'écran jusqu'au monde physique?
- Temps: La quantité de temps qu'un utilisateur consacre à une interaction peut avoir une incidence sur le maintien ou non de l'interaction. Il existe un équilibre délicat entre une interaction qui s’engage de manière appropriée et / ou une durée trop longue ou trop courte. Pensez au but de l'interaction et ensuite combien de temps cela devrait prendre du début à la fin.
- Du son: L’un des aspects les plus controversés de la conception numérique est peut-être le son. Alors que certains utilisateurs l'adorent, d'autres sont rapidement agacés. Lorsque vous utilisez le son dans les interactions, prenez toujours en compte les utilisateurs qui désactiveront la fonction. la conception doit fonctionner aussi efficacement sans elle.
- Esthétique: Chaque élément de design entre en jeu ici. A quoi ça ressemble? Cette apparence transmet-elle le bon message émotionnel à l'utilisateur? L'espace, la couleur, la typographie, le contraste et la lisibilité jouent un rôle important dans l'aspect visuel de la conception des interactions.
Concepts de design
Revenons aux principes de l'interaction et pensons vraiment à l'esthétique. (C'est l'une des principales choses sur lesquelles nous aimons penser et discuter en tant que concepteurs, non?)
Comment tout ce que nous savons sur le design joue-t-il dans la conception des interactions? Ce n'est vraiment pas différent en termes de visuels que d'autres types de projets de conception. La principale et probablement la première considération est la taille et l’échelle. De nombreux projets interactifs peuvent être considérablement plus petits que d'habitude. (Vous pouvez vous concentrer uniquement sur le design d'un téléphone ou d'une montre, mais son design peut également être traduit en ordinateur de bureau d'une autre manière.)
Lorsque vous réfléchissez visuellement, commencez par la plus petite toile qui abritera la conception et la construction. (Si vous pouvez faire en sorte que cela fonctionne petit, il est beaucoup plus facile de "développer" la conception; éliminer les éléments déjà conçus peut être beaucoup plus difficile.
- Espace: Bien que certains puissent essayer de réduire l'espace entre les éléments dans les petits espaces, vous devez en fait donner plus d'espace aux éléments dans les petites conceptions. Assurez-vous que chaque élément dispose de suffisamment d'espace pour l'identifier et effectuer l'action correcte. (Les boutons doivent être suffisamment gros pour pouvoir être touchés sans activer un autre élément à l'écran.) Si nécessaire, utilisez plusieurs écrans (par balayage) pour tirer le meilleur parti des petits espaces.
- Couleur: Bien que l’utilisation des couleurs de votre marque soit importante, vous voulez vous assurer que les couleurs fournissent un contraste suffisant pour être vues dans une variété d’environnements. Cela peut nécessiter l'ajout de couleurs facultatives à votre palette de couleurs pour les éléments d'interaction. Envisagez des teintes vives et attrayantes, en particulier pour les applications mobiles et les applications de surveillance.
- Typographie: Le lettrage doit être simple et lisible. Utilisez une police de caractères de style moderne (serif ou sans serif est acceptable) avec une largeur de trait moyenne et uniforme. Évitez les versions ou styles condensés, trop gras ou trop légers avec des traits élaborés.
- Contraste: Chaque élément d'un design interactif doit vivre contre les éléments qui l'entourent. Cela peut sembler difficile en termes de conception, mais un contraste saisissant peut rendre les éléments faciles à lire et à comprendre. Le contraste attirera rapidement l'attention sur l'interaction et aidera les utilisateurs à identifier les tâches à effectuer. Établissez un contraste avec la couleur, la typographie, l’espace et les images ou le langage.
- Lisibilité: Tous les éléments de votre projet basé sur les interactions doivent être faciles à lire. en un coup d'oeil. Créez des fonctions de numérisation et de fonctionnalité tout en gardant à l'esprit que vous ne disposez peut-être que d'une fraction de seconde pour convaincre un utilisateur d'effectuer l'interaction souhaitée. Compréhension et lisibilité sont la clé pour y arriver.
Liste de lecture
Il y a tellement de bonnes informations sur la conception d'interaction disponibles. (Et de nombreuses opinions sur ce qui fonctionne et ce qui ne fonctionne pas aussi bien.)
Si vous souhaitez en savoir plus, voici trois excellentes ressources que vous devriez trouver précieuses et qui vous feront penser à la conception des interactions de différentes manières.
- Trois lois de la conception d'interaction par Diogène Brito
- «L’interface future: concevoir pour rendre la technologie humaine» par Danielle Reid
- Les 10 principes de la conception d'interaction par Creative Bloq
Conclusion
La conception d'interaction est une chose à laquelle vous devez réfléchir. Les utilisateurs s'attendent à des interactions dans presque tous les aspects de la conception. La plupart des utilisateurs accèdent au Web et à d'autres projets de conception numérique via des appareils mobiles dans l'espoir de faire plus que simplement lire du texte.
Planifier et concevoir ces interactions avec un but peut sembler intimidant au premier abord, mais ce n’est pas très différent conceptuellement de tout autre aspect de la conception. La grande différence réside dans la façon dont les interactions fonctionnent. C’est pourquoi il est important d’avoir un bon développeur à vos côtés ou de continuer à perfectionner vos compétences en développement Web.