Lassen Sie unsere Benutzer wählen, ob sie vorwärts oder zurückgehen möchten, um das Gesuchte zu finden. Wenn wir beispielsweise auf Taobao nach „Shirt“ suchen, werden uns normalerweise 100 Seiten mit Informationen angezeigt (natürlich sind es mehr als 100 Seiten, aber so viele Informationen benötigen die Benutzer normalerweise nicht). wie folgt:1. Original-Design der kleinen PagingEs gibt viele Gründe für das Paging, insbesondere im Hinblick auf die Leistungsoptimierung, aber der wichtigste Grund besteht darin, dass es den Benutzern ermöglicht, das zu finden, was sie suchen. Taobao hat bei der Paginierung mit einer großen Anzahl von Seiten gute Arbeit geleistet. Aber was die kleine Seitenzahl angeht: Als ich das letzte Mal mit einer Gruppe von Designern eine Methode zum Entwurf einer kleinen Distribution überprüfte, waren wir zum Teil unterschiedlicher Meinung. Schauen wir uns zunächst den Originalentwurf (interaktives Whiteboard, nicht-visueller Endentwurf) dieser kleinen Paginierung an (hier definiert als ein Paginierungsentwurf mit weniger als oder gleich 5 Seiten): Kommt Ihnen bekannt vor, oder? Ja, viele Websites verwenden tatsächlich diese Art der Anzeigemethode. Ein Designer hat hier vorgeschlagen, die Schaltflächen „Vorherige Seite“ und „Nächste Seite“ zusammenzufügen, damit Benutzer bequemer darauf klicken können. So was: Hmmm, das ist tatsächlich viel besser als das Original. Zumindest können Benutzer mit weniger Aufwand Seiten umblättern. Dann sprang ein anderer Designer auf und fragte: Können wir weitere Optimierungen vornehmen? Denn generell drücken wir häufiger auf „Nächste Seite“ und seltener auf „Vorherige Seite“. Die Lösung, die er damals vorschlug, war: Das ist natürlich auch gut und der Grund dafür ist vernünftig. Es gibt darin einige schwer zu erklärende Fragen, zum Beispiel was wichtiger ist, Technologie oder Kunst, oder der Zusammenhang zwischen der Kenntnis chinesischer Schriftzeichen und der Fähigkeit, gute Aufsätze zu schreiben. Tatsächlich besteht das Problem darin, dass die Benutzer erstens einen „Rateprozess“ durchführen müssen, um zu erraten, ob der nach links zeigende Indikator das Umblättern bedeutet; und dass zweitens die Inkonsistenz im Design bei den Menschen ein psychologisches Gefühl der Disharmonie hervorruft. Dies trifft insbesondere auf China zu, wo die Kultur vom Prinzip geprägt ist, dass „gute Dinge paarweise kommen“ und alles paarweise kommen sollte. 2. Mein PlanPersönlich bin ich jedoch mit den oben genannten Praktiken nicht einverstanden. Da diese Seite klein ist und auf kleinem Raum vollständig aufgelistet werden kann, warum müssen wir den Auswahlprozess des Benutzers verkomplizieren, anstatt direkt einen bequemeren Weg zum Erreichen des Ziels bereitzustellen? Meine Idee ist, dass auf kleinen Seiten alle angezeigt werden sollten, um den Benutzern die Bedienung zu erleichtern. wie folgt: Vergleich zwischen diesem erweiterten Paging-Design und der ursprünglichen Lösung:
3. FazitDas bedeutet natürlich nicht, dass eine derart erweiterte Paginierung besser ist. Es kann auch notwendig sein, es mit dem Szenario zu kombinieren. Beispielsweise können wir an Orten wie Weibo, wo unbegrenztes Scrollen entlang der Timeline möglich ist, den Benutzern das Konzept des „Paging“ vollständig ignorieren lassen. Solange der Benutzer nach unten scrollt, sorgen wir für das automatische Laden von Informationen, damit Benutzer sie bequemer abrufen können. Die Anwendungsszenarien ändern sich ständig, aber unverändert bleibt, dass ich denke, ich sollte dies weiterhin tun: 1. Ansammeln. Teilweise sind es immer wieder solche kleinen Verwicklungen, man kann das auch als eine Art Sauberkeitswahn bezeichnen, als würde man immer nach der optimalen Lösung für den Code streben. Obwohl eine solche Verflechtung keine großen Auswirkungen auf die Benutzer hat, bin ich davon überzeugt, dass das Website-Erlebnis die Erwartungen der Benutzer übertreffen wird, wenn Sie 10, 30 oder 100 solcher Optimierungen in einem Projekt haben. Natürlich kommt es auch zu einer qualitativen Verbesserung meiner Fähigkeiten in diesem Bereich. Also, sammeln Sie. 2. Denken Sie über das Design hinaus. Was die Interaktion betrifft, ist unser oberstes Ziel eigentlich, dass die Nutzung für die Benutzer bequem ist (nicht für die Benutzer. Manchmal brauchen die Benutzer nur etwas ganz Einfaches, wie beispielsweise ein schnelleres Auto. Aber was wäre, wenn Sie ihnen ein Auto von Ford geben würden?). Daher sollten wir über das Design selbst hinausdenken, damit wir mit größerer Wahrscheinlichkeit zufriedenstellende Ergebnisse erzielen. |
>>: JavaScript zur Nachahmung der Registrierungs- und Anmeldefunktion der offiziellen Xiaomi-Website
1. Vue – Das erste Vue-CLI-Programm Die Entwicklu...
Inhaltsverzeichnis veranschaulichen 1. Blob-Objek...
Das im Titel angesprochene Problem lässt sich sch...
Im vorherigen Artikel wurde ein ausführliches Bei...
In diesem Artikelbeispiel wird der spezifische Ja...
Vorwort Das Schreiben effizienter SQL-Anweisungen...
Inhaltsverzeichnis 1. Software- und Systemabbild ...
Im Tabellenkopf können Sie die Farbe der hellen U...
Inhaltsverzeichnis brauchen: Funktionspunkte Rend...
Die Installation von MySQL 5.7 auf Ubuntu 1804 wi...
Ein Stylesheet beschreibt, wie ein Dokument angez...
Nginx ist mit demselben Domänennamen konfiguriert...
1. Erstellen Sie das Basisimage von jmeter Das Do...
Inhaltsverzeichnis Was ist ein Listener in Vue? V...
Dieser Artikel erläutert anhand von Beispielen di...