Webdesign-Erfahrung: Das Navigationssystem schlank machen
|
<br />Bei Diskussionen mit meinen Freunden habe ich den Standpunkt geäußert, dass das Navigationsdesign das grundlegendste aller Framework-Layer-Designs ist. Kürzlich habe ich einige ausländische Kollegen sagen hören: „80 % der Benutzerfreundlichkeit sind Navigation!“ Denn eine gute Navigation kann sicherstellen, dass Benutzer alle Informationen finden können. Mit anderen Worten: Es ist weitaus wichtiger, die Möglichkeit zu schaffen, etwas zu erreichen, als die Mittel dafür bereitzustellen. Ich bin es gewohnt, die Navigation zum einfacheren Verständnis in eindimensional, zweidimensional und mehrdimensional zu unterteilen. Eindimensional entspricht einer linearen Struktur, zweidimensional entspricht einer hierarchischen Struktur und mehrdimensional entspricht einer ungeordneten Struktur. Das klingt vielleicht etwas abstrakt, aber tatsächlich sind das alles bekannte Anwendungen. Um die Designabsichten zu verdeutlichen, nehmen wir ein Beispiel:
Wenn die zweidimensionale Struktur ein gewisses Maß an Komplexität erreicht, führt dies zwangsläufig zu einer übermäßigen Navigationstiefe, wodurch es für Benutzer schwieriger wird, ihr Ziel zu erreichen. An dieser Stelle muss über die umfassende Implementierung anderer Lösungen nachgedacht werden. Das spezifische Design kann wie folgt zusammengefasst werden: Der Akkumulationsprozess von Nichts zu Etwas verbraucht alle Ressourcen, die derzeit geplant werden können. Der Prozess der Sequenzierung von mehr zu weniger, das Zerlegen von Aufgaben, um Hinweise auf primäre und sekundäre Aufgaben zu finden und diese neu zu organisieren. Wenn man sich an die Revisionen von Flickr erinnert, wurde der Versionscode für die ersten wichtigen Navigationsänderungen geändert, was zeigt, dass Flickr großen Wert auf das Navigationssystem legt. Gleichzeitig entsprechen auch die Upgrades der Beta- und Gamma-Versionen meinen Vorstellungen, siehe Header-Navigationsfragment:   Das Besondere an der Beta ist, dass Sie alles sehen können, was Sie möchten. Seit der Alpha-Version wurden kontinuierlich Funktionen hinzugefügt, obwohl in dieser Zeit auch Anpassungen an der Aufgabenzerlegung vorgenommen wurden. Wenn die Menge jedoch zu groß ist, wird die Anpassung offensichtlich kompliziert. Die Besonderheit von Gamma besteht darin, dass Sie alles bekommen können, was Sie möchten, das Recht, zu wählen oder nicht, jedoch beim Benutzer liegt. Aus der Perspektive der Benutzererfahrung erklärt, hat Beta die kognitive Erfahrung des Benutzers befriedigt und ist unterhaltsam und nützlich genug; Gamma hat die Bedienerfahrung des Benutzers verbessert und ist spielbar und einfach zu bedienen. Bei sorgfältigem Vergleich lassen sich ähnliche Spuren von Doubans Überarbeitung finden. Anhand von Betriebsdaten lassen sich Probleme leicht aufdecken. Für den Verkehr in Peking wäre es beispielsweise ideal, Peking in N kleine Gebiete aufzuteilen, wobei zwischen den Gebieten Hochgeschwindigkeitstransportmittel wie U-Bahnen und Stadtbahnen und innerhalb der einzelnen Gebiete langsame Transportmittel wie Busse eingesetzt werden. Gleichzeitig sind U-Bahnen, Stadtbahnen und Bushaltestellen vertikal und horizontal integriert. Auf diese Weise können großflächige Kreuzungen von Buslinien so weit wie möglich vermieden werden (flache Struktur) und eine aktive Prävention statt einer passiven Druckentlastung erreicht werden. Wir stehen vor der Tatsache, dass das Kapital nicht wiederaufgebaut werden kann, die Produkte jedoch vollständig wiederaufgebaut werden können. |
<<: So stellen Sie MySQL-Master und -Slave in Docker bereit
>>: CSS-Lösung für mehrspaltiges Layout
Artikel empfehlen
Detaillierte Erläuterung der FTP-Umgebungskonfigurationslösung (vsftpd)
1. Installieren Sie die vsftpd-Komponente Install...
Grafisches Tutorial zur Installation der grünen Version von MySql 5.6.36 (64-Bit)
Es gibt im Internet viele Artikel zur MySQL-Insta...
VMWare Linux MySQL 5.7.13 Installations- und Konfigurationstutorial
In diesem Artikel finden Sie das Tutorial zur Ins...
Detaillierte Erklärung zur Verwendung des Grep-Befehls in Linux
Linux-Grep-Befehl Mit dem Linux-Befehl grep könne...
Benutzerdefinierte Komponente der unteren Navigationsleiste des WeChat-Applets
In diesem Artikelbeispiel wird der spezifische Im...
VMware12 installiert die Desktopversion von Ubuntu19.04 (Installations-Tutorial)
1. Versuchsbeschreibung Installieren Sie in der v...
Detaillierte Erläuterung der Nginx-Installation, SSL-Konfiguration und allgemeinen Befehle unter Centos7.x
1. Installation Installation mit yum ##Yum nginx ...
Analyse und Lösung von verstümmelten chinesischen Schriftzeichen in HTML-Hyperlinks
Eine Hyperlink-URL in Vm muss mit Chinesisch als P...
So installieren Sie JDK 13 in einer Linux-Umgebung mithilfe eines komprimierten Pakets
Was ist JDK? Nun, wenn Sie diese Frage nicht kenn...
Beispiel zur Optimierung der MySQL-Einfügeleistung
MySQL-Leistungsoptimierung Die MySQL-Leistungsopt...
Detaillierte Erklärung des Docker-Bereitstellungstutorials für Jenkins-Anfänger
Dieser Artikel stellt Jenkins+Maven+SVN+Tomcat üb...
Beispiele für die korrekte Verwendung von AES_ENCRYPT() und AES_DECRYPT() zum Verschlüsseln und Entschlüsseln von MySQL
Vorwort Kürzlich stieß ich bei der Arbeit auf ein...
Eine kurze Diskussion über den Spaß von :focus-within in CSS
Ich glaube, einige Leute haben dieses Bild gesehe...
CSS verwendet radialen Farbverlauf zur Implementierung von Coupon-Stilen
In diesem Artikel erfahren Sie, wie Sie mithilfe ...
Implementierung der MVCC-Mehrversions-Parallelitätskontrolle von MySQL
1 Was ist MVCC Der vollständige Name von MVCC lau...