La décoloration du bord du texte peut être une alternative utile aux ellipses, et je dirais quelle est supérieure à certains égards.

Ne confondez pas le contenu

Les ellipses remplacent le contenu du texte pour faire leur travail, ce qui peut semer la confusion quant à la nature du texte. Inclut-elle le  » … « ? Si je coupe / copie / colle, est-ce que cela se produit? Un fondu change la façon dont le contenu est affiché .

Dans un sens, les fondus sont conformes à la notion de séparation entre encodage visuel et sémantique et les ellipses ne « t ».

Sous iOS 5, Apple a modifié la barre dadresse pour mobile Safari afin dutiliser un fondu au lieu dellipses:

Pas o Nly est-il plus clair quelle est lURL réelle, mais (du moins cest comme si) vous pouvez en voir un peu plus à mesure quelle disparaît.

Texte tronqué verticalement

Les ellipses ne fonctionnent pas verticalement. Voici un exemple de JIRA, où le contenu inférieur défile, mais len-tête reste en place (il est également intelligemment compacté juste avant que cela ne se produise – ce nest pas aussi saccadé que cela puisse paraître). Le fondu aide à communiquer que la partie qui défile va quelque part .

Lorsque le texte déborde, il est conteneur mais ne peut pas être enveloppé

Ici, dans Gmail, le bord où le débordement est coupé est difficile. La largeur est dynamique, donc les ellipses devraient être insérées dynamiquement, ce qui nest pas pratique (je suppose quelles ne pourraient pas le rendre accrocheur). Je dirais quun fondu, ou cest le cousin du  » replié sous « , pourrait aider à communiquer ce qui se passe.

Quelques informations générales

En général, leffet de fondu provient dun skeumorphisme qui vient dun contraste plus élevé qui est plus facile à analyser et semble  » plus proche  » de lutilisateur, et un contraste plus faible est plus difficile et paraissant plus lointain – pensez à  » disparaître au coucher du soleil « . Un parent skeumorphe plus concret diOS met en évidence lidée:

Un autre, caché de Gmaps:

Il ne sagit manifestement pas dune convention super commune, destinée à remplacer le retour à la ligne ou les ellipses. Moi seulement trouvé un exemple de ce dont vous parlez. Mais je pense que cest « une option valable dans certaines circonstances.

Commentaires

• +1 Que ´ est un bel aperçu des différentes sortes de dégradés. ´ aurait-il dû être un article de blog;) Jespère que vous étendrez la conclusion à plus de » Mais je pense que ‘ est une option valide dans certaines circonstances. « car vous semblez ´ Jy ai beaucoup réfléchi. Btw: Le dernier à mon humble avis est une  » ombre intérieure « .Oh, et je suppose que vous devez prévoir les images par huit espaces pour que la liste fonctionne.
• @kaiser Merci pour vos pensées. Jai retravaillé les listes. De plus, les deux derniers pourraient probablement être appelés une  » ombre intérieure « , bien que la clé soit quelle ‘ est une ombre intérieure sur un conteneur qui tronque le texte – doù la raison pour laquelle jessayais de dessiner le parallèle. Ma formulation a besoin dêtre révisée …

Résumé:

Le point avec des dégradés et des fondus ²⁾ est toujours le même: ils ne fonctionnent pas bien avec de mauvais moniteurs / LCD.

Le problème du contraste

_{Gauche : semble bien sur le moniteur des concepteurs || Droite : disparaît beaucoup plus tôt.}

Le problème de gamme de couleurs

Mauvais moniteur:

Bon moniteur:

Comme vous pouvez le voir ci-dessus, tous les utilisateurs ne partageront pas votre expérience personnelle sur votre moniteur. Si vous avez la lumière du soleil directement sur lécran, le résultat sera égal être pire.

Mon avis:

Nutilisez pas de fondus et de dégradés tant que vous ne pouvez pas les éviter .

Commentaires

• Ceci nest pas ‘ t ce que je pensais que  » faded text  » signifie. Jai limpression que ‘ ressemble plus à: [~ 400 caractères de texte solide] [~ 50 à 100 caractères de texte qui sestompe rapidement] – auquel cas différence dexpérience visuelle due à fade  » speed  » woudn ‘ est vraiment significatif. Cependant, jusquà ce que lOP clarifie ce quelle voulait dire, cest de la spéculation.
• Bien sûr, la dernière partie serait supprimée, mais cela naurait pas ‘ t important, puisque le une courte quantité de texte qui sestompe implique que ‘ nest pas destiné à être lu, mais plutôt une représentation iconique du texte supplémentaire  »  » qui est disponible.
• Les dégradés nont aucune dépendance matérielle et ne sont pas gravement endommagés par la lumière du soleil ou de mauvais moniteurs. Vous confondez un problème de conception avec un problème UX. En règle générale, vous afficherez 4 à 10 lignes sans superposition du tout, puis 2 à 4 lignes avec un fondu de 100% à 0%. Il importe peu que ce fondu soit exactement représenté sur le moniteur de lutilisateur ‘; tant que lutilisateur voit un fondu dune sorte, le contrôle a rempli son objectif dindiquer du contenu supplémentaire.
• Encore une fois, vous vous trompez. Le dégradé ne couvre pas tout le texte , seulement la partie inférieure. Le fait que le fondu soit élevé ou faible sur cette dernière partie nest pas particulièrement pertinent pour la valeur en tant quindicateur quil y a plus de contenu disponible. La majorité du contenu est entièrement visible. Être conscient du fait que le dégradé peut être moins visible pour certains utilisateurs est important (afin que vous puissiez concevoir pour le pire des cas), mais cela ne lempêche pas de servir son objectif quelle que soit la qualité dun utilisateur ‘.
• Le point clé est de savoir si lOP signifiait que le fondu se produit sur 10 miles ou 10 mm. Je ne ‘ Je ne pense pas que ‘ est clair, étant donné la description laconique et le manque d’exemple. Je ‘ suis daccord pour dire que les énormes dégradés sur le texte sont mauvais – les exemples que vous incluez semblent assez horribles dans les meilleures conditions. Mais ce nest pas ‘ que la description est vague que vous devez supposer le pire des cas. Je ‘ être curieux de savoir ce que vous pensez de ma réponse qui traite dun cas où les hypothèses sont peut-être plus optimistes.

Je nai vraiment pas vu la technique du « texte fané » beaucoup utilisée, mais je pense que le but de lexpérience utilisateur est de concevoir tout ce qui le rend facile pour lutilisateur . Si lutilisateur doit essayer de deviner ce qui se passe, je pense que vous ne parvenez pas à atteindre lobjectif. Dans la plupart des cas, le simple fait dajouter […] ou [plus …] suffira et fournira un chemin propre et facile à suivre pour que lutilisateur obtienne plus dinformations … quel est lintérêt de toute façon, non?

Vous demandez si lutilisation du texte fané a été testée?

Comme je le vois, cest un exemple de lidée dutiliser un « parfum dinformation » dans une interface utilisateur. En dautres termes, comment pouvez-vous donner visuellement aux utilisateurs une idée de lemplacement des données dans un spa dinformations? ce. Dans ce cas, la décoloration indique quil y a plus dinformations dans cette direction que vous pouvez obtenir si vous faites défiler ou interagissez dune manière ou dune autre.

Nous avons beaucoup discuté du concept dinformation parfumée dans la communauté de visualisation à la fin des années 90. Il y avait beaucoup de littérature de recherche dans la communauté CHI, est sorti les théories de recherche de nourriture de Xerox Parc … ils ont fait beaucoup détudes dans ce domaine. Les articles de Peter Pirolli et Stu Card me viennent à lesprit.

Vous pouvez également appliquer un parfum dinformation aux requêtes. Ainsi, par exemple, jai utilisé un parfum dinformation dans certaines visualisations que jai conçues en utilisant des échelles de gris pour montrer comment les données remplissaient certains critères définis sur les curseurs (noir échoué, gris foncé échoué deux, etc.). En dautres termes, les points de données noirs sont ceux qui se trouvent juste en dehors de votre requête … vous pouvez donc déplacer rapidement le curseur pour les inclure.

Bob Spence a rédigé un article résumant un grand nombre de ces techniques dinformation sur les odeurs / résidus .

Donc, bien que je ne puisse pas fournir de données sur cette technique particulière, il existe en effet de nombreuses études sur la façon dont la fourniture de ce type dindices aide les gens dans les tâches basées sur linformation.

Commentaires

• Quel est le rapport entre les mini-cartes et la disparition des marges du contenu qui ‘ ne rentre pas dans l’affichage?
• édité pour clarifier … cest le concept sous-jacent auquel je fais allusion.
• Cest un diagramme à barres avec des couleurs par échec. Je continue de don ‘ Voyez en quoi cela est pertinent. Aussi pourquoi le rouge réussi et le plus déchecs sont-ils les plus légers et avec lordre z le plus en arrière?

La bonne chose à propos de lutilisation du texte en fondu (pour ceux qui ne savent pas ce que cela signifie: superposition transparente en dégradé pour que le texte « disparaisse » dans la couleur darrière-plan du cours si quelques lignes) est quil est beaucoup plus grand et plus difficile à manquer que les ellipses. De plus, alors que les points de suspension fonctionnent presque toujours pour indiquer, parfois le texte semble juste se terminer correctement au bon endroit, il ny a donc pas de concept en suspens qui encourage les utilisateurs à rechercher des mots supplémentaires. Les ellipses sont également assez petites et faciles à manquer, en particulier pour les personnes ayant une vision réduite (comme les personnes âgées).

Je nai aucune expérience de lutiliser moi-même, et bien que je me souvienne dun site que jutilise qui la … Je ne me souviens pas de quel site que jutilise qui la. Je mexcuse. Je peux dire que jaime le et je pense que cela fonctionne bien pour son objectif. Sachez quil ne remplace pas un bouton « Plus », il fournit simplement une indication beaucoup plus large et plus claire du contenu supplémentaire. Vous devez toujours avoir une zone qui permet de cliquer (ombre de la fenêtre, bouton Plus) vers laquelle les utilisateurs seront attirés lorsquils verront leffet de fondu.

Ce type deffet ne serait approprié que pour le défilement du contenu (cest-à-dire les tickers, les fils dactualité, etc.), où ils défilent dun côté (fondu dentrée) et fondu de lautre côté.

Cela semble bien fonctionner avec le concept de lecture de forme, http://www.microsoft.com/typography/ctfonts/WordRecognition.aspx et de reconnaissance de mots. Cependant, en théorie, je ne peux voir cela utile que pour les fondus horizontaux (de gauche à droite) et pas aussi avec Amazon « s fondu vertical. http://softwareas.com/pure-css-solution-to-avoid-cutting-off-text/ Nous pourrions assimiler cela à un murmure, bien que le murmure soit auditif, cest un effet similaire sur A ma connaissance, il ny a pas eu détudes, mais si quelquun en trouve une, veuillez poster ici.

Voici « un exemple de fondu par rapport aux points de suspension standard. http://www.theuxunicorn.com/fade_sample.png