Eine wichtige Komponente eines jeden Forums ist die Mitgliederliste. Sie ist nicht nur ein Verzeichnis der Benutzer, sondern auch ein wichtiges Werkzeug für die Verwaltung und Interaktion innerhalb der Community. In diesem Artikel beleuchten wir den Prozess des Redesigns der Mitgliederliste und zeigen auf, wie durchdachte Designentscheidungen die Benutzererfahrung verbessern können.
Die ursprüngliche Mitgliederliste des Forums war funktional, aber veraltet. Sie bestand im Wesentlichen aus einer Aneinanderreihung von Statistiken und war dadurch optisch wenig ansprechend. Die Interaktionsmöglichkeiten waren insbesondere in der mobilen Version nur umständlich zu bedienen.
Das Hauptziel der Überarbeitung war es, die Mitgliederliste nicht nur optisch ansprechender zu gestalten, sondern auch die Funktionalität zu verbessern. Dabei wurde insbesondere auf zwei Punkte besonderen Wert gelegt:
Für eine ansprechende Optik nutzt die neue Mitgliederliste die bereits bekannte „Card“-Darstellung. Neben dem Avatar des Benutzers wird nun auch das Cover-Photo in der Mitgliederliste angezeigt, was zu einer besseren Wiedererkennung führt.
Die Buttons für die Interaktion mit einem Benutzer, beispielsweise zum Folgen oder Blockieren, sind nun direkt verfügbar und vor allem in der mobilen Ansicht einfacher zu nutzen.
Statistiken, wie die Anzahl der Beiträge eines Benutzers, werden nun in Form von Kacheln anzeigt. Das führt zu mehr Übersichtlichkeit und macht es einfacher, die Werte unterschiedlicher Benutzer miteinander zu vergleichen.
Gleichzeitig haben wir auch einige Aufräumarbeiten an der Mitgliederliste durchgeführt und vor allem Textinhalte mit variabler Länge aus der Anzeige entfernt, was zu einem deutlich homogeneren Erscheinungsbild führt.
Zu guter Letzt wurde natürlich auch auf die Erweiterbarkeit großen Wert gelegt, weshalb wir entsprechende Platzhalter im Template für Entwickler geschaffen haben, um zusätzliche Inhalte wie Buttons oder Statistiken in der neuen Card-Darstellung anzuzeigen.
Das Benutzer-Popover wurde ebenfalls überarbeitet und verwendet nun die selbe Darstellung wie die Anzeige in der Mitgliederliste, was zu einem einheitlichen Bedienkonzept führt.
Aus technischer Sicht teilen sich das Benutzer-Popover und die Card-Darstellung in der Mitgliederliste das selbe Template. Damit wird sichergestellt, dass sich individuelle Anpassungen, etwa durch Plugins, automatisch an beiden Stellen auswirken.
11
11
17
Kommentare 11