Affordance est un terme inventé par un psychologue, JJ Gibson, dans les années 1970. Il l'a défini comme la relation entre un environnement et un acteur. De nos jours, les moyens financiers vont au-delà de la psychologie comportementale ou cognitive et dans la conception d'interfaces numériques. Comprendre les moyens financiers vous permettra de mieux comprendre la conception des produits et des interfaces, ce qui vous permettra d’être un meilleur concepteur.
Une situation où les caractéristiques sensorielles d'un objet impliquent intuitivement sa fonctionnalité et son utilisation. - Crowdcube
La définition du terme du profane de Crowdcube est bien établie. Tous les objets autour de nous ont des prix, certains plus évidents que d'autres. L'affordance est la possibilité d'une action avec un objet; ce n'est pas une propriété de l'objet lui-même. En d'autres termes, un bouton peut être poussé; la possibilité de pousser un bouton est son coût.
La définition originale inventée par JJ Gibson décrit toutes les actions physiques possibles que vous pouvez entreprendre avec un objet. Au fil du temps, la définition a changé. Maintenant, la définition est plus large et inclut la découverte des actions. Ce changement a entraîné l’évolution technologique des interfaces numériques. La découvrabilité est un concept intéressant dans le monde numérique, car lorsque vous utilisez un ordinateur, vous découvrez des actions à travers les conseils qui vous sont donnés dans les interfaces elles-mêmes.
Faites un pas en arrière dans le monde physique, où vous voyez que les objets ont des propriétés physiques telles que la taille, la forme ou le poids qui donnent des indications sur ce que vous pourriez faire avec eux. Voici quelques exemples classiques. Commençons par une tasse de thé; il est petit et a une poignée qui permet de tenir. Sa forme plongeante en forme de bol indique qu'il peut aussi contenir quelque chose. Quand il y a du thé, on peut garder la tasse de thé et en boire. Un autre exemple est une brosse à dents: elle a un manche long mais mince, qui permet de saisir, etc.
Les objets physiques peuvent être triés en trois types de prix:
L'appréciation perceptible est la définition de base de la notion de prix, dans laquelle les caractéristiques d'un objet impliquent une action.
Le prix caché est quand un objet a des prix qui ne sont pas si évidents. Par exemple, en regardant simplement une bouteille de bière, vous ne pourriez pas vous dire que vous pouvez l'utiliser pour ouvrir une autre bouteille de bière.
Faux prix est quand il y a une perception de prix; mais aucun résultat ne résulte de l'action possible. Par exemple, appuyer sur un bouton qui ne fait rien, comme utiliser la télécommande de votre téléviseur pour allumer le téléviseur, mais cela ne fonctionne pas pour une raison quelconque. Le prix est toujours là - vous êtes libre d'appuyer sur ce bouton autant que vous le souhaitez - mais rien ne se passe, il n'y a pas de fonction.
Les interfaces numériques sont spéciales. Ils nous permettent de faire des choses qui se limitent à un monde bidimensionnel qui est un écran d'ordinateur. Il y a tellement de choses que nous pourrions faire dans n'importe quelle application, site Web ou programme; mais ils ont tous une limitation énorme et paralysante: ils ne peuvent pas vous fournir d'indices physiques sur ce que vous pouvez faire. Au lieu de cela, ils dépendent tous d'indices visuels ou de moyens financiers. Cela peut être très compliqué si vous ne comprenez pas le rôle important que joue l'attribution dans la création d'interfaces réussies.
Si vous comprenez le fonctionnement des moyens, vous pourrez les utiliser à votre avantage. Lorsque vous pouvez vous offrir un outil, vous serez en mesure de créer des conceptions intuitives et faciles à utiliser. Les conceptions intuitives ont cet attrait certain - probablement parce que nous trouvons un grand nombre de sites Web ou d’applications fastidieux et ennuyeux - il est donc vraiment intéressant de les utiliser. En outre, les conversions d'effets de prix, qui jouent un rôle important dans la création d'une conception réussie.
Si vous voulez bien comprendre comment fonctionnent les prix dans la conception d’interfaces, nous devons être précis. Faisons-le maintenant en couvrant six types d’accessibilité différents observés au sein d’interfaces numériques: explicite, modèle, caché, faux, métaphorique et négatif.
À l'instar de la perception perceptible, les indications explicites données par la langue ou l'apparence physique de l'objet sont des facteurs explicites . Un bouton surélevé indiquant «Click me» est un excellent exemple de langage et de repères physiques. L'apparence du bouton indique la possibilité de cliquer, de même que le texte "Click me". C'est évident.
Le langage joue un rôle si important pour guider les utilisateurs via les interfaces numériques. Un champ de saisie vous demandant votre "Nom complet" vous permet d'y entrer votre nom. La langue fournit des directives claires non seulement sur ce que vous devriez faire, mais également sur ce que vous pourriez faire. La saisie de lettres, comme votre nom, est différente de la saisie de chiffres, comme votre numéro de téléphone, et vous pouvez indiquer celui que vous pouvez faire en fonction du contexte du texte. Cependant, il est également important de prendre en compte l’évidence de l’utilisation de votre interface sans instructions explicites. Votre conception doit être utilisable et intuitive sans tenir la main de votre utilisateur à chaque étape.
L' abondance de la forme est une possibilité définie par les conventions. Un bon exemple serait un logo en haut à gauche de la page Web sur lequel vous pouvez cliquer. C'est un modèle que nous voyons partout; donc on l'attend partout. Le texte de couleur différente, parfois souligné ou en italique, parmi les corps de texte inchangés comme un paragraphe, est supposé être un lien. Le courrier électronique est souvent représenté avec une enveloppe, tandis que les paramètres sont représentés par un engrenage.
Dans ces exemples, le courrier électronique ne nécessite pas d’enveloppe réelle - il ne l’a jamais été - et les paramètres n’exigent pas non plus la gestion des engrenages. C'est un modèle métaphorique auquel nous avons été exposés pendant longtemps, longtemps; donc c'est devenu une convention.
Les patterns sont parfaits pour communiquer des raccourcis mentaux, mais seulement si vos utilisateurs sont au courant de ces patterns. Il y a de nouveaux modèles introduits tout le temps, par exemple, le menu hamburger est un concept relativement nouveau pour les menus et la navigation. Lors de la conception avec de nouveaux modèles en tête, vous devez vous assurer que vos utilisateurs les connaissent bien. Mais lorsque vous savez que votre public a déjà été exposé à ces modèles, vous avez la possibilité de créer des designs étonnants sans être explicites.
L'absence cachée dans les conceptions numériques est similaire à celle des objets physiques. Dans le monde numérique, cependant, le coût réel n'est pas disponible tant qu'une action n'a pas été prise pour le révéler. Par exemple, survolez un bouton pour voir s’il n’est pas actif, et donc cliquable. Les menus déroulants sont un autre exemple où vous ne voyez pas le menu à moins que vous ne passiez ou que vous ne cliquiez sur l'élément de la liste parente.
Les coûts cachés sont souvent utilisés pour simplifier la complexité visuelle d'un dessin. Dans l'exemple du menu déroulant, nous utilisons le menu déroulant pour masquer toutes les options de navigation, car il y en a trop pour tout afficher en même temps. Si un utilisateur veut naviguer quelque part, il doit le trouver dans le menu déroulant. Un inconvénient majeur des prix cachés réside dans le fait qu’ils obligent l’utilisateur à trouver l’offre tout en ne leur donnant parfois aucune idée de leur existence. Vous ne savez pas à quoi vous attendre. C'est un jeu de devinettes, pour ainsi dire, basé sur la recherche de ces moyens au fur et à mesure.
Les fausses possibilités offertes dans l’espace numérique offrent une autre solution inattendue - comme allumer la lumière plutôt que la télé avec la télécommande du téléviseur - ou ne rien faire du tout. Ce type d’accessibilité est partout sur le Web, surtout par accident, comme un bouton qui semble actif mais qui ne fait rien, un logo qui n’est lié à rien, les mots «cliquez ici» dans le texte qui ne sont pas du tout un lien. , ou un bouton rouge qui fait quelque chose de bien avec un bouton vert qui fait quelque chose de mauvais.
Les faux prix sont les plus nombreux dans les modèles où les détails ont été manqués, comme une situation de lien brisé. Les couleurs ont des associations spécifiques avec eux. Dans le monde occidental, le vert est bon alors que le rouge est mauvais. Lorsque vous changez les deux, vous allez certainement confondre certains de vos utilisateurs, en particulier lorsque les boutons sont côte à côte. Cela ne signifie pas que vous ne pouvez pas le faire; mais vous devriez être prudent lorsque vous le faites. Vous ne voulez pas de faux prix dans votre conception si vous pouvez l'aider. Vous ne devriez pas surprendre vos utilisateurs comme ça.
Le skeuomorphisme s'appuyait fortement sur les moyens métaphoriques, comme les imitations d'objets réels, pour communiquer. Les icônes en sont des exemples merveilleux: carte, panier ou panier, maison, imprimante, vidéo, microphone, téléphone, etc. Prenez le concept du courrier électronique par exemple. Ses racines sont dans la métaphore d'une lettre physique; son icône est généralement une enveloppe. C'est un excellent exemple des possibilités métaphoriques tout autour. Si vous concevez quelque chose et que vous ne savez pas comment le transmettre, il est toujours bon de revenir au monde physique, du moins pour vous inspirer et pour commencer.
Maintenant, vous n'avez pas besoin de dépasser les anciennes conceptions d'Apple, où pour leur application de jeu, ils ont fait de la toile de fond une nappe verte. Mais comparez cela à l’icône de l’application Games qui ne contient que quelques bulles. Qu'est-ce qu'ils ont à faire avec les jeux? Je ne sais pas, la métaphore n'est plus là. Que ce soit une bonne chose ou non, c'est à vous de décider. Que la métaphore doive être présente dans votre conception ou non, c'est à vous de décider.
On peut penser que les prix négatifs indiquent spécifiquement l'absence de prix; c'est quand vous avez un bouton inactif ou un bouton qui semble inactif. L'exemple le plus courant est lorsqu'un bouton ou un lien est grisé. Maintenant, voici la partie délicate: ce n'est pas que vous essayiez spécifiquement de dire à un utilisateur que vous ne pouvez pas utiliser ce bouton - bien que cela puisse être - mais que le bouton apparaît que vous ne pouvez pas l'utiliser, même si vous le pouvez.
Il y a certains cas où vous voulez indiquer clairement que vous ne pouviez pas faire quelque chose. Par exemple, si un utilisateur remplit un formulaire et qu'il n'a pas encore tout renseigné, l'état de votre bouton peut sembler inactif, car vous ne souhaitez pas qu'il continue. Mais si le bouton semble inactif, mais qu'il est actif, sa conception est tout simplement médiocre. Soyez prudent avec celui-ci.