10 Beispiele für großartige App-Startbildschirme

Sie haben nur eine Chance, einen ersten Eindruck zu hinterlassen.
Während die Benutzer anhand Ihrer Beschreibung und Screenshots im App Store eine Vorstellung davon bekommen, worum es bei Ihrer App geht, woher kommt ihr erster Eindruck von der eigentlichen App in Aktion?
Ihr Startbildschirm.
Auch als „Begrüßungsbildschirm“ bezeichnet, ist dies das allererste, was Ihre App-Benutzer sehen, wenn sie darauf klicken, um Ihre App zu öffnen – daher sollte seine Bedeutung nicht unterschätzt werden!
Machen Sie es richtig – mutige, einfache und relevante Startbildschirme funktionieren in der Regel am besten – und Sie werden Ihr Publikum dazu bringen, aufzuhorchen und aufmerksam zu sein, sich wirklich darüber zu freuen, was auf sie zukommt, und sie viel eher bereit machen, Zeit damit zu verbringen, Ihren Bildschirm auszuprobieren App aus.
Wenn Sie es falsch machen, haben Sie Ihr Publikum verloren und geben ihm eine negative Wahrnehmung Ihrer App, bevor sie überhaupt geladen ist.
Heute werde ich Ihnen helfen sicherzustellen, dass Ihre App mit einem Paukenschlag geöffnet wird, indem ich Ihnen einige reale Beispiele dafür zeige, wie ein guter Startbildschirm aussieht. (Hinweis: MobiLoud ist mit keinem der Unternehmen verbunden, deren Apps wir unten aufgeführt haben – wir glauben einfach, dass sie mit ihrem Startbildschirm großartige Arbeit geleistet haben!)

Was ist ein App-Startbildschirm?

Lassen Sie uns zunächst einen Blick darauf werfen, was ein Startbildschirm eigentlich ist .
Trotz ihrer Bedeutung macht ein Startbildschirm aus funktionaler Sicht eigentlich sehr wenig – Ihre App könnte auch ohne einen perfekt funktionieren.
Neugierig auf Mobiloud? Klick hier um mehr zu erfahren
Ein Startbildschirm ist einfach ein visueller Platzhalter, der dem Benutzer angezeigt wird, während die App geladen wird. Die Idee stammt von iOS, um den Eindruck zu erwecken, dass eine App schnell und reaktionsschnell ist – anstatt eine App zu öffnen und einige Sekunden warten zu müssen, bis sie geladen ist, wird den Benutzern sofort der Startbildschirm angezeigt.
Dies spielte eine entscheidende Rolle bei der Verbesserung der Benutzererfahrung, so sehr, dass Apple es zu einem obligatorischen Bestandteil des App-Designs machte, was bis heute andauert.
Da die Rolle des Startbildschirms eher ästhetisch als funktional ist, sitzen einige Leute fest im Lager der Anti-Startbildschirme.
Das Hauptargument gegen den Startbildschirm ist die Überzeugung, dass seine fortgesetzte Nutzung weitgehend auf den Erwartungen beruht; Benutzer erwarten einfach, einen Startbildschirm zu sehen, obwohl die überwiegende Mehrheit der Apps einfach nicht genug Ressourcen verwendet, um einen zu rechtfertigen – da mobile Betriebssysteme immer schneller werden, sind sie nur für die ressourcenintensivsten Apps wirklich notwendig.
Dieses Argument ist berechtigt, verfehlt jedoch die Leistungsfähigkeit von Startbildschirmen aus der Branding-Perspektive.
Jedes Mal, wenn ein Benutzer Ihre App startet, sieht er denselben Begrüßungsbildschirm, der Vertrautheit schafft und Ihre Marke stärkt. Wenn der Benutzer Ihre App liebt, erfüllt ihn jedes Mal, wenn er mit diesem Startbildschirm – gepflastert mit Ihrem Branding – begrüßt wird, mit einem Gefühl der Aufregung.
Das ist eine mächtige Sache, mit der man in Verbindung gebracht werden kann.

Beispiel-Startbildschirme

Nachdem wir nun besprochen haben, was ein Startbildschirm ist und warum er wichtig ist, werfen wir einen Blick auf einige großartige Beispiele für effektive Startbildschirme. Beachten Sie, welche Ähnlichkeiten sie alle haben, und Sie können möglicherweise eine erstellen, die für Ihre eigene mobile App genauso effektiv ist!

Nike+ Running : Der Nike-Startbildschirm ist ein Lehrbuchbeispiel, mit dem kräftigen roten Hintergrund in scharfem Kontrast zum einfachen weißen Logo. Auch der schwache Umriss der Laufstrecke am unteren Rand ist für den Zweck der App sehr relevant.

Grasshopper : Die „Programmier-App für Einsteiger“ – Grasshopper – hat einen schicken, effektiven Ladebildschirm. Der dunkle Hintergrund sieht professionell aus und der Text auf dem Bildschirm lässt Benutzer sofort wissen, worum es in der App geht. Obwohl in einem Standbild nicht sichtbar, drehen sich diese 4 farbigen Punkte beim Laden der App im Kreis, wodurch sie animiert und interessant anzusehen ist.

The Financial Times : Wenn Sie die Nachrichten lesen, möchten Sie sicherstellen, dass Ihre Quellen korrekt und vertrauenswürdig sind. Die Financial Times hat einen App-Startbildschirm erstellt, bei dem so früh wie möglich Vertrauen aufgebaut wird, indem die Qualität und Tiefe ihres Journalismus sowie ein schönes zeitungsähnliches Symbol hervorgehoben werden. Ein weiterer interessanter Punkt ist, dass Sie zwischen verschiedenen drei Versionen des Startbildschirms blättern können, von denen jede unterschiedliche Wertversprechen enthält.

Dropbox : Der Dropbox-Startbildschirm ist einfach, aber effektiv – ein kräftiger marineblauer Hintergrund mit dem erkennbaren Logo und Firmennamen in sehr hellblauer Farbe. Es besteht keine Notwendigkeit, den Startbildschirm Ihrer App zu verkomplizieren, und Dropbox ist ein großartiges Beispiel dafür.

Mittel : Dieser Startbildschirm ist intelligent, aktuell und spiegelt die Benutzererfahrung sowohl auf der mobilen App als auch auf der Website wider. Als Plattform für Ersteller und Autoren von Inhalten hat Medium ein einzigartiges Bild eines Klaviers in Kombination mit einer Schreibmaschine verwendet, das ihren Slogan „Ideen und Perspektiven, die Sie sonst nirgendwo finden“ widerspiegelt. Der Illustrationsstil ist modern und freundlich.

Citymapper : „Die ultimative Transport-App“ spiegelt ihre Mission in diesem Startbildschirm wirkungsvoll wider. Die minimale Verwendung von Grafiken bedeutet, dass der Startbildschirm nicht überladen ist, aber die Pfeile und das kreisförmige Symbol heben die Beziehung der App zum Verkehr hervor.

Wikipedia : Der App-Startbildschirm von Wikipedia sieht professionell und sauber aus und spiegelt die reguläre Website von Wikipedia wider. Das Bild ist hochauflösend und sofort als Wikipedia erkennbar. Dieser Startbildschirm ist minimalistisch, aber effektiv

TripAdvisor : Der Startbildschirm der TripAdvisor-App leistet hervorragende Arbeit, um das Erscheinungsbild der App selbst einzufangen. Der charakteristische grüne TripAdvisor-Hintergrund mit dem Logo ist sofort als TripAdvisor erkennbar, und der Text darunter hebt einige der wichtigsten Vorteile der Nutzung von TripAdvisor für jemanden hervor, der die App gerade heruntergeladen hat!

Lyft : Ein weiterer einfacher (bemerken Sie hier einen Trend?), aber effektiver Startbildschirm ist der von Lyft. Das Farbschema wird direkt von ihrem Logo und App-Symbol übernommen, wodurch ihre Marke beim Öffnen der App effektiv beworben wird. Der helle Text auf einem dunklen, aber markanten farbigen Hintergrund mit Farbverlauf sticht heraus und lenkt den Blick des App-Nutzers auf das Logo.

Soompi : Der App-Startbildschirm von Soompi ist aus mehreren Gründen effektiv. Erstens ist das Logo klar und hebt sich vom dunklen Hintergrund ab. Der Hintergrund ist lustig und animiert und enthält Illustrationen und Texte zu den App-Inhalten (es handelt sich um eine Nachrichten-App, die sich auf die K-Pop-Branche konzentriert). Trotz des animierten Aussehens behält die Farbpalette ein professionelles Aussehen bei und der Ladekreis am unteren Bildschirmrand lässt den Benutzer wissen, dass die App geladen wird.

Imbiss

Nachdem wir uns einige der besten App-Startbildschirme angesehen haben, gibt es etwas, das wir mitnehmen und auf unsere eigenen Startbildschirme anwenden können?
Die überwältigende Mehrheit der Startbildschirme – nun ja, die guten sowieso – verwenden die folgende Formel:

1. Hintergrund – Während es keine festgelegte Regel für den Hintergrund gibt, sind die besten fett und deutlich. Normalerweise ist die gewählte Farbe hell, um sie hervorzuheben, obwohl es durchaus akzeptabel ist, eine Farbe zu wählen, die dem Farbschema Ihrer Marke entspricht. Obwohl oft Einfachheit gewählt wird, ist die Verwendung einer faszinierenden Textur in einigen Fällen eine großartige Möglichkeit, Ihrer App ein unverwechselbares Gefühl zu verleihen, und relevante Bilder bereiten den Benutzer auch auf das In-App-Erlebnis vor.
2. Logo — Das Logo ist deutlich und prominent in der Mitte des Bildschirms positioniert. Die meisten wählen eine Farbe in scharfem Kontrast zum Hintergrund, damit sie hervorsticht.
3. Name – Sofern Sie nicht bereits ein bekannter Name sind, entscheiden sich die meisten Entwickler auch dafür, den Namen ihrer App unter das Logo zu setzen, um die Markenbekanntheit weiter zu steigern.
4. Slogan – Viele kleinere, weniger bekannte Apps enthalten auch einen kurzen Slogan auf ihrem Startbildschirm. Dadurch wird dem Benutzer mitgeteilt, was Ihre App tut, was ihn auf die Erfahrung vorbereitet, die er bereithält.

Folgen Sie dieser Struktur, um Ihrer App einen großartigen Startbildschirm zu geben und einen umwerfenden ersten Eindruck zu hinterlassen!
Denken Sie daran, dass Ihre App selbst auch nach dem Startbildschirm gut aussehen muss! Wenn Ihre App erstellt wurde oder Sie planen, Ihre App von einer WordPress-Website aus zu erstellen, haben wir eine Liste mit 5 WordPress-Designs zusammengestellt, die Ihnen beim Erstellen einer leistungsstarken App-Zielseite helfen werden.
Erfahren Sie hier mehr über MobiLoud!