Conception d'interaction: qu'est-ce que c'est et comment pouvez-vous l'utiliser?

/2017-01-17 12:13:23/
Rukmini
/Graphiques/

Le design d'interaction est peut-être le concept de design le plus parlé de 2015. C'est quelque chose que vous devriez penser et planifier dans tous vos projets numériques.

Mais comment tirer le meilleur parti de la conception d'interaction? Comment pouvez-vous concevoir quelque chose avec lequel les gens veulent interagir? Bien que certaines de ces réponses changent avec la technologie, un élément reste le même: les gens veulent utiliser un design intuitif, fonctionnel et esthétique.

Explorez les ressources de conception

Qu'est-ce que la conception d'interaction?

Dans la conception, l'interaction homme-ordinateur et le développement de logiciels, la conception d'interaction, souvent abrégée IxD, consiste à «façonner des choses numériques pour l'usage des gens», alternativement définies comme «la pratique de la conception de produits, environnements, systèmes et services numériques interactifs». - Wikipédia

Simplement, la conception d'interaction est un processus de connexion du monde numérique à l'humain. C'est faire des choses qui sont basées sur l'écran, apparaître réelles et fonctionner dans le domaine numérique comme elles le feraient dans l'espace physique. Cette connexion aide les gens à utiliser et à interagir avec les produits et appareils numériques, des ordinateurs de bureau, téléphones et montres aux sites Web, applications et 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é du design 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 derrière la conception sont ancrées dans les principes de bons visuels tandis que la technologie évolue presque aussi rapidement que nous pouvons concevoir pour elle.

Questions à considérer

L'un des meilleurs guides pour réfléchir à la conception d'interaction est en fait une norme d'utilisation d'ergonomie.gov. Le guide fournit un ensemble de questions (et même de sous-questions) à utiliser comme base pour créer un projet avec des interactions numériques et «avec cette compréhension, vous pouvez anticiper comment quelqu'un pourrait interagir avec le système, résoudre les problèmes tôt, ainsi que inventer de nouvelles façons de faire. »

Voici les concepts à considérer en premier, vous pouvez trouver toutes les sous-questions et considérations de Ergonomie.gov.

Définissez comment les utilisateurs peuvent interagir avec l'interface
Donner aux utilisateurs des indices sur le comportement avant que des actions ne se produisent
Anticiper et atténuer les erreurs
Tenez compte des commentaires du système et du temps de réponse
Penser stratégiquement à chaque élément de la conception
Simplifiez pour apprendre

Beaucoup de ces concepts devraient sembler familiers. Les concepts et les idées sont conformes à ce que nous discutons fréquemment dans la communauté du design lorsque nous parlons de ce qui fonctionne et ne fonctionne pas esthétiquement. Bien que les techniques que vous utilisez pour créer une conception complètement interactive puissent être différentes, les principes d'une bonne conception sont relativement les mêmes.

Des principes directeurs

Une grande partie de ce que vous pensez de l'interaction combine les principes du design avec les principes de l'émotion humaine et de l'interaction. Lorsque vous déterminez comment un projet numérique devrait fonctionner, pensez à la façon dont vous utilisez et interagissez avec vos outils préférés. Que pensez-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 à la conception 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 de la conception. Cliquer sur une souris ou tourner l'écran d'une tablette pour obtenir un certain effet sont d'autres mouvements couramment utilisés. D'autres esthétiques associées au mouvement sont également importantes, telles que les repères visuels sur les photographies, la traction directionnelle des éléments de conception et la vidéo.
Espace: Avec quel type d'environnement l'utilisateur interagit-il? Le design est-il créé dans un espace à deux ou trois dimensions? Cet espace n'est-il qu'une partie de l'écran ou les actions s'étendent-elles au-delà de l'écran jusqu'au monde physique?
Temps: le temps qu'un utilisateur passe avec une interaction peut avoir un impact sur la poursuite de l'interaction. Il y a un équilibre délicat entre une interaction engageante et / ou trop longue ou courte. Réfléchissez à l'objectif de l'interaction, puis au temps que cela devrait prendre du début à la fin.
Son: L'une des parties les plus débattues de la conception numérique pourrait être le son. Alors que certains utilisateurs l'adorent, d'autres sont rapidement agacés. Lorsque vous utilisez le son dans les interactions, tenez toujours compte des 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. À quoi tout cela ressemble-t-il? Est-ce que ce look transmet 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 d'interaction.

Concepts de conception

Revenons aux principes de l'interaction et pensons vraiment à l'esthétique. (C'est l'une des principales choses que nous aimons penser et discuter en tant que concepteurs, non?)

Comment toutes les choses que nous savons sur la conception jouent-elles 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 considération - et probablement la première - est la taille et l'échelle. De nombreux projets interactifs peuvent être considérablement plus petits que ceux auxquels vous êtes habitué. (Vous pouvez vous concentrer uniquement sur la conception d'un téléphone ou d'une montre, mais la conception peut également se traduire sur les ordinateurs de bureau d'une autre manière.)

Lorsque vous pensez visuellement, commencez par la plus petite toile qui abritera la conception et la construction. (Si vous pouvez le faire fonctionner petit, il est beaucoup plus facile de «faire grandir» la conception; éliminer les choses déjà conçues 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 petits modèles. Assurez-vous que chaque élément dispose de suffisamment d'espace pour l'identifier et effectuer l'action correcte. (Les boutons doivent être suffisamment grands pour pouvoir être touchés sans activer un autre élément sur l'écran.) Utilisez plusieurs écrans (par des actions de balayage) si nécessaire pour tirer le meilleur parti des petits espaces.
Couleur: Bien que l'utilisation des couleurs de votre marque soit importante, vous devez vous assurer que les couleurs offrent suffisamment de contraste pour être vues dans une variété d'environnements. Cela pourrait 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 de montre.
Typographie: le lettrage doit être simple et lisible. Restez fidèle à une police de caractère moderne (serif ou sans serif est OK) avec une largeur de trait moyenne et uniforme. Évitez les versions ou les styles condensés, trop gras ou légers avec des traits élaborés.
Contraste: chaque élément d'une conception interactive doit coïncider avec les éléments qui l'entourent. Cela peut sembler dur en termes de conception, mais un contraste saisissant peut rendre les éléments faciles à lire et à comprendre. Le contraste attirera également l'attention sur l'interaction rapidement et aidera les utilisateurs à identifier ce qu'il faut faire. Établissez un contraste avec la couleur, la typographie, l'espace et l'imagerie ou la langue.
Lisibilité: tous les éléments de votre projet basé sur l'interaction doivent être faciles à «lire» en un coup d'œil. Concevez pour la capacité de numérisation et la fonction, tout en gardant à l'esprit que vous ne disposez que d'une fraction de seconde pour convaincre un utilisateur d'effectuer l'interaction souhaitée. La compréhension et la lisibilité sont essentielles pour y parvenir.

Liste de lecture

Il y a tellement de bonnes informations sur la conception d'interaction disponibles. (Et beaucoup d'opinions sur ce qui fonctionne et ne fonctionne pas aussi bien.)

Si vous voulez en savoir plus, voici trois excellentes ressources que vous devriez trouver utiles et chacune vous fera penser à la conception d'interaction de différentes manières.

«Trois lois de conception d'interaction» par Diogenes Brito
«La future interface: concevoir pour rendre la technologie humaine» par Danielle Reid
«Les 10 principes du design d'interaction» par Creative Bloq

Conclusion

La conception d'interaction est une chose à laquelle vous devez penser. 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.

La planification et la conception de ces interactions avec un objectif peuvent sembler intimidantes au début, mais elles ne diffèrent pas beaucoup conceptuellement de tout autre aspect de la conception. La grande différence réside dans la façon de faire fonctionner les interactions, c'est là qu'il est important d'avoir un bon développeur à vos côtés ou de continuer à affiner vos compétences en développement Web.