Gestaltung von Popup-Fenstern und schwebenden Ebenen im Webdesign

Im Zuge des schrittweisen Übergangs von herkömmlicher Software zu Webware haben Designmuster und Technologien sowohl Änderungen als auch Weiterentwicklungen erfahren. Wir plädieren dafür, dass die Aufgaben auf der Seite klaren Benutzergruppen entsprechen und dass es sich um wenige und präzise Aufgaben handeln sollte. Zurück zu unserem traditionellen Back-End-Softwaresystem: Wir stehen vor einer Neugestaltung von System und Prozessen. Für uns ist es naheliegend, über die Migration der Designideen von Webdiensten auf das Backend-Softwaresystem nachzudenken. Dadurch wird das System in den meisten Fällen leichter, übersichtlicher und es werden Einblicke in die Benutzerbasis der Software sowie deren Optimierung ermöglicht.
Müssen jedoch Verbesserungen an Softwaresystemen vorgenommen werden, die zur Verbesserung der Benutzerfreundlichkeit beitragen? Lassen Sie mich heute ein Beispiel nennen.

Der Hintergrund ist:
1. Eine Seite enthält eine Hauptaufgabe und mehrere Zweigaufgaben sowie die zur Erledigung der Hauptaufgabe erforderliche Seiteninformationsarchitektur.
2. Es gibt viele Benutzerrollen und eine große Menge an Informationen, aber der Seitenbereich ist begrenzt und kann nur die für die Hauptaufgaben erforderlichen Informationen anzeigen.
Wir stehen vor einer dieser Herausforderungen:
1. Bei der Entscheidungsfindung zur Hauptaufgabe ist zur Unterstützung der Entscheidung unter Umständen eine Betrachtung der Details der Zweigaufgaben erforderlich.
2. Bei der Entscheidungsfindung zu Zweigaufgaben ist es unter bestimmten Voraussetzungen erforderlich, zur Unterstützung der Entscheidung Informationen zur Hauptaufgabe einzusehen.

Zu Beginn kategorisieren und organisieren wir die für die Aufgabe erforderlichen Informationen auf natürliche Weise und verleihen der Seite dadurch mehr Struktur. Dabei kommen zahlreiche Skriptsprachen der Präsentationsschicht zum Einsatz, in der Hoffnung, die Seite schlanker und die Bedienung flüssiger zu machen. Wie auf dem Bild zu sehen ist, wird der vorherige Seitensprung in eine schwebende Maskenebene geändert, die auf der aktuellen Seite auftaucht. An diesem Punkt stellten wir fest, dass wir ein Problem übersehen hatten. Nachdem die Seite die schwebende Ebene verwendet hat, ändert sich die Beziehung zwischen der Hauptaufgabe und der Verzweigungsaufgabe von parallel zu inklusiv. Die Verzweigungsaufgabe befindet sich in anderen Systemumgebungen an der Position der Hauptaufgabe und es besteht keine inklusive Beziehung zwischen den Aufgaben. Auf einer Seite mit bis zu drei Bildschirmen kann die schwebende Ebene eine freie Informationskombination, einen Informationsvergleich und eine freie Bewegung in der vorherigen parallelen Beziehungsstruktur erreichen. Wenn die Informationsmenge jedoch komplex ist, sorgen das Verschieben der schwebenden Ebene, das Ziehen der Bildlaufleiste und das Überdecken einiger Informationen durch die schwebende Ebene bei Umgebungstests für Stirnrunzeln bei den Benutzern. Denn die bisherigen Gewohnheiten der parallelen Strukturierung, des freien Öffnens und Versteckens, der unregelmäßigen Kontrastierung und des Hin- und Herziehens zwischen Haupt- und Nebenaufgaben lassen sich nicht mehr fortführen. Wenn man an dieser Stelle das Problem der Systemstruktur selbst außer Acht lässt, kann die Verwendung der Popup-Ebene den Benutzern mehr Freiheit und Hemmungslosigkeit ermöglichen und zudem die durch Geschäftserweiterungen und Spannungen verursachten Systemanpassungskosten senken. Die heutzutage häufig verwendete Floating-Ebene schränkt den Nutzungsprozess ein.
Messen Sie, ob eine Funktion, die die Benutzerfreundlichkeit eines Softwaresystems verbessern kann, für ein Softwaresystem geeignet ist. Dabei ist nicht nur eine Betrachtung aus der Perspektive der Gebrauchstauglichkeit notwendig, sondern auch ein tiefes Verständnis von Faktoren wie Systemstruktur, Benutzergewohnheiten und technischen Kosten. Wenn es sich um ein Webdienstprodukt handelt, muss es gründlicher gemessen werden.

<<: Lassen Sie uns ausführlich über das Prinzip und die Implementierung von new in JS sprechen

>>: Attribute und Verwendung von INS- und DEL-Tags

So installieren Sie Nginx und konfigurieren mehrere Domänennamen

Gestaltung von Popup-Fenstern und schwebenden Ebenen im Webdesign

So installieren Sie Nginx und konfigurieren mehrere Domänennamen

Tic-Tac-Toe-Spiel in reinem CSS3 implementiert

Eine detaillierte Zusammenfassung der Regeln zur Verschachtelung von HTML-Tags, geeignet für Anfänger

So wählen Sie die Transaktionsisolationsebene in einem MySQL-Projekt

So verhindern Sie die Weiterleitung von Hyperlinks mithilfe von JavaScript (mehrere Schreibweisen)

Detaillierte Erläuterung der Anwendung von Docker Swarm im kontinuierlichen Integrationstest

Detaillierte Schritte zur Installation von Python 3.7 auf CentOS 6.5

Über die MariaDB-Datenbank unter Linux

Änderung des Zeitzonenproblems von MySQL-Containern in Docker

Tatsächlicher Datensatz zur Wiederherstellung der MySQL-Datenbank nach Zeitpunkt

Artikel empfehlen

Installieren Sie Redis und MySQL auf CentOS

HTML-Elemente durch Anzeige oder Sichtbarkeit verbergen

Detaillierte Erläuterung von zwei Möglichkeiten zum dynamischen Ändern von CSS-Stilen in React

Docker-Installation von RocketMQ und Lösungen für während der Installation aufgetretene Probleme

Lösung für Win10 ohne Hyper-V

Detaillierte Erläuterung des Tutorials zum Erstellen einer PHP-Umgebung für Docker

Einführung in den Aufbau eines DNS-Servers unter centos7

Kennen Sie den Unterschied zwischen leerem Wert und Nullwert in MySQL

So aktualisieren Sie alle Python-Bibliotheken in Ubuntu 18.04 auf einmal

Analyse der Prinzipien und der Nutzung von Docker-Container-Datenvolumes

So ändern Sie MySQL, um Remoteverbindungen zuzulassen

So installieren Sie eine PHP7 + Nginx-Umgebung unter CentOS6.6

Detailliertes Tutorial zum Ändern des Root-Passworts, wenn man es in MySQL 5.7 vergessen hat

So zeigen Sie das MySQL-Binlog (Binärprotokoll) an

So installieren Sie OpenSSH aus dem Quellcode in CentOS 7