Dans le monde, il existe de nombreux articles sur la façon de créer l'interface. Tous sont remplis de conseils utiles pour diverses situations: ici, vous avez besoin d'un bouton rouge, il devrait y avoir une telle animation, etc. Toutes les situations ne peuvent être décrites, elles sont simplement infinies. Cependant, si vous comprenez les principes de base de la conception d'interface, ces conseils ne sont plus nécessaires. L'essentiel est de comprendre pourquoi ces conseils fonctionnent et comment fonctionne l'utilisateur final. Et l'utilisateur est une personne avec toutes ses fonctionnalités.

Dans cet article, je vais essayer de décrire comment fonctionne le cerveau humain et comment l'utiliser dans la conception d'interfaces.

Un motif est un motif répétitif qui peut se produire dans divers domaines de la vie.

Dans notre monde moderne rempli de technologies, l'homme reste très semblable à l'homme des cavernes. L'évolution ne suit pas le processus technologique, et nous, les gens, sommes obligés de vivre dans le monde moderne avec un ensemble d'habitudes et de réflexes que nous avons laissé depuis les temps anciens. Tout cela interfère parfois, mais, avec une bonne compréhension de nous-mêmes, cela peut être tourné en faveur.



Alors, considérez la tâche: créer l'interface la plus pratique pour une personne. Qu'est-ce que cela signifie le plus pratique? Cela signifie qu'une personne utilisant cette interface résout ses tâches aussi efficacement que possible. Plus une personne parvient à faire dans une unité de temps et meilleur est son travail, mieux c'est. Vous pouvez considérer ce processus comme l'échange d'énergie humaine pour un travail utile.

Le point clé ici est le coût de l'énergie. Et ici, il vaut toujours la peine de considérer les spécificités d'une personne et de son cerveau. Notre cerveau consomme beaucoup d'énergie et, comme toutes les autres parties du corps, il en économise. Considérez brièvement le travail du cerveau.

Cerveau humain

Nous en savons déjà beaucoup sur le cerveau, mais loin de tout. Cependant, les connaissances actuelles sont suffisantes pour améliorer l'approche de la conception d'interfaces. Ainsi, le cerveau humain se compose de nombreux neurones et des connexions entre eux. Nos pensées, notre mémoire, nos réflexes - ce sont tous des processus électrochimiques entre les neurones. Pour voir quelque chose, nous obtenons d'abord un signal de la rétine de l'œil, puis ce signal est transmis à une certaine zone du cerveau, selon le signal, certains neurones sont excités, ce qui excite le suivant et le suivant, et finalement les zones de neurones qui correspondent à ce qu'ils voient deviennent actives dans le cerveau image. Comme le montre cette longue phrase, le processus est très complexe et très énergivore.

Toutes nos pensées, nos appels à la mémoire sont autant de dépenses d'énergie. Autrement dit, nous avons besoin que l'utilisateur utilisant l'interface réfléchisse le moins possible. Ici, il serait possible de terminer. Il s'agit d'une mesure de base pour l'efficacité des interfaces. Mais, néanmoins, ce conseil est assez difficile à interpréter. Par conséquent, nous approfondissons. Comment inciter les gens à réfléchir moins lors de l'utilisation de l'interface? Quelles caractéristiques du cerveau utiliser?

Force d'habitude

Il y a une telle expression: une personne est un tas d'habitudes. Il y a beaucoup de vérité là-dedans. Comme mentionné précédemment, le cerveau est une collection de neurones. Réseau de neurones, tout simplement. Et ce réseau de neurones est constamment ajusté et formé. Au début, une nouvelle tâche nécessite une grande quantité d'énergie, car les connexions nécessaires ne se sont pas encore formées et notre cerveau n'est pas entraîné. Mais à chaque fois, il s'ajuste de plus en plus, et de moins en moins d'énergie est dépensée. En fin de compte, les relations les plus optimales pour cette tâche apparaissent. C'est une habitude ou une compétence.

Cela peut être utilisé lors de la conception d'interfaces. Ce n'est probablement pas la première fois qu'un utilisateur voit un ordinateur et peut déjà avoir vu quelque chose de similaire à votre programme ou à des parties de celui-ci. Mais, il arrive si souvent que les développeurs commencent à réinventer la roue - réinventer des modèles d'interface prêts à l'emploi. Tout le monde veut investir un morceau d'eux-mêmes et montrer son potentiel créatif, mais, comme on dit, l'essentiel n'est pas d'en faire trop.

Par conséquent, voici un principe très important: utiliser des solutions communes inventées précédemment. Cela fonctionne très simplement, l'utilisateur voit l'interface, y reconnaît quelque chose de similaire à celui qu'il a utilisé auparavant et peut déjà deviner quoi faire ensuite.

Par exemple, enregistrer des fichiers. Cela semble ringard, mais parfois, les développeurs proposent leurs propres moyens pour enregistrer des fichiers. Bien que pendant longtemps, il existe des modèles de comportement généralement acceptés dans une telle tâche. Si quelqu'un a déjà résolu votre problème et que cette solution est également utilisée dans d'autres interfaces, vous devriez regarder de plus près cette solution et faire quelque chose de similaire.

Instincts anciens

En plus des habitudes acquises, une personne a des habitudes congénitales. Le plus souvent, ils sont appelés instincts. Ce sont de telles réactions instantanées du système nerveux à certains agents pathogènes externes. Au cours de l'évolution, ils sont apparus et retranchés parce qu'ils aident à survivre. J'ai vu un buisson qui bougeait soudainement - peut-être y a-t-il un tigre assis là qui veut vous tuer - il y a de la peur, vous devez enlever vos jambes de toute urgence. J'ai vu une grenouille anormalement brillante - il vaut mieux ne pas la toucher. Et ainsi de suite.

Bien sûr, le tigre ne siège pas dans votre programme et lorsque la boîte de dialogue apparaît soudainement, l'utilisateur ne saute pas et ne court pas. Cependant, cela affecte la stabilité émotionnelle. En bref, toutes sortes de stimuli externes sous la forme de collègues qui parlent fort, pas assez de café savoureux, etc., réduisent la stabilité émotionnelle. Pour cette raison, nous commençons à penser pire. Nous sortons de l'état de flux, nous devons nous concentrer de plus en plus sur la tâche. À tout cela s'ajoute et à quoi ressemble et se comporte l'interface.

Si l'interface ne semble pas très attrayante, certains éléments gênants apparaissent constamment et en général si «quelque chose ne va pas», nous la percevons instinctivement, et cela affecte notre productivité. Que pouvons-nous y faire? Ces irritants doivent être évités.

Tout d'abord, utilisez la théorie de l'harmonie des couleurs . Les bonnes couleurs donnent un sentiment de calme. Il existe de nombreux articles sur la façon de choisir la bonne palette pour les yeux. Tous sont construits sur la théorie de la roue chromatique. Selon certains motifs, des couleurs harmonisantes sont calculées qui sont agréables à la personne et ne provoquent pas d'irritation.

Deuxièmement, utilisez des animations fluides et réalistes . Nous n'aimons pas vraiment quand quelque chose apparaît ou disparaît soudainement. Et remarquez toujours des mouvements non naturels. Lorsque nous ouvrons la porte, elle accélère d'abord, puis ralentit. Utilisez des fonctions de mouvement réalistes, avec des fonctions non linéaires.

RAM du cerveau

Notre cerveau n'est pas tout-puissant et nous ne pouvons pas penser à tout en même temps. La quantité de choses que nous pouvons garder à l'esprit en même temps varie entre 5 et 7. C'est ce qu'on appelle la quantité de mémoire cérébrale active. Très similaire à la RAM de l'ordinateur en principe. Afin de penser à quelque chose, vous devez l'extraire de la mémoire à long terme pour travailler, puis l'opérer et le retourner à la mémoire à long terme. Bien sûr, ce processus est vraiment beaucoup plus compliqué, mais pour plus de simplicité, nous le prendrons de cette façon. La chose la plus importante est que le volume de travail est limité. Et il est très petit. Nous ne pouvons pas penser à dix entités en même temps. Et moins nous devons garder à l'esprit, moins d'énergie est dépensée dans le processus de pensée.

En cela, il faut encore prendre en compte le fait que l'énergie et le temps sont dépensés pour changer de contexte. Si vous devez d'abord penser à une chose, puis à une autre, puis à la première, puis à autre chose, beaucoup d'énergie sera dépensée pour un redémarrage permanent de la mémoire de travail.

Que faire à ce sujet? Fondamentalement, bien sûr, cela dépend des spécificités du programme. Il est nécessaire de surveiller la concentration de l'utilisateur . La tâche doit être linéaire. Par exemple, si certains éléments sont rarement utilisés, vous pouvez en faire la valeur par défaut, avec la possibilité de paramètres supplémentaires. Tout doit être fait pour que vous n'ayez pas à changer constamment d'attention.

Mais il y a des conseils plus généraux sur la façon de garder l'attention d'une personne sur la même chose: ce sont des motifs géométriques . Par exemple, prenez un tableau ou une liste. Pourquoi sont-ils faciles à lire? Parce que nous chargeons d'abord le «modèle» de données en mémoire. Nous savons que dans cette colonne de telles valeurs, et dans cela. Et la perception ultérieure des données est assez facile, car nous savons où va se passer ensuite.

En général, cela peut être appelé la correction géométrique de l'interface. Les choses courantes sont regroupées en un bloc, les blocs principaux sont situés en haut et à gauche, sont ordonnés à droite et en bas à mesure qu'ils deviennent importants ou que la tâche progresse. Il est important de considérer la symétrie afin que le cerveau puisse détecter plus facilement les blocs. Il est également important de prendre en compte l'expérience précédente: des parties similaires des fonctionnalités du programme doivent avoir des motifs géométriques similaires en termes d'interface afin que l'utilisateur ait déjà une idée de ce avec quoi travailler.

Reconnaissance de formes

Travailler avec une interface graphique implique la reconnaissance de formes. Et on peut aussi aider une personne dans ce domaine. Considérons un algorithme simplifié de la façon dont nous comprenons ce que nous voyons. Ce processus est quelque peu similaire à la façon dont les réseaux de neurones informatiques reconnaissent, par exemple, les lettres.

Tout d'abord, des yeux, nous obtenons un signal sur lequel les cônes de la rétine sont excités par un spectre de couleurs particulier. En gros, quels pixels quelle couleur. À partir de cet ensemble d'informations, la couleur est d'abord attribuée. Le noir est différent du blanc. Cela se fait par un groupe de neurones. Par la différence de couleur, nous pouvons déterminer des images simples: ligne, point, etc. Celui-ci est déjà engagé dans un autre groupe de neurones associé au premier. Ensuite, ces informations sont transférées à la couche suivante, où ces images sont généralisées et ainsi de suite, à chaque niveau, les neurones sont de plus en plus associés aux neurones qui stockent déjà notre expérience des images vues précédemment. Nous avons vu la lettre A sur un fond blanc, d'abord mis en évidence sa couleur sur le fond, puis reconnu des images simples - les lignes qui la composent, puis l'avons comparée à toutes mes expériences précédentes, et la lettre A était la correspondance maximale. Devant nous se trouve la lettre A.

Ce processus est complexe et divisé en plusieurs étapes. Cela peut être utilisé. Vous pouvez utiliser cette séquence de reconnaissance de formes pour simplifier la perception de l'interface. Donc, encore une fois: d' abord la couleur est mise en surbrillance, puis le formulaire, puis le contenu du formulaire .


Cette séquence montre que la façon la plus simple d'influencer la reconnaissance de l'image à travers la couleur. C'est ce que les créatures vivantes sur terre utilisent pour prétendre qui elles sont. Il est immédiatement clair que le serpent rouge est sacrément dangereux. C'est beaucoup plus facile à comprendre que s'il était écrit dessus "serpent dangereux".

Utilisez la couleur pour accentuer l'interface. Utilisez-le pour transmettre des informations simples: rouge - annuler, vert et bleu - positivement, blanc - vide et calme, etc. Mais rappelez-vous, l'essentiel n'est pas d'en faire trop. Utilisez une palette de quelques couleurs seulement.

Après la couleur vient la sélection d'images simples, seulement alors leur contenu. Tout d'abord, nous comprenons qu'il s'agit d'un cercle, puis nous comprenons qu'il s'agit d'un zéro ou de la lettre O. Par conséquent, les icônes sont meilleures que le texte. De plus, ils prennent moins de place.

La motilité

L'interface a une rétroaction humaine via des périphériques d'entrée: clavier, souris ou écran tactile. Cette fonctionnalité est également importante à considérer. Tout est simple ici et repose sur les lois de la physique. Moins il y a de mouvements, mieux c'est. Moins il y a de mouvements oculaires, plus la perception des informations est rapide. Moins vous devez déplacer la souris, passer de la souris au clavier, mieux c'est.

Cependant, ici, vous devez toujours prendre en compte les fonctionnalités de l'utilisateur. Par exemple, les programmeurs sont assis avec leurs mains sur le clavier, donc passer à la souris est une charge supplémentaire pour eux. L'utilisateur moyen tient une main sur le clavier, l'autre sur la souris. Le designer tient le stylo de sa seconde main. Et ainsi de suite. Il est important de considérer cette spécificité.

En automobile, les conseils décrits ci-dessus sont également utiles. Les motifs géométriques réduisent le nombre de clics et de mouvements, réduisent le mouvement de l'œil. La répétition de ces motifs forme des habitudes, et l'utilisateur est littéralement sur la machine déplace automatiquement le curseur au bon endroit.

Résumé

Dans cet article, j'ai essayé de décrire les fonctionnalités de base des utilisateurs qui doivent être prises en compte lors de la conception d'une interface. Cette liste peut être améliorée et complétée par des détails. Après tout, plus nous nous comprenons, mieux nous interagissons les uns avec les autres