it-swarm.com.de

Wizard Split-Schritt VS großer Schritt in der B2B-Anwendung

Wir entwickeln eine B2B-Anwendung neu, um sie benutzerfreundlicher zu gestalten, aber sie robust zu halten.

Eine der Funktionen verfügt über einen Popup-Assistenten mit drei Schritten.

In Schritt 2 muss ein Raster mit Elementen aktiviert/aktiviert sein, damit Sie mit Schritt 3 fortfahren können.

Der Haken ist, dass ein Benutzer nach bestimmten CSV-Kriterien suchen muss, damit das Raster angezeigt wird (wir haben 4 Kriterien, nach denen Benutzer suchen können). Wenn die Kriterien ausgefüllt und angewendet werden, wird der Schritt gelöscht/geladen (siehe unten, Schritte 1.2 und 2.2) und das Ergebnisraster mit diesen Kriterien wird angezeigt.

Hier sind die Meinungen geteilt:

  • einen "Split-Step" -Ansatz haben (siehe beigefügte 1.x-Bildschirme): einen Bildschirm mit 4 Eingabefeldern + Schaltfläche "Kriterien anwenden";

(enter image description hereenter image description hereenter image description here

  • ODER haben Sie einen vollständigen Schrittansatz (siehe beigefügte 2.x-Bildschirme): Fügen Sie alles in einen Bildschirm ein und verwenden Sie einen Reduzierer für Kriterien.

(enter image description hereenter image description hereenter image description hereenter image description here

Hier sind unsere Gedanken:

  • der geteilte Schritt bietet eine sauberere Benutzeroberfläche und weniger Verschwendung von Immobilien, wenn unsere Benutzer das Raster betrachten, und kann jederzeit zurückgehen und andere Kriterien erneut anwenden. (Wenn sie die Kriterien ändern möchten, klicken Sie zurück? Werden die Benutzer über irgendetwas in Panik geraten?)

  • der vollständige Schritt bietet Benutzern den All-in-One-Bildschirm und die Kriterien können reduziert werden (anfänglich oder danach? Aber dann gerät der Benutzer nicht in Panik mit "Wo ist mein Kriterienfenster geblieben?", wir sind uns nicht sicher).

  • das Raster kann riesig sein ... und alles in einen großen Schritt zu integrieren ... könnte einen Browser in die Luft jagen oder viel Scrollen verursachen - genauso schlimm wie das Hin- und Hergehen.

  • Beide Ansätze sind genauso verrückt nach "Klicks" (einer hat das Ein- und Ausschalten eines großen Teils oder das Scrollen, der andere geht zurück, sieht aber das Raster nicht), aber B2B-Apps sind nicht die schönsten von dem, was wir gesehen haben.

  • Beide Ansätze haben das Problem, Kriterien anzuwenden und das gesamte Raster neu zu laden.

PS: Einige von Ihnen bemerken vielleicht, dass unsere Paginierung verrückt ist. Es ist, weil es ist. Ich höre dich.

Danke für jede Hilfe Jungs :)

1
aly.i.ux

Versuchen Sie, die Schrittnavigation nach oben zu stellen. Ermöglichen Sie ihnen, die Kriterienwerte anzuzeigen und bei Bedarf zu aktualisieren.

Da die Qualität der Liste von den Kriterien abhängt, können Sie eine dauerhafte Seitenleiste versuchen, ähnlich wie beim Filtern im E-Commerce.

Das Materialdesign enthält einige einfache Muster für Stepper.. Dadurch erhalten Sie horizontalen Raum zum Arbeiten.

(enter image description here

Können Sie Vollbild gehen? Immobilien maximieren.

Angenommen, dies ist ein Desktop. Wenn Sie ein Dialogfeld verwenden möchten, können Sie es dann auf Vollbild erweitern? Dadurch erhalten Sie mehr Immobilien und können immer sichtbare Filter links platzieren.

Wenn Sie können, zeigen Sie Ergebnisse und Filter zusammen.

Aus Edward Tufte, einem Schlüsselprinzip des Informationsdesigns:

Ermöglichen Sie wichtige visuelle Analysen nebeneinander im Raum, nicht zeitlich gestapelt.

Wenn Sie die Abschnitte der Seite abgrenzen können, können Sie das allgemeine Filtermuster links und die Ergebnisse rechts nutzen.

Lassen Sie sie nicht die Filter auswendig lernen, die sie angewendet haben, um die Ergebnisse zu erhalten.

Wenn Sie beide zusammen sehen, vermeiden Sie eine Speichersteuer für den Benutzer, und er muss keine Filter öffnen und schließen, die entweder in einem vorherigen Schritt oder über der Ergebnistabelle ausgeführt werden.

Hier kommt benachbart im Raum ins Spiel.

(enter image description here

(enter image description here

UPDATE: Sie können die Kriterien trennen (BIG STEP), aber nicht dafür bestrafen, dass Sie sie bei Bedarf im Kontext anzeigen/bearbeiten möchten.

Flexibilität kann denjenigen helfen, die sich ihrer Wahl nicht sicher sind oder die Daten im Kontext sehen und filtern müssen.

Obwohl ich v1 Big Step sehr nützlich finde, um mich auf eine einzelne Aufgabe zu konzentrieren, können Sie Flexibilität für diejenigen schaffen, die daran erinnert oder ihre Auswahl bearbeitet werden müssen Kontext?

Wenn Sie eine andere Möglichkeit zum Bearbeiten zulassen, werden Sie nicht diejenigen Benutzer bestrafen, die die Kriterien anzeigen (und möglicherweise bearbeiten) müssen.

Das schlimmste Szenario ist, dass sie die Option zum Anzeigen/Bearbeiten von Kriterien nicht sehen und einen Schritt zurückgehen.

Ich bin auf dieses Muster von der Handelsplattform Kraken gestoßen, wo Sie eine Tabelle haben und die Filter als Popover über der Tabelle anzeigen und bearbeiten können:

oben rechts zeigt, dass Filter aktiviert sind:

(enter image description here

Mit einem Popover kann ich die Tabellenwerte sehen: enter image description here

Während ich einige der Grafikdesign-Optionen etwas ablenkend finde (das dicke dunkle Lila), fand ich es hilfreich, die Daten zu filtern.

In Ihrem Fall können Sie eine Schaltfläche oder einen Link zum Anzeigen/Bearbeiten von Kriterien platzieren, die so hervorgehoben sind, dass sie auffallen, aber nicht ablenken.

2
Mike M

Ich bin auf eine ähnliche Anforderung gestoßen, bei der wir Enterprise-Social-Media-Konten mit mehr als 40 Facebook-Seiten integrieren mussten. Wir waren ein Ad-Tech-Unternehmen und unser Alleinstellungsmerkmal war die Konsolidierung Ihrer verschiedenen Social-Media-Kanäle in einer Plattform. Früher hatten wir einen engagierten Mitarbeiter, der sich um das Onboarding dieser Kunden kümmerte, da es sich um große Wale handelte.


Hier sind meine 2 Cent

  • der geteilte Schritt bietet eine sauberere Benutzeroberfläche und weniger Verschwendung von Immobilien, wenn unsere Benutzer das Raster betrachten und jederzeit zurückgehen und andere Kriterien erneut anwenden können. (Wenn sie die Kriterien ändern möchten, klicken Sie zurück? Werden die Benutzer über irgendetwas in Panik geraten?)
  • Beide Ansätze sind genauso verrückt nach "Klicks" (einer hat das Ein- und Ausschalten eines großen Teils oder das Scrollen, der andere geht zurück, sieht aber das Raster nicht), aber B2B-Apps sind nicht die schönsten von dem was wir gesehen haben

Ich bin der Meinung, dass die Benutzer hier geschultes Personal mit Branchenkenntnissen sind, bei dem sie wissen, nach welchen CSV-Kriterien sie suchen. Also können wir diese Power Users nennen. Infolgedessen werde ich mich definitiv auf die Effizienz des Benutzers konzentrieren und gleichzeitig die Effektivität beibehalten. Meine Priorität, wie eine saubere Benutzeroberfläche aussieht, ist zweitrangig.

Aus den oben genannten relevanten Informationen geht mein Geld an 2.x-Optionen. Hier sind die Gründe warum:

  1. Alle Informationen können an derselben Stelle eingesehen werden, um effektive Urteile zu fällen.
  2. Da sie nicht hin und her gehen müssen, wird der Prozess effizienter.

  • das Raster kann riesig sein ... und alles in einen großen Schritt zu integrieren ... könnte einen Browser in die Luft jagen oder viel Scrollen verursachen - genauso schlimm wie das Hin- und Hergehen.

Ich bin der Meinung, dass die Anzeige dichter Daten freundlicher gehandhabt werden kann. Wenn Sie sich inspirieren lassen möchten, schauen Sie sich in diesen Datentabellen um ???????? https://ant.design/components/table/

1
tridip1931

Ich arbeite viel an .GOV-Projekten hier in Großbritannien. Wir empfehlen, Aufgaben in kleine Komponenten aufzuteilen, da dies die Aufmerksamkeit der Benutzer auf eine bestimmte Sache lenkt. Ergo ist der schrittweise Ansatz immer der richtige Weg.

Es sieht so aus, als würden Sie bei komplexeren Interaktionen versuchen, auf einem Bildschirm zu viel zu tun. Dies erschwert das Lernen.

Und noch etwas, das Sie berücksichtigen müssen: Wie oft wird dieses Tool verwendet? Täglich? Monatlich? Einmal? Das wirkt sich auch auf die Art der Interaktion aus. Wenn es selten verwendet wird, ist es noch wahrscheinlicher, dass Sie einen progressiven schrittweisen Ansatz benötigen.

Zusammenfassung

Schrittweise ist gut, weil es die Aufgabe aufschlüsselt

Es fokussiert die Aufmerksamkeit des Benutzers

Es ist einfacher zu lernen

Für erfahrene, häufige Benutzer ist dies jedoch möglicherweise nicht so schnell

Der Trick besteht natürlich darin, Ihre Arbeit mit Benutzern zu testen.

1
colmcq