Ich würde mit # 2 aus den Optionen gehen, die Sie oben aufgelistet haben.

• 1 - Das menschliche Auge erkennt und versteht Größenunterschiede viel effektiver als Farben, wenn die Farbskala im selben Spektrum liegt (dh verschiedene Blautöne im Gegensatz zu einzelnen diskreten Farben).

• 3 - Erfordert, dass der Benutzer die gesamte Liste einscannt und jede einzelne Zahl beim Scannen mathematisch vergleicht. Keine echte sinnvolle Beziehung zwischen Tags ohne viel Arbeit am Benutzer.

Also, mit # 2 gehen, gibt es mehrere Überlegungen zu berücksichtigen:

• Halten Sie die Tags alphabetisch. Dies bietet dem Benutzer eine andere Suchmethode und stellt eine bekannte Beziehung zwischen beiden her (vorausgesetzt, sie kennen das Alphabet!). Wenn sie ungeordnet sind, ist es nur ein Crapshoot, um einen einzigen zu finden.
• Wenn der Größenvergleich absolut kritisch ist (dies ist normalerweise nicht der Fall, da Sie jede Ebene um einen bestimmten Prozentsatz oder Pixelbetrag vergrößern können), verwenden Sie eine Schriftart mit fester Schreibweise. Andernfalls können bestimmte Buchstabenkombinationen größer werden als sie tatsächlich sind
• Fügen Sie keine Kommas, Pipes oder andere Trennzeichen ein. Sie werden bereits viele Daten in einem kleinen Bereich haben - es muss nicht mit Trümmern überladen werden. Platziere die Tags natürlich mit einer ordentlichen Polsterung. Verdoppeln Sie einfach nicht die Anzahl der visuellen Elemente, indem Sie mehr als nur die Daten hinzufügen.
• Legen Sie eine minimale / maximale Schriftgröße fest und skalieren Sie zwischen diesen. Es gibt Situationen, in denen ein Tag so beliebt ist, dass es optisch exponentiell größer erscheinen kann als die anderen. Genauso wollen Sie nicht, dass ein Tag bei 1px rendert! Stellen Sie die Min / Max-Werte ein und passen Sie sie gegebenenfalls an.