Referenz zum Detaildesign des Benutzererlebnisses auf B2C-Websites

Referenz zum Detaildesign des Benutzererlebnisses auf B2C-Websites

Als ich kürzlich Apple.com/Ebay.com/Amazon.com/shopping.yahoo.com verwendete, stellte ich einige kleinere Probleme mit Benutzerdaten fest. Um diese Probleme zu lösen, probierte 123WORDPRESS.COM die Verarbeitungsmethoden der oben genannten vier Websites aus und hatte das Gefühl, dass es noch Dinge gibt, die man lernen könnte.

Emotionale Gestaltungsdetails zur Anregung:

EBAY.COM

ebay1

Wenn ein Benutzer einen Vorschlag nicht verwenden möchte oder glaubt, dass ihn ein Vorschlag stören würde, kann er den Vorschlag deaktivieren. (Vorschläge können manchmal den Arbeitsfluss des Benutzers unterbrechen und das mentale Modell des Benutzers beeinträchtigen.)

ebay2

Wenn der Benutzer die Vorschlagsfunktion erneut verwenden möchte, kann er sie wiederherstellen, indem er auf die Schaltfläche rechts neben dem Suchfeld klickt. Wenn Sie zu diesem Zeitpunkt mit der Maus über die Wiederherstellungsschaltfläche fahren, wird ein TIPP angezeigt, der die Funktion der Schaltfläche zeigt, damit der Benutzer die Bedeutung der Schaltfläche nicht versteht.

YAHOO SHOPPING

Yahoo-Shopping

In der orangefarbenen Box von YAHOO SHOPPING fand ich auch die Vorschlagsfunktion, die sich beliebig abschalten lässt.

Zusammenfassung: Oberflächlich betrachtet sind diese Features nur das Tüpfelchen auf dem i, aus der Perspektive des User Emotional Designs können diese Features bei den Benutzern aber auch das Vertrauen stärken, neue Suchfunktionen mutig auszuprobieren und häufig zu verwenden.

Löschen der Inhaltsdetails des Suchfelds mit einem Klick:

APPLE.COM

Apple ist in der Tat ein Unternehmen, das dem User Experience Design großen Wert beimisst, was man an den Details der Suchfunktion auf ihrer offiziellen Website erkennen kann!

Apfel

Wenn der Benutzer Schlüsselwörter in das Suchfeld eingibt, werden unterhalb des Suchfelds Produktkategorievorschläge angezeigt und auf der rechten Seite des Suchfelds (im orangefarbenen Feld im Bild) wird eine Schaltfläche zum Löschen der Suchbegriffe angezeigt.
Wenn Benutzer beim Eingeben von Schlüsselwörtern Fehler machen oder die eingegebenen Schlüsselwörter löschen, müssen sie bei der erneuten Suche die Rücktaste verwenden. Mit der Funktion „Löschen mit einem Klick“ kann die mühsame Operation, bei der wiederholt die Rücktaste auf der Tastatur verwendet wird, jedoch mit nur einem Mausklick erledigt werden. Dieses kleine Detaildesign bietet Benutzern großen Komfort.

Das Design des grünen Felds im Bild ist sehr clever und spiegelt die Eigenschaften der Apple-Designer voll und ganz wider. Benutzer werden feststellen, dass sich neben dem Suchfeld keine Bestätigungsschaltfläche befindet (aus optischen Gründen der Schönheit und Ausgewogenheit). Benutzer können jedoch die Eingabetaste verwenden oder auf den Textlink im grünen Feld klicken, um die Funktion der Suchschaltfläche zu erreichen. Dieses Design erfüllt nicht nur die visuelle Ausgewogenheit, sondern auch die funktionalen Anforderungen. Es ist perfekt!

<<:  Es gibt eine zusätzliche leere Zeile, nachdem die HTML-Seite Include verwendet, um die PHP-Datei zu importieren

>>:  So implementieren Sie eine steuerbare gepunktete Linie mit CSS

Artikel empfehlen

Allgemeine Datumsvergleichs- und Berechnungsfunktionen in MySQL

Implementierung des Zeitvergleichs in MySql unix_...

Eine eingehende Analyse von MySQL erläutert die Verwendung und die Ergebnisse

Vorwort Bei unserer täglichen Arbeit führen wir m...

Detaillierte Bereitstellung des Alibaba Cloud Servers (grafisches Tutorial)

Ich habe vor Kurzem Front-End- und Back-End-Techn...

Mysql-Optimierung Zabbix-Partitionsoptimierung

Der größte Engpass bei der Verwendung von Zabbix ...

Ausführliche Erklärung zu Slots und Filtern in Vue

Inhaltsverzeichnis Spielautomaten Was sind Slots?...

Tutorial zur SQL-Optimierung: IN- und RANGE-Abfragen

Vorwort In „High Performance MySQL“ wird erwähnt,...