Akkordion

Um eine schnelle und erste Übersicht über eine Vielzahl kleinteiliger Inhalte auf einer Seite anzubieten, können Sie sie in Akkordeonen gruppiert einsetzen. Das unterstützt Nutzer:innen beim ersten Überfliegen – dem sogenannten Scannen – und hilft ihnen zu entscheiden, ob sich ggf. gesuchte Inhalte darunter befinden.

Umfangreichere und komplexe Prozesse lassen sich mit Akkordeonen in übersichtlichere ggf. nummerierte Teilabschnitte untergliedern, verbessern damit die Usability und sorgen so für bessere Akzeptanz bei den Nutzer:innen.

Diese Übersichtlichkeit überwiegt die Nachteile, noch einmal Klicken zu müssen, um das Akkordeon zu öffnen (weitere Interaktion erforderlich), bzw. etwas sehr konkret Gesuchtes nicht auf den ersten Blick zu sehen (Hidden Content). Akkordeone schieben den nachfolgenden Inhalt nach unten und überlagern ihn nicht.

Als visuelles Kennzeichen für Akkordeone hat sich das Caret-Icon (Winkel oder nach unten bzw. oben weisendes Dreieck) etabliert. Das für Akkordeone gelegentlich eingesetzte Plus-Zeichen wird häufig als „Anlegen neuer Inhalte gleichen Typs “ fehlinterpretiert. Um auch als Sprungziel von anderen Seiten gut zu funktionieren, sollten Sie sich entsprechend auch von extern mit dem Link öffnen lassen.