App Store Screenshot-Design: Tipps zur Steigerung der Conversion

Die meisten Nutzer entscheiden sich für oder gegen eine Installation, nachdem sie nur die ersten Bilder in den Suchergebnissen oder auf der Store-Karte gesehen haben; ein großer Teil der Besucher wischt nie über diesen Punkt hinaus. Platziere deine stärkste Funktion oder dein klarstes Wertversprechen im ersten Bild — mit einem Onboarding-Screen, einem Login-Formular oder einer Einstellungsseite zu eröffnen verschwendet deinen wertvollsten Platz.

In manchen Platzierungen von Play Store und App Store (Suchergebniskarten, Kategorielisten) sind ohne Tippen nur die ersten 1-2 Bilder sichtbar; den Rest des Sets sehen nur Personen, die deine App-Seite bereits geöffnet haben. Das macht die ersten Bilder deutlich entscheidender als den Rest des Sets.

Beide Stores bieten offizielle Experimentier-Tools (Apples Product Page Optimization, Googles Store listing experiments); du kannst verschiedene Reihenfolgen deiner ersten Bilder mit echtem Traffic testen und messen, welche besser konvertiert. Wenn du genug Traffic hast, schlägt die Nutzung dieser Tools reines Raten.

Ein reiner Screenshot reicht selten allein aus; eine kurze 4-6 Wörter lange Bildunterschrift über oder unter dem Screen sorgt dafür, dass die Botschaft sofort erfasst wird, selbst in Thumbnail-Größe. Jedes Bild sollte eine einzige Idee transportieren — zwei Botschaften in eine Bildunterschrift zu quetschen schwächt beide.

Behalte über das gesamte Set dieselbe typografische Hierarchie bei: eine feste Schriftstärke und -größe für die Überschrift und, falls verwendet, eine dünnere zweite Ebene für Zusatztext. Hoher Kontrast ist nicht verhandelbar — heller Text auf hellem Hintergrund verschwindet in Thumbnail-Größe komplett. Dieselbe Hintergrundpalette und dieselbe Platzierung der Bildunterschrift (immer oben oder immer unten) verstärken den Eindruck, dass das Set aus einem einheitlichen Design stammt.

Von links nach rechts gewischt sollten die Bildunterschriften eine einzige Geschichte erzählen: beginne mit dem stärksten Wertversprechen, gefolgt von unterstützenden Funktionen, und schließe mit Social Proof oder einer abschließenden Aussage ab. Eine Abfolge zu bauen, in der jede Bildunterschrift auf der vorherigen aufbaut, statt isolierter Slogans, erhöht die Chance, dass ein Nutzer das Set bis zum Ende durchgeht.

Ein Gerätrahmen (ein Telefon- oder Tablet-Gehäuse um den Screen) vermittelt das Gefühl einer „echten App auf einem echten Gerät" und trägt zur Markenerkennung bei. Das hat jedoch seinen Preis: Der Rahmen verkleinert die sichtbare Fläche für deine eigentliche Oberfläche und erschwert das Lesen von Details in Thumbnail-Größe.

Google empfiehlt für Play-Bilder randlose Vollbild-Aufnahmen mit sauberer Statusleiste — das maximiert die Fläche für deine Oberfläche und erzeugt weniger visuelles Rauschen beim Scannen auf einem Telefonbildschirm. Falls du dich doch für einen Rahmen entscheidest, muss er zur Zielplattform passen: ein iPhone-Rahmen um einen Android-Screenshot (oder umgekehrt) ist ein bekanntes Qualitätsmerkmal und Ablehnungsgrund bei beiden Stores.

Eine feste Regel gibt es nicht; bei Spielen oder foto-lastigen Apps schneiden randlose Vollbild-Bilder tendenziell besser ab, während ein leichter Rahmen bei Produkten mit einfacher Oberfläche und starker Markenidentität für visuelle Kohärenz sorgen kann. Wenn du genug Traffic hast, teste beides; andernfalls ist Googles randlose Empfehlung die sichere Standardwahl.

Wenn deine App sowohl helle als auch dunkle Themes unterstützt, kann es irreführend sein, alle Screenshots nur aus einem Theme zu ziehen; wenn ein relevanter Teil deiner Nutzer den System-Dunkelmodus verwendet und dein gesamtes Set hell gestaltet ist, entsteht eine Diskrepanz zwischen dem, was sie beim ersten Start sehen, und dem, was der Store ihnen gezeigt hat. Helle und dunkle Bilder im Set zu mischen, oder mit dem bei deinen Nutzern dominanten Theme zu beginnen, verringert diese Diskrepanz.

Wenn du Bildunterschriften verwendest, verbessert die Lokalisierung der Screenshots pro Sprache die Conversion messbar; beide Stores erlauben es, für jede angezeigte Sprache ein eigenes Set hochzuladen. Sprachen ohne eigenes Set greifen automatisch auf das Standard-Set (meist Englisch) zurück — das ist kein Fehler, aber lokalisierte Bildunterschriften in deinen Top-Download-Sprachen vermitteln Nutzern den Eindruck einer App, die ihre Sprache spricht.

Ein praktischer Punkt bei der Lokalisierung ist die Textlänge: Eine 5 Wörter lange Bildunterschrift, die auf Englisch passt, kann im gleichen Layout auf Deutsch oder Türkisch überlaufen oder abgeschnitten werden. Teste die Vorlage mit deiner längsten Sprache und stelle sicher, dass sie in allen lesbar bleibt.

Der Play-Store-Eintrag hat einen separaten 1024x500-Pixel-„Feature-Graphic"-Slot, getrennt von deinen Telefon-Screenshots. Dieses Bild erscheint oben auf deiner Store-Seite, in Werbeplatzierungen außerhalb der Suche (Featuring, Sammlungen, redaktionelle Listen) und — falls du ein Werbevideo hinzufügst — als Titel-/Overlay-Bild des Videos.

Ihre Abmessungen sind breit und niedrig (etwa im Verhältnis 2:1), daher funktioniert der Versuch, einen Hochformat-Screenshot direkt in diesen Bereich zu zwingen, selten gut. Die meisten Entwickler verwenden hier eine einfache Markenkomposition — Logo, Produktname und ein kurzer Slogan — statt einer Screenshot-Collage.

Wird sie als Video-Titelbild verwendet, verdeckt die zentrale Play-Schaltfläche — und in manchen Platzierungen auch UI-Elemente am Rand — einen Teil des Bildes; vermeide es, wichtigen Text oder dein Logo genau in der Mitte oder zu nah am Rand zu platzieren. Die genauen Pixelgrenzen und Dateiformatregeln für Store-Bilder behandeln wir in einem separaten Beitrag auf unserem Blog.

Der häufigste Fehler ist eine dichte Textüberlagerung, die den Großteil des Screenshots bedeckt; der Nutzer kann weder die tatsächliche App-Oberfläche sehen noch die Botschaft lesen, ohne innezuhalten und sie zu entziffern. An zweiter Stelle steht niedriger Kontrast — hell gefärbter Text auf hellem Hintergrund verschwindet fast vollständig, besonders auf kleinen mobilen Bildschirmen.

Ein dritter häufiger Fehler ist eine uneinheitliche Vorlage über das gesamte Set: eine andere Schrift, Hintergrundfarbe oder Bildunterschrift-Platzierung in jedem Bild lässt das Set wie zufällig zusammengestückelt statt aus einem Design wirken und verlangsamt das Scannen. Ein vierter Fehler ist es, in den ersten Slot einen Screen zu setzen, der den tatsächlichen Wert des Produkts nicht vermittelt — einen Onboarding-Flow, einen Login-Screen, einen Berechtigungsdialog.

Wenn du all diese Designentscheidungen in einer einzigen Vorlage bündeln möchtest, kannst du mit Vibeloy Screenshot Studio Bildunterschriften, Hintergründe und eine Farbpalette von einer Stelle aus auf leere, pro Geräteklasse validierte Vorlagen anwenden und Dunkel-/Hell-Varianten sowie Sets pro Sprache direkt im Browser erzeugen. Dies ist eine Premium-Funktion von Vibeloy.