In Zukunft möchten wir ähnliche Funktionalitäten, wie sie derzeit in den Prozessen verfügbar sind, auch in PlentyONE Flow integrieren. Nach intensiver Recherche, der Auswertung unserer Umfrage und dem allgemeinen Kundenfeedback haben wir die folgenden Mockups erstellt. Diese möchten wir euch gerne vorstellen und eure Meinungen dazu einholen.

Bitte beachtet, dass wir für die Mockups ein einfaches Beispiel verwenden und uns dabei auf die Benutzerfreundlichkeit der Oberfläche sowie die Lesbarkeit konzentriert haben.

Wichtig: Die vorliegenden Ideen befinden sich noch in einer frühen Konzeptionsphase. Es besteht keine Gewährleistung für die Realisierung der hier diskutierten Funktionen.

Overview

Die neue Benutzeroberfläche (UI) ist unter einem separaten Navigationspunkt im Bereich „Automation“ zu finden. Beim Öffnen der UI gelangt der Nutzer wie gewohnt auf eine Übersichtsseite, jedoch haben wir bewusst auf Tabellen verzichtet, um die Benutzerfreundlichkeit auf mobilen Geräten zu verbessern.

Die Organisation der Flows erfolgt in Ordnern oder Gruppen (1), ähnlich wie bei den Prozessen. Diese Gruppen können farblich markiert (2) werden, um die Suche zu erleichtern. Auch die Flows innerhalb der Gruppen (3) können farblich hervorgehoben werden.

Die Flows selbst sind für den Anfang bewusst minimalistisch gehalten und bestehen aus einem Namen und einer optionalen Beschreibung (4).

Ein weiteres Feature ist der Badge (5) neben dem Namen eines Flows, der die Anzahl der wartenden Instanzen anzeigt. Dies bietet eine schnelle und übersichtliche Information über den aktuellen Status der Flows.

Die Erstellung, Sortierung und farbliche Kennzeichnung von Gruppen und Flows (6) erfolgt in der MyView. Dadurch können nur berechtigte Nutzer die Ansicht konfigurieren, während andere sich ausschließlich auf die Nutzung konzentrieren können.

Frage: Wie findet ihr den Aufbau der Übersicht? Gibt es Infos oder Strukturen, die hier noch fehlen?

Detailansicht

Wenn man auf einen Flow klickt, gelangt man direkt zur Detailseite. Oben auf der Seite befinden sich der Name des Flows und eine optionale Beschreibung, die zusätzliche Informationen bietet.

Der Button “Start new flow” des Flows (7) ist in unserem Primary Blue gestaltet und bewusst groß, um eine gute Klickfläche auf mobilen Geräten zu gewährleisten.

Im ersten Expansion Panel werden alle Instanzen des Flows (8) angezeigt, die auf eine Eingabe warten. Um den Flow fortzusetzen, klickt man einfach auf den „Resume“-Button (9).

Der Chip im Header (10) des Expansion-Panels zeigt an, wie viele Instanzen auf eine Eingabe warten.

Neben dem Expansion-Panel gibt es eine kurze Übersicht des Flows (11). Die Funktionalitäten hier sind bewusst eingeschränkt und dienen nur der schnellen Orientierung. Für mehr Details und Konfigurationen kann man über den Button oben rechts direkt ins Studio wechseln.

Das letzte Expansion-Panel zeigt eine Liste der abgeschlossenen Flows (12) an.

Execution Page 1

Wichtig: Hierbei handelt es sich um ein Beispiel. Die Execution Page kann je nach Anwendungsfall verschiedene Ansichten haben.

Die UI wird in einem neuen Tab geöffnet (13). Dies stellt sicher, dass alles Irrelevante ausgeblendet ist und der Nutzer sich vollständig auf die Aufgabe konzentrieren kann.

Wie in der Prozess-UI gibt es links eine Übersicht der Schritte (14), die in diesem Flow enthalten sind. Der aktuelle Schritt sowie der voraussichtliche nächste Schritt werden dem Nutzer angezeigt. Wir zeigen bewusst nicht alle Schritte, da Verzweigungen und lange Flows schnell unübersichtlich werden könnten.

Um ein besseres Verständnis für die Größe des Flows zu vermitteln, planen wir einen Progress Indicator (15), der in Prozent anzeigt, wie weit man im Flow ist.

Execution Page 2

Wie ihr seht, wächst mit jedem Schritt die Übersicht links. In der Mitte befindet sich ein Expansion-Panel, das standardmäßig zugeklappt ist. Hier werden alle Bestelldetails (16) für diesen Auftrag angezeigt. Da wir hier noch Platz haben, lasst uns bitte wissen, falls ihr etwas Wichtiges vermisst.

Darunter gibt es ein Eingabefeld (17) für den Fall, dass kein Scanner zur Verfügung steht. Alle Funktionen, die in diesem Schritt benötigt werden, sind in der Toolbar (18) zusammengefasst. Darunter findet ihr die Abbildung der bestellten Artikel (19).

Im Header wird durch einen Chip (20) angezeigt, wie viele Artikel insgesamt gescannt werden müssen. Dank des großen Bildes in den Karten sind die Produkte gut erkennbar, auch aus größerer Entfernung.

Da wir wissen, dass der Produktname und die ID manchmal nicht ausreichen, haben wir einen „Show More“-Button (21) eingebaut. Wenn dieser Button geklickt wird, erweitert sich die Karte, und zusätzliche Informationen zum Artikel werden angezeigt. Die Mengenanzeige (22) ist oben als Chip integriert und zählt automatisch hoch, sobald Artikel gescannt werden. Ist die erforderliche Menge erreicht, färbt sich der Chip grün – ebenso die gesamte Karte.

Sobald der letzte Artikel gescannt wurde, wird die gesamte Darstellung grün, und die Abfolge links setzt automatisch fort – entweder bis zum nächsten manuellen Schritt oder bis zum Erfolg-Dialog.

Jetzt seid ihr an der Reihe

Bitte hinterlasst euer Feedback, über die Feedback-Funktion hier im Product Information Hub, oder im Forum.

1. Was soll eurer Meinung nach alles von einem Admin konfiguriert werden?

2. Sonstiges Feedback

Wir bedanken uns herzlich für eure Zeit und die wertvollen Rückmeldungen, die uns helfen werden, das System nach euren Anforderungen zu gestalten.