it-swarm.com.de

Verwendet diese Website eine gute Benutzeroberfläche für den Warenkorb?

Verwendet diese Seite eine gute Benutzeroberfläche für den Warenkorb? Wie lässt du etwas in den Einkaufswagen fallen? Ist es intuitiv genug, um verwendet zu werden?

Screenshot of the home page

3
Tony_Henrich

Nicht wirklich, denke ich.

Das irritierendste ist, dass Sie ein Element nicht von der Startseite (dem von Ihnen angegebenen Link) ziehen können. Wenn Sie versuchen, das Bild oder den Namen des Sets dorthin zu ziehen, funktioniert dies nicht. Und das ist ein bisschen seltsam, da der Einkaufswagen sichtbar ist und Ihnen erklärt, wie Sie Artikel hineinziehen. Es bleibt unklar, was "ein Gegenstand" ist.

Sie müssen zur Seite mit den Symbolen set gelangen (was etwas schwierig ist, da Sie nur über den kleinen Link dorthin gelangen, nicht über das Bild oder die Sammlung Header), um zu etwas zu gelangen, das sie mit "einem Gegenstand" meinen. Zweitens zeigt das Element beim Ziehen nicht direkt an, dass das Ziehen erfolgreich war. Wenn Sie auf den Einkaufswagen klicken, bleibt die Anzeige dieselbe, als ob Sie sich an einer anderen Stelle auf der Seite befinden oder gar nicht ziehen *. Es dauert eine Weile, bis ein Wartesymbol angezeigt wird und klar wird, dass Sie erfolgreich gezogen haben.

Diese beiden Dinge sollten verbessert werden, würde ich sagen.

  1. Zeigen Sie den Warenkorb nicht auf der Startseite und machen Sie Sammlungen nicht ziehbar.
  2. Stellen Sie direkt klar, dass Artikel korrekt in den Warenkorb gezogen werden.

(* Anscheinend müssen Sie nicht einmal Artikel in den Warenkorb ziehen, sondern müssen sie nur ziehen, und es funktioniert.)

9
Lode

Zuerst bemerkte ich den Bereich "Einkaufswagen" auf der rechten Seite und den Hinweis: "Artikel hierher ziehen, um einzukaufen".

Ich habe versucht, eines der großen, einladenden Bilder von der Startseite direkt in den Warenkorb zu ziehen, aber das hat nicht funktioniert.

Ich bemerkte dann, dass jedes Bild tatsächlich verschiedene Sets zu unterschiedlichen Preisen darstellte. Ich habe versucht, den eingestellten Link auf die Leiste zu ziehen. Das hat aber auch nicht funktioniert.

Ich habe danach versucht, die Beschreibung, wieder das Bild, das Leerzeichen in jedem product_item div ... nichts.

Ich beschloss schließlich, eine festgelegte Seite zu öffnen, die eine markante Schaltfläche "In den Warenkorb" und eine Schaltfläche "+" über dem Bild enthielt. Dadurch konnte ich traditionell Artikel kaufen, aber der Tipp zum Ziehen wurde noch verwirrender: Habe ich etwas auf der Homepage verpasst?

Ich habe skeptisch versucht, das große Symbol von der eingestellten Seite auf den Warenkorb zu ziehen. Das hat auch nicht --- oh warte, das ist ein Pochen ... und jetzt ist es da, unbeschriftet und verkleinert.


Dinge, die Sie berücksichtigen könnten: (mit einem Körnchen Salz zu nehmen)

  • Lassen Sie den Einkaufswagen auf eine "legale" Drag & Drop-Aktion "reagieren". So.
  • Reagieren Sie auf Benutzerfehler. Erkennen Sie ein Element zum Ziehen und Ablegen großer Symbole, wenn dies nicht sinnvoll ist, und zeigen Sie eine Fehlermeldung an. Zum Beispiel: "Diese Sammlung kommt in einem Anzahl der Sätze . Welches möchten Sie kaufen?"
  • Seien Sie reaktiver auf der Kundenseite. Zeigen Sie das Element beim Ziehen und Ablegen als gezogen an und deaktivieren Sie die Schaltfläche zum Auschecken, wenn Sie die Server-Seite aktualisieren. Diese Seite behandelt beispielsweise Abstimmungen wie diese.
4
badp

Es ist wie eine dieser ausgefallenen Benutzeroberflächen, die wir in Filmen sehen, die wir im wirklichen Leben nicht sehen, nicht weil sie schwer zu implementieren sind, sondern weil sie schwer zu verwenden sind.

Für jemanden mit Schwierigkeiten in der Motorik kann dies ziemlich schwer zu bedienen sein. Das Ziehen und Ablegen mit einem Trackpad reagiert oft nicht so schnell wie mit einer Maus. (Einige Trackpads reagieren einfach nicht sehr schnell.) Was mit einem Klick getan werden kann, erfordert jetzt ein Mousedown, eine präzise gezielte Mousemove und ein Mouseup. Grundkenntnisse über Fitts'sches Gesetz kann Ihnen sagen, warum dies eine schwierigere Aufgabe ist, als einfach auf eine Schaltfläche zu klicken.

Es gibt einen Grund, warum Computerschnittstellen nicht versuchen, reale Schnittstellen nachzuahmen (was diese Benutzeroberfläche versucht, IMO). Deshalb gehen wir nicht durch "Gänge" von "3D-Stores", sondern haben Seiten, die gewidmet sind Produkte, bei denen wir auf die Schaltfläche "In den Warenkorb" klicken. Was für eine Walk-and-Pick-up-Benutzeroberfläche natürlich ist, ist für ein WIMP nicht selbstverständlich. (Fenster, Symbole, Menü und Zeigegerät) Benutzeroberfläche.

3
Manas Tungare

Ja

Ich sehe kein großes Problem damit. Neben Drag & Drop verfügen die Symbolsatzseiten (die durch Klicken erreicht werden können) über zum Warenkorb hinzufügen Schaltflächen. Ich mag auch die Tatsache, dass Sie im Gegensatz zu vielen anderen Online-Shops keine andere Seite besuchen müssen, um den Inhalt Ihres Einkaufswagens zu sehen.

Ein großes Problem ist jedoch, dass es ohne Javascript nicht funktioniert oder zumindest Benutzern eine Warnung anzeigt, ohne dass es aktiviert ist, dass es aktiviert werden muss.

3
Gelatin

NEIN

  1. Erstens, ein kritischer UI-Fehler, Kunden mit Bildschirmhöhen unterhalb der Warenkorbhöhe können nicht auschecken. (Denken Sie an Netbooks mit Bildschirmhöhen von 600px.)
  2. Die Warenkorbaktivität wird auf Seiten angezeigt, auf denen keine Aktivität vorhanden ist. Der Text gibt nicht an, was in den Warenkorb gezogen werden soll. (Lösung wäre zu)
  3. Beim Ändern der Lizenzoption sind keine Preisinformationen verfügbar.
  4. Separate Seiten für "Vector Set", "Vector Single" und "Pixel Set" sind nicht erforderlich und verwirrend. (Eine einzelne Seite mit den Schaltflächen "Ganzes Set kaufen (Vektorformat)", "Ganzes Set kaufen (Bitmap-Format)" und der Überschrift "Oder Symbole einzeln kaufen" mit den folgenden Kaufoptionen für einzelne Symbole ist weniger verwirrend.)
  5. Throbber wird nur langsam angezeigt und befindet sich bei Verwendung der Plus-Tasten nicht im Fokusbereich.
  6. Der Einkaufswagen macht keinen Unterschied zwischen verschiedenen Versionen desselben Sets.

Ich denke, ich sollte jetzt aufhören.

2
alexanderpas

Es ist in Ordnung.

Ich denke, es ist einer dieser Fälle, in denen sie sich von der Kühle von der Kernfunktionalität ablenken lassen. Es ist ein bisschen schwer zu bedienen, zeigt sehr wenig Informationen darüber, was drin ist.

Ich würde also sagen, dass es in Ordnung ist, die meisten Benutzer könnten dort kaufen, aber ich glaube nicht, dass ich es auf meiner Website verwenden würde.

auch wie @simon sagte, wäre es ein Problem, wenn JS ausgeschaltet ist.

1
Sruly

Ich habe eine Weile gebraucht, um herauszufinden, warum Sie die Drag & Drop-Option hinzugefügt haben, da es nicht offensichtlich war, dass es möglich ist, einzelne Symbole und nicht nur Sets zu kaufen.

Ich habe ein Set hinzugefügt und dann versucht, einzelne Symbole hinzuzufügen, aber als ich versuchte, ein Symbol hinzuzufügen, das Teil des Sets ist, das ich bereits hinzugefügt habe, wurde es einfach nicht hinzugefügt. Es ist verwirrend und frustrierend.

Der Einkaufswagen zeigt oben und unten kleine Pfeile zum Scrollen an, wenn sich viele Artikel im Einkaufswagen befinden. Es ist auch verwirrend. Vielleicht zeigen Sie diese Symbole einfach an, wenn das sechste Symbol hinzugefügt wird, oder zeigen Sie einen kleinen Teil des sechsten Symbols, damit ich weiß, dass es mehr gibt. Jetzt füge ich zusätzliche Symbole hinzu und kann nicht herausfinden, wohin sie gegangen sind. Das Scrollen hat bei mir mit Chrome 6) nicht funktioniert.

Es fand es seltsam, dass Sie nicht per Drag & Drop auf das Pluszeichen klicken können. Übrigens - der Tooltip sagt "Entfernen".

Obwohl diese Funktion niedlich ist, bevorzuge ich einen einzelnen Klick auf die Schaltfläche zum Hinzufügen zum Warenkorb oder das Pluszeichen, als Artikel in den Warenkorb zu ziehen. Es ist effizienter.

Ich habe irgendwo eine Meinung gelesen, dass Paginierung nicht mehr wirklich benötigt wird, besonders wenn es um Bilder geht. Das menschliche Auge ist großartig darin, viele Bilder zu sehen und die auszuwählen, die Sie mögen. Für Käufer ist es möglicherweise einfacher, wenn Sie nur alle Symbole auf einer einzigen Seite anzeigen - ein viel besseres Einkaufserlebnis.

Die Seite sieht gut aus und die Symbole sind ausgezeichnet.

1
idophir