Wikikracja

Ein deutlicher UX/UI-Lift und Feature-Ausbau fuer ein bestehendes System zur zivilgesellschaftlichen Zusammenarbeit.

Status
Interface-Redesign und Funktionserweiterung
Rolle
UX/UI Redesign, Feature-Entwicklung, Produktverbesserung
Stack
Webanwendung, Frontend, Produkt-UX

Problem

Das bestehende System hatte eine sinnvolle Grundidee, wirkte aber veraltet, fragmentiert und schwieriger zu bedienen als noetig.

Ergebnis

Das Produkt erhielt einen sichtbaren Interface-Lift, klarere Navigation, leistungsfaehigere Module und neue Ansichten fuer Abstimmungen, Chat, Einstellungen, Kalender und Aufgaben.

Highlights

Before / After

Sichtbarer Produktbeleg

Ein kompakter Blick auf die Oberflaeche vor dem Lift und auf die breitere Produktflaeche nach Redesign und Feature-Ausbau.

Vorher

Vorher: aeltere Wikikracja-Aufgabentafel mit dichten Karten in drei Spalten.Bild in voller Grösse ansehen
Vorher: aeltere Wikikracja-Aufgabentafel mit dichten Karten in drei Spalten.
Vorher: aeltere Wikikracja-Aufgabentafel mit Top-Navigation und gedrungenen Aufgabenkarten.Bild in voller Grösse ansehen
Vorher: aeltere Wikikracja-Aufgabentafel mit Top-Navigation und gedrungenen Aufgabenkarten.

Nachher

Nachher: ueberarbeitete Abstimmungsansicht mit Seitenleiste, Tabs, Filtern und klarerer Vorschlagskarte.Bild in voller Grösse ansehen
Nachher: ueberarbeitete Abstimmungsansicht mit Seitenleiste, Tabs, Filtern und klarerer Vorschlagskarte.
Nachher: ueberarbeitete Chat-Ansicht mit Raumliste, Suche und Nachrichtenaktionen.Bild in voller Grösse ansehen
Nachher: ueberarbeitete Chat-Ansicht mit Raumliste, Suche und Nachrichtenaktionen.
Nachher: ueberarbeitete Einstellungen mit Sprache, Design und Benachrichtigungen.Bild in voller Grösse ansehen
Nachher: ueberarbeitete Einstellungen mit Sprache, Design und Benachrichtigungen.
Nachher: ueberarbeitete Kalenderansicht mit Monatsterminen und strukturierter Terminliste.Bild in voller Grösse ansehen
Nachher: ueberarbeitete Kalenderansicht mit Monatsterminen und strukturierter Terminliste.
Nachher: ueberarbeiteter Aufgaben-Workflow fuer wartende Aufgaben.Bild in voller Grösse ansehen
Nachher: ueberarbeiteter Aufgaben-Workflow fuer wartende Aufgaben.
Nachher: ueberarbeitete Ansicht erledigter Aufgaben mit kompakten Statuskarten.Bild in voller Grösse ansehen
Nachher: ueberarbeitete Ansicht erledigter Aufgaben mit kompakten Statuskarten.

Die frühere Aufgabentafel nutzte eine obere Navigation und dichte Karten in drei Spalten. Die neuen Screens zeigen Seitennavigation und getrennte Ansichten für Abstimmungen, Chat, Einstellungen, Kalender und Aufgaben.

Die Galerie zeigt die frühere Oberfläche und das erweiterte Produkt. Aufgabenansichten trennen wartende von erledigten Aufgaben; Abstimmungen haben Tabs und Filter, der Chat eine Raumliste und Nachrichtenaktionen.