it-swarm.com.de

Welchen Ansatz sollte ich verwenden, damit Benutzer komplexe Produkte "erstellen" können?

Ich arbeite an einem Projekt, an dem die Produktdetailseite mit einer SKU beginnt. Wenn Sie das Produkt erstellen oder konfigurieren, wird es zu einer eindeutigen SKU/einem eindeutigen Produkt. Nicht sehr verschieden von vielen anderen E-Commerce-Sites.

Es müssen jedoch 3 oder 4 Konfigurationen vorgenommen werden. Ich habe mich für die Dropdown-Route entschieden, wollte aber einen visuelleren Ansatz verfolgen, damit der Kunde sehen kann, wie er tatsächlich ein Produkt entwickelt und wie er eine Konfiguration vornimmt, um seine Auswahl für die nächste Konfiguration zu beeinflussen. Jetzt finde ich jedoch heraus, dass jede Konfiguration ungefähr 10 Optionen hat. Ich mache mir Sorgen, dass die Seite überfüllt ist.

Casa.com macht es ziemlich gut, denke ich ... aber ihre Optionen für # 2 enthalten nur begrenzten Text ... einige von mir haben möglicherweise das Dreifache dieses Betrags.

casa.com

Ist der Ansatz von casa gültig? Welche anderen Websites verfolgen diesen Ansatz? Ich habe auch gesehen, wie Amazon dies tat.

4
dsawler

Casas Ansatz ist vor allem dann nützlich, wenn weniger Optionen zur Verfügung stehen. Hier wirken zwei konkurrierende Prinzipien: Verlassen auf Erkennung, nicht auf Rückruf (was darauf hindeutet, dass Benutzer später aussagekräftigere Entscheidungen treffen können, wenn sie ihre vorherigen sehen können one), vs. Reduziert die Anzahl der Variablen, mit denen der Benutzer gleichzeitig jonglieren muss . Eine Reihe von Studien hat gezeigt, dass Benutzer bei mehr Auswahlmöglichkeiten weniger wahrscheinlich eine Entscheidung treffen und häufig suboptimale Entscheidungen treffen - siehe Barry Schwartzs TED-Vortrag .

Da Ihr Ansatz darin besteht, ein Produkt aufzubauen, hängen die vom Benutzer getroffenen Entscheidungen von früheren Entscheidungen ab und können sich auf zukünftige auswirken. Diese Pfadabhängigkeit bedeutet, dass, wenn Sie Benutzern weiterhin frühere Auswahlmöglichkeiten anzeigen, die Tendenz besteht, diese Auswahlmöglichkeiten erneut zu prüfen, da sie im Bewusstsein des Benutzers weiterhin hoch sind.

Natürlich kann dies bei vielen Optionen schnell überwältigend werden. Eine fortschreitende Offenlegung kann dazu beitragen, dieses Problem zu verringern, indem zukünftige Entscheidungen ausgeblendet werden. Das Ausblenden früherer Entscheidungen ist jedoch möglicherweise nicht mit der Methode "Ausbauen" vereinbar, da der Benutzer nicht leicht einen Überblick darüber erhalten kann, was er bisher erstellt hat, wenn er dazu gezwungen wird Verlassen Sie sich auf die Erinnerung an frühere Entscheidungen. Da Casa hingegen weniger Optionen hat, können sie alle gleichzeitig zuverlässiger anzeigen, ohne sich zu viele Gedanken über die Überlastung ihrer Benutzer mit überflüssigen Optionen machen zu müssen.

Eine Variation des standardmäßigen progressiven Offenlegungsmusters besteht darin, progressive Zusammenfassungen (möglicherweise in ein akkordeonartiges Element eingebaut) zu haben, wenn Benutzer Auswahlphasen abschließen und reduzieren - wodurch die direkte Auswahlmöglichkeit beseitigt wird, ihnen aber dennoch die Informationen über ihre Auswahl zur Verfügung gestellt werden. Ein Beispiel hierfür ist:

mockup

bmml source herunterladen - Wireframes erstellt mit Balsamiq Mockups

Letztendlich besteht Ihr Ziel bei der Gestaltung der E-Commerce-UX darin, den Benutzer so schnell und reibungslos wie möglich zum Auschecken zu bringen, mit einer Auswahl, mit der er zufrieden ist. Unnötige Entscheidungen führen zu suboptimalen Entscheidungen (und manchmal zu einer sehr langsamen oder gar keiner Entscheidung). Versuchen Sie daher, diese nach Möglichkeit zu reduzieren.

Es ist ein gutes Ziel für die Zufriedenheit, sicherzustellen, dass Ihre Benutzer über genügend Informationen verfügen, um sinnvolle Entscheidungen treffen zu können. Oft möchten die Benutzer jedoch mehr Auswahl und mehr Informationen, auch wenn dies für sie nicht wirklich gut ist. Es ist eine sehr paternalistische Sichtweise (und daher möglicherweise etwas unbeliebt), aber Sie können Ihre Benutzer tatsächlich glücklicher machen, indem Sie ihre Optionen zu einem bestimmten Zeitpunkt einschränken Punkt im Prozess. Beachten Sie, dass dies nicht bedeutet, dass Sie verhindern sollten, dass sie zurückkehren und Dinge ändern, sondern dass Sie nicht alle vorherigen Optionen zusätzlich zu den aktuellen auswählen sollten.

2
dhmstark

Wenn Ihr Hauptanliegen darin besteht, dass jede Konfiguration viele Optionen enthält und die Benutzeroberfläche beim Anzeigen all dieser Optionen überwältigend ist, sollten Sie wahrscheinlich eine Form von progressive Offenlegung verwenden. Präsentieren Sie nur die Optionen für die erste Konfiguration und zeigen Sie nach Abschluss dieses Schritts die Optionen für die zweite an. Oder verwenden Sie ein Akkordeon, um die letzten Schritte auszublenden, während der Benutzer diese Details anzeigen und bei Bedarf schnell Änderungen vornehmen kann.

1
Mike Wheaton