Facebook
Twitter
RSS Feed
Newsletter
Design für Onlineshops – Tipps und Tricks
Untersuchungen im Neuromarketing haben gezeigt, dass bei Kunden nach etwa 8 Sekunden die emotionale Aktivierung im Gehirn nachlässt. Innerhalb dieser kurzen Zeitspanne sollten Sie also versuchen, für Ihren Onlineshop und Ihr Angebot zu begeistern. Das wichtigste Instrument: ein gut gestaltetes Design Ihres Shops. Worauf sollten Sie also achten, um Ihren Shop optimal herauszuputzen. Das ePages-Blog verrät Ihnen vier praxiserprobte Leitsätze.
1. Überfordern Sie nicht Ihre Kunden
Die Startseite Ihres Onlineshops ist Ihr Aushängeschild. Mit Ihr werben Sie um das Vertrauen Ihrer Kunden. Entsprechend viel Mühe sollten Sie sich daher mit Ihr geben. Leider machen viele Onlinehändler den Fehler, die Startseite mit zu vielen Informationen zu überladen. Der Kunde findet sich dann nicht mehr zurecht und bricht seinen Einkauf ab. Präsentieren Sie daher nicht jedes Ihrer Produkte bereits auf der Startseite. Nutzen Sie sie Startseite statt dessen, um den Einkauf zu inszenieren. Großflächige und hochwertige Themenbilder auf der Startseite werten z. B. Ihren Onlineshop auf. Zusätzlich schaffen Sie auf diese Weise den Raum, um einzelne Produkte als Aktionsware zu promoten. Sie können die Startseite auch nutzen, um auf Kategorien hinzuweisen. Auch hier sollten Sie großflächige Themenbilder verwenden, wie sie auch manchmal von Herstellern für Händler angefertigt werden.
2. Setzen Sie Ihre Produkte in Szene
Nutzen Sie auf den Produktseiten so viele Produktfotos wie möglich. Jedes Bild hilft, um aus Interessenten Käufer zu machen. Verwenden Sie dafür die Produktbilder der Händler oder – noch besser -erstellen Sie eigene Bilder. Aber Vorsicht: Tun Sie das nur, wenn Sie dafür auch das nötige Equipment wie z. B. eine professionelle Beleuchtung besitzen. Ansonsten wirken Ihre Produktbilder schnell unansehnlich und billig.
Produktfotos werden in der Regel vor einem weißen Hintergrund fotografiert. Es empfiehlt sich daher meist, die Bereiche, auf denen Ihre Produkte präsentiert werden, ebenfalls mit einem weißen Hintergrund anzulegen. Auf diese Weise fügen sich die Bilder harmonisch in ihre Umgebung ein.
Setzen Sie in Ihrem Onlineshop aber auch farbige Akzente. Etwa in den Menüs oder den Seitenelementen, die Ihren Produktbereich umrahmen. Achten Sie aber darauf, Farben zu wählen, die harmonisch zueinanderpassen. ePages bietet Ihnen dafür einen Farbmanager an, der Ihnen für die Ausgangsfarbe die passenden Farbreihen anbietet. Alternativ bieten sich dafür auch Onlinetools wie Adobe Kuler an.
Sie finden den Farbmanager von ePages im Menü "Design":
3. Positionieren Sie die wichtigsten Elemente leicht auffindbar
Für Websites gibt es eine praxiserprobte Regel: Das Wichtigste sollten Sie stets oben platzieren – im besten Fall auf der rechten Seite. User haben gelernt, dort nach wichtigen Dingen Ausschau zu halten. Bei einem Onlineshop sind die zwei wichtigsten Dinge, die Sie dort auffindbar machen sollten: den Überblick über den Warenkorb sowie die Produktsuche.
4. Lassen Sie Ihre Kunden nicht im Unklaren
Um Interessenten in Kunden zu verwandeln, müssen Sie sicherstellen, dass Ihre Kunden an jeder Stelle wissen, was sie als Nächstes tun müssen, um Ihren Einkauf fortzusetzen. Daher empfiehlt es sich, die Buttons, die für den Kaufprozess wichtig sind, durch Farbwahl oder Größe hervorzuheben. Achten Sie bei der Wahl der Grafiken für Buttons auf ein Iconset, das Ihren Kunden bekannt ist. Das Symbol für „Hinzufügen zum Warenkorb“ etwa sollte auf einen Blick verständlich sein. Auch das Angebot an akzeptierten Zahlungsmitteln ist für den Kaufprozess von Bedeutung. Daher sollten Sie auf allen Seiten die Logos der Zahlungsanbieter an prominenter Stelle einblenden.
Generell gilt: Leiten Sie Ihre Kunden durch den Shop. Eine Menüleiste und gut strukturierte Kategorien, mit der sie sich schnell zurechtfinden können, hilft ihnen dabei. Eine sogenannte Breadcrumb, also die Einblendung des aktuellen Menüpunktes als Pfad hilft bei der Orientierung. Pflichtangaben, wie etwa das Impressum oder die Links zu den Kontaktmöglichkeiten, sollten Sie im Footer, dem unteren Bereich der Website, unterbringen, da User dort als erstes danach suchen.
G.Grabowski | 10. März 2011 um 18:15
Hallo Herr Schwarz,
mit viel Mühe hat man sein Produkt in Szene gesetzt, in Werbung investiert und Kunden für sein
Produkt interessiert. Auf dem Weg zur Kasse werde einige Kunden unsicher und springen ab,
da der kleine Auswahlpfeil neben Zahlungs- und Versandmethoden nicht auffällt. Die Kunden
sehen die voreingestellten Parameter, möchten eine bestimmte Bezahlart wählen und wissen nicht wo.
Wir erhalten jeden! Tag Anrufe verunsicherter Kunden.
Wünschenswert wäre eine Auswahl aus Bezahlungsarten, die der Kunde treffen muss.
MfG
Gabriela Grabowski
Volker Schwarz | 16. März 2011 um 09:03
Hallo Frau Grabowski,
mit Version 6.12. wird es nach aktueller Planung die Option geben, das Kunden Versand- und Liefermethoden nicht per Drop-down, sondern per Radio-Button auswählen müssen. Strato wird in etwa vier Wochen auf die Version 6.11.1 gehen, alzu lange sollte es dann also hoffentlich nciht mehr dauern, bis das Feature bei Ihnen verfügbar ist. Im ePages-Forum gibt es dazu auch einen interessante Diskussioon, in der auch Möglichkeiten gezeigt werden, wie man das Auswahlfeld für die Versand- und Bezahlmethoden schon jetzt besser hervorheben kann: http://community.epages.com/german-only/287-darstellung-versandarten-und-zahlungsmethoden.html
M. Döring | 19. Oktober 2011 um 12:57
Sehr geehrter Herr Schwarz,
Weihnachten 2011 steht bald vor der Tür; da wünsche ich mir nicht nur ein tolles Weihnachtsgeschäft, sondern ich habe auch zwei Wünsche an Sie und Ihr Entwicklerteam
Im oben genannten Teaser-Text steht, dass die Aufmerksamkeit nach zirka 8 Sekunden nachlassen kann; ein ähnlich ungeduldiger Surfer bin ich auch.
Meine Fragen / Bitten an Sie:
1)
Bei Konkurrenzprodukten wie XT:Commerce oder Magento gibt es die Möglichkeit eine MouseOver-Navigation zu implementieren. Das hat den Vorteil, dass eine lange Wartezeit um in die zweite Ebene einer Kategorie zu gelangen entfällt und der Kunde sich deutlich schneller zurechtfindet.
Ist das möglich, soetwas in einem neuen Release von ePages zu implementieren?
2)
Ist es möglich in die Suchmaske, ähnlich wie bei anderen Shops oder auch bei Google seit jüngster Zeit, ein (AJAX) AutoComplete einzubinden?
Ich denke, dass dadurch zwar die Datenbank möglicherweise ein bisschen mehr belastet wird, aber es stimmt den Kunden zufriedener.
Eine Suchmaske, die sich selbst mit möglichen Vorschlägen nach 3 Ziffern mit potentiellen Treffern vervollständigt halte ich für wahnsinnig gut.
Die Standartsuchmaske wird bei uns irgendwie vom Kunden kaum noch verwendet.
Ich äußere diese beiden Anliegen, weil wir neben einem ePages-Shopsystem noch ein XT:Commerce laufen haben. Dieses erzeugt (obwohl ich es vom Design her deutlich hässlicher finde), höhere Umsätze bei gleicher Investition.
Dennoch ist mir das ePages irgendwie das angenehmere, – weil ich nicht jeden Tag Updates machen muss und ständig in neue Plug-Ins investieren muss.
Vielen Dank schonmal im Voraus für die Beantwortung meiner Fragen.
Volker Schwarz | 21. Oktober 2011 um 14:15
Hallo Herr Döring,
die aufklappbaren Menüs sind Bestandteil des nächsten Updates auf die Version 6.12.1
Zum Thema Suche: Wir arbeiten bereits an einer verbesserten Suche. Einen genauen Termin kann ich Ihnen aber leider nicht nennen.
MfG
Volker Schwarz