Produkt- und Inhaltsgestaltung

Produkt- und Inhaltsgestaltung

0:00 Die Produktseite ist die Seite, auf der entschieden wird. Alles davor bringt Menschen dorthin, alles danach wickelt ab. Trotzdem sehen die meisten Produktseiten aus wie das, woraus sie entstanden sind: ein Lieferantendatenblatt mit Bildern. In diesem Modul drehen wir das um. Wir fragen, welche Fragen zwischen Interesse und Bestellung stehen, wie man Merkmale in Nutzen übersetzt, was Kundenkonten heute selbst erledigen — und wie man eine Änderung so ausliefert, dass man hinterher sagen kann, ob sie etwas gebracht hat.

Produkt- und Inhaltsgestaltung

0:29 Vier Kapitel. Zuerst die Produktdetailseite und die Frage, in welcher Reihenfolge die Antworten kommen müssen. Dann Empfehlungen und redaktionelle Inhalte — also alles, was neben dem Produkt steht. Danach die Customer Accounts, bei denen sich gerade einiges bewegt: Die alte Variante ist abgekündigt. Und zum Schluss die Arbeitsweise: Content-Workflow, prüfbare Änderungen und die Frage, wo gute Gestaltung aufhört und ein Dark Pattern beginnt.

0:56 Die Übung ist eine echte Überarbeitung, mit drei Supportfragen als Maßstab.

Produktdetailseiten, die überzeugen

1:01 Beginnen wir mit der Seite selbst — und mit dem Unterschied zwischen einer Aufzählung und einer Antwort. Eine gute Produktseite funktioniert wie ein gutes Verkaufsgespräch. Niemand im Laden beginnt mit vierzehn technischen Daten; man fragt, wofür es gebraucht wird, und antwortet darauf. Genauso führt die Seite von der Frage zur Entscheidung: Medien zeigen das Produkt im Gebrauch, der Text übersetzt Merkmale in Nutzen, Angaben zu Verfügbarkeit und Lieferzeit nehmen die letzte Unsicherheit.

1:29 Und die Varianten steuern, was gezeigt wird — wer Anthrazit wählt, sollte Anthrazit sehen und nicht das Studiofoto in Weiß. Diese vier Fragen kommen in dieser Reihenfolge, und die Seite sollte ihr folgen. Passt es zu meinem Fall — Maße, Material, Gewicht, Kombinierbarkeit. Wie sieht es echt aus, also ein Bild je Variante statt einer Farbbeschreibung in Prosa. Wann ist es da, und zwar bevor der Warenkorb kommt, nicht erst im Checkout.

1:56 Und schließlich: Was passiert, wenn es nicht passt — Rückgabe und Ansprechpartner sichtbar. Wenn eine dieser Antworten fehlt, füllt die Kundschaft die Lücke mit einer Annahme. Meistens mit der vorsichtigen. Diese Tabelle zeigt ein Handwerk, kein Marketing. Links steht, was im Datenblatt steht: Höhenverstellung von zweiundsechzig bis hundertachtundzwanzig Zentimetern.

2:19 Rechts steht, was das für den Menschen bedeutet: im Sitzen und im Stehen am selben Tisch arbeiten. Schallabsorption Klasse A wird zu: Gespräche im Nebenraum bleiben im Nebenraum. Tragfähigkeit achtzig Kilogramm wird zu: zwei Monitore und Dockingstation ohne Durchbiegen. Und ganz wichtig, das steht auch in der Fußzeile: Das Merkmal bleibt auf der Seite.

2:41 Es steht nur nicht mehr allein da. Der erste Punkt ist der mit Abstand häufigste: Die Beschreibung stammt aus dem Lieferantenkatalog und klingt deshalb exakt wie bei allen anderen Händlern. Das ist nicht nur langweilig, es ist auch für die Auffindbarkeit schlecht. Der zweite: Variantenbilder fehlen, und die Farbauswahl bleibt eine Behauptung — das erzeugt Retouren.

3:03 Der dritte: Lieferzeiten stehen im Fußbereich statt am Produkt, wo sie gebraucht werden. Und der vierte ist technisch und wird uns im nächsten Modul beschäftigen: unkomprimierte Medien, die auf dem Telefon Sekunden kosten.

Cross-Selling und redaktionelle Inhalte

3:16 Weiter mit allem, was neben dem Produkt steht — Empfehlungen, Ratgeber, Landingpages. Und mit der Frage, wann das hilft und wann es nur Aufwand ist. Produktempfehlungen zeigen verwandte und ergänzende Produkte, wobei die ergänzenden in der App Search & Discovery gepflegt werden — also derselben App wie die Filter aus dem letzten Modul.

3:37 Daneben stehen redaktionelle Inhalte: Landingpages, Ratgeberbeiträge und Formulare, die Interessenten aufnehmen, bevor sie kaufen. Der Unterschied zwischen beidem ist wichtig: Empfehlungen wirken im Moment der Entscheidung, redaktionelle Inhalte davor. Wer nur das eine hat, bedient nur den halben Weg — und meistens fehlt der Teil davor.

3:57 Diese vier Felder beschreiben vier verschiedene Aufgaben, und die Verwechslung ist der häufigste Fehler. Eine Landingpage bündelt ein Thema für Kampagne und Suche. Ein Ratgeberbeitrag beantwortet die Frage vor dem Kauf — er verkauft nicht, er klärt. Ein Formular nimmt Interessenten auf, die noch nicht bestellen. Und die Empfehlung zeigt, was zum Produkt gehört. Wer einen Ratgeber schreibt, der eigentlich verkaufen soll, bekommt beides nicht hin.

4:24 Trennen Sie die Aufgaben, dann funktioniert jede für sich. Automatische Verwandtschaft trifft die Kategorie, nicht die Passung. Das ist der Kern. Der Algorithmus weiß, dass zwei Stühle beide Stühle sind; er weiß nicht, dass der eine zum Tisch passt und der andere zu klein ist. Ergänzende Produkte werden deshalb bewusst zugeordnet — und weil sie bewusst zugeordnet werden, lassen sie sich auch begründen.

4:49 Falsches Zubehör kostet doppelt: Es erzeugt Retouren und es kostet Vertrauen. Und der letzte Punkt ist unbequem: Empfehlungen brauchen dieselbe laufende Pflege wie der Katalog. Sie veralten genauso. Der erste Punkt ist der peinlichste: Empfehlungen zeigen Konkurrenzprodukte aus dem eigenen Sortiment statt Ergänzungen — Sie konkurrieren also mit sich selbst auf der eigenen Seite.

5:12 Der zweite betrifft den Ratgeber, der für Suchmaschinen geschrieben wurde und deshalb keine echte Frage beantwortet; das merkt man beim Lesen sofort, und der Algorithmus merkt es inzwischen auch. Der dritte ist ein Strukturproblem: Landingpages doppeln Kollektionen und teilen sich deren Sichtbarkeit. Und der vierte: Formulare sammeln Daten, für die niemand einen Prozess hat.

Customer Accounts und Self-Service

5:33 Jetzt zu einem Bereich, in dem sich gerade etwas bewegt — und in dem eine Entscheidung ansteht, die man nicht ewig vertagen kann. Über Customer Accounts melden sich Kundinnen und Kunden an, um Bestellungen zu sehen und zu verwalten, Profildaten zu ändern und Dinge selbst zu erledigen: Self-Service-Rückgaben, Nachbestellungen.

5:52 Die Anmeldung läuft passwortlos über einen Code per E-Mail — das ist bequemer und sicherer zugleich, weil es kein Passwort gibt, das verloren gehen kann. Für den Betrieb ist das mehr als Komfort: Jede Aufgabe, die das Konto übernimmt, ist eine Aufgabe, die nicht im Support landet. Und Support ist der Posten, der im Shop am schwersten zu skalieren ist.

6:12 Lesen Sie die rechte Spalte als Entlastungsrechnung. Die Bestellübersicht nimmt Rückfragen nach Status und Lieferung ab — in vielen Shops das häufigste Supportthema überhaupt. Profil und Adressen ersparen die Adressänderung per Mail. Erneut kaufen beschleunigt Nachbestellungen aus der Historie, was besonders bei Verbrauchsmaterial zählt.

6:33 Und die Self-Service-Rückgabe nimmt die Retourenanmeldung am Telefon. Ein praktisches Detail: Eine Anmeldung bleibt bis zu 365 Tage bestehen. Wer einmal angemeldet ist, bleibt es also in der Regel — die Hürde fällt nur einmal an. Hier ist die Lage eindeutiger, als viele denken: Legacy Customer Accounts sind abgekündigt. Das ist nicht dasselbe wie langsam weniger gepflegt — es ist eine Ansage.

6:59 Dazu kommt, dass die interessanten Funktionen ohnehin nur in der neuen Variante existieren: Store Credit, Abonnements, Self-Service-Rückgaben. Ein weiterer Vorteil ist stiller, aber wichtig: Die neue Variante wird unabhängig vom Theme aktualisiert, hängt also nicht an Ihrem Theme-Stand. Und für die Nervösen: Nach einer Umstellung bleibt 30 Tage lang ein Rückweg. Das ist ein vertretbares Risiko.

7:24 Der erste Punkt ist menschlich nachvollziehbar und trotzdem falsch: Die Umstellung wird verschoben, bis ein fehlendes Feature sie erzwingt. Dann passiert sie unter Zeitdruck. Der zweite ist ein Conversion-Killer: Kundschaft wird zur Registrierung gedrängt, obwohl der Gastkauf reicht. Konten sind ein Angebot, keine Bedingung.

7:43 Der dritte ist verschenkter Nutzen: Rückgaben laufen weiter über das Postfach, obwohl das Konto sie anbietet. Und der vierte ist ein Klassiker nach jeder Umstellung: Niemand prüft die Mails, die das Konto versendet — und die sind das, was ankommt.

Content-Workflow und Designdisziplin

7:58 Zum Schluss die Arbeitsweise. Wie stellt man sicher, dass Änderungen besser machen und nicht nur anders? Ein Content-Workflow führt von Entwurf über Prüfung zur Veröffentlichung, und er hat je Schritt eine verantwortliche Rolle. Das klingt nach Overhead und ist in Wahrheit ein Schutz — vor allem vor der Sorte Änderung, die niemand bestellt hat.

8:18 Denn er trennt zwei Dinge, die im Alltag verschwimmen: die begründete Verbesserung und die Umgestaltung, die nur anders aussieht. Beide kosten Arbeit. Nur eine von beiden lässt sich hinterher rechtfertigen, und zwar die mit der Begründung davor. Fünf Schritte, und sie klingen simpler, als sie im Alltag durchzuhalten sind. Benennen Sie das Problem, das die Änderung lösen soll — nicht die Idee, das Problem.

8:42 Formulieren Sie eine Erwartung mit Kennzahl und Zeitraum. Setzen Sie um und halten Sie den Zeitpunkt fest, sonst können Sie später nichts zuordnen. Messen Sie nach dem Zeitraum, nicht vorher. Und entscheiden Sie: behalten, zurücknehmen oder erneut ändern. Shopify unterstützt das inzwischen selbst mit A/B-Tests und Rollouts für Themes und Checkout-Konfigurationen.

9:05 Dark Patterns sind selten das Ergebnis böser Absicht. Sie entstehen, wenn eine Kennzahl wichtiger wird als die Kundschaft. Vier Erkennungsmerkmale: Die Gestaltung erschwert absichtlich, was die Kundschaft will. Ein vorausgewähltes Häkchen erzeugt Zustimmung, die niemand gegeben hat. Knappheitshinweise behaupten Dringlichkeit ohne Datengrundlage. Und der Weg zur Kündigung ist länger als der zum Abschluss.

9:29 Die nüchterne Einordnung: Das funktioniert kurzfristig und kostet langfristig — rechtlich zunehmend, und beim Vertrauen sofort. Es lohnt sich schlicht nicht. Der erste Punkt kennen Sie aus jedem Projekt: Die Startseite wird umgebaut, weil sie jemandem nicht mehr gefällt. Geschmack ist kein Problem, nur kein Argument. Der zweite macht jede Messung wertlos: Zwei Änderungen laufen gleichzeitig, und die Wirkung ist keiner zuzuordnen.

9:55 Der dritte ist menschlich und verfälscht systematisch: Der Test wird abgebrochen, sobald das erste Zwischenergebnis gefällt. Und der vierte ist Trägheit mit Ansage: Der Rückbau wird nicht geplant, und deshalb bleibt die Änderung auch dann, wenn sie nichts gebracht hat.

Übung

10:12 Jetzt überarbeiten Sie eine echte Seite — und zwar nicht nach Geschmack, sondern gegen drei Fragen, die der Support seit Monaten beantwortet. Die Produktseite des höhenverstellbaren Schreibtischs von Steglicht zeigt heute vierzehn Merkmale als Liste, ein Studiobild ohne Kontext und keine Lieferzeit. Und im Support drehen sich die Rückfragen seit Monaten um dieselben drei Punkte.

10:34 Das ist die perfekte Ausgangslage, denn die Supportfragen sind Ihr Maßstab — Sie müssen nicht raten, was fehlt. Sie können es nachlesen. In der Praxis ist das übrigens die beste Quelle für Seitenverbesserungen, die es gibt, und sie kostet nichts außer einer Stunde Zuhören. Das Lernziel: Produktinhalte an den Entscheidungsfragen der Kundschaft ausrichten statt an der Struktur des Lieferantendatenblatts.

10:57 Erfolgreich sind Sie, wenn die Seite die drei häufigsten Supportfragen sichtbar oberhalb des Warenkorbknopfs beantwortet, mindestens drei Merkmale in Nutzen übersetzt sind und zwei ergänzende Produkte begründet zugeordnet wurden. Das Wort begründet ist hier das entscheidende. Und wer früh fertig ist, formuliert eine Hypothese samt Kennzahl für die Änderung — genau so, wie wir es eben besprochen haben.

11:20 Sammeln Sie zuerst die drei häufigsten Fragen aus dem Support. Dann prüfen Sie, an welcher Stelle der Seite sie heute beantwortet werden — oft lautet die Antwort: gar nicht oder ganz unten. Danach übersetzen Sie Merkmale in Nutzen und legen die Reihenfolge neu fest; die Reihenfolge ist fast wichtiger als der Text. Ordnen Sie ergänzende Produkte zu und begründen Sie die Zuordnung. Und prüfen Sie am Ende die neue Seite gegen die drei Fragen.

11:45 Was dann noch offen ist, markieren Sie — auch das ist ein Ergebnis. Der erste Punkt ist der, den ich am häufigsten sehe: Die Liste wird verschoben statt übersetzt, und die Seite bleibt ein Datenblatt mit neuer Reihenfolge. Der zweite ist gefährlich, weil er nach hinten losgeht: Eine Lieferzeit wird versprochen, die der Betrieb nicht halten kann — dann haben Sie die Enttäuschung nur verschoben.

12:08 Der dritte ist eine Versuchung: Ergänzende Produkte nach Marge auswählen statt nach Passung. Und der vierte schließt den Kreis zu Kapitel vier: Die Änderung geht ohne Erwartung raus und lässt sich hinterher nicht bewerten.