Erstellen effektiver Microsoft AppSource Store-BilderCraft effective Microsoft AppSource store images

Jeder Microsoft AppSource-Eintrag enthält Bilder, die den Benutzer informieren und die App bewerben.Each Microsoft AppSource listing contains images that inform the user and promote the app. Bilder bieten Benutzern einen schnellen Überblick über die Features und verbessern das Verständnis des Werts der App.Images provide users with a quick overview of features and enhance their understanding of the app’s value. Um die besten Bilder für Ihren Eintrag zu erstellen, sollten Sie die folgenden Richtlinien anwenden.To create the best images for your listing, we recommend that you apply the following the guidelines.

Bilder lesbar gestaltenMake images legible

Der Inhalt des jeweiligen Bilds sollte einfach zu lesen sein und die Qualität Ihrer Lösung veranschaulichen.The content of each image should be easy to read, and should reflect the quality of your solution. Benutzer sollten Bildinhalte deutlich anzeigen und Beschriftungen auf einen Blick lesen können.Users should be able to clearly view image content and read captions at a glance.

DosDo Don’tsDon't
Verwenden Sie deutlichen Text und klare Grafiken mit einem geeigneten Kontrastverhältnis.Use clear text and graphics with the appropriate contrast ratios. Grafiken oder Texte sollten nicht verschwommen, pixelig oder schlecht gerendert dargestellt werden.Don’t show blurred, pixelated, or poorly rendered text or graphics.
Verwenden Sie mindestens ein Bild mit den Maßen 1.366 Pixel Breite x 768 Pixel Höhe, das nicht größer als 1.024 KB ist.Provide at least one image that is 1366w x 768h pixels and no greater than 1024 KB. Ziehen oder vergrößern Sie Ihre Bilder nicht (schlechtes Seitenverhältnis).Don't stretch or pinch your images (poor aspect ratio).
Verwenden Sie vergrößerte Nahaufnahmen oder zugeschnittene Bilder, um Inhalte lesbar zu gestalten.Use magnified close-ups or crops when needed to make content legible. Stellen Sie Ihre Inhalte nicht so klein dar, dass sie unleserlich sind.Don’t make your content so small that it is illegible.

Bild mit klarem Inhalt neben einem Bild mit verschwommenem Inhalt Bild mit ordnungsgemäß skaliertem Inhalt neben einem Bild mit zusammengedrücktem Inhalt Bild mit einer vergrößerten Nahaufnahme von kleinem Inhalt neben einem Bild mit unleserlichem InhaltImage with clear content next to an image with blurred content Image with correctly scaled content next to an image with pinched content Image with a close up to show small content next to image with illegible content

Zu viel Inhalt vermeidenAvoid excess content

Verwenden Sie Bilder, um die Aufmerksamkeit des Benutzers auf Ihre Lösung zu lenken.Use images to focus the user’s attention on your solution. Bilder, die nicht verwandte Inhalte zeigen, lenken ab und verwirren den Benutzer.Images that contain unrelated content are distracting and confusing to the user.

DosDo Don’tsDon't
Verwenden Sie bei Bedarf Beispielpersonen.Use example personas when needed. Zeigen Sie keine privaten oder persönlichen Informationen.Don't show private or personal information.
Zeigen Sie nur benutzeroberflächenelemente an, die für die App relevant sind.Only show interface elements relevant to the app. Setzen Sie die Office-Benutzeroberfläche sparsam ein.Use the Office UI sparingly. Zeigen Sie keine nicht zugehörigen Elemente der Benutzeroberfläche wie Taskleisten, Menübänder, übermäßige Leerstellen oder andere Anwendungen.Don’t show unrelated user interface elements such as task bars, ribbons, excessive empty space, or other applications.
Stärken Sie Ihre Marke durch das Einbinden erkennbarer Markenelemente wie z. B. das Logo oder Markenfarben.Reinforce your brand by incorporating recognizable brand elements such as the logo or brand colors. Fügen Sie keine unnötigen Grafikelemente hinzu, die Inhalte verdecken.Don’t add unnecessary graphic elements that obstruct content.

Bild mit einer Beispielrolle neben einem Bild mit persönlichen Informationen Bild mit relevanter Benutzeroberfläche neben einem Bild mit nicht zugehöriger Benutzeroberfläche Bild mit einem einfachen Markenelement neben einem Bild mit mehreren Markenelementen, die Inhalte verdeckenImage with an example persona next to an image with personal information Image with relevant UI next to an image with unrelated UI Image with one simple branding element next to an image with multiple brand elements that block content

Anzeigen des Werts Ihrer AppShow the value of your app

Die Bilder sollten eindeutig den Wert Ihrer Lösung und die wichtigsten Funktionen kommunizieren.The images should clearly communicate value of your solution and its main features. Jedes Bild sollte jeweils nur eine Information kommunizieren.Focus each image on communicating one piece of information. Benutzer werden nur einen kurzen Blick auf jedes Bild werfen.Users will glance only briefly at each image. Zeigen Sie, wie Ihre Lösung verwendet werden soll.Show how your solution will be used. Zeigen Sie den zentralen Wert mit einer deutlichen Illustrationen.Show core value with clear illustrations.

DosDo Don’tsDon't
Verwenden Sie einfache Untertiteln oder Beschriftungen, um die Aufmerksamkeit des Benutzers auf eine Schlüsselfunktion zu lenken.Use simple captions or callouts to focus the user’s attention on one key feature. Kommunizieren Sie nicht mehr als eine Information pro Bild.Don’t communicate more than one point per image.
Zeigen Sie nur Inhalte an, die veranschaulichen, wie die App einen Wert für den Benutzer erstellt.Only show content that helps illustrate how the app creates value for the user. Zeigen Sie keine nicht verknüpften Inhalte an.Don’t show unrelated content.
Verwenden Sie Beschriftungen, Vergrößerungsfaktoren oder Zuschnitte, um die Aufmerksamkeit des Kunden auf Ihre Lösung zu lenken.Position callouts, magnifications, or crops to focus customers on your solution. Verwenden Sie keine Beschriftungen oder Legenden, die wichtige Inhalte verdecken.Don’t use captions or callouts that obstruct important content.

Bild mit Beschriftung und Nahaufnahme neben einem Bild mit Beschriftung, Legende und Nahaufnahme Bild mit Beschriftung und Inhaltseditor neben einem Bild mit Beschriftung und nicht verknüpften Informationen Bild mit   Beschriftung, Nahaufnahme, um sich auf eine Benutzeraktion zu konzentrieren und neben einem Bild mit Beschriftung und Legende zu resultieren, das das Ergebnis der Aktion ausblendetImage with caption and close up next to an image with caption, callout, and close up Image with caption and content editor next to an image with caption and unrelated information Image with caption, closeup to focus on one user action and result next to an image with caption and callout that hides the result of the action

Siehe auchSee also