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
So konfigurieren Sie Nginx's Anti-Hotlinking
Experimentelle Umgebung • Eine minimal installier...
Dieser Artikel zeigt Ihnen, wie Sie CSS wie JS-Module importieren
Inhaltsverzeichnis Vorwort Was sind erstellbare S...
Methoden und Probleme zum Festlegen des HTML-Zeilenabstands
Um den Zeilenabstand von <p></p> festz...
js, um die vollständigen Schritte der Konvertierung von Chinesisch nach Pinyin durchzuführen
Ich habe js verwendet, um ein Paket zur Konvertie...
So verwenden Sie MySQL zur Abdeckung von Index- und Tabellenrückgabe
Zwei Hauptkategorien von Indizes Verwendete Speic...
Lösung für verstümmelte chinesische Schriftzeichen beim Bedienen einer MySQL-Datenbank in CMD
Ich habe auf Baidu gesucht. . Manche Leute sagen,...
Detailliertes Tutorial zur Installation von MySQL 5.7.20 auf RedHat 6.5/CentOS 6.5
Laden Sie das RPM-Installationspaket herunter Off...
So verwenden Sie die REM-Anpassung in Vue
1. Entwicklungsumgebung vue 2. Computersystem Win...
HTML setzt Fett-, Kursiv-, Unterstrichen-, Durchstreich- und andere Schrifteffekte
<p><b>Dies ist eine fette Schriftart&l...
Problemanalyse der Verwendung einer Idee zum Erstellen eines Springboot-Initialisiererservers
Problembeschreibung Als ich kürzlich ein Springbo...
Warum MySQL große Transaktionen vermeiden sollte und wie man sie löst
Was ist eine große Sache? Transaktionen, die über...
Zusammenfassung von 10 erweiterten Tipps für Vue Router
Vorwort Vue Router ist der offizielle Routing-Man...
So kapseln Sie Paging-Komponenten manuell in Vue3.0
In diesem Artikel wird der spezifische Code der m...
Idee in einem War-Paket verpackt, auf Tomcat bereitgestellt und Probleme mit dem Zugriffspfad (Abbildung und Text)
Der wichtigste Schritt bei der Verpacken einer Id...
So lösen Sie das Problem, dass der Ping erfolgreich ist, der Port jedoch unter Linux nicht verfügbar ist
Beschreibung der Portverfügbarkeitserkennung, wen...