Einstellungen zur Benutzererfahrung

Ausgewählte Links

1. Company XYZ-Dokumentation zu Einstellungen zur Benutzererfahrung
2. Shopify-Dokumentation zum Theme-Editor

Hilfreiche Videos

Shopify Academy-Video: Ihren Shop anpassen

Shopify Academy-Video: Ihren Shop anpassen

Verwenden Sie diese globalen Einstellungen, damit sich Einkaufsinteraktionen im gesamten Theme konsistent anfühlen. Sie beeinflussen, wie Kunden Rückmeldungen zum Warenkorb erhalten, Produktbilder prüfen, verknüpfte Karten und Banner erkennen, beim Scrollen navigieren und zwischen Seiten wechseln.

Verhalten von Warenkorb und Produktgalerie

Wählen Sie den Stil zum Hinzufügen zum Warenkorb, der am besten zu Ihrem Kaufprozess passt:

1. Redirect to cart leitet Kunden nach dem Hinzufügen eines Artikels direkt zu ihrem Warenkorb weiter. Dies eignet sich für Shops, in denen Kunden ihre Bestellung sofort überprüfen sollen.
2. Show mini cart bestätigt das Hinzufügen in einem Overlay, während Kunden auf der aktuellen Seite bleiben. Dies ist die Standardeinstellung und unterstützt das weitere Stöbern.
3. Update icon only hält die Interaktion minimal, indem nur die Warenkorbanzeige aktualisiert wird, ohne eine Warenkorbansicht zu öffnen.

Wählen Sie, ob Kunden Produktbilder in einer Lightbox öffnen können. Der Galerie-Zoom ist nützlich, wenn Käufer Materialien, Details oder Produktvarianten genauer prüfen müssen. Deaktivieren Sie ihn für eine einfachere Bildansicht.

Wenn Sie den Warenkorb-Stil Update icon only verwenden, stellen Sie sicher, dass die Warenkorbanzeige gut sichtbar bleibt. Kunden sollten erkennen können, dass ein Artikel hinzugefügt wurde, ohne die Seite zu verlassen.

Overlays und Hover-Rückmeldungen

Aktivieren Sie den Unschärfeeffekt für Overlays, um den Inhalt hinter unterstützten Overlays weicher darzustellen und die Aufmerksamkeit auf die aktive Interaktion zu lenken. Deaktivieren Sie ihn, wenn Sie eine schärfere Darstellung bevorzugen oder Hintergrundinhalte besser sichtbar bleiben sollen.

Die Skalierung von Karten und die Bildfilter fügen Karten und verknüpften Bannern im gesamten Theme Hover-Rückmeldungen hinzu. Beide sind standardmäßig aktiviert. Verwenden Sie sie, um verknüpfte Inhalte leichter auffindbar zu machen. Halten Sie die Effekte jedoch dezent, wenn Karten detaillierte Bilder oder textlastige Layouts verwenden.

Verhalten des Headers

Steuern Sie, wie sich der Header verhält, während Kunden scrollen:

1. Fixed hält Navigation, Suche und Warenkorb-Steuerelemente oben auf dem Bildschirm sichtbar.
2. Hide on scroll verkleinert den Header, während Kunden nach unten scrollen, und blendet ihn wieder ein, wenn sie nach oben scrollen. Dies ist das Standardverhalten.
3. Off belässt den Header an seiner normalen Position oben auf jeder Seite.

Ein fixer Header ermöglicht den schnellen Zugriff auf wichtige Steuerelemente. Ein ausgeblendeter Header schafft mehr Platz für Inhalte, was besonders auf kleineren Bildschirmen hilfreich sein kann.

Seitenübergänge

Verwenden Sie einen Überblendungsübergang, um den visuellen Wechsel zwischen Seiten weicher zu gestalten. Lassen Sie Übergänge deaktiviert, wenn Sie sofortige Navigationsrückmeldungen oder ein minimalistischeres Surferlebnis bevorzugen.

Tipp

Vermeiden Sie die Kombination starker Seitenübergänge mit ausgeprägten Hover-Effekten und Overlays. Wenn konkurrierende Bewegungen begrenzt werden, können Kunden sich besser auf Produkte und Kaufaktionen konzentrieren.

Nutzungshinweise

1. Testen Sie die Rückmeldung zum Warenkorb. Fügen Sie Artikel von Produktseiten und aus Listenkarten hinzu, um zu bestätigen, dass Kunden eine klare Bestätigung erhalten.
2. Unterstützen Sie die Produktprüfung. Aktivieren Sie den Galerie-Zoom, wenn vergrößerte Produktbilder Kunden bei ihren Kaufentscheidungen helfen.
3. Sorgen Sie für vorhersehbare verknüpfte Inhalte. Verwenden Sie Hover-Effekte konsistent auf Produktkarten und Werbebannern.
4. Prüfen Sie das Scrollen auf Mobilgeräten. Sehen Sie sich das ausgewählte Header-Verhalten auf kleineren Bildschirmen in der Vorschau an, um ein ausgewogenes Verhältnis zwischen Inhaltsfläche und Zugriff auf Navigation und Warenkorb-Steuerelemente zu schaffen.
5. Setzen Sie Bewegung bewusst ein. Wählen Sie eine zurückhaltende Kombination aus Übergängen, Hover-Rückmeldungen und Overlay-Effekten für ein ruhigeres Surferlebnis.