it-swarm.com.de

3-Ebenen-Tab-Design-Alternativen

Ich habe diese neue Anforderung für ein Anwendungs-UI-Design. Es gibt eine Instanz der App, in der der Benutzer viele Informationen eingeben muss. Das empfohlene Drahtmodell bestand darin, ein dreistufiges Registerkarten-Design zu erstellen (Bildreferenz unten hinzugefügt). Ich wollte wissen, ob es ein anderes UI-Muster gibt, das ich verwenden kann um diese Funktionalität zu erreichen.

enter image description here

6
Sullan

Wenn Sie wirklich so viele Ebenen von Registerkarten benötigen, sollten Sie daraus eine Hierarchie auf der linken Seite machen:

enter image description here

bearbeiten: Da die dritte Ebene der Registerkarten nur ein Assistent ist, sollten Sie in Betracht ziehen, nur die zweite Ebene der Registerkarten als Hierarchie nach links zu verschieben und die dritte Ebene entweder ganz zu verlassen oder ganz zu entfernen.

4

Fast alles andere. Das manuelle Ausfüllen dieser Datenmenge ist sehr zeitaufwändig, sehr fehleranfällig und sehr deprimierend. Wenn Ihre Benutzer die Wahl haben, werden sie woanders hingehen. Wenn sie es nicht tun, werden sie dich hassen.

Ich würde vorschlagen, dass Sie zunächst sehr hart darüber sein müssen, ob Sie tatsächlich jeden benötigen - entfernen Sie alle optionalen Elemente aus diesem Formular und erlauben Sie dem Benutzer, sie zu einem anderen Zeitpunkt hinzuzufügen.

3

Wenn Sie 3 Ebenen von Registerkarten mit jeweils 4 Registerkarten und jede Seite mit 4 Feldern haben, werden Sie jemanden bitten, 4 ^ 4 = 256 Felder auszufüllen. Benötigen Sie ernsthaft so viele Informationen von jemandem, der Ihr Produkt verwendet?

1
JohnGB

Wenn es sich bei der Dateneingabe um einen Prozess handelt, ist die Idee, eine Navigation für einen Linier-Formularprozess bereitzustellen, etwas seltsam. Besser einen schrittweisen Prozess machen Benutzer können als nächstes/vorhergehen oder zu einem bestimmten Punkt entlang der Linie springen. Wenn Sie dem Benutzer erlauben, jederzeit über Erbenebenen zu einem beliebigen Teil eines Formulars zu navigieren, wird die Linier-Natur entfernt und es wird festgestellt, wie weit sie durch den Prozess sind. Halten Sie es besser linear und lassen Sie ein Tool zum Springen zu Inhalten zu. Bei einer Form dieser Skala handelt es sich um eine Art prozentualen vollständigen Indikator oder um einen abnehmenden Indikator für die Aufgabenliste.

Besser noch, wie andere vorgeschlagen haben, vereinfachen Sie (wenn möglich) die Datenerfassung erheblich - reduzieren Sie die erforderlichen Felder auf einen Punkt, an dem die Fertigstellung nicht einen ganzen Tag dauern würde und eine so komplexe, komplexe Benutzeroberfläche erforderlich wäre.

1
Jon Darke

Wenn Sie so viele Informationen sammeln müssen, sollten Sie in einem Workflow aus verschiedenen Bildschirmen wirklich nach verschiedenen relativen Informationen fragen. Wenn Sie im Voraus so viele Informationen benötigen, werden Ihre Benutzer nur verärgert.

Es wäre auch ein Albtraum, die Eingaben Ihrer Benutzer sowohl auf der Server- als auch auf der Clientseite zu überprüfen.

0
JeffH