Tipps zum Gestalten der Fotovorschau-Navigation auf Webseiten
|
<br />Navigation bezieht sich nicht nur auf die Navigationsleiste, die sich oft oben auf der Website befindet. Straßenschilder, Schilder in Einkaufszentren usw. sind alle eine Art Navigation. Man kann sagen, dass Navigation überall im Leben vorhanden ist. Ohne diese Navigation wären wir verloren, verloren im Ozean der Internetinformationen, verloren auf den kreuz und quer verlaufenden Straßen und verloren in der schillernden Vielfalt der Warenregale. Als der sogenannte WEB 2.0-Trend mit großer Wirkung aus dem Ausland nach China gelangte, erregten die Erfolgsmodelle einiger erfolgreicher ausländischer Websites auch bei inländischen Nachahmern großes Aufsehen. Yupoo ist derzeit das beste Online-Fotoalbum-Unternehmen in China, oder, um es moderner auszudrücken, das WEB2.0-Online-Fotoalbum-Unternehmen. Es ist auch der ähnlichste und erfolgreichste Nachahmer des Flickr-Modells in China – tatsächlich ist Yupoo fast eine Flickr-Version in einer anderen Sprache. Lassen wir andere Faktoren wie den kommerziellen Betrieb einmal beiseite und vergleichen wir einfach die Unterschiede zwischen den beiden hinsichtlich des Navigationssystems für die Fotovorschau (ich kenne den korrekten Namen nicht, deshalb habe ich es selbst benannt) bzw. die Unterschiede im Verständnis für die Art und Weise, wie die Benutzer sie verwenden.  Aus dem obigen Bild können wir erkennen, dass das Navigationssystem für die Fotovorschau des Flickr-Albums recht einfach ist. Es gibt nur Miniaturbildlinks für „vorherige“ und „nächste“ Fotos, die Gesamtzahl der Fotos im aktuellen Album und eine Schaltfläche zum Abspielen einer Diashow. Das Miniaturbild des aktuellen Fotos ist in der Vorschaunavigation nicht verfügbar. Schauen Sie sich den Screenshot von Yupoo unten an. In der Vorschau-Navigation gibt es ein zusätzliches Miniaturbild des aktuellen Fotos, aber die Gesamtzahl der Fotos im aktuellen Album fehlt.  Abgesehen von der Frage, ob in der Vorschau-Navigation das Miniaturbild des aktuellen Fotos erscheinen soll, zeigt die Tatsache, dass Yupoo in der Vorschau-Navigation nicht die Gesamtzahl der Fotos im aktuellen Album kennzeichnet, sein Versagen. Jeder Benutzer möchte beim Betrachten des aktuellen Albums zwangsläufig wissen, wie viele Fotos sich darin befinden. Dies hängt tatsächlich mit der menschlichen Psychologie zusammen. Menschen werden mit einem solchen Wunsch geboren – je mehr Informationen sie über eine Sache haben, desto besser. Nur wenn sie genügend Informationen darüber haben, fühlen sie sich wohl oder sicher. Dies ist ein angeborener, instinktiver Wunsch. Yupoo zeigt jedoch nicht die Gesamtzahl der Fotos im aktuellen Album an. Es ist, als würde man eine Frage stellen, auf die die Benutzer warten, um eine Antwort zu finden. Obwohl es die Neugier mancher Leute weckt und sie dazu bringt, ständig darauf zu klicken, stellen sie am Ende immer noch fest, dass sie keine Ahnung haben, wie viele Fotos sich in diesem Album befinden. Soll das Thumbnail des aktuellen Fotos in der Vorschau-Navigation erscheinen? Das Navigationssystem für die Fotovorschau von Yupoo ist vollständig auf das Navigationssystem der Website abgestimmt. Im Navigationssystem der Website müssen Benutzer wissen, wo sie sich gerade befinden oder in welcher Spalte sie sich befinden. Zu diesem Zeitpunkt muss das Navigationssystem diese Stelle oder Spalte markieren, um den Benutzer darauf hinzuweisen, damit der Benutzer sich nicht in den komplexen Informationen der Website verirrt. Bei einem relativ einfachen Navigationssystem wie dem Fotovorschau-Navigationssystem scheint es jedoch etwas kompliziert, es entsprechend dem Website-Navigationssystem zu gestalten. Erstens muss die Navigation in der Fotovorschau nicht den aktuellen Standort angeben. Sie ist nicht wie das Navigationssystem einer Website, das möglicherweise eine untergeordnete oder tiefer liegende Navigation hat. Die Fotovorschau zeigt nur ein Foto an. Mit anderen Worten, alle Spalten in dieser Vorschaunavigation sind gleich. Es gibt keine untergeordnete oder tiefer liegende Beziehung. Benutzer werden sich auf einer solchen Seite nicht verirren. Zweitens besteht die eigentliche Funktion des Navigationssystems darin, Benutzer zu führen und Standorte zu markieren. Da die Fotovorschau-Navigation keine Standorte markieren muss, besteht die verbleibende Funktion des Fotovorschau-Navigationssystems darin, Benutzer zu führen – Benutzer dazu anzuleiten, auf die Miniaturansichten im Navigationssystem zu klicken, um Fotos anzuzeigen. Zu diesem Zeitpunkt treten Probleme auf. Wenn Sie sich die Miniaturansichten in der Vorschaunavigation nicht genau ansehen und direkt mit der Maus klicken, ist es sehr wahrscheinlich, dass Sie auf die Miniaturansicht des aktuellen Fotos klicken. Nach dem Klicken stellt der Benutzer fest, dass es sich immer noch um das aktuelle Foto handelt. Nach Überprüfung des Grundes wird der Benutzer verstehen, dass die Miniaturansicht in der Mitte die Miniaturansicht des aktuellen Fotos ist – es ist nach dem Klicken immer noch das aktuelle Foto, was bedeutet, dass diese Miniaturansicht nutzlos ist. Wenn es nutzlos ist, warum existiert es dann? Und schließlich gilt: Wenn bei gleicher Fläche mehr Gegenstände platziert werden, ist der Platz, den jeder Gegenstand einnimmt, natürlich kleiner. Der größte Erfolg der Fotovorschau-Navigation besteht darin, dass anstelle von Text Miniaturansichten der Fotos angezeigt werden, sodass Benutzer die ungefähre Form zweier ähnlicher Fotos klar erkennen können. Daher ist die Gewährleistung der Klarheit der Miniaturansichten der eigentliche Schlüssel zur Vorschaunavigation. Wenn das Foto größer ist, ist die Klarheit der Miniaturansicht geringer und sie kann am Ende sogar unscharf werden. Zu diesem Zeitpunkt müssen Sie die Größe der Miniaturansicht erhöhen, aber die Größe der Vorschaunavigation ist begrenzt. Wenn Sie also die Miniaturansicht des aktuellen Fotos entfernen, können die Miniaturansichten der beiden benachbarten Fotos klarer werden. Die detaillierte Berücksichtigung der Benutzer ist der Schlüssel zum Produkterfolg! |
<<: Implementierungscode zum Hinzufügen eines Schrägstrichs zum Vue-Elementheaders
Artikel empfehlen
So verwenden Sie Cursor-Trigger in MySQL
Cursor Die von der Auswahlabfrage zurückgegebenen...
Der gesamte Prozess der Implementierung des Zusammenfassungs-Popup-Fensters mit Vue+Element UI
Szenario: Ein Prüfdokument hat n Prüfdetails und ...
Startmethode für die Konfiguration der Nichtinstallationsversion von Windows10 MySQL 8.0.12
In diesem Artikel werden die spezifischen Schritt...
Detaillierte Erklärung des Unterschieds zwischen Pfeilfunktionen und normalen Funktionen in JavaScript
In diesem Artikel wird der Unterschied zwischen P...
MySQL-unabhängiger Index und gemeinsame Indexauswahl
Häufig fehlt das Verständnis für mehrspaltige Ind...
Tutorial zur Installation von MySQL 8.0.11 unter Linux
1. Gehen Sie zur offiziellen Website, um das Inst...
Detaillierte Erläuterung des Ausführungsprozesses von MySQL-Abfrageanweisungen
Inhaltsverzeichnis 1. Kommunikationsmethode zwisc...
Der Prozess der schnellen Konvertierung eines MySQL-Left-Joins in einen Inner-Join
Während des täglichen Optimierungsprozesses stell...
Verwenden Sie Dockercompose, um eine Springboot-MySQL-Nginx-Anwendung zu erstellen
Im vorherigen Artikel haben wir Docker verwendet,...
Vergleich von CSS-Schatteneffekten: Schlagschatten und Box-Schatten
Drop-Shadow und Box-Shadow sind beide CSS-Eigensc...
Detaillierte Erläuterung des Implementierungsprozesses der ServerSocket-Standard-IP-Bindung
Wenn der Server während der Entwicklung gestartet...
Grafisches Tutorial zur Installation der komprimierten Version von MySQL 8.0.15
In diesem Artikel wird die Installationsmethode d...
Vue.js implementiert eine Timeline-Funktion
In diesem Artikel wird der spezifische Code von V...
Lösen Sie das domänenübergreifende Problem von Vue + SpringBoot + Shiro
Inhaltsverzeichnis 1. Konfigurieren Sie das Vue-F...
Eine kurze Diskussion über mehrere aufgetretene Browserkompatibilitätsprobleme
Hintergrund Das Lösen von Browserkompatibilitätsp...