Usability-Tipps zur Conversion-Optimierung: Nutzerfreundlicher Shop

Usability-Tipps zur Conversion-Optimierung: Nutzerfreundlicher Shop

Usability-Tipps zur Conversion-Optimierung: Nutzerfreundlicher Shop

Usability-Tipps zur Conversion-Optimierung: Nutzerfreundlicher Shop

Steigern Sie die Conversion in Ihrem Online-Shop durch ein benutzerfreundliches, kundenorientiertes Erlebnis. Testen Sie Ihren Shop mit unserer Usability-Checkliste.

Steigern Sie die Conversion in Ihrem Online-Shop durch ein benutzerfreundliches, kundenorientiertes Erlebnis. Testen Sie Ihren Shop mit unserer Usability-Checkliste.

E-Commerce-Tipps

01.04.2021

Nick Knuppe

Head of Product Marketing

Als Online-Händler wissen Sie, wie wichtig die Benutzerfreundlichkeit einer Website für den Erfolg Ihres Unternehmens ist. Schließlich, wenn Kunden nicht leicht herausfinden können, wie Ihr Shop funktioniert, werden sie weniger wahrscheinlich einen Kauf tätigen. Es ist so einfach wie das. 

Dieser Artikel erläutert, wie Sie Ihre Konversionsrate steigern können, indem Sie Ihren Online-Shop benutzerfreundlicher machen. Er beinhaltet auch unsere Usability-Checkliste, die alle Beispiele und Tipps des Artikels umfasst.

Als Online-Händler wissen Sie, wie wichtig die Benutzerfreundlichkeit einer Website für den Erfolg Ihres Unternehmens ist. Schließlich, wenn Kunden nicht leicht herausfinden können, wie Ihr Shop funktioniert, werden sie weniger wahrscheinlich einen Kauf tätigen. Es ist so einfach wie das. 

Dieser Artikel erläutert, wie Sie Ihre Konversionsrate steigern können, indem Sie Ihren Online-Shop benutzerfreundlicher machen. Er beinhaltet auch unsere Usability-Checkliste, die alle Beispiele und Tipps des Artikels umfasst.

Als Online-Händler wissen Sie, wie wichtig die Benutzerfreundlichkeit einer Website für den Erfolg Ihres Unternehmens ist. Schließlich, wenn Kunden nicht leicht herausfinden können, wie Ihr Shop funktioniert, werden sie weniger wahrscheinlich einen Kauf tätigen. Es ist so einfach wie das. 

Dieser Artikel erläutert, wie Sie Ihre Konversionsrate steigern können, indem Sie Ihren Online-Shop benutzerfreundlicher machen. Er beinhaltet auch unsere Usability-Checkliste, die alle Beispiele und Tipps des Artikels umfasst.

Als Online-Händler wissen Sie, wie wichtig die Benutzerfreundlichkeit einer Website für den Erfolg Ihres Unternehmens ist. Schließlich, wenn Kunden nicht leicht herausfinden können, wie Ihr Shop funktioniert, werden sie weniger wahrscheinlich einen Kauf tätigen. Es ist so einfach wie das. 

Dieser Artikel erläutert, wie Sie Ihre Konversionsrate steigern können, indem Sie Ihren Online-Shop benutzerfreundlicher machen. Er beinhaltet auch unsere Usability-Checkliste, die alle Beispiele und Tipps des Artikels umfasst.

Definition von Benutzerfreundlichkeit: Was bedeutet Benutzerfreundlichkeit im E-Commerce?

'Usability’ bezieht sich darauf, wie benutzerfreundlich eine Website ist. Es geht darum, eine unkomplizierte Benutzererfahrung zu schaffen, die Ihre Kunden das Einkaufen auf Ihrer Seite genießen lässt. Und das bedeutet, Ihren Online-Shop so zu gestalten, dass Besucher genau das, was sie benötigen, schnell und einfach finden können.

Vielleicht ist der wichtigste Aspekt der Usability, wie einfach es ist, sich auf Ihrer Seite zurechtzufinden. Das Design Ihrer Website sollte die Navigation intuitiv gestalten und Kunden schnell zu den Produkten oder Informationen führen, die sie suchen. Weitere nützliche Funktionen, wie das Verwenden von Auto-Fill für Formulardaten, helfen ebenfalls, die Benutzererfahrung (UX) auf Ihrer Seite zu optimieren.

'Usability’ bezieht sich darauf, wie benutzerfreundlich eine Website ist. Es geht darum, eine unkomplizierte Benutzererfahrung zu schaffen, die Ihre Kunden das Einkaufen auf Ihrer Seite genießen lässt. Und das bedeutet, Ihren Online-Shop so zu gestalten, dass Besucher genau das, was sie benötigen, schnell und einfach finden können.

Vielleicht ist der wichtigste Aspekt der Usability, wie einfach es ist, sich auf Ihrer Seite zurechtzufinden. Das Design Ihrer Website sollte die Navigation intuitiv gestalten und Kunden schnell zu den Produkten oder Informationen führen, die sie suchen. Weitere nützliche Funktionen, wie das Verwenden von Auto-Fill für Formulardaten, helfen ebenfalls, die Benutzererfahrung (UX) auf Ihrer Seite zu optimieren.

'Usability’ bezieht sich darauf, wie benutzerfreundlich eine Website ist. Es geht darum, eine unkomplizierte Benutzererfahrung zu schaffen, die Ihre Kunden das Einkaufen auf Ihrer Seite genießen lässt. Und das bedeutet, Ihren Online-Shop so zu gestalten, dass Besucher genau das, was sie benötigen, schnell und einfach finden können.

Vielleicht ist der wichtigste Aspekt der Usability, wie einfach es ist, sich auf Ihrer Seite zurechtzufinden. Das Design Ihrer Website sollte die Navigation intuitiv gestalten und Kunden schnell zu den Produkten oder Informationen führen, die sie suchen. Weitere nützliche Funktionen, wie das Verwenden von Auto-Fill für Formulardaten, helfen ebenfalls, die Benutzererfahrung (UX) auf Ihrer Seite zu optimieren.

'Usability’ bezieht sich darauf, wie benutzerfreundlich eine Website ist. Es geht darum, eine unkomplizierte Benutzererfahrung zu schaffen, die Ihre Kunden das Einkaufen auf Ihrer Seite genießen lässt. Und das bedeutet, Ihren Online-Shop so zu gestalten, dass Besucher genau das, was sie benötigen, schnell und einfach finden können.

Vielleicht ist der wichtigste Aspekt der Usability, wie einfach es ist, sich auf Ihrer Seite zurechtzufinden. Das Design Ihrer Website sollte die Navigation intuitiv gestalten und Kunden schnell zu den Produkten oder Informationen führen, die sie suchen. Weitere nützliche Funktionen, wie das Verwenden von Auto-Fill für Formulardaten, helfen ebenfalls, die Benutzererfahrung (UX) auf Ihrer Seite zu optimieren.

Warum ist ein benutzerfreundliches Webdesign so wichtig für die Konversion im E-Commerce?

Benutzerfreundlichkeit und eine positive Benutzererfahrung erhöhen die Wahrscheinlichkeit, dass 

  • ein Nutzer einen Kauf tätigt und

  • Erstkunden zu Stammkunden werden. 

Je einfacher es für Nutzer ist, Ihren Online-Shop zu navigieren, desto schneller können sie die Produkte finden, die sie möchten. Und das macht sie viel wahrscheinlicher zu zufriedenen Kunden. 

Kunden sind sich selten bewusst über gute Benutzerfreundlichkeit. Jedoch ist schlechte Benutzerfreundlichkeit deutlich merkbar (zum Beispiel, wenn wichtige Filter fehlen oder die Seite schwer zu navigieren ist). Erfüllt Ihre Seite nicht die Erwartungen des Kunden, werden sie einfach gehen, ohne etwas zu kaufen. Dies veranschaulicht den direkten Zusammenhang zwischen Benutzerfreundlichkeit und Konversion: Ihren Shop benutzerfreundlicher zu machen, ist entscheidend, um den Verkauf langfristig zu steigern.

Benutzerfreundlichkeit und eine positive Benutzererfahrung erhöhen die Wahrscheinlichkeit, dass 

  • ein Nutzer einen Kauf tätigt und

  • Erstkunden zu Stammkunden werden. 

Je einfacher es für Nutzer ist, Ihren Online-Shop zu navigieren, desto schneller können sie die Produkte finden, die sie möchten. Und das macht sie viel wahrscheinlicher zu zufriedenen Kunden. 

Kunden sind sich selten bewusst über gute Benutzerfreundlichkeit. Jedoch ist schlechte Benutzerfreundlichkeit deutlich merkbar (zum Beispiel, wenn wichtige Filter fehlen oder die Seite schwer zu navigieren ist). Erfüllt Ihre Seite nicht die Erwartungen des Kunden, werden sie einfach gehen, ohne etwas zu kaufen. Dies veranschaulicht den direkten Zusammenhang zwischen Benutzerfreundlichkeit und Konversion: Ihren Shop benutzerfreundlicher zu machen, ist entscheidend, um den Verkauf langfristig zu steigern.

Benutzerfreundlichkeit und eine positive Benutzererfahrung erhöhen die Wahrscheinlichkeit, dass 

  • ein Nutzer einen Kauf tätigt und

  • Erstkunden zu Stammkunden werden. 

Je einfacher es für Nutzer ist, Ihren Online-Shop zu navigieren, desto schneller können sie die Produkte finden, die sie möchten. Und das macht sie viel wahrscheinlicher zu zufriedenen Kunden. 

Kunden sind sich selten bewusst über gute Benutzerfreundlichkeit. Jedoch ist schlechte Benutzerfreundlichkeit deutlich merkbar (zum Beispiel, wenn wichtige Filter fehlen oder die Seite schwer zu navigieren ist). Erfüllt Ihre Seite nicht die Erwartungen des Kunden, werden sie einfach gehen, ohne etwas zu kaufen. Dies veranschaulicht den direkten Zusammenhang zwischen Benutzerfreundlichkeit und Konversion: Ihren Shop benutzerfreundlicher zu machen, ist entscheidend, um den Verkauf langfristig zu steigern.

Benutzerfreundlichkeit und eine positive Benutzererfahrung erhöhen die Wahrscheinlichkeit, dass 

  • ein Nutzer einen Kauf tätigt und

  • Erstkunden zu Stammkunden werden. 

Je einfacher es für Nutzer ist, Ihren Online-Shop zu navigieren, desto schneller können sie die Produkte finden, die sie möchten. Und das macht sie viel wahrscheinlicher zu zufriedenen Kunden. 

Kunden sind sich selten bewusst über gute Benutzerfreundlichkeit. Jedoch ist schlechte Benutzerfreundlichkeit deutlich merkbar (zum Beispiel, wenn wichtige Filter fehlen oder die Seite schwer zu navigieren ist). Erfüllt Ihre Seite nicht die Erwartungen des Kunden, werden sie einfach gehen, ohne etwas zu kaufen. Dies veranschaulicht den direkten Zusammenhang zwischen Benutzerfreundlichkeit und Konversion: Ihren Shop benutzerfreundlicher zu machen, ist entscheidend, um den Verkauf langfristig zu steigern.

Wie können Sie die Benutzerfreundlichkeit Ihres Online-Shops testen?

Um herauszufinden, ob das Design Ihres Shops benutzerorientiert ist, können Sie einen Usability-Test durchführen. Es gibt viele Arten von Tests zur Auswahl, abhängig von Ihrem Budget, Ihrem Erfahrungsstand und was Sie erreichen möchten. 

Unternehmen lernen am meisten durch die Durchführung von Live-Tests mit echten Nutzern, die sofortige Vorschläge zur Verbesserung des Designs eines Online-Shops anbieten können. Es gibt auch viele Tools, die Ihnen Einblicke in die Benutzerfreundlichkeit Ihres Shops geben können.


Um herauszufinden, ob das Design Ihres Shops benutzerorientiert ist, können Sie einen Usability-Test durchführen. Es gibt viele Arten von Tests zur Auswahl, abhängig von Ihrem Budget, Ihrem Erfahrungsstand und was Sie erreichen möchten. 

Unternehmen lernen am meisten durch die Durchführung von Live-Tests mit echten Nutzern, die sofortige Vorschläge zur Verbesserung des Designs eines Online-Shops anbieten können. Es gibt auch viele Tools, die Ihnen Einblicke in die Benutzerfreundlichkeit Ihres Shops geben können.


Um herauszufinden, ob das Design Ihres Shops benutzerorientiert ist, können Sie einen Usability-Test durchführen. Es gibt viele Arten von Tests zur Auswahl, abhängig von Ihrem Budget, Ihrem Erfahrungsstand und was Sie erreichen möchten. 

Unternehmen lernen am meisten durch die Durchführung von Live-Tests mit echten Nutzern, die sofortige Vorschläge zur Verbesserung des Designs eines Online-Shops anbieten können. Es gibt auch viele Tools, die Ihnen Einblicke in die Benutzerfreundlichkeit Ihres Shops geben können.


Um herauszufinden, ob das Design Ihres Shops benutzerorientiert ist, können Sie einen Usability-Test durchführen. Es gibt viele Arten von Tests zur Auswahl, abhängig von Ihrem Budget, Ihrem Erfahrungsstand und was Sie erreichen möchten. 

Unternehmen lernen am meisten durch die Durchführung von Live-Tests mit echten Nutzern, die sofortige Vorschläge zur Verbesserung des Designs eines Online-Shops anbieten können. Es gibt auch viele Tools, die Ihnen Einblicke in die Benutzerfreundlichkeit Ihres Shops geben können.


KPIs für Usability-Tests

Um die Bedienbarkeit messbar zu machen, ist es eine gute Idee, zunächst einige Schlüsselleistungsindikatoren (KPIs) zu definieren. Sie werden Ihnen helfen zu bestimmen, ob Ihr Webdesign effektiv und benutzerorientiert ist.

Quantitative Bedienbarkeits-KPIs umfassen:

  • die Erfolgsquote bei der Aufgabenbewältigung

  • wie lange es dauert, Aufgaben zu bewältigen

  • die Verwendung der Suchfunktion im Vergleich zur Nutzung der Seitennavigation

  • wie oft Fehler auftreten (beispielsweise bei der Verwendung spezifischer Zahlungsmethoden)

Qualitative Bedienbarkeits-KPIs umfassen:

  • Erwartungen und Leistung der Benutzer

  • allgemeine Zufriedenheit

Außerhalb der Testumgebung geben die folgenden KPIs eCommerce-Händlern Einblicke, wie benutzerfreundlich ihre Websites sind:

Um die Bedienbarkeit messbar zu machen, ist es eine gute Idee, zunächst einige Schlüsselleistungsindikatoren (KPIs) zu definieren. Sie werden Ihnen helfen zu bestimmen, ob Ihr Webdesign effektiv und benutzerorientiert ist.

Quantitative Bedienbarkeits-KPIs umfassen:

  • die Erfolgsquote bei der Aufgabenbewältigung

  • wie lange es dauert, Aufgaben zu bewältigen

  • die Verwendung der Suchfunktion im Vergleich zur Nutzung der Seitennavigation

  • wie oft Fehler auftreten (beispielsweise bei der Verwendung spezifischer Zahlungsmethoden)

Qualitative Bedienbarkeits-KPIs umfassen:

  • Erwartungen und Leistung der Benutzer

  • allgemeine Zufriedenheit

Außerhalb der Testumgebung geben die folgenden KPIs eCommerce-Händlern Einblicke, wie benutzerfreundlich ihre Websites sind:

Um die Bedienbarkeit messbar zu machen, ist es eine gute Idee, zunächst einige Schlüsselleistungsindikatoren (KPIs) zu definieren. Sie werden Ihnen helfen zu bestimmen, ob Ihr Webdesign effektiv und benutzerorientiert ist.

Quantitative Bedienbarkeits-KPIs umfassen:

  • die Erfolgsquote bei der Aufgabenbewältigung

  • wie lange es dauert, Aufgaben zu bewältigen

  • die Verwendung der Suchfunktion im Vergleich zur Nutzung der Seitennavigation

  • wie oft Fehler auftreten (beispielsweise bei der Verwendung spezifischer Zahlungsmethoden)

Qualitative Bedienbarkeits-KPIs umfassen:

  • Erwartungen und Leistung der Benutzer

  • allgemeine Zufriedenheit

Außerhalb der Testumgebung geben die folgenden KPIs eCommerce-Händlern Einblicke, wie benutzerfreundlich ihre Websites sind:

Um die Bedienbarkeit messbar zu machen, ist es eine gute Idee, zunächst einige Schlüsselleistungsindikatoren (KPIs) zu definieren. Sie werden Ihnen helfen zu bestimmen, ob Ihr Webdesign effektiv und benutzerorientiert ist.

Quantitative Bedienbarkeits-KPIs umfassen:

  • die Erfolgsquote bei der Aufgabenbewältigung

  • wie lange es dauert, Aufgaben zu bewältigen

  • die Verwendung der Suchfunktion im Vergleich zur Nutzung der Seitennavigation

  • wie oft Fehler auftreten (beispielsweise bei der Verwendung spezifischer Zahlungsmethoden)

Qualitative Bedienbarkeits-KPIs umfassen:

  • Erwartungen und Leistung der Benutzer

  • allgemeine Zufriedenheit

Außerhalb der Testumgebung geben die folgenden KPIs eCommerce-Händlern Einblicke, wie benutzerfreundlich ihre Websites sind:

Optimierung Ihres Online-Shops: 7 Usability-Tipps für eine benutzerfreundliche Webgestaltung

Als E-Commerce-Händler haben Sie mehr Auswahlmöglichkeiten als je zuvor, wenn es darum geht, Funktionen zu Ihrem Online-Shop hinzuzufügen. Dennoch ist es meist eine gute Idee, sich an die goldene Regel zu halten: Weniger ist mehr. Die Schlüssel zur Steigerung der Benutzerfreundlichkeit Ihrer Website sind eine intuitive Benutzeroberfläche und ein klares, leicht zu navigierendes Design. Hier sind einige Tipps, um Ihre Website noch benutzerfreundlicher zu gestalten.

Optimising your online shop: 7 usability tips for user-friendly web design


Tipp 1: Halten Sie die Ladezeiten so gering wie möglich

In vielen Fällen entscheiden Besucher allein aufgrund der Ladezeit einer Seite, ob sie auf einer Seite bleiben oder sie schnell wieder verlassen. Wenn Ihr Online-Shop nicht innerhalb von zwei bis drei Sekunden vollständig geladen ist, besteht eine gute Chance, dass der Benutzer sofort die Zurück-Taste drückt und zu den Suchergebnissen zurückkehrt. Wenn das passiert, haben Sie sie an Ihre Konkurrenten verloren. Darüber hinaus wird Ihre Konversionsrate leiden und die höhere Absprungrate auf Ihrer Seite wird ein negatives Signal an Google senden. Das Suchmaschinenranking Ihrer Website wird leiden, wenn Benutzer häufig innerhalb von nur wenigen Sekunden die Seite verlassen. Deshalb ist eine der besten Maßnahmen, um die Benutzerfreundlichkeit zu verbessern, die Optimierung der Ladezeit Ihrer Website (zum Beispiel durch Verwendung von komprimierten Produktbildern). 

Die Bilder, die Sie auf Ihrer Website verwenden, sollten niemals größer als 1920 x 1280 Pixel sein. Und folgen Sie dieser Faustregel: Laden Sie Fotos und hochwertige Grafiken als JPEG-Dateien hoch und kleinere Grafiken oder solche mit wenigen Farben oder Transparenzen als PNG-Dateien.

Tipp 2: Bleiben Sie bei einem klassischen Design

Im Laufe der Jahre haben Websites allmählich ein mehr oder weniger standardisiertes Seitenlayout übernommen. Dies ermöglicht es Online-Shoppern, eine Website intuitiv zu navigieren. Normalerweise sind die Elemente eines Online-Shops wie folgt angeordnet:


Das bedeutet nicht, dass jeder Online-Shop genau gleich aussehen muss. Jedoch erleichtern diese standardisierten Elemente den Benutzern die intuitive Bedienung der Website, was die Benutzerfreundlichkeit verbessert. Wenn Ihre Site ein ungewöhnliches, übermäßig kreatives Design verwendet, das die Standardelemente an schwer zu findenden Orten platziert, ist es wahrscheinlich, dass Sie potenzielle Kunden abschrecken. Das Gleiche gilt für die verwendeten Begriffe. Vermeiden Sie unkonventionelle Namen für Dinge wie den Warenkorb oder Anmelden. Dies führt nur zu Verwirrung.

Tipp 3: Machen Sie die Suche einfach

Ihre Kunden müssen Produkte auf Ihrer Website so einfach wie möglich finden können. Deshalb sind die folgenden Elemente so wichtig:

  • Logische Produktkategorien

  • Klar definierte Filter

  • Suchfunktion

Sie können auch Autovervollständigung verwenden, um die Suchleiste noch benutzerfreundlicher zu machen. Wenn Ihr Benutzer einen Suchbegriff eingibt, zeigen Sie ihm eine Liste möglicher Übereinstimmungen und die Anzahl der Suchergebnisse für jede Übereinstimmung.

Tipp 4: Ordnen Sie Bilder und Beschreibungen hilfreich an

Wenn der Benutzer das gesuchte Produkt gefunden hat, helfen detaillierte Bilder und informative Beschreibungen dabei, ihn zum Kauf zu verleiten. Auch hier ist es wichtig, die Elemente auf dem Bildschirm so zu arrangieren, dass der Shopper die Seite intuitiv navigieren kann. Einige Elemente erscheinen zum Beispiel normalerweise rechts neben der Bildergalerie. Dazu gehören:

  • Auswahl von Größe und Menge

  • Der 'In den Warenkorb legen'-Button

  • Eine schnelle Liste der wichtigsten Produktdetails

  • Eine Größentabelle (falls zutreffend)

Detaillierte Produktbeschreibungen und Kundenbewertungen sollten unterhalb der Bildergalerie positioniert werden.

Tipp 5: Lassen Sie Kunden 'weiter einkaufen'

Ein weiteres wichtiges Merkmal der Benutzerfreundlichkeit ist es, dem Benutzer zu ermöglichen, sofort weiter einzukaufen, nachdem er einen Artikel in den Warenkorb gelegt hat. Beispielsweise können Sie ein Pop-up-Fenster verwenden, um dem Benutzer die Option zu geben, entweder 'Zum Warenkorb' oder 'Weiter einkaufen' zu wählen. Wenn sie sich dafür entscheiden, weiter einzukaufen, sollten sie genau dort weitermachen können, wo sie aufgehört haben, ohne eine neue Suche durchführen oder ihre Suchfilter erneut einstellen zu müssen.

Es ist auch wichtig, eine 'Weiter einkaufen'-Schaltfläche innerhalb des Warenkorbs einzuschließen. In vielen Online-Shops hat ein Kunde keine Möglichkeit, zum Shop zurückzukehren, sobald er den Warenkorb betreten hat. Dadurch dauert es länger, bis sie wieder zur vorherigen Produktauswahl zurückfinden, und sie können sogar ihren Warenkorb verlassen. Um maximale Benutzerfreundlichkeit zu gewährleisten, sollte immer eine deutlich sichtbare 'Zurück zum Shop'- oder 'Weiter einkaufen'-Schaltfläche enthalten sein.

Tipp 6: Vereinfachen Sie den Checkout-Prozess

Die Benutzerfreundlichkeit des Checkouts ist einer der wichtigsten Faktoren, die Ihre Konversionsrate als E-Commerce-Händler steigern kann. Das könnte bedeuten, die Schritte im Bestellprozess auf die niedrigstmögliche Zahl zu reduzieren. Geben Sie Ihren Kunden auch die Möglichkeit, einen sofortigen One-Click-Kauf ohne Erstellung eines Kontos zu tätigen. Weitere Tipps finden Sie in unserem vollständigen Leitfaden zur Optimierung Ihres Checkout-Prozesses zur Steigerung der Konversion.

Tipp 7: Automatisieren Sie Formulare

Die beiden folgenden Automatisierungsoptionen machen das Ausfüllen von Formularen auf Ihrer Website einfacher und benutzerfreundlicher:

  • Auto-Fill füllt automatisch Formulardatenfelder aus, sobald der Kunde seine Adressinformationen eingibt.

  • Die Inline-Validierung findet mögliche Fehler in den vom Benutzer eingegebenen Informationen, indem sie sofort Dinge wie:

Als E-Commerce-Händler haben Sie mehr Auswahlmöglichkeiten als je zuvor, wenn es darum geht, Funktionen zu Ihrem Online-Shop hinzuzufügen. Dennoch ist es meist eine gute Idee, sich an die goldene Regel zu halten: Weniger ist mehr. Die Schlüssel zur Steigerung der Benutzerfreundlichkeit Ihrer Website sind eine intuitive Benutzeroberfläche und ein klares, leicht zu navigierendes Design. Hier sind einige Tipps, um Ihre Website noch benutzerfreundlicher zu gestalten.

Optimising your online shop: 7 usability tips for user-friendly web design


Tipp 1: Halten Sie die Ladezeiten so gering wie möglich

In vielen Fällen entscheiden Besucher allein aufgrund der Ladezeit einer Seite, ob sie auf einer Seite bleiben oder sie schnell wieder verlassen. Wenn Ihr Online-Shop nicht innerhalb von zwei bis drei Sekunden vollständig geladen ist, besteht eine gute Chance, dass der Benutzer sofort die Zurück-Taste drückt und zu den Suchergebnissen zurückkehrt. Wenn das passiert, haben Sie sie an Ihre Konkurrenten verloren. Darüber hinaus wird Ihre Konversionsrate leiden und die höhere Absprungrate auf Ihrer Seite wird ein negatives Signal an Google senden. Das Suchmaschinenranking Ihrer Website wird leiden, wenn Benutzer häufig innerhalb von nur wenigen Sekunden die Seite verlassen. Deshalb ist eine der besten Maßnahmen, um die Benutzerfreundlichkeit zu verbessern, die Optimierung der Ladezeit Ihrer Website (zum Beispiel durch Verwendung von komprimierten Produktbildern). 

Die Bilder, die Sie auf Ihrer Website verwenden, sollten niemals größer als 1920 x 1280 Pixel sein. Und folgen Sie dieser Faustregel: Laden Sie Fotos und hochwertige Grafiken als JPEG-Dateien hoch und kleinere Grafiken oder solche mit wenigen Farben oder Transparenzen als PNG-Dateien.

Tipp 2: Bleiben Sie bei einem klassischen Design

Im Laufe der Jahre haben Websites allmählich ein mehr oder weniger standardisiertes Seitenlayout übernommen. Dies ermöglicht es Online-Shoppern, eine Website intuitiv zu navigieren. Normalerweise sind die Elemente eines Online-Shops wie folgt angeordnet:


Das bedeutet nicht, dass jeder Online-Shop genau gleich aussehen muss. Jedoch erleichtern diese standardisierten Elemente den Benutzern die intuitive Bedienung der Website, was die Benutzerfreundlichkeit verbessert. Wenn Ihre Site ein ungewöhnliches, übermäßig kreatives Design verwendet, das die Standardelemente an schwer zu findenden Orten platziert, ist es wahrscheinlich, dass Sie potenzielle Kunden abschrecken. Das Gleiche gilt für die verwendeten Begriffe. Vermeiden Sie unkonventionelle Namen für Dinge wie den Warenkorb oder Anmelden. Dies führt nur zu Verwirrung.

Tipp 3: Machen Sie die Suche einfach

Ihre Kunden müssen Produkte auf Ihrer Website so einfach wie möglich finden können. Deshalb sind die folgenden Elemente so wichtig:

  • Logische Produktkategorien

  • Klar definierte Filter

  • Suchfunktion

Sie können auch Autovervollständigung verwenden, um die Suchleiste noch benutzerfreundlicher zu machen. Wenn Ihr Benutzer einen Suchbegriff eingibt, zeigen Sie ihm eine Liste möglicher Übereinstimmungen und die Anzahl der Suchergebnisse für jede Übereinstimmung.

Tipp 4: Ordnen Sie Bilder und Beschreibungen hilfreich an

Wenn der Benutzer das gesuchte Produkt gefunden hat, helfen detaillierte Bilder und informative Beschreibungen dabei, ihn zum Kauf zu verleiten. Auch hier ist es wichtig, die Elemente auf dem Bildschirm so zu arrangieren, dass der Shopper die Seite intuitiv navigieren kann. Einige Elemente erscheinen zum Beispiel normalerweise rechts neben der Bildergalerie. Dazu gehören:

  • Auswahl von Größe und Menge

  • Der 'In den Warenkorb legen'-Button

  • Eine schnelle Liste der wichtigsten Produktdetails

  • Eine Größentabelle (falls zutreffend)

Detaillierte Produktbeschreibungen und Kundenbewertungen sollten unterhalb der Bildergalerie positioniert werden.

Tipp 5: Lassen Sie Kunden 'weiter einkaufen'

Ein weiteres wichtiges Merkmal der Benutzerfreundlichkeit ist es, dem Benutzer zu ermöglichen, sofort weiter einzukaufen, nachdem er einen Artikel in den Warenkorb gelegt hat. Beispielsweise können Sie ein Pop-up-Fenster verwenden, um dem Benutzer die Option zu geben, entweder 'Zum Warenkorb' oder 'Weiter einkaufen' zu wählen. Wenn sie sich dafür entscheiden, weiter einzukaufen, sollten sie genau dort weitermachen können, wo sie aufgehört haben, ohne eine neue Suche durchführen oder ihre Suchfilter erneut einstellen zu müssen.

Es ist auch wichtig, eine 'Weiter einkaufen'-Schaltfläche innerhalb des Warenkorbs einzuschließen. In vielen Online-Shops hat ein Kunde keine Möglichkeit, zum Shop zurückzukehren, sobald er den Warenkorb betreten hat. Dadurch dauert es länger, bis sie wieder zur vorherigen Produktauswahl zurückfinden, und sie können sogar ihren Warenkorb verlassen. Um maximale Benutzerfreundlichkeit zu gewährleisten, sollte immer eine deutlich sichtbare 'Zurück zum Shop'- oder 'Weiter einkaufen'-Schaltfläche enthalten sein.

Tipp 6: Vereinfachen Sie den Checkout-Prozess

Die Benutzerfreundlichkeit des Checkouts ist einer der wichtigsten Faktoren, die Ihre Konversionsrate als E-Commerce-Händler steigern kann. Das könnte bedeuten, die Schritte im Bestellprozess auf die niedrigstmögliche Zahl zu reduzieren. Geben Sie Ihren Kunden auch die Möglichkeit, einen sofortigen One-Click-Kauf ohne Erstellung eines Kontos zu tätigen. Weitere Tipps finden Sie in unserem vollständigen Leitfaden zur Optimierung Ihres Checkout-Prozesses zur Steigerung der Konversion.

Tipp 7: Automatisieren Sie Formulare

Die beiden folgenden Automatisierungsoptionen machen das Ausfüllen von Formularen auf Ihrer Website einfacher und benutzerfreundlicher:

  • Auto-Fill füllt automatisch Formulardatenfelder aus, sobald der Kunde seine Adressinformationen eingibt.

  • Die Inline-Validierung findet mögliche Fehler in den vom Benutzer eingegebenen Informationen, indem sie sofort Dinge wie:

Als E-Commerce-Händler haben Sie mehr Auswahlmöglichkeiten als je zuvor, wenn es darum geht, Funktionen zu Ihrem Online-Shop hinzuzufügen. Dennoch ist es meist eine gute Idee, sich an die goldene Regel zu halten: Weniger ist mehr. Die Schlüssel zur Steigerung der Benutzerfreundlichkeit Ihrer Website sind eine intuitive Benutzeroberfläche und ein klares, leicht zu navigierendes Design. Hier sind einige Tipps, um Ihre Website noch benutzerfreundlicher zu gestalten.

Optimising your online shop: 7 usability tips for user-friendly web design


Tipp 1: Halten Sie die Ladezeiten so gering wie möglich

In vielen Fällen entscheiden Besucher allein aufgrund der Ladezeit einer Seite, ob sie auf einer Seite bleiben oder sie schnell wieder verlassen. Wenn Ihr Online-Shop nicht innerhalb von zwei bis drei Sekunden vollständig geladen ist, besteht eine gute Chance, dass der Benutzer sofort die Zurück-Taste drückt und zu den Suchergebnissen zurückkehrt. Wenn das passiert, haben Sie sie an Ihre Konkurrenten verloren. Darüber hinaus wird Ihre Konversionsrate leiden und die höhere Absprungrate auf Ihrer Seite wird ein negatives Signal an Google senden. Das Suchmaschinenranking Ihrer Website wird leiden, wenn Benutzer häufig innerhalb von nur wenigen Sekunden die Seite verlassen. Deshalb ist eine der besten Maßnahmen, um die Benutzerfreundlichkeit zu verbessern, die Optimierung der Ladezeit Ihrer Website (zum Beispiel durch Verwendung von komprimierten Produktbildern). 

Die Bilder, die Sie auf Ihrer Website verwenden, sollten niemals größer als 1920 x 1280 Pixel sein. Und folgen Sie dieser Faustregel: Laden Sie Fotos und hochwertige Grafiken als JPEG-Dateien hoch und kleinere Grafiken oder solche mit wenigen Farben oder Transparenzen als PNG-Dateien.

Tipp 2: Bleiben Sie bei einem klassischen Design

Im Laufe der Jahre haben Websites allmählich ein mehr oder weniger standardisiertes Seitenlayout übernommen. Dies ermöglicht es Online-Shoppern, eine Website intuitiv zu navigieren. Normalerweise sind die Elemente eines Online-Shops wie folgt angeordnet:


Das bedeutet nicht, dass jeder Online-Shop genau gleich aussehen muss. Jedoch erleichtern diese standardisierten Elemente den Benutzern die intuitive Bedienung der Website, was die Benutzerfreundlichkeit verbessert. Wenn Ihre Site ein ungewöhnliches, übermäßig kreatives Design verwendet, das die Standardelemente an schwer zu findenden Orten platziert, ist es wahrscheinlich, dass Sie potenzielle Kunden abschrecken. Das Gleiche gilt für die verwendeten Begriffe. Vermeiden Sie unkonventionelle Namen für Dinge wie den Warenkorb oder Anmelden. Dies führt nur zu Verwirrung.

Tipp 3: Machen Sie die Suche einfach

Ihre Kunden müssen Produkte auf Ihrer Website so einfach wie möglich finden können. Deshalb sind die folgenden Elemente so wichtig:

  • Logische Produktkategorien

  • Klar definierte Filter

  • Suchfunktion

Sie können auch Autovervollständigung verwenden, um die Suchleiste noch benutzerfreundlicher zu machen. Wenn Ihr Benutzer einen Suchbegriff eingibt, zeigen Sie ihm eine Liste möglicher Übereinstimmungen und die Anzahl der Suchergebnisse für jede Übereinstimmung.

Tipp 4: Ordnen Sie Bilder und Beschreibungen hilfreich an

Wenn der Benutzer das gesuchte Produkt gefunden hat, helfen detaillierte Bilder und informative Beschreibungen dabei, ihn zum Kauf zu verleiten. Auch hier ist es wichtig, die Elemente auf dem Bildschirm so zu arrangieren, dass der Shopper die Seite intuitiv navigieren kann. Einige Elemente erscheinen zum Beispiel normalerweise rechts neben der Bildergalerie. Dazu gehören:

  • Auswahl von Größe und Menge

  • Der 'In den Warenkorb legen'-Button

  • Eine schnelle Liste der wichtigsten Produktdetails

  • Eine Größentabelle (falls zutreffend)

Detaillierte Produktbeschreibungen und Kundenbewertungen sollten unterhalb der Bildergalerie positioniert werden.

Tipp 5: Lassen Sie Kunden 'weiter einkaufen'

Ein weiteres wichtiges Merkmal der Benutzerfreundlichkeit ist es, dem Benutzer zu ermöglichen, sofort weiter einzukaufen, nachdem er einen Artikel in den Warenkorb gelegt hat. Beispielsweise können Sie ein Pop-up-Fenster verwenden, um dem Benutzer die Option zu geben, entweder 'Zum Warenkorb' oder 'Weiter einkaufen' zu wählen. Wenn sie sich dafür entscheiden, weiter einzukaufen, sollten sie genau dort weitermachen können, wo sie aufgehört haben, ohne eine neue Suche durchführen oder ihre Suchfilter erneut einstellen zu müssen.

Es ist auch wichtig, eine 'Weiter einkaufen'-Schaltfläche innerhalb des Warenkorbs einzuschließen. In vielen Online-Shops hat ein Kunde keine Möglichkeit, zum Shop zurückzukehren, sobald er den Warenkorb betreten hat. Dadurch dauert es länger, bis sie wieder zur vorherigen Produktauswahl zurückfinden, und sie können sogar ihren Warenkorb verlassen. Um maximale Benutzerfreundlichkeit zu gewährleisten, sollte immer eine deutlich sichtbare 'Zurück zum Shop'- oder 'Weiter einkaufen'-Schaltfläche enthalten sein.

Tipp 6: Vereinfachen Sie den Checkout-Prozess

Die Benutzerfreundlichkeit des Checkouts ist einer der wichtigsten Faktoren, die Ihre Konversionsrate als E-Commerce-Händler steigern kann. Das könnte bedeuten, die Schritte im Bestellprozess auf die niedrigstmögliche Zahl zu reduzieren. Geben Sie Ihren Kunden auch die Möglichkeit, einen sofortigen One-Click-Kauf ohne Erstellung eines Kontos zu tätigen. Weitere Tipps finden Sie in unserem vollständigen Leitfaden zur Optimierung Ihres Checkout-Prozesses zur Steigerung der Konversion.

Tipp 7: Automatisieren Sie Formulare

Die beiden folgenden Automatisierungsoptionen machen das Ausfüllen von Formularen auf Ihrer Website einfacher und benutzerfreundlicher:

  • Auto-Fill füllt automatisch Formulardatenfelder aus, sobald der Kunde seine Adressinformationen eingibt.

  • Die Inline-Validierung findet mögliche Fehler in den vom Benutzer eingegebenen Informationen, indem sie sofort Dinge wie:

Als E-Commerce-Händler haben Sie mehr Auswahlmöglichkeiten als je zuvor, wenn es darum geht, Funktionen zu Ihrem Online-Shop hinzuzufügen. Dennoch ist es meist eine gute Idee, sich an die goldene Regel zu halten: Weniger ist mehr. Die Schlüssel zur Steigerung der Benutzerfreundlichkeit Ihrer Website sind eine intuitive Benutzeroberfläche und ein klares, leicht zu navigierendes Design. Hier sind einige Tipps, um Ihre Website noch benutzerfreundlicher zu gestalten.

Optimising your online shop: 7 usability tips for user-friendly web design


Tipp 1: Halten Sie die Ladezeiten so gering wie möglich

In vielen Fällen entscheiden Besucher allein aufgrund der Ladezeit einer Seite, ob sie auf einer Seite bleiben oder sie schnell wieder verlassen. Wenn Ihr Online-Shop nicht innerhalb von zwei bis drei Sekunden vollständig geladen ist, besteht eine gute Chance, dass der Benutzer sofort die Zurück-Taste drückt und zu den Suchergebnissen zurückkehrt. Wenn das passiert, haben Sie sie an Ihre Konkurrenten verloren. Darüber hinaus wird Ihre Konversionsrate leiden und die höhere Absprungrate auf Ihrer Seite wird ein negatives Signal an Google senden. Das Suchmaschinenranking Ihrer Website wird leiden, wenn Benutzer häufig innerhalb von nur wenigen Sekunden die Seite verlassen. Deshalb ist eine der besten Maßnahmen, um die Benutzerfreundlichkeit zu verbessern, die Optimierung der Ladezeit Ihrer Website (zum Beispiel durch Verwendung von komprimierten Produktbildern). 

Die Bilder, die Sie auf Ihrer Website verwenden, sollten niemals größer als 1920 x 1280 Pixel sein. Und folgen Sie dieser Faustregel: Laden Sie Fotos und hochwertige Grafiken als JPEG-Dateien hoch und kleinere Grafiken oder solche mit wenigen Farben oder Transparenzen als PNG-Dateien.

Tipp 2: Bleiben Sie bei einem klassischen Design

Im Laufe der Jahre haben Websites allmählich ein mehr oder weniger standardisiertes Seitenlayout übernommen. Dies ermöglicht es Online-Shoppern, eine Website intuitiv zu navigieren. Normalerweise sind die Elemente eines Online-Shops wie folgt angeordnet:


Das bedeutet nicht, dass jeder Online-Shop genau gleich aussehen muss. Jedoch erleichtern diese standardisierten Elemente den Benutzern die intuitive Bedienung der Website, was die Benutzerfreundlichkeit verbessert. Wenn Ihre Site ein ungewöhnliches, übermäßig kreatives Design verwendet, das die Standardelemente an schwer zu findenden Orten platziert, ist es wahrscheinlich, dass Sie potenzielle Kunden abschrecken. Das Gleiche gilt für die verwendeten Begriffe. Vermeiden Sie unkonventionelle Namen für Dinge wie den Warenkorb oder Anmelden. Dies führt nur zu Verwirrung.

Tipp 3: Machen Sie die Suche einfach

Ihre Kunden müssen Produkte auf Ihrer Website so einfach wie möglich finden können. Deshalb sind die folgenden Elemente so wichtig:

  • Logische Produktkategorien

  • Klar definierte Filter

  • Suchfunktion

Sie können auch Autovervollständigung verwenden, um die Suchleiste noch benutzerfreundlicher zu machen. Wenn Ihr Benutzer einen Suchbegriff eingibt, zeigen Sie ihm eine Liste möglicher Übereinstimmungen und die Anzahl der Suchergebnisse für jede Übereinstimmung.

Tipp 4: Ordnen Sie Bilder und Beschreibungen hilfreich an

Wenn der Benutzer das gesuchte Produkt gefunden hat, helfen detaillierte Bilder und informative Beschreibungen dabei, ihn zum Kauf zu verleiten. Auch hier ist es wichtig, die Elemente auf dem Bildschirm so zu arrangieren, dass der Shopper die Seite intuitiv navigieren kann. Einige Elemente erscheinen zum Beispiel normalerweise rechts neben der Bildergalerie. Dazu gehören:

  • Auswahl von Größe und Menge

  • Der 'In den Warenkorb legen'-Button

  • Eine schnelle Liste der wichtigsten Produktdetails

  • Eine Größentabelle (falls zutreffend)

Detaillierte Produktbeschreibungen und Kundenbewertungen sollten unterhalb der Bildergalerie positioniert werden.

Tipp 5: Lassen Sie Kunden 'weiter einkaufen'

Ein weiteres wichtiges Merkmal der Benutzerfreundlichkeit ist es, dem Benutzer zu ermöglichen, sofort weiter einzukaufen, nachdem er einen Artikel in den Warenkorb gelegt hat. Beispielsweise können Sie ein Pop-up-Fenster verwenden, um dem Benutzer die Option zu geben, entweder 'Zum Warenkorb' oder 'Weiter einkaufen' zu wählen. Wenn sie sich dafür entscheiden, weiter einzukaufen, sollten sie genau dort weitermachen können, wo sie aufgehört haben, ohne eine neue Suche durchführen oder ihre Suchfilter erneut einstellen zu müssen.

Es ist auch wichtig, eine 'Weiter einkaufen'-Schaltfläche innerhalb des Warenkorbs einzuschließen. In vielen Online-Shops hat ein Kunde keine Möglichkeit, zum Shop zurückzukehren, sobald er den Warenkorb betreten hat. Dadurch dauert es länger, bis sie wieder zur vorherigen Produktauswahl zurückfinden, und sie können sogar ihren Warenkorb verlassen. Um maximale Benutzerfreundlichkeit zu gewährleisten, sollte immer eine deutlich sichtbare 'Zurück zum Shop'- oder 'Weiter einkaufen'-Schaltfläche enthalten sein.

Tipp 6: Vereinfachen Sie den Checkout-Prozess

Die Benutzerfreundlichkeit des Checkouts ist einer der wichtigsten Faktoren, die Ihre Konversionsrate als E-Commerce-Händler steigern kann. Das könnte bedeuten, die Schritte im Bestellprozess auf die niedrigstmögliche Zahl zu reduzieren. Geben Sie Ihren Kunden auch die Möglichkeit, einen sofortigen One-Click-Kauf ohne Erstellung eines Kontos zu tätigen. Weitere Tipps finden Sie in unserem vollständigen Leitfaden zur Optimierung Ihres Checkout-Prozesses zur Steigerung der Konversion.

Tipp 7: Automatisieren Sie Formulare

Die beiden folgenden Automatisierungsoptionen machen das Ausfüllen von Formularen auf Ihrer Website einfacher und benutzerfreundlicher:

  • Auto-Fill füllt automatisch Formulardatenfelder aus, sobald der Kunde seine Adressinformationen eingibt.

  • Die Inline-Validierung findet mögliche Fehler in den vom Benutzer eingegebenen Informationen, indem sie sofort Dinge wie:

Mobile-Commerce: Benutzerfreundliches Shop-Design für mobile Geräte

Online-Shopping mit dem Mobiltelefon wird immer beliebter. Die Shopping Index-Studie von Salesforce aus dem Jahr 2019 hat ergeben, dass 70 % der Nutzer weltweit es vorziehen, auf ihren mobilen Geräten nach Produkten zu suchen. Um zu verhindern, dass potenzielle Kunden Ihren Online-Shop sofort wieder verlassen, ist es wichtig, die Benutzerfreundlichkeit Ihrer Website für Smartphones und Tablets zu optimieren. Hier sind einige Tipps für die Erstellung eines benutzerfreundlichen Designs für mobile Shops.

Mobile commerce: User-friendly shop design for mobile devices


Inhalte reduzieren

Mobilgeräte bieten deutlich weniger Bildschirmplatz als Desktop-Monitore. Deshalb ist es wichtig, Ihre Seite auf die beliebtesten Kernfunktionen zu straffen und diese in den Mittelpunkt Ihres mobilen Designs zu stellen. Achten Sie darauf, dass die Menüoptionen kurz und klar gehalten sind – das wird die Benutzbarkeit in der mobilen Version Ihres Shops erhöhen.

Verwenden Sie ein leicht zu navigierendes Design

Ein hochfunktionales Design ist für den M-Commerce sogar noch wichtiger. Vermeiden Sie unnötige Spielereien, riesige Bilder und Multimediainhalte. Diese überfordern nicht nur den Nutzer; sie verlangsamen auch die Ladezeit Ihrer Seite. Geben Sie Ihren Kunden stets einen klaren, einfachen Weg, um jederzeit zur Startseite zurückzukehren. Und stellen Sie sicher, dass Seitenelemente wie der Warenkorb und die Hauptnavigationsmöglichkeiten immer leicht zugänglich sind.

Nutzen Sie das Touchscreen effektiv

Gestalten Sie die mobile Version Ihres Online-Shops so, dass Benutzer niemals heranzoomen müssen, um sie zu verwenden. Machen Sie CTA-Buttons groß genug, damit der Benutzer sie leicht mit dem Finger drücken kann. Sie können auch mobile Funktionalitäten wie Wischen nutzen, die es Benutzern ermöglichen, durch Produktbilder zu blättern und längere Texte strukturierter darzustellen.

Synchronisieren Sie den Warenkorb

Ein benutzerorientierter Warenkorb ist auch im M-Commerce wichtig. Stellen Sie sicher, dass die Funktionen einfach zu verwenden sind und dass Kunden Produkte in ihrem Warenkorb leicht verwalten können. Es ist auch eine gute Idee, die Synchronisierung mit der Desktop-Version Ihrer Site zu ermöglichen. Dies ermöglicht es Benutzern, auf ihrem mobilen Gerät mit dem Einkaufen zu beginnen und dann den Kauf später auf dem Desktop abzuschließen, wenn sie es bevorzugen.

Online-Shopping mit dem Mobiltelefon wird immer beliebter. Die Shopping Index-Studie von Salesforce aus dem Jahr 2019 hat ergeben, dass 70 % der Nutzer weltweit es vorziehen, auf ihren mobilen Geräten nach Produkten zu suchen. Um zu verhindern, dass potenzielle Kunden Ihren Online-Shop sofort wieder verlassen, ist es wichtig, die Benutzerfreundlichkeit Ihrer Website für Smartphones und Tablets zu optimieren. Hier sind einige Tipps für die Erstellung eines benutzerfreundlichen Designs für mobile Shops.

Mobile commerce: User-friendly shop design for mobile devices


Inhalte reduzieren

Mobilgeräte bieten deutlich weniger Bildschirmplatz als Desktop-Monitore. Deshalb ist es wichtig, Ihre Seite auf die beliebtesten Kernfunktionen zu straffen und diese in den Mittelpunkt Ihres mobilen Designs zu stellen. Achten Sie darauf, dass die Menüoptionen kurz und klar gehalten sind – das wird die Benutzbarkeit in der mobilen Version Ihres Shops erhöhen.

Verwenden Sie ein leicht zu navigierendes Design

Ein hochfunktionales Design ist für den M-Commerce sogar noch wichtiger. Vermeiden Sie unnötige Spielereien, riesige Bilder und Multimediainhalte. Diese überfordern nicht nur den Nutzer; sie verlangsamen auch die Ladezeit Ihrer Seite. Geben Sie Ihren Kunden stets einen klaren, einfachen Weg, um jederzeit zur Startseite zurückzukehren. Und stellen Sie sicher, dass Seitenelemente wie der Warenkorb und die Hauptnavigationsmöglichkeiten immer leicht zugänglich sind.

Nutzen Sie das Touchscreen effektiv

Gestalten Sie die mobile Version Ihres Online-Shops so, dass Benutzer niemals heranzoomen müssen, um sie zu verwenden. Machen Sie CTA-Buttons groß genug, damit der Benutzer sie leicht mit dem Finger drücken kann. Sie können auch mobile Funktionalitäten wie Wischen nutzen, die es Benutzern ermöglichen, durch Produktbilder zu blättern und längere Texte strukturierter darzustellen.

Synchronisieren Sie den Warenkorb

Ein benutzerorientierter Warenkorb ist auch im M-Commerce wichtig. Stellen Sie sicher, dass die Funktionen einfach zu verwenden sind und dass Kunden Produkte in ihrem Warenkorb leicht verwalten können. Es ist auch eine gute Idee, die Synchronisierung mit der Desktop-Version Ihrer Site zu ermöglichen. Dies ermöglicht es Benutzern, auf ihrem mobilen Gerät mit dem Einkaufen zu beginnen und dann den Kauf später auf dem Desktop abzuschließen, wenn sie es bevorzugen.

Online-Shopping mit dem Mobiltelefon wird immer beliebter. Die Shopping Index-Studie von Salesforce aus dem Jahr 2019 hat ergeben, dass 70 % der Nutzer weltweit es vorziehen, auf ihren mobilen Geräten nach Produkten zu suchen. Um zu verhindern, dass potenzielle Kunden Ihren Online-Shop sofort wieder verlassen, ist es wichtig, die Benutzerfreundlichkeit Ihrer Website für Smartphones und Tablets zu optimieren. Hier sind einige Tipps für die Erstellung eines benutzerfreundlichen Designs für mobile Shops.

Mobile commerce: User-friendly shop design for mobile devices


Inhalte reduzieren

Mobilgeräte bieten deutlich weniger Bildschirmplatz als Desktop-Monitore. Deshalb ist es wichtig, Ihre Seite auf die beliebtesten Kernfunktionen zu straffen und diese in den Mittelpunkt Ihres mobilen Designs zu stellen. Achten Sie darauf, dass die Menüoptionen kurz und klar gehalten sind – das wird die Benutzbarkeit in der mobilen Version Ihres Shops erhöhen.

Verwenden Sie ein leicht zu navigierendes Design

Ein hochfunktionales Design ist für den M-Commerce sogar noch wichtiger. Vermeiden Sie unnötige Spielereien, riesige Bilder und Multimediainhalte. Diese überfordern nicht nur den Nutzer; sie verlangsamen auch die Ladezeit Ihrer Seite. Geben Sie Ihren Kunden stets einen klaren, einfachen Weg, um jederzeit zur Startseite zurückzukehren. Und stellen Sie sicher, dass Seitenelemente wie der Warenkorb und die Hauptnavigationsmöglichkeiten immer leicht zugänglich sind.

Nutzen Sie das Touchscreen effektiv

Gestalten Sie die mobile Version Ihres Online-Shops so, dass Benutzer niemals heranzoomen müssen, um sie zu verwenden. Machen Sie CTA-Buttons groß genug, damit der Benutzer sie leicht mit dem Finger drücken kann. Sie können auch mobile Funktionalitäten wie Wischen nutzen, die es Benutzern ermöglichen, durch Produktbilder zu blättern und längere Texte strukturierter darzustellen.

Synchronisieren Sie den Warenkorb

Ein benutzerorientierter Warenkorb ist auch im M-Commerce wichtig. Stellen Sie sicher, dass die Funktionen einfach zu verwenden sind und dass Kunden Produkte in ihrem Warenkorb leicht verwalten können. Es ist auch eine gute Idee, die Synchronisierung mit der Desktop-Version Ihrer Site zu ermöglichen. Dies ermöglicht es Benutzern, auf ihrem mobilen Gerät mit dem Einkaufen zu beginnen und dann den Kauf später auf dem Desktop abzuschließen, wenn sie es bevorzugen.

Online-Shopping mit dem Mobiltelefon wird immer beliebter. Die Shopping Index-Studie von Salesforce aus dem Jahr 2019 hat ergeben, dass 70 % der Nutzer weltweit es vorziehen, auf ihren mobilen Geräten nach Produkten zu suchen. Um zu verhindern, dass potenzielle Kunden Ihren Online-Shop sofort wieder verlassen, ist es wichtig, die Benutzerfreundlichkeit Ihrer Website für Smartphones und Tablets zu optimieren. Hier sind einige Tipps für die Erstellung eines benutzerfreundlichen Designs für mobile Shops.

Mobile commerce: User-friendly shop design for mobile devices


Inhalte reduzieren

Mobilgeräte bieten deutlich weniger Bildschirmplatz als Desktop-Monitore. Deshalb ist es wichtig, Ihre Seite auf die beliebtesten Kernfunktionen zu straffen und diese in den Mittelpunkt Ihres mobilen Designs zu stellen. Achten Sie darauf, dass die Menüoptionen kurz und klar gehalten sind – das wird die Benutzbarkeit in der mobilen Version Ihres Shops erhöhen.

Verwenden Sie ein leicht zu navigierendes Design

Ein hochfunktionales Design ist für den M-Commerce sogar noch wichtiger. Vermeiden Sie unnötige Spielereien, riesige Bilder und Multimediainhalte. Diese überfordern nicht nur den Nutzer; sie verlangsamen auch die Ladezeit Ihrer Seite. Geben Sie Ihren Kunden stets einen klaren, einfachen Weg, um jederzeit zur Startseite zurückzukehren. Und stellen Sie sicher, dass Seitenelemente wie der Warenkorb und die Hauptnavigationsmöglichkeiten immer leicht zugänglich sind.

Nutzen Sie das Touchscreen effektiv

Gestalten Sie die mobile Version Ihres Online-Shops so, dass Benutzer niemals heranzoomen müssen, um sie zu verwenden. Machen Sie CTA-Buttons groß genug, damit der Benutzer sie leicht mit dem Finger drücken kann. Sie können auch mobile Funktionalitäten wie Wischen nutzen, die es Benutzern ermöglichen, durch Produktbilder zu blättern und längere Texte strukturierter darzustellen.

Synchronisieren Sie den Warenkorb

Ein benutzerorientierter Warenkorb ist auch im M-Commerce wichtig. Stellen Sie sicher, dass die Funktionen einfach zu verwenden sind und dass Kunden Produkte in ihrem Warenkorb leicht verwalten können. Es ist auch eine gute Idee, die Synchronisierung mit der Desktop-Version Ihrer Site zu ermöglichen. Dies ermöglicht es Benutzern, auf ihrem mobilen Gerät mit dem Einkaufen zu beginnen und dann den Kauf später auf dem Desktop abzuschließen, wenn sie es bevorzugen.

Checkliste: Entspricht Ihr Online-Shop in puncto Benutzerfreundlichkeit allen Anforderungen?

Diese Checkliste hilft Ihnen dabei, schnell und einfach zu bewerten, wie benutzerfreundlich Ihr Online-Shop ist. So können Sie Bereiche identifizieren, in denen Sie die Benutzerfreundlichkeit verbessern und Ihre Konversionsrate steigern können.


Bleiben Sie auf dem Laufenden

Verpassen Sie nie ein Update. Erhalten Sie Produktaktualisierungen, Neuigkeiten und Kundenstories direkt in Ihren Posteingang.

Bleiben Sie auf dem Laufenden

Verpassen Sie nie ein Update. Erhalten Sie Produktaktualisierungen, Neuigkeiten und Kundenstories direkt in Ihren Posteingang.

Verbinden Sie jede Zahlung. Verbessern Sie jeden Teil Ihres Geschäfts.

Verpassen Sie nie ein Update. Erhalten Sie Produktaktualisierungen, Neuigkeiten und Kundenstories direkt in Ihren Posteingang.

Bleiben Sie auf dem Laufenden

Verpassen Sie nie ein Update. Erhalten Sie Produktaktualisierungen, Neuigkeiten und Kundenstories direkt in Ihren Posteingang.

Form fields
Form fields
Form fields

Table of contents

Table of contents

MollieArtikelUsability-Tipps zur Conversion-Optimierung: Nutzerfreundlicher Shop
MollieArtikelUsability-Tipps zur Conversion-Optimierung: Nutzerfreundlicher Shop