it-swarm.com.de

Popups gegen Inline-Formulare für Benutzereingaben in einer Webanwendung

Ich bin keine UI/UX-Person. Ich baue eine Webapp. Ich habe Probleme, meine Benutzeroberflächen für Benutzereingaben zu entwerfen.

Zum Beispiel:

Einige Webanwendungen (z. B. Slack, Asana, MS Teams, MS SharePoint) zeigen fast jedes Mal ein modales Popup (mit einem Formular) an, wenn Sie Informationen eingeben müssen.

Andere Webapps (z. B. Github) zeigen Formulare inline auf der Seite selbst an. Dies ist schwieriger zu entwerfen. Der Vorteil besteht jedoch darin, dass das Formular sauber mit dem Hauptinhalt "fließt" und möglicherweise intuitiver und weniger komplex/verwirrend für das ist Benutzer.

Soweit ich weiß, wird ein Popup verwendet, wenn:

  • sie sind faul ... Popup-Design ist einfach und es ist kein Basteln an der zugrunde liegenden Seite erforderlich
  • die Menge der zu sammelnden Informationen ist groß
  • die Informationen sind für die Seite nicht relevant, daher ist es nicht sinnvoll, die Benutzereingaben in die Seite einzubetten (sammeln Sie die Informationen und verstecken Sie sie dann).
  • aus der Antwort unten: Wenn es sich um eine Art Master-Detail-Tabelle handelt
  • gibt es andere Szenarien?

Aber Popups machen es mir schwerer, es reaktionsschnell zu machen und auf Mobilgeräten gut auszusehen.

Gibt es allgemeine Ratschläge in diesem Bereich? Wird unter bestimmten Umständen einer dem anderen vorgezogen?

Das Problem liegt bei den obigen Beispielen: Sie haben eine Entwurfsentscheidung getroffen, um die Dinge auf die eine oder andere Weise auf der gesamten Site auszuführen. Sie müssen Millionen ausgegeben haben, um diese Themen zu erforschen, also möchte ich nur die beste Praxis kopieren.

3
grokky

In vielen Anwendungen finden Sie Entitäten/Datensätze mit bestimmten Eigenschaften: In einer Flottenplanungsanwendung müssen beispielsweise "Jobs" geplant werden. Die Eigenschaften eines Jobs (Zeitfenster, Ort, Dauer, ...) sind unabhängig von den Eigenschaften anderer Jobs oder anderer Entitäten (z. B. Treiber). In einem solchen Fall hilft ein Popup-Dialogfeld zum Bearbeiten der Auftragsdaten dem Benutzer, sich auf seine Aufgabe zu konzentrieren. Das Bearbeiten der Entität ist eine separate Unteraufgabe, und der Dialog hilft, Ablenkung oder Verwechslung mit anderen Daten der Anwendung zu vermeiden.

Popups sind in solchen Fällen in Ordnung, aber dies bedeutet nicht, dass es keine anderen geeigneten Entwurfslösungen gibt (z. B. hier sind verschiedene Varianten für den Formularentwurf ). Das hängt vom Anwendungsbereich ab.

Ich glaube, auf Mobilgeräten benötigen Sie überhaupt kein Popup. Sie können das Formular wie folgt in einen separaten Bildschirm mit einem "Zurück" -Pfeil oben einfügen:

(enter image description here

1
Anna Prenzel