it-swarm.com.de

Wie würden Sie den Fortschritt von Schritten innerhalb von Schritten darstellen?

(steps within steps

Ich muss einen ziemlich komplexen Assistenten erstellen, der den Fortschritt von 3 Hauptschritten und dann zwischen 4 und 10 Unterschritten in jedem der Hauptschritte anzeigt. Es scheint logisch, die Unterschritte vertikal auf der linken Seite zu haben, aber ich habe die Anforderung, dass sie oben unter den Hauptschritten horizontal verlaufen müssen. Keiner der Schritte kann ausgewählt werden, sodass Sie nicht vorwärts oder rückwärts springen können. Die Schritte rahmen eine separate Funktion ein, bei der mehrere andere kleinere Funktionen auftreten können, z. Mehrere Fotos werden wiederholt in eine Galerie hochgeladen.

Wie würden Sie das visuell lösen? Gibt es Arbeitsbeispiele, auf die ich mich beziehen kann?

Vielen Dank im Voraus von einem UI-Designer, der in ein UX-Chaos geraten ist!

5
Mopo123

Schauen Sie sich Material Design - Steppers an. Es ist keine gute Idee, einen Stepper in einem anderen Stepper zu kombinieren, da dies verwirrend wird.

Betten Sie keine Stepper in Stepper ein oder verwenden Sie nicht mehrere Stepper auf einer Seite.

Da Sie keine Möglichkeit haben, dies zu ändern, würde ich Folgendes vorschlagen:

  • Kombiniere alle Schritte im selben Stepper . Dies ist möglicherweise leichter zu verstehen, kann jedoch lange dauern. Material Design empfiehlt die Verwendung eines Fortschrittsbalkens auf Mobilgeräten, wenn die Anzahl der Schritte zu lang ist.

  • Verwenden Sie in jedem Level eine andere Art von Schritten . Sie können den Fortschrittsbalken für den Gesamtprozess verwenden oder umgekehrt.

1
Alvaro

Dieser Fall wurde mithilfe von Semmelbröseln gelöst Dribble Reference Und Google-Fotos auf Mobilgeräten hatten einen Schieberegler für Semmelbrösel. Es ist jedoch nicht bevorzugt, es auf diese Weise zu verwenden. Das beste Beispiel wäre Android settings> menu geht immer tiefer in Android, indem der aktuelle Status angezeigt wird).

1
Harshith

Einige Vorschläge:

  • Ich sehe nicht den Wert, jeden Teilschritt anzuzeigen, es sei denn, sie sind jenseits von (1-N) gekennzeichnet. Ist das eine Voraussetzung? Vielleicht möchten Sie dies zurückschieben.

  • Eine verschachtelte Nummerierung ist verwirrend. Können diese beschriftet statt nummeriert werden, da es nur drei Hauptschritte gibt?

  • Bewegen Sie die Unterschrittanzeige in Ihrem Inhaltsbereich, um eine "engere" Beziehung zu ihr anzuzeigen, im Gegensatz zu den Hauptschritten, die nicht der Fokuspunkt sind.

(enter image description here

1
Bowen