it-swarm.com.de

verstecken vs deaktivieren und leeren Raum neu verteilen

Ich habe einen komplexen UI-Formulardialog mit ~ 12 Registerkarten und möchte entscheiden, was am besten ist:

  1. felder aktivieren/deaktivieren (ausgegraut) - klassische Konvention
  2. verstecken/anzeigen wenn nicht nötig - könnte verwirrend sein + GUI springen
  3. verstecken, aber dann den "leeren" Raum mit einem Hinweis zeigen, dass etwas versteckt ist - wie 2. aber keine springende GUI und offensichtlicher

Sie können ein Beispiel in dieser Geige sehen. 1. ist Option B, 2. ist Option C und 3. ist in diesem Beispiel die Option A.

Was wäre hier die beste Vorgehensweise?

(Ich habe viele ähnliche Diskussionen zu diesem Thema gelesen, aber meine Frage ist etwas anders/eher praktischer Natur).

BEARBEITEN: Nun, wenn die Antwort nicht einfach ist, vielleicht Meinungen zu dem, was Sie als benutzerfreundlicher/intuitiver/einfacher ansehen?

EDIT2: Die ähnlichste Frage mit einigen netten Antworten war Formularoptionen ausblenden oder deaktivieren und nicht ausblenden oder Menüpunkte deaktivieren

LAST EDIT: Antwort verfügbar, aber Erklärung zum [~ # ~] warum [~ # ~] kann gelesen werden hier: Android Design Patterns -> Einstellungen -> Abhängigkeit (navigieren Sie zu Dependency).

6
lzdt

Ich habe leider nichts von einer goldenen Regel gehört; Es wäre großartig, wenn jemand von einer Studie weiß. Ein paar Gedanken und meine Erfahrungen:

  1. Ist der Benutzer daran interessiert, einfach auf das Feld "Kind" zuzugreifen, ohne ein übergeordnetes Feld zu durchlaufen, das es aktiviert/anzeigt? Wenn ja, kann es für den Benutzer schwieriger sein, das Feld auszublenden, um zu wissen, dass die Option überhaupt verfügbar ist, und der Benutzer kann auch nicht mit STRG + F nach der Option suchen (vorausgesetzt, es handelt sich um eine Browser-App). Wenn der Bildschirm viele Optionen enthält, kann dies sehr nützlich sein, damit die Suche funktioniert.
  2. Wenn sich auf demselben Bildschirm viele Optionen befinden, können diese möglicherweise weiter gruppiert werden, um die Unordnung zu minimieren. Sie können beispielsweise Akkordeons mit Gruppennamen anzeigen, die verwandte Felder anzeigen.
  3. Wenn die Felder deaktiviert sind, ist es nicht immer offensichtlich, was sie aktiviert. Sie müssen daher darauf achten, dass die Beziehung zwischen den Feldern visuell klar ist. Einrückung wird manchmal verwendet, um die Beziehung anzuzeigen, aber der Bildschirm kann ziemlich unorganisiert aussehen, wenn die Anzahl der Felder groß ist, und es macht es auch schwieriger, den Text auf der linken Seite zu scannen, da die Felder nicht ausgerichtet werden. Wenn Felder deaktiviert sind, ist ein zusätzlicher Klick erforderlich, um sie zu aktivieren, sodass sie möglicherweise standardmäßig aktiviert werden können. Wenn der Benutzer sie bearbeitet/überprüft, wird auch das übergeordnete Element automatisch aktiviert. Wenn Sie beispielsweise die Option "Geschenk senden" mit den untergeordneten Elementen "Blumen" und "Karte" haben, wird durch Klicken auf "Karte" die Option "Geschenk senden" aktiviert.
  4. Überlegen Sie, was die Hauptaufgaben sind, die der Benutzer ausführen möchte, und legen Sie verwandte Felder offen. Der Rest der Felder könnte möglicherweise unter "Erweitert" platziert werden.
2
Anna Rouben

Ich habe immer die folgenden Regeln befolgt, um diese Entscheidung zu treffen:

  1. Wenn eine Aktion auf dem aktuellen Bildschirm/der aktuellen Seite/dem aktuellen Fenster die Verfügbarkeit des Felds ändert, sollte sie deaktiviert/aktiviert werden, wenn sich die Werte/Eingaben ändern.

  2. Wenn keine Aktion auf dem aktuellen Bildschirm/der aktuellen Seite/dem aktuellen Fenster dazu führt, dass das Feld verfügbar ist, sollte das Feld ausgeblendet werden.

  3. Wenn die Informationen in dem Feld für den Benutzer nützlich sind, obwohl sie nicht bearbeitet werden können, sollte es sich um ein "Anzeigefeld" handeln.

Sie haben Recht, dass "JUI-Sprung" wie Ihr drittes Beispiel für den Benutzer erschütternd und beunruhigend ist. Wenn sich die Dinge bewegen müssen, verwenden Sie Animationen, um dem Benutzer die Aktivität klar zu vermitteln.

10
mawcsco

Geben Sie Ihr Bestes, um die Gruppierung zu überdenken, um sie nach Möglichkeit von 12 Registerkarten auf eine kleinere Zahl zu verkleinern.

Ist dies Teil eines abgestuften Prozesses? (wie Setup, Erstellen eines Profils usw.) Wenn ja, denke ich, ist 3 die magische Zahl in Bezug auf die Gesamtzahl der Schritte. Um auf 3 abzunehmen, fragen Sie sich: "Brauche ich diese Daten wirklich?" oder 'Brauche ich diese Daten jetzt wirklich (kann ich sie zu einem angemesseneren Zeitpunkt anfordern, wenn der Benutzer versteht, warum ich danach frage?').

Wenn dies nicht Teil eines schrittweisen Prozesses ist, versuchen Sie, die Registerkarten anhand von Aktionen zu gruppieren, die der Benutzer versteht, z. B. (Zeitplan, Anruf, Löschen usw.). Zeigen Sie dann in jedem Abschnitt NUR die Optionen an, die Sie die meiste Zeit benötigen (wie 1-4 Dinge), und haben Sie einen Knopf namens "Erweitert". Dann stopfen Sie alles und das Spülbecken hinter diesem Knopf.

Im Allgemeinen ist Einfachheit König. 14 sieht nicht einfach aus, jede Registerkarte mit unzähligen Optionen in jeder Registerkarte sieht auch nicht einfach aus. Entfernen Sie von Anfang an so lange Optionen, bis Ihre Anwendung in 90% der Fälle nicht mehr funktioniert, und präsentieren Sie dann die verbleibenden HIGHLY USED-Optionen mit so viel Totraum wie möglich und die verbleibende Mehrheit der Optionen hinter einer erweiterten Schaltfläche

2