Comment rendre le texte non cliquable
Problème:
Je suis en train de créer un site Web d'échange de manuels, comme illustré ci-dessous. Pendant les tests bêta, les utilisateurs ont continué à essayer de cliquer sur les trois extraits de texte sous le logo ("6 livres répertoriés", "12 listes réussies" et "2 utilisateurs actifs").
Clarification: Ces extraits sont simplement du texte; ils ne sont pas destinés à être cliqués.
Clarification 2: "Annonces réussies" compte le nombre de livres que les vendeurs/locataires ont échangés avec les acheteurs. Vous pouvez interagir avec les listes ouvertes (en particulier, vous pouvez modifier la vôtre et faire des offres sur d'autres), mais les statistiques sont là pour démontrer l'efficacité du site Web.
Question:
Que puis-je faire pour que ces trois morceaux de texte semblent totalement non cliquables? Ils sont déjà grisés comme vous pouvez le voir.
Utilisation à l'état sauvage:
Instagram utilise une liste de statistiques similaire, et celles-ci ne sont pas cliquables. 
tl; dr → utiliser des modèles familiers
Faites en sorte que les objets texte ressemblent moins aux commandes de l'onglet de navigation.
Les éléments semblent inutilement divisés: placez le champ de recherche dans l'en-tête principal.
Faites ressembler la recherche à la recherche.
La position compte
Le facteur subconscient qui fait que vos sujets de test veulent toucher ces objets texte est le positionnement. Ils semblent être des onglets de navigation. Regardez cet exemple de la spécification Material Design qui est si populaire sur mobile et ailleurs.
Il est difficile de recycler les utilisateurs
Malgré vos efforts pour les minimiser, la position séduit les utilisateurs qui souhaitent explorer les différentes vues:
Je me demande quels livres sont déjà répertoriés?
Qu'est-ce qu'une annonce "réussie"?
Est-ce que je connais les utilisateurs actifs ici?
Prenez une minute pour bien réfléchir à ces questions. Je pense qu'il y a là de précieuses histoires d'utilisateurs qui méritent d'être étudiées.
Itérer sur la base des résultats des tests
Quelqu'un, quelque part, a dit une fois ...
Vous ne pouvez le faire qu'une seule fois, mais vous pouvez l'améliorer autant de fois que nécessaire.
Comme d'autres l'ont mentionné, les utilisateurs veulent que ces choses soient de la navigation. Mes questions imaginées ci-dessus font allusion aux raisons pour lesquelles les utilisateurs peuvent vouloir naviguer vers les données derrière ces choses.
Vous n'avez pas à répondre à tous les désirs des utilisateurs, mais lorsque vous commencez à voir un modèle, vous êtes peut-être tombé sur quelque chose de précieux.
Eh bien, comme les gens essaient d'interagir avec ces informations, je les utiliserais comme un avantage. Comme mentionné par Mattynabib, cela a vraiment du sens.
Cependant, si pour une raison quelconque vous préférez ne pas le faire, la réponse serait de faire de ces extraits d'informations un message homogène. À l'heure actuelle, il ressemble à un mélange d'un élément marketing et interactif (d'où les clics). Donc, ce dont vous avez besoin, c'est de garder le côté marketing et de vous débarrasser de cette possibilité perçue. Et pour ce faire, il suffit de joindre les extraits d'informations dans une phrase, comme
6 livres répertoriés, 12 listes réussies et 2 utilisateurs actifs
Remarque: je ne sais pas si vous voulez vraiment l'utiliser comme copie marketing. Si c'est le cas, je chercherais quelque chose de mieux. Aussi, pourquoi des "listes réussies"? Y a-t-il échec ceux? Si oui, pourquoi faire une mention implicite à cet aspect négatif?
Le texte gris les rend en fait plus cliquables car ils se distinguent du reste de l'en-tête. Je les changerais de la même couleur que le reste du texte (noir).
De plus, au lieu de "6 livres répertoriés", j'utiliserais "Livres répertoriés: 6". Le deux-points implique subtilement "voici des informations" plutôt que "je suis un lien".
Ils devraient être cliquables si les utilisateurs peuvent interagir avec ces choses.
Si vous affichez quelque chose qui résume un contenu pertinent pour les utilisateurs, il devrait être cliquable pour atteindre le contenu sous-jacent.
Vraisemblablement sur un site Web d'échange de manuels scolaires, les utilisateurs devraient pouvoir consulter les livres répertoriés. Alors laissez-les cliquer sur "6 livres répertoriés" pour accéder à cette vue.
Les "listes réussies" sont-elles pertinentes pour les utilisateurs du site? Si c'est le cas, encore une fois, laissez-les cliquer dessus pour voir toutes les listes réussies.
Il en va de même pour les "utilisateurs". Les utilisateurs peuvent-ils afficher la liste des utilisateurs? Si oui, laissez-les cliquer dessus.
Si les utilisateurs ne peuvent pas interagir avec ce que vous comptez, pourquoi le montrer?
Par exemple, si les "listes réussies" ne sont pas quelque chose avec lequel les utilisateurs peuvent interagir, quel est le but de leur dire combien il y en a? Cela ne semble pas être une information utile en soi, et cela crée l'espoir que les listes réussies sont quelque chose de pertinent pour les utilisateurs, avec lesquelles ils peuvent interagir.
Peut-être que vous voulez simplement impressionner les utilisateurs avec la quantité d'utilisation de votre site. Si c'est le cas, assurez-vous que les informations ressemblent à une promotion et non à des données significatives. par exemple.:
CHTB: le deuxième plus grand échange de livres sur Internet, utilisé par 1234 utilisateurs pour publier 5678 livres (et ça continue!).
C'est aussi une question de "cliquetis" relatif. Rendez les éléments non cliquables moins cliquables en faisant le reste plus cliquable. La phrase ici est: "accessibilité".
- la position des trois éléments non cliquables est très importante: dans votre conception, elle est au centre de la page et elle s'intègre au logo et au paiement. Cela leur donne une forte accessibilité aux clics.
- grisonner ne vous a pas aidé. Dans cette conception, il est facilement compris comme un simple choix stylistique pour rendre ce texte gris.
- Votre entrée "recherche" n'est peut-être pas assez claire. Essayez de faire ressembler cela à une entrée de recherche: ajoutez une bordure, une vitre de recherche et un bouton d'envoi (par exemple).
- Vous pouvez également changer la position de la barre de recherche et les "statistiques non cliquables" et faire de la barre de recherche une partie du logo -> imitant la page par défaut de Google.
Que puis-je faire pour que ces trois morceaux de texte semblent totalement non cliquables? Ils sont déjà grisés comme vous pouvez le voir.
* soupir *
Autrefois, il existait une norme qui soulignait le texte cliquable (un lien hypertexte). Et un autre texte grisé était inactif. Dans quelle mesure ces normes ont-elles été violées? Ne cherchez pas plus loin que Stack Exchange lui-même:
Notez que les liens de ma page de profil ne sont pas soulignés et en gris. Mais ils sont cliquables. Maintenant que nous avons formé les utilisateurs à s'attendre à ce que tout soit cliquable, vous ne pouvez pas simplement "concevoir" ce comportement.
Comme beaucoup d'autres l'ont dit, puisque vous dites "6 livres répertoriés", il est logique d'énumérer ces 6 livres si vous cliquez sur ces mots. Ne le combattez pas.
l'utilisation de l'ombre du texte en incrustation donne l'apparence de quelque chose de gravé dans la pierre: (avec et sans)
Puisque les nombres "6 livres énumérés" "12 choses réussies" .. sont plus comme des faits saillants.
J'essaierais l'un d'entre eux pour le faire ressembler à des numéros de surbrillance ou de tableau de bord:
Augmentez la police - il est assez évident que c'est une sorte de titre. Avoir un panneau pour chaque article, dans ce cas 3 panneaux. Quand je dis panneau, cela signifie avoir un fond clair et un rembourrage pour le texte.
Quelque chose comme j'ai essayé ci-dessus, mais vous pouvez toujours jouer avec des couleurs et des polices qui conviennent à votre conception.
Vous voulez augmenter les nombres, changer la police/couleur pour les différencier et les mettre au-dessus des informations qu'ils décrivent. Par exemple, consultez la mise en page d'un certain site très populaire (regardez en bas à droite de cette image). Cela fait que les chiffres ressemblent plus à des compteurs/indicateurs qu'à des liens.
Théoriquement, vous pourriez rendre le texte un peu plus "graphique" dans la nature, quelque chose de plus comme une sorte de décoration sur ce panneau; sinon, je pense que le grisonner est à peu près aussi loin que possible - une fois qu'ils essaient de cliquer et que cela ne fonctionne pas, ils s'arrêteront probablement.
Mais si vous avez testé cela et que les gens cliquent constamment là-bas, vous voudrez peut-être savoir ce qu'ils s'attendent à ce qu'ils se produisent lorsqu'ils cliquent à ces endroits, puis pensez à les RENDRE cliquables ... vous pourriez manquer une opportunité.
Présentez-le sous forme de tableau
Les liens sont généralement affichés sous forme de boutons ou de lignes de texte. Les informations sont généralement présentées sous forme de tableau.
Par conséquent, afficher les statistiques dans un format légèrement plus tabulaire dissuaderait les utilisateurs d'essayer de cliquer dessus.
Exemple dans la nature
En fait, vous pouvez déjà voir dans votre propre exemple instagram comment vous pouvez implémenter cela de manière subtile.
Instagram a essentiellement présenté ses statistiques dans un tableau à 3 colonnes et 2 lignes. 1 rangée de chiffres clés (légèrement gros) et 1 rangée avec descriptions.
C'est parce que:
- (probablement difficile à changer) Le contenu pose la question "qui?" afin que les gens suivent leur envie de le découvrir.
- (probablement facile à changer) Ils sont dans une police de type corps qui suggère un matériau de lien possible. Choisissez une forme de présentation - peut-être sans empattement, peut-être avec des capuchons minces, peut-être avec différents poids et/ou tailles entre les chiffres et les lettres, etc.
Rendez-le plus complexe qu'une simple ligne de texte.
Votre exemple Twitter divise chaque statistique en deux lignes avec un poids de police différent. Cela devrait suffire à décourager les gens de penser qu'ils sont des liens:
Vous pouvez changer la taille de la police, le style, la couleur ou ajouter des graphiques subtils (comme une faible règle entre les deux lignes) pour la rendre plus complexe qu'une simple ligne de texte, ce à quoi ressemble généralement un lien.