it-swarm.com.de

Best Practice für die Benutzerfreundlichkeit der Navigation?

Ich arbeite derzeit an einem System vom Typ eines sozialen Netzwerks und habe mich über die beste Vorgehensweise für die Navigation gewundert. Wäre es besser, Symbole oder Text zu verwenden? Ich dachte an eine Mischung, Symbole für einige Dinge und Text für andere. Meinung?

Wäre es auch eine gute Idee, Breadcrumbs zu implementieren?

Meine Zielgruppe sind hauptsächlich unerfahrene Computerbenutzer, aber wir richten uns auch an Menschen mit Computerkenntnissen.

14
AdamDV

Symbole sind bei Etiketten notorisch unwirksam, da sie ohne Schulung oder Erfahrung nur sehr schwer richtig zu interpretieren sind. In den meisten Situationen lernen Benutzer korrekte Interpretationen besser nur mit Text als mit Symbolen. Siehe: Wiedenbeck, S. (1999). Die Verwendung von Symbolen und Beschriftungen in einem Endbenutzer-Anwendungsprogramm: eine empirische Studie zum Lernen und zur Bindung. Behavior & Information Technology, 18 (2), S. 68-82.

Symbole sind besonders schlecht für abstrakte Elemente wie Profile oder Gruppen, da abstrakte Objekte im Allgemeinen kein starkes visuelles Bild aufweisen (z. B. wie würde sich ein Symbol für Gruppen von einem Symbol für Freunde unterscheiden?). In ähnlicher Weise sind Symbole für Aktionen besonders schlecht (z. B. Folgen, Freundschaft anfordern, Posten). Es ist schwierig, einen Prozess mit einem Bild klar darzustellen. Ja, Symbole werden in Symbolleisten ständig für Aktionen verwendet, aber Symbolleisten waren für Experten gedacht, und dennoch werden Benutzer häufig von ihnen verwirrt (im Durchschnitt Benutzer kennen nur sechs Word-Symbolleistenelemente nach regelmäßiger Verwendung von Word für zwei Jahre ).

Symbole können Platz über Text sparen, jedoch zum Preis der Erkennung. Bei kleinen Symbolen wie 16 x 16 Pixel ist es für Benutzer sehr schwierig, überhaupt zu erkennen, wovon sie ein Bild sein sollen, geschweige denn, wofür das Bild stehen soll. Ein Benutzer, den ich kenne, dachte, das "Diskettensymbol" zum Speichern sei ein Bild eines Fernsehgeräts (sie war alt genug, um zu wissen, was eine Diskette ist). Ich persönlich habe Word jahrelang benutzt und dachte, das Track Changes-Symbol sei eine Art stilisierter Rosetta Stone. Erfahrene Benutzer finden es einfacher, sich auf die gespeicherte physische Position zu verlassen der Steuerelemente der Symbolleiste als die Symbolbezeichnungen, um ein Steuerelement auszuwählen. Größere Symbole (z. B. mindestens 32 x 32 Pixel) können die Erkennung erleichtern. Nehmen Sie jedoch so viel Platz ein, dass Sie den Platz für eine Klartextbeschriftung besser nutzen sollten.

Es ist außerordentlich schwierig, Symbole richtig zu machen. Versuchen Sie nicht, ein neues Symbol ohne umfangreiche Iterationen von Benutzertests zu entwickeln. Selbst dann können Sie scheitern. Microsoft-Designer haben alles versucht, um interpretierbare Symbole für die Outlook-Symbolleiste zu erstellen, bevor Aufgeben und Verwenden von Textbeschriftungen auf Tastensteuerelementen.

Symbolbezeichnungen erschweren auch den technischen Support (z. B. "Klicken Sie auf die Menschenmenge mit einem blauen Kreis um sie herum" im Vergleich zu "Klicken Sie auf" Gruppe ").

Als Faustregel gilt, dass Symbole allein nur zulässig sein sollten, wenn mindestens zwei der folgenden drei Bedingungen zutreffen:

  1. Der Platz ist sehr begrenzt (d. H. Zu klein für Text allein).

  2. Die Symbole sind standardisiert (z. B. das "X" -Symbol auf einer Schaltfläche zum Schließen eines Fensters).

  3. Das Symbol repräsentiert ein Objekt mit einem starken physischen analogen oder visuellen Attribut (z. B. ein Druckersymbol für den Zugriff auf Druckerattribute oder ein rotes Rechteck zum Festlegen eines Seitenhintergrunds für Rot).

In Ihrem Fall sollte # 1 nicht zutreffen. Wenn auf Ihrer Webseite nicht mehr genügend Speicherplatz vorhanden ist, ist Ihre App für Anfänger zu komplex. # 2 gilt nicht, wenn Sie Anfänger sind, da sie nicht unbedingt Standards kennen. Sie könnten denken, dass # 3 für Navigationssymbole gilt, wenn jede Ihrer Seiten einzigartig aussieht (und daher jedes Symbol eine Miniaturansicht der Seite ist). Ihre Benutzer wissen jedoch nicht unbedingt, wie Ihre Seiten aussehen (z. B. wie die Profilseite von der Datenschutzseite abweicht), oder erinnern sich nicht daran. Dies ist also ein schlechter Hinweis

Tooltips sind für Symbole erforderlich, wenn sie alleine verwendet werden, ersetzen jedoch nur schlecht Textbeschriftungen. Ihre Benutzer sollten Ihre App nicht verwenden müssen, indem Sie nach Dingen suchen.

Wenn der Platz es zulässt, können Symbole mit Text kombiniert werden, um bestimmte Elemente hervorzuheben oder visuelles Interesse zu wecken. Dies kann auch die Scanbarkeit der Elemente verbessern, aber auch gute Textbeschriftungen können dies tun. Es ist bekannt, dass Benutzer subjektiv der Meinung sind, dass eine App einfacher ist, wenn sie Symbole enthält, auch wenn sie die Leistung nicht verbessern. Dies ist ein weiterer Grund, Symbole und Text zu kombinieren.

22

Meine Vorstellung von der Benutzerfreundlichkeit sozialer Netzwerke ist sehr einfach: Verwenden Sie gestaltete Textlinks für die Navigation. Und verwenden Sie Symbole oder Symbole + Text für Aktionen.

Beispiel: Dashboard, Profil, Gruppen, Durchsuchen - ist Navigation. Aber "zu Freunden hinzufügen", "folgen", "kommentieren", "fav" - sind Aktionen. Text ist also für die Navigation und Symbole für Aktionen.

Möglicherweise hilfreicher Link:

4
dobrych

Symbole sind oft verlockend, aber denken Sie daran, dass es ziemlich schwierig ist, sie richtig zu machen. Es gibt einige allgemein verwendete und akzeptierte Symbole (z. B. Antworten, Vorwärts, Zurück, Drucken usw.). Wenn Ihre Aktionen jedoch nicht in diese Kategorien fallen, ist es möglicherweise besser, Text zu verwenden.

Wenn Sie sich für Symbole entscheiden, stellen Sie sicher, dass Sie sie testen - zeigen Sie sie einfach Freunden/Familienmitgliedern und fragen Sie sie, was sie bedeuten (dh hier finden Sie einige Informationen: 6 Möglichkeiten zum Testen der Benutzerfreundlichkeit von Symbolen ) .

1
Zoltán Gócza