it-swarm.com.de

Verwenden eines Wizard für die erste Eingabe und spätere Bearbeitung

Meine Windows-Anwendung verwendet Assistenten zum Erstellen von Geschäftsobjekten wie Personen oder Immobilien.

Der Wizard ist perfekt, da er die Eingabe in der logischsten Reihenfolge ermöglicht und die Daten in klar angeordneten Gruppen von Formularen anzeigen kann. Es ermöglicht auch Verarbeitungs- und Validierungsschritte zwischen den Seiten Wizard. Einige Eingaben hängen von anderen Eingaben ab, aber das ist kein Problem, da Wizard sequentiell ist.

mockup

bmml source herunterladen - Wireframes erstellt mit Balsamiq Mockups

Hier ist das Problem: Meine Benutzer müssen in der Lage sein, alle Eingaben anschließend zu bearbeiten. Beispiel: Eingang C muss anschließend bearbeitet werden.

  1. Ich könnte sie erneut über Wizard senden. Aber wenn sie auf der ersten Seite von nicht finden, wonach sie suchen Der Assistent muss danach suchen, ohne zu wissen, wo es sich befindet oder ob es überhaupt im Assistenten zu finden ist.
  2. Ich könnte einen separaten Bearbeitungsdialog anbieten, der kein Assistent ist. Grundsätzlich zwei Dialoge, die dieselben Daten verarbeiten, einen zum Hinzufügen und einen zum Bearbeiten. Das bedeutet mehr Aufwand und kann als inkonsistent interpretiert werden.
  3. Ich könnte den Assistenten fallen lassen. Das Hinzufügen und Eingeben würde mit demselben Dialogfeld erfolgen.

Ich möchte das Wizard -Konzept nicht wirklich aufgeben, da es für die Dateneingabe bequem ist. Können Sie sich eine Lösung vorstellen, die das Hinzufügen und Bearbeiten so komfortabel wie möglich macht?

6
J_rgen

Meiner Meinung nach eignen sich Assistenten nur für den Einstiegsprozess, die Kontoerstellung oder das Ändern von Einstellungen. Sie eignen sich nicht für Szenarien, in denen häufig auf das Formular zugegriffen werden muss, z. B. aufgabenbezogene Funktionen (Produkterstellung, Terminplanung). Daher bevorzuge ich die dritte Option, die Sie vorgestellt haben.

Basierend auf dem, was beschrieben wurde, scheint es, als müsste Ihr Benutzer das Formular verwenden, um einige Aktivitäten im Zusammenhang mit schweren Aufgaben (Objekterstellung) auszuführen. Das Formular muss außerdem CRUD Funktionalität haben.

Meiner Meinung nach benötigen Sie eine Möglichkeit, Ihre Eingabefelder präzise und sequentiell zu organisieren, um Klarheit zu schaffen. Ich würde sagen, dass Formulareffizienz ein wichtiger Faktor (CRUD) ist, der ebenfalls berücksichtigt werden muss. Wie bereits erwähnt, sind Assistenten ideal für einen einmaligen Prozess. Es ist weniger effizient, wenn das Formular mehrmals überprüft werden muss. Es kann sogar anspruchsvolle Benutzer verlangsamen, die mithilfe der Registerkarte schnell zu interessanten Feldern navigieren möchten.


Akkordeon Ansatz


Wenn das Formular in modulare Schritte unterteilt werden muss, können Sie die Verwendung von Akkordeon untersuchen, um Inhalte zu schneiden und in aufeinander folgenden Schritten anzuzeigen. Möglicherweise müssen Sie die Schaltfläche zum Senden deaktivieren, um zu verhindern, dass Benutzer ein leeres Formular senden. Sie können auch ein anderes Interaktionsdesign für die Übermittlung leerer Formulare hinzufügen, auf das ich hier nicht näher eingehen werde.

Beim Bearbeiten des Formulars wird das Akkordeon erweitert, um alle Eingaben und deren Einträge anzuzeigen. Dies erleichtert die Suche in den zu bearbeitenden Feldern erheblich und reduziert den Aufwand für die Implementierung der Formularvalidierung.

mockup

bmml source herunterladen - Wireframes erstellt mit Balsamiq Mockups

Dieser Ansatz ermöglicht es dem Benutzer, das Formular vollständig anzuzeigen, anstatt die Zeit des Benutzers zu verschwenden, durch den Assistenten zu gehen, und Felder zu entdecken, die er nicht bequem ausfüllen kann (oder zu diesem Zeitpunkt keine Antwort).

Ich könnte einen separaten Bearbeitungsdialog anbieten, der kein Assistent ist. Grundsätzlich zwei Dialoge, die dieselben Daten verarbeiten, einer zum Hinzufügen und einer zum Bearbeiten. Das bedeutet mehr Aufwand und kann als inkonsistent interpretiert werden.

Ich glaube, dies spricht auch Ihr Anliegen an, einen separaten Dialog für die Bearbeitung zu erstellen. Sie sagten, die Pflege von zwei separaten Formularen, die dieselbe Funktion ausführen, ist eine rote Fahne in Bezug auf die technische Implementierung und Wartung. Sei nett zu deinen Entwicklern :)

Ich möchte das Konzept Wizard) nicht wirklich aufgeben, da es für die Dateneingabe bequem ist.

Eines der schlimmsten Dinge, die passieren können, ist, wenn Designer zu sehr an ihr Design gebunden sind und andere Optionen nicht ausloten. Dies ist eine viel größere Hürde als die eigentlichen Designherausforderungen.

1
adamsoh

Nichts hindert Sie daran, einen Assistenten für den anfänglichen Einrichtungsablauf und eine andere menügesteuerte Benutzeroberfläche für die fortlaufende Bearbeitung zu verwenden. Schließlich werden die Bedürfnisse der Benutzer im Laufe der Zeit variieren. Zum Beispiel:

Wenn Sie zum ersten Mal etwas einrichten, eignen sich Assistenten hervorragend, um einen Benutzer durch eine lange, komplizierte oder kritische Aufgabe zu führen.

Wenn Sie in Zukunft Änderungen an etwas vornehmen müssen, können Sie mit einem bestimmten Menüauslöser die Bearbeitungsaufgabe klein halten und sich auf Ihr Benutzerziel konzentrieren.

1
SteveD

Kombinieren Sie die Leistung des Assistenten für das Onboarding und stellen Sie dann dasselbe Formular bereit, wobei alle Schritte erweitert werden, wenn sie bearbeitet werden sollen. Mit einigen geringfügigen Änderungen am Stil und möglicherweise an der Validierung/Javascript können Sie die Assistentenansicht ganz einfach in das Standardformularlayout konvertieren.

Ein Plugin, das Ihnen dabei helfen könnte, ist Akkordeon-Assistent , wo Sie den 'Modus' von 'Assistent' in 'Bearbeiten' ändern können.

1
digout

Sie können einen Fortschrittsbalken mit Links zu den verschiedenen Assistentenseiten haben (siehe Abbildung unten). Es ist obligatorisch (unter dem Gesichtspunkt der Benutzerfreundlichkeit), wenn Ihr Assistent länger als 2 Seiten ist, da er den Benutzern Feedback gibt, wo sie sich gerade befinden und wie viel Aufwand noch verbleibt. Auf diese Weise haben Sie sowohl Assistenten- als auch Schnellzugriff auf alle Felder. Lesen Sie mehr über Stepper oder Fortschrittsbalken hier .

(Progress bar Bild aus Materialdesignspezifikationen .

Der Fortschrittsbalken kann auch horizontal sein: enter image description here

0