Usability & UX-News
Vergessen Sie das Hamburger-Menü, jetzt kommt das Pizza-Menü
Heute präsentieren wir ein wesentlich besseres Menü-Design, das sich sowohl für mobile Geräte als auch für Desktops eignet und so einen schnelleren Zugriff auf nutzerdefinierte Menüpunkte ermöglicht. Wir haben damit zwei der...>> Mehr
Die Top 3 der IA-Fragen zu Navigationsmenüs
Die Anzahl und Reihenfolge von Navigationskategorien und die Verwendung von Hover-Menüs für Touchscreens sind gängige Fragen, die bei der Organisation von Informationen auf einer Website oder in einer App auftauchen.>> Mehr
Ein Link ist ein Versprechen
Jedes gebrochenes Versprechen, gross oder klein, reduziert das Vertrauen und die Glaubwürdigkeit. Der Text einer Linkbezeichnung liefert wichtige Informationen über die Seite, auf die verlinkt wird. Die Zielseite sollte erfüllen,...>> Mehr
Suche allein reicht nicht aus: Die Synergie zwischen Navigation und Suchfunktion
Wenn Websites die Wichtigkeit der Suche über diejenige der Navigation stellen, müssen Nutzer kognitive Leistungen erbringen um Suchanfragen zu erstellen und mit schlecht funktionierenden Suchmaschine umzugehen.>> Mehr
Maximieren Sie das Inhalt-Chrome Verhältnis, nicht die Menge des Inhalts auf der Bildschirmanzeige
Auf einem grossen Monitor beeinträchtigen das Verstecken des Chromes die Auffindbarkeit und die Interaktionskosten erheblich. Und das praktisch ohne Verbesserung des Inhalt-Chrome Verhältnisses.>> Mehr
Icon Usability
Das Verstehen eines Icons basiert auf früher gemachten Erfahrungen. Da es für die meisten Icons keine Norm gibt, ist es nötig diese mit einem Text zu versehen, der die Bedeutung erklärt und Unklarheiten ausschliesst.>> Mehr
Schlechte Auffind- und Entdeckbarkeit: Vier Testmethoden, um die Ursachen zu identifizieren
Durch Nutzerforschung im Bereich der Informationsarchitektur und der Nutzungsschnittstelle lässt sich feststellen, ob schlechte Auffind- und Entdeckbarkeit durch die Informationsarchitektur oder durch die Navigation verursacht...>> Mehr
Der Unterschied zwischen Informationsarchitektur (IA) und Navigation
Die IA ist das Informations-Rückgrad der Website; die Navigation bezieht sich auf diejenigen Elemente, die den Nutzern ermöglichen, spezifische Informationen auf der Website zu finden.>> Mehr
Vermeiden Sie eine formatbasierte Hauptnavigation
Eine Website mit formatbasierter Navigation wie zum Beispiel einem Link zu Videos in der Hauptnavigation, hat zuwenig Kontext und beeinträchtigt so das Informations-Gespür themenfokussierter Nutzer.>> Mehr
Schlechte Intranet Navigations-Label: 3 Workarounds
Viele Intranets sind mit schwer verständlichen Labels ausgestattet. Wenn Sie diese nicht ändern können, sollten Sie die Informationsarchitektur Ihres Intranets verbessern, indem Sie Kontext hinzufügen, die die Labels für die...>> Mehr
Mobile Navigation: Bildraster oder Textlisten?
Für die mobile Navigation sollten Bildraster für die tieferen Level der Informationsarchitektur aufgespart werden, bei denen die visuelle Unterscheidung zwischen Menüpunkten von entscheidender Bedeutung ist, weil sie die...>> Mehr
Filter vs. Facettennavigation: Definitionen
Die Begriffe "Filter" und "Facettennavigation" werden oft synonym verwendet. Obwohl sie verwandt sind, weisen diese Konzepte jedoch bedeutende Unterschiede auf. Beide Tools helfen den Nutzern dabei, grosse Mengen von Inhalten...>> Mehr
Hyperlinks verfassen: Gute Links sind prägnant, aussagekräftig und starten mit einem Keyword
Damit die Nutzer schnell finden, was sie brauchen, sollte sich der Linktext vom eigentlichen Inhalt abheben und die Seite, auf die sich der Link bezieht, genau beschreiben.>> Mehr
Das Lupensymbol im Search Design: Pros und Kontras
Nutzer erkennen die Bedeutung "Suche" des Lupensymbols sogar ohne eine Textbezeichnung. Der Nachteil ist, dass die Suche, die nur über ein Icon funktioniert, für die Nutzer schwerer zu finden ist.>> Mehr
Intranet-Informationsarchitektur (IA) Trends
Intranets verbessern die Auffindbarkeit und Entdeckbarkeit, indem sie Inhalte eher nach Aufgabe als nach Abteilung organisieren, Mega-Menüs für die Präsentation tieferer Inhalte einsetzen, klare Hinweise zur Unterstützung der...>> Mehr
Effektive Karussells gestalten: Schaffen Sie ein fantasievolles Vergnügen und keine Geisterbahn
Karussells machen es möglich, dass mehrere Inhalte den gleichen begehrten Raum einnehmen.>> Mehr
Suche in Navigation umwandeln
Die meisten Nutzer sind nicht in der Lage, auch nur halbwegs komplizierte Probleme durch eine Suche im Internet zu lösen. Daher ist es besser, ihre Bemühungen, wenn möglich, direkt auf unterstützendere Nutzeroberflächen zu leiten.>> Mehr
Karussells und Akkordeons, die sich automatisch weiterdrehen, nerven die Nutzer und reduzieren die Sichtbarkeit
Das Ziel der Nutzerin war ganz oben auf der Seite in Schriftgrösse 98 aufgeführt. Eigentlich unübersehbar. Aber sie hat die Information nicht gefunden, da das Element sich von selbst weiterdrehte, anstatt still zu stehen.>> Mehr
Mini-Informationsarchitekturen: Informationen zu einem Thema gliedern
In einer Mini-Informationsarchitektur werden Inhalte zu einem einzelnen Thema in Abschnitte unterteilt, die durch eine einfache Navigation verbunden sind.>> Mehr
Mega-Menüs auf dem Holzweg
Grosse zweidimensionale Drop-down-Menüs können die Website-Navigation erleichtern - wenn sie richtig gestaltet sind. Zwei Beispiele illustrieren einige Usability-Fallstricke für Mega-Menüs.>> Mehr
Alphabetische Listen müssen (in der Regel) verschwinden
Wenn Optionen den Nutzern präsentiert werden sollen, ist es meist besser, sie nach der Grösse, nach logischen Strukturen, nach Zeitabläufen oder nach Wichtigkeit und Frequenz zu ordnen als nach dem Alphabet.>> Mehr
Mega-Dropdown-Menüs funktionieren gut
Grosse, zweidimensionale Dropdown-Menüs gruppieren Navigations-Optionen so, dass man nicht scrollen muss und verwenden Schriftarten, Icons und Tooltipps, um die Auswahlmöglichkeiten der Nutzer zu erläutern.>> Mehr
Die Interaktions-Elastizität
Die Nutzung geht zurück, wenn die Interaktions-Kosten steigen. Die Motivation der Nutzer bestimmt, wie schnell die Nachfrage sinkt; diese folgt einer Elastizitätskurve.>> Mehr
Sitemap-Usability
Neue Nutzertests zeigen, dass Sitemaps als zusätzliche Navigationshilfe immer noch nützlich und viel einfacher zu nutzen sind, als dies noch vor 7 Jahren in unserer Untersuchung der Fall war.>> Mehr
Rechtsbündige Navigationen behindern das Überfliegen
Die Nutzer überfliegen Listen, indem ihre Augen schnell am linken Rand herunter scannen. Rechtsbündig angeordnete Menüpunkte machen das Überfliegen schwieriger.>> Mehr
Tabs (Reiter), richtig verwendet
13 Design-Richtlinien für Tab-Navigationen wurden von Yahoo Finance befolgt, aber die Usability leidet ein wenig unter übermässigem AJAX-Einsatz und schwieriger persönlicher Anpassung.>> Mehr
Die Brotkrümel-Navigation wird immer nützlicher
Die Brotkrümel-Navigation (Breadcrumbs) braucht eine einzige Textzeile, um den Ort einer Seite in der Website-Hierarchie anzuzeigen. Das ist zwar sekundär, aber diese Navigationstechnik ist für die Nutzer im steigenden Masse...>> Mehr
Vermeiden Sie Links innerhalb einer Seite
Im Web haben die Nutzer ein klares mentales Modell von einem Hypertext-Link: Er soll eine neue Seite aufrufen. Links innerhalb der Seite verletzen dieses Modell und erzeugen deshalb Verwirrung.>> Mehr
Zurück zum Advanced Hypertext!
Um mit einem gewaltigen, die Welt umspannenden Informationsraum umgehen zu können, benötigen die Nutzer bewährte Funktionen wie Super-Links (fat links), typisierte Links, integriertes Suchen und Blättern, Übersichtskarten,...>> Mehr
Weiterführende Information im Kontext verankern
Erleichtern Sie den Zugang zu neuer oder weiterführender Information dort, wo sich die ursprüngliche Information oder Transaktion befindet.>> Mehr
Eine irreführende Informationsfährte gefährdet den Absatz
Nutzer übersehen den richtigen Ort für Informationen oder Produkte oft, wenn ein anderer Bereich der Website der perfekte Ort zu sein scheint, um sie zu suchen. Querverweise und deutliche Beschriftungen lindern dieses Problem.>> Mehr
Richtlinien für die Visualisierung von Links
Textlinks sollten farbig und unterstrichen dargestellt werden, damit sie intuitiv als "anklickbar" wahrgenommen werden können, allerdings gibt es ein paar Ausnahmen von diesen Richtlinien.>> Mehr
Wechseln Sie die Farbe für besuchte Links
Die Leute gehen verloren und bewegen sich im Kreis, wenn Websites die gleiche Linkfarbe für besuchte und für neue Ziele verwenden. Wählen Sie verschiedene Farben für die beiden Linktypen, um Konfusion in der Navigation zu...>> Mehr
Zugangsseiten schützen vor dem PDF-Schock
Ersparen Sie Ihren Anwendern, ohne Vorwarnung auf PDF-Dateien gestossen zu werden. Erstellen Sie spezielle Zugangsseiten, die den Inhalt grosser Dokumente zusammen fassen und die Anwender so sanft durch den PDF-Morast gleiten...>> Mehr
Verringern Sie Redundanz: Vermindern Sie Designwiederholungen
Wenn eine Funktion oder ein Hypertext-Link auf mehrfache Art und Weise dargestellt wird, erhöht sich die Komplexität der Nutzerschnittstelle. Nutzer erkennen Wiederholungen nämlich kaum als solche und verschwenden so oftmals...>> Mehr
Direkte Links sind gute Links
Links, die direkt auf bestimmte Inhaltsseiten einer Website führen, sind nutzerfreundlicher. Im Gegensatz zu generellen Links führen sie den Nutzer nämlich direkt auf das von ihm angesteuerte Ziel. Webseiten sollten deshalb zum...>> Mehr
Offizielle Webseite der Olympischen Winterspiele: Nicht einmal Bronze
Dass die Webseite der Olympischen Spiele von Salt Lake City die Homepage-Usability-Richtlinien zu 70% einhält, ist nur einem frühzeitigen Eingreifen und Nachbessern zu verdanken. Die Aufgabenunterstützung innerhalb der Webseite...>> Mehr
