Modal Fenster

Im Benutzeroberfläche Design für Computeranwendungen, a Modal Fenster ist ein Grafisches Steuerelement untergeordnet zu einer Anwendung Hauptfenster.

Ein modales Fenster erstellt a Modus Dadurch deaktiviert das Hauptfenster, hält es aber mit dem Modalfenster als sichtbar Kinderfenster vor. Benutzer muss Interagieren Sie mit dem Modalfenster, bevor sie zum zurückkehren können Elternteil Anwendung. Dies vermeidet es, die zu unterbrechen Arbeitsablauf Auf dem Hauptfenster. Modale Fenster werden manchmal aufgerufen Schwere Fenster oder Modale Dialoge Weil sie oft a zeigen Dialogbox.

Benutzeroberflächen verwenden in der Regel modale Windows zum Befehlsbenutzerbewusstsein und zum Anzeigen von Notfallzuständen Interaktionsdesigner argumentieren, dass sie für diese Verwendung unwirksam sind.[1] Modale Fenster sind anfällig für Modusfehler.[1][2][3]

Im Internet zeigen sie häufig Bilder im Detail, wie sie implementiert werden von Lightbox Bibliothek oder werden für verwendet schwebende Anzeigen.[4][5]

Das Gegenteil von Modal ist modlos. Modellose Fenster blockieren das Hauptfenster nicht, sodass der Benutzer seine wechseln kann Fokus zwischen ihnen, behandeln sie als Palettenfenster.

Relevanz und Nutzung

Anwendungsfälle

Zu den häufigen Verwendungen von modalen Fenstern gehören:

  • Aufmerksamkeit auf lebenswichtige Informationen. Diese Verwendung wurde als ineffektiv kritisiert, da Benutzer mit zu vielen Dialogfeldern bombardiert werden und sich gewöhnen, einfach auf "Schließen", "Abbrechen" oder "OK" zu klicken, ohne die Nachricht zu lesen oder zu verstehen.[6][7][8]
  • Blockieren des Anwendungsflusss, bis Informationen zur Fortsetzung der Informationen eingegeben wurden, wie zum Beispiel a Passwort in einem Anmeldung Prozess. Ein weiteres Beispiel sind Dateidialoge zum Öffnen und Speichern von Dateien in einer Anwendung.
  • Sammeln von Anwendungskonfigurationsoptionen in einem zentralisierten Dialog. In solchen Fällen werden in der Regel die Änderungen angewendet, um den Dialog zu schließen, und der Zugriff auf die Anwendung ist deaktiviert, während die Änderungen vorgenommen werden.
  • Warnung, dass die Auswirkungen der aktuellen Aktion nicht reversibel sind. Dies ist häufig Interaktionsmuster Für modale Dialoge, aber einige Usability -Experten kritisieren es als unwirksam für seine beabsichtigte Verwendung (Schutz gegen Fehler bei destruktiven Handlungen) durch Gewöhnung. Sie empfehlen, die Aktion stattdessen umkehrbar zu machen (bereitzustellen eine "rückgängige Option).[1]

Modale Blätter in Mac OS x

"Blatt (Computer)" leitet hier weiter. Nicht zu verwechseln mit Kalkulationstabelle.

Viele Funktionen, die normalerweise durch Modal -Fenster dargestellt werden, werden als Modal implementiert vorübergehend Panels namens "Blätter" auf Mac OS X. Transiente Fenster verhalten sich ähnlich wie modale Fenster - sie befinden sich immer oben im übergeordneten Fenster und sind nicht in der Fensterliste angezeigt, aber sie deaktivieren die Verwendung anderer Fenster in der Anwendung nicht. Blätter rutschen aus der Titelleiste des Fensters und müssen normalerweise entlassen werden, bevor der Benutzer weiter im Fenster arbeiten kann, aber der Rest der Anwendung bleibt nutzbar. Somit erstellen sie einen Modus im Fenster, der sie enthält, aber in Bezug auf den Rest der Anwendung modlos sind.

Kontrolle des Interaktionsflusss

Modale Windows sind in GUI -Toolkits für die Führung des Benutzer -Workflows üblich. Alan Cooper behauptet, dass die Bedeutung des Benutzers erforderlich ist, wichtige Themen zu berücksichtigen, die die Freiheit des Benutzers einschränken und dass die Alternative die Frustration der Benutzer erhöhen würde.[9]

Unerwartete Unterbrechungen

Unerwartet Warndialoge sind besondere Schuldigen von Modusfehler[1] mit potenziell schwerwiegenden Folgen. Usability -Praktiker schreiben vor, dass gefährliche Handlungen nach Möglichkeit unkompliziert werden sollten. ein Warnbox, das unerwartet erscheint oder von entlassen wird von Gewöhnung schützt nicht vor der gefährlichen Handlung.[10] Ein modloser Infobar wird zunehmend einem Dialogfeld als vorzuziehen angesehen, da es die Aktivitäten des Benutzers nicht unterbricht, sondern dem Benutzer ermöglicht, zusätzliche Informationen in seiner eigenen Zeit zu lesen.

Ein vorgeschlagener Ansatz besteht darin, jedes Eingabeelement als in sich geschlossene Eingabeelement zu entwerfen. Aufgabenorientiert Interaktion, geleitet von ihren eigenen spezifischen Anforderungen und nicht durch den globalen Zustand der gesamten Anwendung. Zum Beispiel könnten die erforderlichen Elemente ein voraus sein Sternchen, Elemente mit ungültigen Daten können eine rote Grenze erwerben und so weiter. Mit diesem Ansatz profitieren Benutzer tatsächlich davon, viele Eingabeelemente gleichzeitig zu sehen-sie können Daten auf eine Weise eingeben, die für sie sinnvoll ist, anstatt alle anderen nicht verwandten Elemente blockiert zu haben, bis eine vordefinierte Dateneingangssequenz abgeschlossen ist.

Probleme

Siehe auch: Bewertung von Modi in Computerschnittstellen

Ein modales Fenster blockiert alle anderen Workflows im obersten Programm, bis das Modalfenster geschlossen ist, im Gegensatz zu modlos Dialoge, mit denen Benutzer mit anderen Fenstern arbeiten können.[11] Modale Fenster sollen die volle Aufmerksamkeit des Benutzers erregen.[12] Benutzer erkennen möglicherweise nicht, dass ein modales Fenster ihre Aufmerksamkeit erfordert, was zu Verwirrung über das Hauptfenster führt, das nicht ansprechbar ist, oder zu einem Verlust der für das Hauptfenster vorgesehenen Dateneingaben des Benutzers (siehe siehe Modusfehler). In schweren Fällen wird das Modalfenster hinter einem anderen Fenster angezeigt, das von demselben Programm gesteuert wird, wodurch das gesamte Programm möglicherweise nicht mehr reagiert, bis das Modalfenster manuell gefunden werden kann.

Viele Schnittstellendesigner haben jedoch kürzlich Schritte unternommen, um modale Fenster offensichtlicher und benutzerfreundlicher zu gestalten, indem der Hintergrund hinter dem Fenster verdunkelt wird oder die Maus über das Modal -Fenster klicken lässt, um das Fenster zum Schließen zu zwingen - ein Design namens a Lightbox[5] - So lindern diese Probleme. Jakob Nielsen gibt als Vorteil modaler Dialoge an, die das Bewusstsein der Benutzer verbessern: "Wenn etwas repariert werden muss, ist es besser sicherzustellen, dass der Benutzer davon weiß." Für dieses Ziel bietet das Lightbox -Design einen starken visuellen Kontrast des Dialogs über den Rest der Grafik. Die Lightbox -Technik ist jetzt ein gängiges Tool für das Design von Website.

Modale Fenster werden üblicherweise so implementiert, dass sich die Möglichkeit blockiert, dieses Fenster zurückzuziehen, zu minimieren, zu symbolisieren oder zu drücken, und sie greifen in den Eingabefokus, was häufig die Verwendung eines Systems verhindert Schneiden, kopieren und einfügen Einrichtungen. Dies kann die Verwendung ihrer übergeordneten Anwendungen beeinträchtigen, indem der Zugriff auf andere Fenster und Daten innerhalb derselben Anwendung blockiert, insbesondere in Fällen, in denen das Modalfenster den Benutzer dazu verpflichtet, Informationen nur in einem der Windows -Abdeckungen verfügbar zu machen.

Für Benutzer, die virtuelle Arbeitsbereiche verwenden, die größer als ihre tatsächlichen Bildschirme sind, kann modale Fenster ein weiteres unerwünschtes Verhalten verursachen, einschließlich des Erstellens des Modals auf einem Teil des virtuellen Bildschirms, der derzeit nicht auf der Anzeige nicht auf dem angegeben ist ein völlig anderer Abschnitt.

Modale Fenster erstellen in der Regel eine abrupte Ablenkung der Texteingaben, insbesondere der für andere Programme bestimmten Eingaben, in sich selbst. Ferner interpretieren Modale normalerweise die Betätigung der Enter-Taste (oder in seltenen Fällen das Vorhandensein von a Neue Zeile in eingefügten Eingaben) als Stichwort, um die Eingabe zu akzeptieren und zu verarbeiten - oder in seltenen Fällen einen Mausklick abfangen, der für eine andere Anwendung beabsichtigt ist, die plötzlich abgedeckt wurde. Solches Abfangen genannt Fokus stehlen (oder Fokus stehlen) kann die Datenschutz- und Sicherheitspraktiken beeinträchtigen und unangemessene, außer Kontexteingaben erfassen, die nicht definierte, willkürliche Ergebnisse in dem Programm verursachen, das das Modalfenster generiert hat.

Abhängig von den Implementierungs Einzelheiten können modale Fenster gegen das verstoßen Prinzip der geringsten Überraschung.

Empfehlungen

Siehe auch: Modus (Benutzeroberfläche) § Entwurfsempfehlungen

Modale Dialoge sind Teil eines Aufgabenflusss, und es werden Empfehlungen gegeben, sie dort zu platzieren, wo sich der Fokus in diesem Fluss befindet. Zum Beispiel könnte das Fenster in der Nähe der platziert werden Grafisches Steuerelement Das löst seine Aktivierung aus.[13]

Die Verwendung eines halbtransparenten dunklen Hintergrunds kann Informationen im Hauptfenster verdecken, sodass er am besten nur verwendet wird, wenn diese Informationen ablenken würden. Ein semi-transparenter Hintergrund kann weniger aufdringlich gemacht werden, indem die gesamte Hintergrundbereichsfunktion als Schließknopf ausgeführt wird: Dies ist Standard bei den meisten mobilen Betriebssystemen, vermeidet es, dass sich der Benutzer eingeschlossen fühlt, und lässt sich weniger wie böswillige Pop-ups anfühlen.

Das Design sollte gemeinsame Praktiken in der Plattform folgen, auf der das Programm ausgeführt wird. Microsoft Windows Verwendet Standardsteuerungen für Modal Fensterdialoge, mit positiven Aktionsschaltflächen am unteren rechts vom Panel. Mac OS X Verwendet Modale Blätter Mit positiven Aktionsschaltflächen sind der rechtste Befehl.[14]

Siehe auch

Verweise

  1. ^ a b c d "Verwenden Sie niemals eine Warnung, wenn Sie rückgängig machen". Alistapart.com. Abgerufen 2015-10-09.
  2. ^ Raskin, JEF (2000). Die humane Schnittstelle. USA: Addison Wesley. ISBN 0-201-37937-6.
  3. ^ "Nitpicker / die humane Schnittstelle". nitpicker.pbworks.com. Regel 1a. Abgerufen 2015-10-09.
  4. ^ Quince UX Muster Explorer. "Modal Panel". Archiviert von das Original Am 2010-02-27. Die beliebte Lightbox JavaScript -Bibliothek verwendet einen modalen Panel -Ansatz zum Anzeigen der Bilder
  5. ^ a b Jakob Nielsen, Alertbox. "10 beste Anwendung UIS".
  6. ^ Joel Spolsky, Benutzeroberflächendesign für Programmierer: Entwerfen Sie für Menschen, die bessere Dinge mit ihrem Leben zu tun haben
  7. ^ Raymond Chen, Das alte neue Ding: Die Standardantwort auf jedes Dialogfeld lautet "Abbrechen".
  8. ^ Jeff Atwood, codierende Horror: Benutzer zum Lesen beibringen
  9. ^ Cooper, Alan (17. März 2003). Über Face 2.0: Das Wesentliche des Interaktionsdesigns. Wiley. ISBN 0-7645-2641-3.
  10. ^ Raskin, JEF (2000). Die humane Schnittstelle. Addison Wesley. ISBN 0-201-37937-6.
  11. ^ "So verwenden Sie Modalität in Dialogen". Oracle Corporation.
  12. ^ Infagistics.com. "Modal Panel". Archiviert von das Original Am 2013-05-06. {{}}: Externer Link in |author= (Hilfe)
  13. ^ Infagistics.com. "Modal Panel - Implementierung". Archiviert von das Original Am 2013-05-06. {{}}: Externer Link in |author= (Hilfe)
  14. ^ Inc., Apple. "Themen - MacOS - MacOS - Richtlinien für menschliche Schnittstellen - Apple Developer". Entwickler.apple.com. Abgerufen 18. September 2018.