it-swarm.com.de

Beste Verwendung von? (Hilfe) und i (Informations) Symbole in der Benutzeroberfläche

Was sind die besten Verwendungsstandards für die Hilfe- und Informationssymbole? (Ich kann kein Bild posten, da ich ein neuer Benutzer bin, aber die Symbole sind meistens entweder ein? Oder ein i in einem Kreis.)

Die Methode, die ich vorschlage und die am konsistentesten erscheint, ist (sie ist in der Anwendung über Anwendungen und Websites hinweg schrecklich inkonsistent):

Das Hilfesymbol sollte verwendet werden, wenn:

  • es verlinkt direkt auf die Anwendungs-/Site-Hilfe oder startet sie
  • Detaillierte Informationen sind erforderlich und erfordern mehr als eine Sendung zur Klärung.

Das Informationssymbol sollte verwendet werden, wenn:

  • Eine kleine Menge hilfreicher Texte ist angemessen
  • Kann in der Benutzeroberfläche leben oder
  • Kann sich beim Überschlag zeigen

Welche Standards setzen Sie ein? Wie würden Sie die richtige Verwendung dieser definieren? Gibt es einen Unterschied zwischen dem i und? Symbol, oder brauchen Sie nur das eine oder andere?

4
Leslie

Obwohl unser User Experience-Team dies nicht bis zum letztmöglichen Aspekt definiert hat, bieten wir einen gewissen Einblick in diese unterschiedlichen Standards. Insbesondere bezeichnen wir diese als Nachrichten und Kontexthilfe .

Das Informationssymbol "i" wird derzeit als Teil unserer Nachrichtenelemente verwendet (siehe Abbildung unten). Da unser User Experience-Team sowohl mit internen als auch mit externen Anwendungen arbeitet, haben wir für eine Vielzahl möglicher Nachrichten entwickelt. Je nach Inhalt können Entwickler den Nachrichtenstil auswählen, der am sinnvollsten ist. Zum größten Teil wird die Informationsnachricht "i" am häufigsten verwendet, da sie generische Nachrichten am besten darstellt.

Different message types

Diese Nachrichtenelemente dienen speziell zu Informationszwecken. Das bedeutet, dass etwas wichtig ist; und die Benutzer sollten informiert werden. Das unterschiedliche Design dient dazu, bestimmte Nachrichtentypen besser hervorzuheben. In einigen Fällen ist die Verwendung des Symbols "i" zu allgemein und diese anderen Nachrichtenstile spiegeln besser die Art des Inhalts wider, der übermittelt werden muss.

Für das "?" Symbol verwenden wir es als Referenz für die kontextbezogene Hilfe (siehe Bild unten). Unsere momentane kontextbezogene Hilfe ist an das Qtips 2 jQuery-Plugin gebunden. Auf diese Weise können Benutzer die kontextbezogene Hilfe nach Bedarf anzeigen. Dies wird am häufigsten in Formularen verwendet, aber Entwickler sind nicht darauf beschränkt, das Symbol mit einer anderen Webseite zu verknüpfen.

Example of contextual help from guide

Die beiden Symbole haben trotzig unterschiedliche Bedeutung. Das "?" icon ist seit langem der defacto-Standard für Hilfe. Das "i" -Informationssymbol ist meines Wissens etwas neuer, ist aber auch ein besagter Standard geworden. Ich würde zögern, ein anderes Symbol zu verwenden, um dies zu reflektieren.

5
JeffH

Ich denke, die von Ihnen vorgeschlagene Methode ist der universellste und angemessenste Weg, um das Problem anzugehen. Es gibt definitiv einen Unterschied zwischen dem! Und ? Icons allerdings. Ich würde sie nicht austauschbar verwenden. EIN ! Kann häufiger verwendet werden und bietet einen schnellen Einblick oder eine Klarstellung in ein Eingabefeld oder ähnliches. EIN ? Würde auf eine Wissensdatenbank mit Frage- und Antworttypformat verlinken. Sie können auch farbige Symbole mit den Symbolen verwenden, die verschiedene Bedeutungen haben können. Ein blaues ! Würde allgemeine Informationen anzeigen. Ein Gelb! Würde etwas anzeigen, das Sie als Vorsicht lesen müssen. Und Rot ! Lassen Sie uns wissen, dass ein Fehler vorliegt, und verweisen Sie zur Verdeutlichung auf die Meldung. Du würdest niemals einen roten benutzen? Würdest du?

0
Earle