Website User Experience Design (UE)

Ich habe gerade einen von JunChen verfassten Beitrag mit dem Titel „Flow Theory and Design“ in Google Reader gesehen, der über einen Gtalk-Kontakt geteilt wurde. Er stellt kurz den Artikel „Designing for Flow“ von Jim Ramsey, dem Designer von Movable Type, vor.
Csikszentmihalyis Flow-Theorie (der Flow-Eintrag auf Wikipedia ist hier) wird manchmal als „Flow“, manchmal als „Fluss“ und manchmal als „glückselige Erfahrung“ übersetzt. Xiaorong bevorzugt die Übersetzung „Glückserlebnis“. Csikszentmihalyis persönliche Homepage finden Sie hier.
Sie können die Einführung zu Csikszentmihalyis Buch „Flow: The Psychology of Optimal Experience“ auf Amazon lesen. Die chinesische Version des Buches ist auf Douban nicht zu finden. Im Jahr 2001 veröffentlichte der Shanghai Translation Publishing House die chinesische Version des Buches Creativity: Flow and the Psychology of Discovery and Invention (Danny schrieb einige Lesenotizen zu diesem Buch, die hier zu sehen sind 1, 2).
Das Website Users Experience Design (UE) kann in mehrere verschiedene Bereiche unterteilt werden:
1. Grundlegende barrierefreie Erfahrung Eine gute UE sollte es den Benutzern ermöglichen, die Website zu verwenden, ohne dass sie auf Hindernisse stoßen, sich nicht verirren, es zu Missverständnissen kommt oder sie sich unwohl fühlen. UE-Designer sollten Fehler vermeiden und Benutzer möglichst nicht zum Nachdenken anregen (Don’t make me think).
2. Aufgaben effizient erledigen. Nach der Vermeidung grundlegender Fehler muss eine gute UE es Benutzern ermöglichen, Aufgaben effizient zu erledigen, sodass sie bei der Nutzung der Website in kürzester Zeit das erledigen können, was sie tun möchten. Eine Website, die es Benutzern ermöglicht, Aufgaben effizient zu erledigen, sorgt dafür, dass Benutzer mehr Zeit investieren können. (Beispiel: Google.com)
3. Erstellen Sie eine UE mit einer guten und angenehmen Erfahrung. Das höchste Niveau sollte darin bestehen, den Benutzern bei der Nutzung der Website ein gutes Gefühl zu geben, damit sie sich darauf konzentrieren und Leistungen erbringen, die ihre tägliche Leistung übertreffen und ihr Potenzial aktivieren.
Was wäre, wenn wir auf diesen Zustand hinarbeiten würden? Jim Ramseys Artikel „Designing for Flow“ gibt uns einige Antworten. Das Folgende ist ein Teil des von JunChen übersetzten Textes:
1. Der erste Schritt besteht darin, den Benutzern klare Ziele zu setzen und ihnen mitzuteilen, was das Produkt leisten kann.
2. Geben Sie sofort Feedback. Die Website muss den Benutzer Schritt für Schritt anleiten, damit dieser den Grad der Zielerreichung und den Abstand zum Ziel spüren kann.
3. Effizienteres Design. Sobald die Benutzer vom Anfänger- zum fortgeschrittenen oder Expertenniveau aufsteigen, möchten sie das Produkt effektiver nutzen.
4. Entdeckung zulassen. Wenn Benutzer anfangen, mit maximaler Effizienz zu arbeiten, lässt ihr Engagement nach und die Langeweile nimmt zu. Um diese Situationen zu vermeiden, müssen Sie einige Inhalte, Funktionen und Features ausblenden und warten, bis sie entdeckt werden. Geben Sie den Benutzern die Möglichkeit, weiter zu lernen und sich zu verbessern, und machen Sie ihnen klar, dass es immer etwas Neues gibt.

<<: Detaillierte Erklärung von MySQLs Seconds_Behind_Master

>>: Hast du genau verstanden Schlagworte Definition Verwendung

So entwickeln Sie Java 8 Spring Boot-Anwendungen in Docker

Erweiterte Verwendung von Ansichten, Transaktionen, Indizes, Selbstverbindungen und Benutzerverwaltung in der MySQL-Datenbank – Beispielanalyse

Artikel

So stellen Sie MySQL- und Redis-Dienste mit Docker bereit

js realisiert die nicht auswählbare Dropdown-Box-Version der dreistufigen Verknüpfung von Provinzen, Städten und Bezirken

Ich habe im Internet nach dreistufigen Verknüpfun...

So generieren Sie MySQL-Beispielcodes für die stapelweise Generierung einer Tabelle mit nicht duplizierten Mobiltelefonnummern

Vorwort In vielen MySQL-Test-Szenarien müssen ein...

Website User Experience Design (UE)

So entwickeln Sie Java 8 Spring Boot-Anwendungen in Docker

Der Prozess der Bereitstellung eines Projekts auf einem anderen Host mit Jenkins

Auch Webdesigner müssen Web-Coding lernen

So generieren Sie eine Vue-Benutzeroberfläche per Drag & Drop

Erweiterte Verwendung von Ansichten, Transaktionen, Indizes, Selbstverbindungen und Benutzerverwaltung in der MySQL-Datenbank – Beispielanalyse

So stellen Sie MySQL- und Redis-Dienste mit Docker bereit

Probleme bei der Ausführungsreihenfolge von AND und OR in SQL-Anweisungen

Problem mit Zeitzonenfehler im Docker-Container

Detaillierte Erläuterung der Installation, Bereitstellung und Verwendung von Nginx unter Linux

Designperspektive Technologie ist ein wichtiges Kapital der Designfähigkeit

Artikel empfehlen

Analyse des Docker-Compose-Image-Release-Prozesses des Springboot-Projekts

Lösung für den Docker-Container, der keine Schreibberechtigung für das Host-Verzeichnis hat

MySQL-Dateneinfügungsoptimierungsmethode concurrent_insert

So führen Sie eine reibungslose if-Beurteilung in js durch

Analyse des Verwendungsbeispiels für den Common Table Expression CTE in mysql8

So verwenden Sie tcpdump zum Erfassen von Paketen im Linux-System

CSS - overflow:hidden in Projektbeispielen

js realisiert die nicht auswählbare Dropdown-Box-Version der dreistufigen Verknüpfung von Provinzen, Städten und Bezirken

So generieren Sie MySQL-Beispielcodes für die stapelweise Generierung einer Tabelle mit nicht duplizierten Mobiltelefonnummern

So leiten Sie den Nginx-Verzeichnispfad um

MySQL-Beispiel zur Erläuterung von Einzelzeilenfunktionen und Zeichenmathematik, Datumsprozesssteuerung

Reines CSS, um nach Auswahl des Produkts das Zeichen √ in der unteren rechten Ecke anzuzeigen

Analysieren Sie das Problem der automatischen Erkennung und Lese-/Schreibüberwachung von Zabbix 5.0-Festplatten

Implementierung von MySQL mit dem Befehl mysqlbinlog zum Wiederherstellen versehentlich gelöschter Daten

Implementierung des MySQL Shell import_table-Datenimports