Sind modalen Dialogen wird eine gute übung für das web?
Sind modale Fenster/Dialoge als eine gute Praxis für websites? Eines der Dinge, die mir sorgen über die Verwendung eines modalen Fensters ist, dass es so viel wie ein pop-up-Fenster und es könnte zu frustration der Nutzer oder bewirken, dass Benutzer einfach schließen, weil es aufdringlich. Kennen Sie alle Studien, dass die Diskussion über user-Präferenzen und Verwendung Tarife?
Gibt es accessibility-Probleme außerhalb mit der ein modales Fenster link laden Sie den Inhalt in einer neuen Seite wird, wenn JavaScript ausgeschaltet ist? Tun Sie wie Websites oder web-apps, die modale Fenster? Warum oder warum nicht? Was sind gute und schlechte Praktiken für die Umsetzung Modaler Fenster? Ich weiß, modals sind wahrscheinlich die meisten Häufig verwendet, wenn die Anzeige der Bilder oder Galerien, aber was sind einige andere praktische Anwendungsfälle? Verwenden Sie Sie auf Ihrer Website und was führen Sie zu Ihrer Entscheidung?
Du musst angemeldet sein, um einen Kommentar abzugeben.
Aus Sicht der Praxis - mit Ausnahme der Barrierefreiheit - modal-Fenster bieten eine alternative, die weniger erschreckend, als, sagen wir, Dialogfelder und fühlen sich weniger aufdringlich als pop-up-Fenster. Sie haben in der Regel mehr zusammenhalt Gefühl auf der Website als entweder der beiden oben genannten Methode. Abgesehen von Bildern oder Medien, die ich benutzt habe, modale Dialoge, dienen dem gleichen Zweck wie dialog-Boxen, um den Benutzer zu geben, die irgendeine form von Aufwand oder zu bestätigen, etwas lassen, bevor Sie mit der Website interagieren wieder.
Rein zugänglich Standpunkt, Sie sind nicht so groß. Sie benötigen in der Regel JavaScript, und wegen der Art und Weise, dass modals verwaltet werden, mit Bezug auf den DOM, Screenreadern nicht interpretiert Sie auch. Um dies zu bekämpfen, ist es immer eine gute Idee zu degradieren anmutig - ein Vorschlag ist, den Inhalt des modalen Dialogfeld und legen Sie es auf eine Seite. Wenn der modale dialog sollte erscheinen, die aktuelle Seite umleiten, um die 'modalen Seite', erhalten die Eingabe des Benutzers, und zurück zu der Seite, es war auf.
Schließlich, so weit meine persönliche Meinung betrifft, habe ich nichts dagegen modal windows. Ich denke, dass, wenn richtig eingesetzt, bieten Sie eine gute Erfahrung - wenn etwas hat um meine Aufmerksamkeit zu bekommen, dann würde ich lieber es so zu tun, ohne dass Sie mich von der Seite, zeigt ein hässliches Betriebssystem, Themen-dialog, oder ein pop-up (was mein browser wird wahrscheinlich blockieren, sowieso). Ich denke, um es zusammenzufassen, wenn ich die Wahl hätte wie ich würde gerne unterbrochen werden, dann würde ich wählen Sie ein modales Dialogfeld.
Scheint es, als ob viele verwechseln modales Fenster mit einem mehrschichtigen panel. In einem Dialogfeld können Sie ein modales Fenster, und ein pop-up ist ein modales Fenster. Ein layered panel ist nicht ein Fenster, sondern hat das Aussehen einer Popup-Fenster oder Dialogfeld. Es ist modal, in dem Sinne, dass die darunter liegenden Schichten sind nicht verfügbar. Modale Fenster sind beliebt, die auf web-Seiten, weil Sie immun gegen pop-up-Blocker.
Modal windows entworfen wurden, um Informationen zu erhalten oder Aktion des Benutzers, dass die zugrunde liegende Anwendung ist erforderlich, um fortzufahren. Nicht-modale Fenster erlauben den Benutzer wechseln hin und her zwischen dem Fenster und der zugrunde liegenden Anwendung. Eine gute Verwendung für nicht-modales Fenster geöffnet werden Hilfe oder ein tutorial, bei dem der Benutzer ein Referenz-tool und der Zugriff auf die zugrunde liegende Anwendung.
IMHO, modal windows entworfen wurden, für einen schmalen bestimmten Zweck und werden verwendet, unangemessen viel Zeit jetzt. Nur weil man etwas tun kann, bedeutet nicht, Sie sollten!:-)
Ich nur verwenden, Modal windows, die auf web-apps für einfache Fragen oder Aktionen, die vom Benutzer verlangen volle Konzentration, das ist das, was Modal ist, zu "vergessen, den hintergrund" und konzentrieren sich in Sie, was die Anwendungen ist zu Fragen,...
Beispiele:
"Das maximale Kredit erlaubt wurde, erreicht eine Grenze, sind Sie sicher, dass Sie senden möchten, wird dieser neue Kredit für den AUFTRAGGEBER?"
Auswahl eines pre-text für das versenden einer E-Mail zum Beispiel (ein modales Fenster können verwendet werden, um die richtigen Betreff und body-text oder wählen Sie eine zuvor definierte Gegenstand/Körper zu senden, um einen client...
sowas 🙂
Ich habe eine Menge von Finanz-web-apps, die Werke von der website, wo der Benutzer alle der Finanzen die Daten für den Versand der Verträge per PDF fertig gefüllt, nur ein paar Klicks, und das sind die Aktionen wo ich einen modalen Fenster.
hoffe es hilft
37Signals hat einen interessanten Beitrag über modals hier. Sie sprechen über die Verwendung von modals zu zeigen Bedeutung durch die Display-Größe, wo der modal-overlay ist nicht wichtig genug, um erfordern die Navigation zu einer neuen Seite.
Ich Recht Häufig verwenden Sie modale Fenster in web-apps für Bildschirmbilder. Zum Beispiel wird der Nutzer über eine Liste oder den Suchergebnissen auf dem Bildschirm und klicken Sie auf einen Datensatz, um es zu öffnen in einem modalen Fenster zu Bearbeiten. Ich glaube nicht, verwenden Sie modale Fenster so viel in web-Seiten, da ich lieber ein etwas weniger "Anwendung" wie fühlen Sie sich für eine Website.
Meisten Probleme von Dialogen im web-center an der mangelhaften Umsetzung. Einige überlegungen sind:
Alle diese können leicht überwunden werden, mit einigen Vorüberlegungen und Programmier-Techniken, so dass Dialoge über das web sehr nützlich sein, wenn richtig umgesetzt.