Onlineshop: Checkout-Prozess testen

Dieses Thema im Forum "Webentwicklung" wurde erstellt von daeni79, 19. April 2012 .

Schlagworte:
  1. 19. April 2012
    Hallo User.

    Zunächst, konnte ich keine wirklich passende Stelle für dieses Thema finden, sodass es hier landet. Falls nötig bitte verschieben.

    Vor kurzem wurde bei uns das Shopsystem gewechselt und wir würden gerne auf Fehlersuche gehen. Das gestaltet sich jedoch schwer, wenn man die Seite auswendig kennt und alles dadurch selbstverständlich ist.

    Wir verzeichnen seit dem Wechsel eine höhere Abbruchquote im Checkout, eine kürzere Verweildauer auf der Seite und eine geringere Besuchstiefe als mit der alten Page.

    Nun meine Frage.
    Wäre es möglich, dass Ihr, wenn Ihr ein Paar Minuten findet, mal drüber schaut und mir Sachen mitteilt die Euch klar ins Auge springen oder schlichtweg nicht funktionieren? Es geht nicht um die Inhalte oder die Produkte an sich sondern hauptsächlich um den Weg zum Checkout und diesen als solchen. (Ihr müsst Euch also nicht über die Ware informieren )

    Testbestellungen können sehr gerne durchgeführt werden. Habe alles abgeklärt, sodass es keine Probleme geben sollte wenn Ihr einfach als Euren Namen "Raid Rush" schreibt. Als Bezahlweise einfach Vorkasse wählen. Die Bestellungen werden dann storniert.

    Ich möchte herausfinden ob es Dinge im Checkout-Prozess gibt die den User (überwiegend ältere Kundengruppe) verwirren. Betrachtet das ganze also mit den Augen eines, im Schnitt, 45-Jährigen.


    Sollte ich mit diesem Thema gegen geltendes RR-Recht verstoßen kann das Thema natürlich gelöscht werden. Ich versichere aber, dass ich hier nicht auf Kundenfang bin.

    Die Seite die es zu testen gilt: www.smooth-e.de

    Würde mich über konstruktive Kritik freuen. Beiträge à la "Was für ein Schrott" kann man sich sparen und werden auch nicht bewertet.

    Vielen Dank,
    Daeni79
     
  2. 19. April 2012
    AW: Suche Webseiten-Tester

    Moin,

    meiner Meinung nach sind hier:
    http://www.smooth-e.de/shop/checkout/cart/

    zu viele größere orangene Buttons, ich finde mich dann zwar wieder schnell zurecht, wenn ich dann aber an meinen Vater/meine Mutter denke, die könnten da schon leicht verwirrt sein. Am besten den "Jetzt zur Kasse" Button anders gestalten, oder auch abheben vom Rest. Genau das Gleiche gilt für den Preis und die zusätzlichen Angaben (Versandkosten, Mehrwertsteuer usw) das geht leider alles ziemlich unter.

    Ansonsten fällt mir auf die Schnelle nichts auf, jedoch habe ich die Bestellung am Ende nicht abgeschickt (da würde ich erst einmal darum bitten, dass du dich auf der Seite legitimierst (es reicht schon eine HTML/TXT- Datei irgendwo mit dem Inhalt "RAIDRUSH TEST" oder ähnliches hochzuladen!))
     
  3. 19. April 2012
    AW: Suche Webseiten-Tester

    Finde die Seite "unübersichtlich". Man findet sich nicht auf anhieb zurecht, wenn man zur Kasse geht. Die Elemente wurde nicht da eingebaut wo man sie erwartet, wenn man öfters im Internet bestellt. Zum Beispiel die Nummerierung der Bestellschritte. Habe ich erst gar nicht wahrgenommen. Normal sind diese über dem Formular von links nach rechts. Eine Auflistung von oben nach unten ist mir noch nie über den Weg gelaufen. Da hat eindeutig der Designer nicht wirklich Erfahrung. Da sind noch mehr solcher "Designfehler". Aber die alle hier aufzulisten ist mir zu stressig.
     
  4. 19. April 2012
    AW: Suche Webseiten-Tester

    Danke Phraser.
    Gesagt. Getan. http://www.smooth-e.de/rr-test.txt
     
  5. 19. April 2012
    AW: Suche Webseiten-Tester

    ich würd das ganze mal übersichtlicher kategorisieren, also alles was mit M401 oder X6 zu tun hat auf einen klick haben! es gilt die Regel, je weniger Klicks, umso besser.

    videoanleitung ist auch nicht alles geordnet ohne jegliche Struktur, man kann da noch mit dicker Schrift und zeilensprung sichtbar machen worum es gerade geht. die videos sind lieblos dareingeklatscht.

    die Bewertungen müssen erst frei gegeben werden, ist auch iwie doof.

    außerdem würde ich auf der home Seite oben diese elektro Zigaretten Werbung teil, dass sieht auch einfach nur lieblos aus und passt nicht zur Seite mit dem orangegelb ..

    .. außerdem wollt ihr n Produkt verkaufen, man kann also mehr Fakten auf die Seite mit einbinden und hervorheben, was mich als Nichtraucher an kippen stört, ist der Geruch! und dies info "Kein Gestank dank der elektro Zigarette" finde ich nur ganz unten auf der "http://www.smooth-e.de/shop/blog/" ... zumal blog ne andere Seite sein sollte als "über die e-zigarette" .. aber schlimmer ist das die wichtigste info für mich, sich in der letzten ecke der Seite befindet.

    aja .. außrdem würd ich die Symbole oben rausnehmen, was sollen mir die Symbole sagen im tag? total überflüssig und unseriös.

    ps: website-tester sind usability tests.
     
  6. 19. April 2012
    AW: Suche Webseiten-Tester

    Das sind sehr gute Hinweise.

    Das mit den vielen orangenen Buttons im Warenkorb war mir auch ein Dorn im Auge. Eventuell muss auf die Artikelauflistung auf der linken Seite verzichtet werden und/oder man macht "in den Warenkorb" grün.
    Danke phraser

    @nosferatu: Mit den Bestellschritten müssen wir uns was überlegen. Schließlich werden da im Laufe des Checkouts Daten angezeigt (wie z.B. die Adresse). Wenn wir den Kasten nach oben machen würde er extrem viel Platz wegnehmen.

    @reQ: - das hatten wir mal so. Da haben sich viele Kunden beschwert, dass die Artikel durcheinandergewürfelt sind. Depots X6 sind bei Depots X6 und Zubehör X6 bei X6 Zubehör - so findet man es als Kunde besser. Für einen neuen Nutzer kann es durchaus kompliziert sein, da gebe ich Recht... zumal die Begriffe einem Neueinsteiger oft nichts sagen.
    - Die Video-Seite wurde leicht bearbeitet, sodass die Haupt-Überschriften nun deutlicher sind.
    - Freigeben der Bewertungen muss leider bleiben. Es kommen angeblich unzählige "Bewertungen" rein die man so nicht veröffentlichen kann, weil sie im Prinzip nichts mit der Seite zu tun haben.
    - weitere von Dir genannte Punkte werden bearbeitet.

    Welche Symbole meinst Du? Das Trustedshops-Logo und den hinweis, dass man hier auf Rechnung bestellen kann?
    Edit: ahaaa die Sternchen und Rauten ))))
     
  7. 19. April 2012
    Zuletzt von einem Moderator bearbeitet: 15. April 2017
    AW: Suche Webseiten-Tester

    banner-rechts-gelb.png
    {img-src: //www.smooth-e.de/images/banner-rechts-gelb.png}


    das teil, passt auch nur teils von den Farben, von der form her gar nicht auf die startseite .. ihr benutzt sonst nie abgerundete ecken .. außerdem würde ich enteder e-zigarette dauerhaft benutzen oder elektronische Zigarette, aber e-zigarette klingt besser, deshalb springt nicht ständig mit der Bezeichnung hin und her

    mit dem menü geb ich dir 100% recht.
     
  8. 19. April 2012
    AW: Suche Webseiten-Tester

    Meine Meinung:
    Die Startseite ist bis soweit super bis auf die "Die elektro Zigarette"-Grafik oben rechts. Das würde ich durch eine passende Grafik in dem Bereich ersetzen. Auch die Farben auf dem Bild passen nicht zur Seite.

    Ansonsten ist die Übersicht auf der Startseite gut und die Funktionen der Buttons sind durch Farben gruppiert und auch intuitiv verständlich.

    Das Menü oben ist ebenfalls gut und die Farben kennzeichen den aktiven Bereich. Was mir dabei missfällt ist das aufgeklappte Menü. Nach dem zweiten Eintrag im Menü ist ein Leerraum. Was hat das zu bedeuten? ich finde das irritierend. Außerdem passt der Stil der Menüpunkte noch nicht so ganz. Ich finde die Schritart zu klein.

    Auf folgender Seite erkennt man noch kleine Kinderkrankheiten im Layout:
    Liquids für die e-Zigarette √
    Der Button "Ausverkauft" ist größer und darum bricht der Button "Details" um (wohl ein float:right, weswegen er in der neuen Zeile rechtsbündig dargestellt wird).

    Außerdem variiert die Höhe des "Produktcontainers". Zu erkennen in der dritten Reihe. Dort hat ein Produkt eine Kundenbewertung. Der Container ist somit etwas höher als die anderen beiden.

    Abschließend folgende Seite: http://www.smooth-e.de/shop/checkout/cart/
    Ich finde sie ehrlich gesagt ziemlich erschreckend. Die Anordnung der Buttons sieht "wild" aus und man erkennt keine Struktur auf dieser Seite.
    Ich würde als 45 jähriger hier sehr verwirrt sein. Es gibt insgesamt 5 Bereiche auf der Webseite:
    - Artikel, die mich sonst evtl. interessieren könnten
    - Rabattcodes
    - Versandkosten
    - Zur Kasse gehen

    Ich würde auf jeden Fall den Container "Was sie sonst interessieren könnte" entfernen und die Platzierung nochmal überdenken. Auch die Versandkosten können weg. Für Leute aus Deutschland steht die Pauschale fest. Ausländische Kunden sind bereits daran gewöhnt, dass sich diese dann bei Eingabe der Empfangsadresse neu berechnet werden.
    Der Rabattrechner sollte drin bleiben, sofern auch wirklich Rabattcodes existieren.

    Somit wäre die Seite auf drei Bereiche reduziert, welche auch wirklich essentiell sind. Außerdem sind dann die ANzahl der Buttons von 9 auf 5 geschrumpft. Beim Container Rabattcodes würde ich den Button nur "Einlösen" nennen. Das spart Platz und der Button bricht nicht in die neue Zeile um.

    Außerdem den Button "Zur Kasse gehen" oben rechts entfernen und ausschließlich unten platziert lassen. Es ist gängige Methode, vor Klick auf den Button nochmal seine Liste durchzugehen. Daher denke ich mal, würde der Button oben rechts ohnehin selten benutzt werden.

    Lg
     
  9. 19. April 2012
    Zuletzt von einem Moderator bearbeitet: 27. April 2012
    Vielen Dank für Deine ausführliche Beschreibung Yuri.
    Den Warenkorb werden wir asap bearbeiten, an der Startseite sind wir auch schon dran.
    Vielen Dank!

    Soooo... Wir haben einige Sachen verändert. Unter anderem den Checkout einer Abnehmkur unterzogen, im Warenkorb alles unnötige rausgeschmissen, die Position des Infomenüs verändert und die Startseite etwas angepasst.
    Würde mich freuen, wenn Ihr mal drüber schauen könntet. http://www.smooth-e.de/shop/
     
  10. 26. April 2012
    AW: Onlineshop: Checkout-Prozess testen

    Der Warenkorb ist nun übersichtlich.
    Allerdings würde ich noch
    das in der Klammer entfernen/ändern. Denn das "-" sieht durch den Zeilenumbruch so aus als würde es zu dem Versandbetrag gehören.
     
    1 Person gefällt das.
  11. 26. April 2012
    AW: Onlineshop: Checkout-Prozess testen

    Danke Nosferatu. Das Teil kommt mir auch leicht komisch vor, lässt sich aber nicht so einfach ändern da der Klammertext in der Rechnung erscheint. Würde da also nur Kostenpauschale in der Klammer stehen, wüssten es die Kunden auf der Rechnung nicht zuzuordnen. Vielleicht fällt mir aber was ein, was nicht anspruchsvoll in der Umsetzung ist.
     
  12. 26. April 2012
    AW: Onlineshop: Checkout-Prozess testen

    was mir als erstes auffällt ist die ladezeit. ich hab knapp 3 minuten gebraucht bis ich auf der seite war @ DSL 35000. jeder seitenwechsel dauert auch nochmal seine zeit. als potenzieller kunde hätte ich das fenter schon beim ersten laden zugeklickt..

    eventuell einen brauchbaren webspace mieten oder den webspace anbieter kontaktieren..
     
    1 Person gefällt das.
  13. 26. April 2012
    AW: Onlineshop: Checkout-Prozess testen

    Code:
    51 Anfragen
     
    503.4 KB
     
    (0 vom Cache)
    4.39s (onload: 4.52s)
    Jap, das ist eindeutig zu lange.
     
  14. 27. April 2012
    AW: Onlineshop: Checkout-Prozess testen

    3 Minuten?? ^^ Darauf hätte ich auch keine Lust. Habt Ihr ne Idee woran das liegen könnte? Die Bilder hab ich eigentlich etwas komprimiert. Oder meinst dass es auf jeden Fall am Webspace liegt Fu$$el?
     
  15. 27. April 2012
    Zuletzt von einem Moderator bearbeitet: 14. April 2017
    AW: Onlineshop: Checkout-Prozess testen

    Wie du am meinen Post oben siehst finden 51 Request Anfragen statt. Der Browser verarbeitet meist nur 10 Parallel auf Standardeinstellung. Prinzipiell kann man eine Webseite in einem Request aufbauen.
    - Javascript komprimieren/mergen
    - CSS Sprites
    ...

    Schau es dir genauer mit Firebug an.
    Bild
     
  16. 27. April 2012
    AW: Onlineshop: Checkout-Prozess testen

    am webspace liegts nicht. wie Nosferatu schon sagt. hatte gestern selbst nur keine zeit es mit firebug zu analysieren..
     
  17. 27. April 2012
    AW: Onlineshop: Checkout-Prozess testen

    Ist vielleicht auch besser so
    Hab erfahren dass der Techniker gestern was an Magento gemacht hat und die Seite ewig gebraucht hat zu laden. (3 Minuten waren da keine Seltenheit).

    Was ist mit Seiten wie z.B. http://www.fahrrad.de? Die haben ja nen Usability Award bekommen aber die Seite scheint ja noch langsamer zu sein als die Smooth-Page? Ich bin mir jetzt nicht sicher ob die Seite wirklich soooo langsam im Vergleich zu anderen SHOPS ist. Viel kann man eh nicht verändern wurde gesagt. Hab n Paar Bilder (z.B. im Slider) komprimiert, aber das schien nur ein Tropfen auf dem heißen Stein zu sein...
     
  18. 27. April 2012
    AW: Onlineshop: Checkout-Prozess testen

    Habs bei mir auch mal ausprobiert und Chrome sagt mir:
    53 requests ? 519.84KB transferred ? 2.34s (onload: 2.29s, DOMContentLoaded: 1.35s)

    2,34 Sekunden sind OK bei 520kb Daten. Du könntest natürlich noch beschleunigen, indem du dein JS und CSS komprimierst und in eine Datei steckst. Dann kannst auf jeden Fall noch was rausholen.

    Ansonsten versteh ich grad ned, warum ihr Google Analytics UND Piwik verwendet. Beides ist das selbe, nur Piwik ist Open Source und du hostest es auf deinem Server.
     
    1 Person gefällt das.
  19. 27. April 2012
    AW: Onlineshop: Checkout-Prozess testen

    Ok. Super. Werde versuchen alles zusammen zu packen.
    Piwik ist grad nur probeweise drauf. Ein´s davon sollte bald verschwinden.
    Danke Yuri!!
     
  20. 28. April 2012
    Zuletzt von einem Moderator bearbeitet: 14. April 2017
    AW: Onlineshop: Checkout-Prozess testen

    falls du noch designvorschläge brauchst:

    mach die kästen um die thumbnails beim angeklickten artikel etwas dicker, die sind fast nicht zu erkennen.

    bei der navi-bar oben wenn das rolldown kommt, würde ich umfärben in weiß (grau auf fast schwarz ist schwer lesbar) und 1-2pt größer die schrift im rolldown.
    ich finde sogar dass der hintergrund ned transparent sein sollte. das wichtiges wird ja nicht verdeckt dadurch. designkruscht.

    ---

    bei der artikelübersicht: was soll "sortieren nach reihenfolge" sein? nach name ode rpreis macht mehr sinn.

    warum stehen die preise linksbündig am artikelfeld? würde rechts mehr sinn machen?
    wie sehen das andere? 7,90 EUR Inkl. MwSt., zzgl. Versand vom lesesinn isses schon ok.



    -----

    bei dem angeklickten artikel is ja das angebot zum ratenkauf.
    dann sollte das auch über dem button/dropdown stehen: "ratenkauf gefällig?"
    bzw gleich ausgeklappt anzeigen.


    ----

    kannst du bei der großansicht/slideshow die pfeile ein dtück größer machen? je größer, desto schneller und einfacher navigierbar. so groß wie der X-knopf zb.

    ---

    bei der seite videoanleitungen solltest dir vll ne ruckelfreiere möglichkeit aussuchen die zu ordnen. wenn gleichzeitig 24 yt-player geladen werden isses ned gut. vll erst einen button für ne einzelne kategorie (zusammenbauen; sonstiges, etc) wo dann 5 videos drin sind mit zurück-knopf.

    ebenso sind die überschriften zum video viel zu klein. mach die noch in farbe orange.


    -----

    wenn ich artikel in die vergleichliste mache, wusste ich grad nicht wo ich den vergleichskasten finde. nach kurzem suchen suchen links unter dem fetten trusted shops bild gefunden.
    vll machste das trusted ganz nach links unten oder hebst den vergleichskasten farblich hervor damit man den gleich sieht.

    der große vergleichen knopf klebt zu knapp unter dem link alles entfernen. mach da ein bisschen weiter runter.
    ----

    auf der seite Versandkosten

    sollten absätze bei versandkosten und darunter sein, genau wie oben bei lieferkosten, besser gliedern.

    ---

    auf Zahlungsarten

    solltest dus so gliedern wie bei klarna rechnung:

    [bild]
    in der nächsten zeile die erklärung.

    bei zb paypal haste den text einfach an logo drangeklatscht.

    ---

    bei e-Zigarette & Liquids Shop - MoonBee.de

    solltest richtige absätze machen. jetzt klebt die nummerierte punkt noch am vorigen beschreibungstext.

    selbe sache hier Unsere AGB da klebt auch alles aneinander.


    ----

    auf seite http://www.smooth-e.de/shop/blog/e-zigarette-akku-fehlerbehebung

    was soll da A, 1, 2, 3 bedeuten? zeigt doch alles in die mitte und bedeutung der nummerierung wird ja nicht erklärt.

    ----

    auf http://www.smooth-e.de/shop/blog/category/informationen-elektro-zigarette

    finde ich die 3 ausrufezeichen unseriös. entweder nur 1 oder keins dranmachen.
    wobei ich des bild komisch find. ein stück grünen und braune rasen rauchen.

    ----

    habt ihr auch eine lizenz für zb dieses bild gekauft? http://www.smooth-e.de/blog/wp-content/uploads/2012/03/e-rauchen-frau1-296x300.jpg
    hier von corbis Stock Fotograf - junge frau, rauchende 42-16939169 - Suche Stock Fotografie, Poster, Bilder und Foto-Clipart - 42-16939169.JPG

    wenn nicht schleunigst eine lizenz kaufen oder ein anderes bild kaufen. sonst kommen die abmahn-anwälte.


    ---

    hier noch was:

    Bild

    Bild
     
    1 Person gefällt das.
  21. 30. April 2012
    AW: Onlineshop: Checkout-Prozess testen

    Vielleicht hast du daran schon gedacht: Richte doch testweise mal Tracking-Tools a la GoogleAnalytics ein (falls die Möglichkeit besteht). Man kann dort sogenannte "Funnels" einrichten. So kann man den Checkout-Prozess recht gut nachvollziehen und feststellen an welcher Stelle die Bestellungen abgebrochen wurde (kommt aber auch ein wenig auf das ShopSystem an).

    An sich find ich den Shop schon recht übesichtlich und einfach.

    Vielleicht eine Art Supportforum einrichten oder Umfrage starten, was verbessert werden sollte.
    Eure Kunden bestellen ja meist nicht zum ersten Mal online, von daher sollten sie auch damit klar kommen.
     
    1 Person gefällt das.
  22. 3. Mai 2012
    Zuletzt von einem Moderator bearbeitet: 14. April 2017
    AW: Onlineshop: Checkout-Prozess testen

    Riesiges DANKESCHÖN an Michi für die extrem hilfreiche Tipps.
    Vieles davon habe ich bereits weitergegeben und hoffe, dass es bald umgesetzt wird.
    DANKE

    @b-xXx
    Google nutzen wir bereits.
    Meinst du die Trichtervisualisierung? (Siehe Bild)
    Bild
    {img-src: http://www.smooth-e.de/images/trichter-visualisierung.jpg}

    Ich denke die ist nicht ganz so aussagekräftig, da der Checkout auf einer Seite stattfindet. Dadurch bewegen sich die Kunden nur zwischen
    Warenkorb: http://www.smooth-e.de/shop/checkout/cart/
    und
    Kasse: https://www.smooth-e.de/shop/checkout/onepage/

    Lese ich das richtig? 8.582 sind im Warenkorb gelandet, 8.137 sind dann wieder dort raus. Sind die danach auch aus dem Shop oder haben die eventuell noch was im Shop gesucht und sind dann wieder in den Warenkorb? (Zählen die dann in diesem Szenario mehrmals? Also jedes Mal wenn Sie in den Warenkorb kommen?)
     
  23. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.