Neues Design, bessere Bedienung: monkkee wird übersichtlicher und mobiler
Die monkkee-Oberfläche hat sich weiterentwickelt: Die Seitenleiste, die lange Zeit ein wichtiger Teil der Navigation war, ist verschwunden. An ihre Stelle treten eine aufgeräumte Werkzeugleiste und eine Suche, die mehrere Kriterien gleichzeitig berücksichtigt. Auch die Verwaltung und Zuweisung von Tags ist einfacher geworden.
Weniger Seitenleiste, mehr Platz für Inhalte
Die Seitenleiste war für große Desktop-Bildschirme gedacht. Im Responsive Design wurde sie für kleinere Displays zum Kompromiss: Auf mobilen Geräten rückte sie unter den Inhalt und war dadurch leicht zu übersehen und umständlich zu erreichen.
Heute richten wir die Bedienung stärker an mobilen Geräten aus. Wichtige Funktionen sollen dort unmittelbar auffindbar und erreichbar sein.
Deshalb haben wir die wichtigsten Aktionen in die Werkzeugleiste verlegt. Sie sind dort, wo Einträge bearbeitet und verwaltet werden, besser sichtbar und mit weniger Umwegen erreichbar.
Eine Suche, die Filter kombiniert
Die Suche hat jetzt einen eigenen Dialog. Statt Textsuche, Tags und Datum getrennt zu bedienen, lassen sich diese Kriterien dort kombinieren:
- nach Text suchen,
- mehrere Tags auswählen,
- einen Zeitraum mit Von- und Bis-Datum festlegen.
Die Tag-Auswahl bietet zudem eine Typeahead-Suche: Namen lassen sich eintippen, und die passenden Tags werden direkt gefiltert.
Werkzeugleisten mit passenden Aktionen
Die Werkzeugleisten sind verständlicher geworden: Wo es der Platz zulässt, steht neben dem Icon ein kurzer Text. Auf der Eintragsübersicht passt sich die Auswahl der Aktionen außerdem dem aktuellen Zustand an. Ohne markierte Einträge stehen „Neu“ und „Suche“ bereit. Sobald Einträge markiert sind, erscheinen stattdessen die Aktionen zum Löschen und Drucken.
Auf der Detailseite eines Eintrags sind die seltener benötigten Aktionen „Drucken“ und „Löschen“ in einem Menü hinter dem Drei-Punkte-Symbol gebündelt. Die Navigation zwischen Einträgen und die Tag-Zuweisung bleiben direkt in der Werkzeugleiste erreichbar.
Tags einfacher zuweisen und erstellen
Tags werden jetzt überall einheitlich und als klare, ansprechende Chips dargestellt. Die Zuweisung erfolgt über einen eigenen Dialog, der klar zwischen bereits zugewiesenen und verfügbaren Tags unterscheidet. Auch hier hilft eine Typeahead-Suche dabei, den gewünschten Tag schnell zu finden.
Neue Tags lassen sich direkt aus dem Dialog erstellen. Dabei kann die Farbe schon beim Anlegen ausgewählt werden. So entfällt ein zusätzlicher Bearbeitungsschritt, und Tags lassen sich von Anfang an leichter unterscheiden.
Eine übersichtlichere Tag-Verwaltung
Auch die Tag-Übersichtsseite wurde überarbeitet. Alle Tags erscheinen in einer klaren Liste mit demselben Chip-Design wie im Rest der Anwendung, dahinter steht in Klammern, wie oft ein Tag verwendet wird. Lange Namen werden gekürzt, damit das Layout auch auf kleinen Bildschirmen stabil bleibt. Die Aktionen zu jedem Tag – Einträge anzeigen, Bearbeiten und Löschen – sind in einem Menü hinter dem Drei-Punkte-Symbol zusammengefasst. Neue Tags lassen sich jetzt direkt auf dieser Seite über den Button „Neu“ in der Werkzeugleiste anlegen. Dafür wird dasselbe Formular wie beim Bearbeiten verwendet, in dem Name und Farbe festgelegt werden.
Ein Schritt hin zu einer aufgeräumteren mobilen Nutzung
Die Änderungen verfolgen ein gemeinsames Ziel: Die Oberfläche soll auf kleinen Bildschirmen nicht wie eine verkleinerte Desktop-Version wirken. Wichtige Aktionen bleiben schnell erreichbar, während Suche und Tag-Verwaltung mehr Raum für eine klare und gezielte Bedienung bekommen.