Die Kunst der App Store-Icons

Veröffentlicht: 2020-04-14

App-Store-Symbole sind das Gesicht von Apps. All Ihre harte Arbeit und all Ihre GitHub-Stunden reduzieren sich auf ein kleines Quadrat von 1024 x 1024. Das Erstellen eines großartigen Symbols ist ziemlich bekannt als eines der besten Dinge, die Sie für die App Store-Optimierung (ASO) tun können. Übersetzung? Ihre Ikone ist das Letzte zwischen Entwicklern und Reichen über der Armutsgrenze. Wir werden also einige Best Practices durchgehen, die Sie anwenden können, um Ihr Icon-Design (metaphorisch) zum Glänzen zu bringen.

Warum es wichtig ist

Dies ist eine sehr wichtige Bank
Bild über Flickr

Bevor wir darauf eingehen, was Apple über Icons sagt (nicht viel) und was andere Leute über Icons sagen (viele, viele), warum ist Icon-Design so wichtig? Es ist eine berechtigte Frage.

Erstens sagt ein Bild mehr als tausend Worte, und wenn ein Benutzer durch Dutzende oder Hunderte von Apps gleichzeitig scrollt, muss Ihr Symbol auffallen. So viel ist ziemlich offensichtlich. Diese Herausforderung ist noch relevanter geworden, seit Apple sein iOS 8-Update im Jahr 2014 veröffentlicht hat. Die Umstellung auf kontinuierliches Scrollen bedeutet, dass Benutzer sich viel schneller als früher durch Apps bewegen können.

Das Ergebnis? Weniger Zeit pro App, sodass Sie Ihre Bilder und Screenshots wirklich festnageln müssen.

Was Apple zu sagen hat

Was hat Apple zu diesem Thema zu sagen? Ein kurzer Blick in die iOS Dev Library und sie haben einen ganzen Abschnitt über App-Icons. Meistens geht es darum, das Symbol gut aussehen zu lassen, sobald es auf dem Gerät ist, und nicht im App Store, aber sie bieten einige sehr hochwertige Ratschläge wie:

„Erstellen Sie eine abstrakte Interpretation der Hauptidee Ihrer App“
„Wer reale Substanzen abbilden will, sollte es genau tun“

Apple gibt also nicht gerade umsetzbare Ratschläge, aber es ist ein guter Anfang – verwenden Sie im Wesentlichen kein Bild und gestalten Sie Ihr Symbol greifbar mit dem, was Benutzer Ihre App sehen sollen.
Zum Beispiel hat Desk (über das ich letzte Woche gesprochen habe) ein großartiges Symbol. Es ist eine winzige Schreibmaschine, und ohne etwas über das Produkt zu wissen, würde ich sagen, dass die meisten Leute vermuten würden, dass es etwas mit Tippen oder Textverarbeitung zu tun hat. Sehen? Spürbar verwandt.

Am Ende des Tages ist Apple etwas knapp darüber, was eine gute Ikone ausmacht.

Best Practices für App-Symbole (mit Beispielen!)

Was sollten Sie also tun, um die Großartigkeit Ihrer App nach außen zu tragen?

Allgemeines Design

Während es viele Tricks gibt, um wirklich aufzufallen, wie das Hinzufügen eines „kostenlosen“ Tags oder die Verwendung der Hauptfigur (dazu später mehr), gibt es auch einige grundlegende Designrichtlinien, die Sie befolgen sollten. Natürlich können diese alle mit hervorragenden Ergebnissen gebrochen werden, aber zum größten Teil:

Erwägen Sie einen Rahmen, damit Ihre App nach dem Herunterladen unabhängig vom Hintergrund gut aussieht
Machen Sie Ihr Logo nicht transparent. Es verringert die Lesbarkeit
Verwenden Sie keine Worte – sie gehen in kleineren Größen einfach verloren
Machen Sie Ihr Symbol nicht glänzend – es wird vieles davon unsichtbar machen
Halten Sie es einfach – App-Symbole sind klein und Details gehen verloren

Auffallen

Leichter gesagt als getan, ich weiß. Unabhängig davon bleibt es eine der Kernfunktionen Ihres Symbols – sich von anderen abzuheben und den Benutzer dazu zu bringen, Ihre App allen anderen vorzuziehen.
Denken Sie so darüber nach. Es gibt 1,2 Millionen Apps im App Store – es ist unwahrscheinlich, dass Sie der Einzige sind, der Ihr Produkt anbietet. Woher wissen die Leute also, dass Sie im Vergleich zu anderen die beste Taschenrechner-App haben? Ihre Ikone, so geht's.
Hier ist zum Beispiel ein Screenshot der Suchergebnisse der Taschenrechner-Apps für das iPhone.

Weißt du, was mir auffällt? Das 'kostenlos'-Tag in der Taschenrechner-App.
Screenshot des Rechners bearbeitet
Es ist mehr als ein bisschen lächerlich, da die überwiegende Mehrheit der Apps im App Store kostenlos ist, aber trotzdem – wenn ich dieses kleine Tag darauf setze, denke ich automatisch, dass, wenn sie als kostenlos gekennzeichnet sind, der Rest nicht sein muss . Und dieser Unterschied in Sekundenbruchteilen ist wirklich alles, was Sie im App Store brauchen.

Ändern Sie es

Spritziger Fisch

Nicht zu viel, aber das Ändern Ihres App-Symbols nur ein wenig ist eine großartige Möglichkeit, Downloads neu zu beleben. Saisonale Ikonen sind das beste Beispiel dafür.

Letztes Halloween zum Beispiel hat Splashy Fish sein Symbol geändert, um mehr Halloween-y zu sein. Es ist eine kleine Änderung, aber wenn Sie der Besitzer einer bekannten App sind, dann könnte es genau das Richtige sein, um Ihre Downloads zu steigern.

Branding

Wenn Sie einen starken Markenwert haben, ist einfaches Branding ein guter Weg. Aber denken Sie daran: Halten Sie es wirklich einfach. Nike zum Beispiel macht das wirklich gut – das passiert, wenn Sie sie durchsuchen:
Nike-Apps
Es macht es ziemlich sofort erkennbar, welche Apps ihnen gehören. Wenn ich also nach etwas von Nike suche, dann ist es nett und schnell. Da es sich um eine unglaublich vertrauenswürdige Marke handelt, ist das Branding für sie sehr sinnvoll.

Ein weiterer Punkt zum Branding ist, dass, wenn dies der Weg ist, den Sie (hoffentlich) in Zukunft einschlagen werden, Sie etwas auswählen sollten, das an viele verschiedene Einstellungen angepasst werden kann. Der Nike-Swoosh zum Beispiel fügt sich nahtlos in viele verschiedene App-Icons ein.
Clash of Clans-Symbol

Im Gegensatz dazu ist das Clash of Clans-Symbol nicht annähernd so flexibel, und obwohl es eine Ausnahme für Spielsymbole mit Hauptfiguren geben könnte, würde ich sagen, dass Sie bei stark stilisierten Charaktersymbolen auf Nummer sicher gehen sollten.

Marke Huckepack

Dies ist eine unterhaltsame Möglichkeit, eine bessere Anerkennung von Ihrem Publikum zu erhalten. (NB: Ich befürworte nicht, dass Sie gegen das Gesetz verstoßen oder Ihre Benutzer irreführen, also tun Sie dies mit Vorsicht).

Damit uns klar ist, was ich meine, schauen wir uns ein Beispiel an. Hipstamatic ist eine digitale Foto-App, die die Funktionalität Ihres Kamerahandys exponentiell erhöht. Im Grunde ist es eine wirklich schöne Version von Instagram. Zu wissen, dass der Ikonendesigner Aravind Kaimal sich das ausgedacht hat:
Hipstamatic-Symbol
Bild über Dribbble

Es ist ziemlich klar, woher seine Insta-Ration kam, wenn Sie verstehen, was ich meine. Aber das ist nicht schlimm! Instagram hat diese erstaunliche Marke aufgebaut und ihre Ikonografie ist gleichbedeutend mit gefilterten Bildern – und genau das macht Hipstamatic . Warum also nicht von der Bekanntheit anderer Marken profitieren?

Wenn das Markenhuckepack gut gemacht ist, als ob es ähnlich genug wäre, um Anerkennung zu bekommen und die Verbindung herzustellen, aber unterschiedlich genug ist, dass es keine versehentlichen „Oh, ich dachte, das war das“-Klicks gibt, dann ist es eine wirklich hervorragende Strategie.

Google-Android

Abschließend wollte ich noch ein Nicken zum Play Store machen, der im App-Chat so oft vernachlässigt wird, und das finde ich zu Unrecht.
~~Google hat tatsächlich eine~~ Roman Nurik hat einen raffinierten Icon-Generator entwickelt, um Ihnen vermutlich dabei zu helfen, Ihr Icon besser und fokussierter für den Google Play Store zu machen. Es scheint mir, dass es zwar kein so nützliches Tool für die App-Erstellung ist, aber ein großartiges Tool, um Ihr App-Symbol wirklich schnell zu testen und zu iterieren (insbesondere, wenn Sie keinen Designer mit Personal- / Designfähigkeiten haben). Das ist also eine Sache.

Zweitens gilt das meiste, was für den App Store gilt, auch für den Play Store.

Wir haben es nicht wirklich mit unterschiedlicher Software zu tun, wir haben es mit der Psychologie zu tun, die Menschen dazu bringt, etwas zu sehen und zu denken: „Ja, das ist die App für mich.“

In einem übersättigten Markt ist das absolut Gold wert. (Trotzdem gibt es natürlich einige technische Unterschiede)

Einpacken

Ihr App Store/Play Store-Symbol ist wirklich wichtig. Es ist ein winziges Zeitfenster, in dem Sie die Aufmerksamkeit der App Store-Browser auf sich ziehen und sie davon überzeugen müssen, dass Ihre Screenshots, Ihr Werbevideo, Ihre Beschreibung und schließlich das Herunterladen Ihrer App es ihnen wert sind. Leider gibt es keine allgemeingültige Formel dafür, was ein gutes oder schlechtes App Store-Symbol ausmacht. Es geht mehr darum, was Sie genug unterscheidet, um sich abzuheben, aber dennoch erkennbar genug ist, damit Ihr Publikum sofort weiß, was Ihr Produkt tut.

Das ist viel zu tun und nicht viel Platz dafür, also legen Sie am besten los.