Mobile App Onboarding: Typen, UI, Best Practices & Beispiele im Jahr 2022

Veröffentlicht: 2022-03-15

Das Onboarding mobiler Apps kommt ins Spiel, wenn Designer vergessen, dass die Benutzer nicht dasselbe getan haben, während sie Recherchen durchgeführt, Abläufe abgebildet und Schnittstellen getestet haben, um eine App für ihre demografische Gruppe zu erstellen. Das bedeutet letztendlich, dass sie die App nicht so gut bedienen können wie ihre Ersteller, was bei einem durchgeführten Onboarding völlig normal ist.

Für viele Menschen sind die ersten Eindrücke von neuen Apps nicht immer so angenehm. Stattdessen stellten sich Verwirrung und Unzufriedenheit aufgrund der Usability-Probleme der App ein. Negative Gefühle können sich an diesem Punkt ihrer Benutzererfahrung auf die Neigung eines Benutzers auswirken, die App in Zukunft zu verwenden.

Das Ziel des Onboardings ist es, den Benutzern beizubringen, wie sie eine mobile Anwendung und ihre Kernfunktionen in vollem Umfang nutzen können. Durch die Integration eines gut durchdachten Onboarding-Verfahrens in Ihre App können Sie vermeiden, dass Ihre App entfernt wird, indem die Unsicherheit und der Ärger der Benutzer verringert werden.

In diesem Beitrag sehen wir uns an, wie ein effektiver Onboarding-Prozess die UX und die Fortschrittsbalken Ihrer App verbessert und gleichzeitig Vertrauen bei Ihren Benutzern schafft, was zu höheren Conversions und langfristigem Benutzerengagement führt.

Rufen Sie den Soutem App Builder auf und beginnen Sie mit der Erstellung Ihrer App!

Rufen Sie Shoutem App Builder auf

Was ist der Onboarding-Prozess für mobile Apps?

Neue Benutzer müssen eine Reihe von Schritten ausführen, bevor sie mit der Verwendung einer mobilen Anwendung beginnen können. Benutzer können durch den Registrierungsprozess geführt werden, indem sie aufgeklärt, ihre Zustimmung eingeholt und ihre Informationen eingeholt werden, und das ist im Wesentlichen das, was Onboarding ist, indem es Ihrem Verbraucher Hilfe und Anleitung für eine erfolgreiche Onboarding-Reise bietet.

Nachdem ein Benutzer Ihre App aus dem App Store heruntergeladen hat, beginnt die Onboarding-Reise. Um erfolgreich zu sein, müssen Sie zeigen, dass Ihre Software reale Probleme für Benutzer löst. Betrachten Sie es als ein Vorsprechen, das für beide Seiten von Vorteil ist. Der dedizierte Onboarding-Prozess soll Benutzern helfen, ihr Ziel so schnell und einzigartig wie möglich zu erreichen, sobald sie Ihre App zum ersten Mal verwenden.

Es gibt 3 verschiedene Ansätze für das Onboarding mobiler Apps:

  • Der progressive Ansatz
  • Der funktionale Ansatz
  • Vorteile – orientierter Ansatz

Der progressive Ansatz als Onboarding-Strategie

Das grundlegende Ziel eines progressiven Onboarding-Prozesses besteht darin, Benutzern das Lernen zu ermöglichen, indem sie die App erkunden und unterwegs auf neue Informationen zugreifen.

Wenn Ihre App über einen komplexen Workflow, mehrere Abschnitte oder Interaktionen verfügt, die auf Gesten basieren, ist dies eine hervorragende Möglichkeit, Benutzer mit der App vertraut zu machen.

Mit einem progressiven Onboarding-Prozess erhalten Kunden eine Vorwarnung darüber, was kommen wird, werden aber nicht mit Informationen bombardiert; Stattdessen sind sie in der Lage, die Kontrolle über ihre Onboarding-Erfahrung zu übernehmen.

Der funktionale Ansatz als Onboarding-Typ

Durch diese funktionsorientierte Onboarding-Methode wird einem neuen App-Nutzer schnell gezeigt, wie er die wichtigsten Features und Funktionen der App nutzen kann. Funktionales Onboarding bringt den Benutzern bei, wo sie anfangen sollen und wie sie die grundlegendsten Aufgaben erledigen. Visuelle Rundgänge mit detaillierter Wegbeschreibung sind ein gutes Beispiel für diese funktionale Methode.

Nutzen – orientierter Ansatz als Onboarding-Format

Der Wert einer App wird vor allem durch das nutzenorientierte Onboarding, auch Feature Based Onboarding genannt, nachgewiesen. Anstatt sich darauf zu konzentrieren, wie das Programm verwendet wird, konzentriert es sich darauf, was es kann.

Beispielsweise kann ein Benutzer bei dieser Art des Onboardings wählen, ob er Push-Benachrichtigungen erhalten möchte oder nicht, oder der App erlauben, auf den Standort seines Geräts zuzugreifen.

Was ist der Onboarding-Prozess für mobile Apps?

Warum ist das Onboarding mobiler Apps wichtig?

Wenn sich die Benutzeroberfläche Ihrer App stark von der gewohnten unterscheidet, kann es für Erstbenutzer schwierig sein, sich mit der Verwendung vertraut zu machen. Wenn es zu lange dauert, mit einer App anzufangen oder herauszufinden, wie genau die App funktioniert, werden 21 % der Nutzer die App nie wieder verwenden – sie werden das Interesse verlieren. Infolgedessen kann der Prozentsatz der Benutzer, die eine App verlassen, reduziert werden, indem ein App-Onboarding-Erlebnis integriert wird.

Der Erfolg unserer App und die kontinuierliche Nutzung der App hängen entscheidend davon ab, einen guten ersten Eindruck bei unseren Frontloading-Benutzern zu hinterlassen, und deshalb ist das Onboarding so wichtig.

10 Vorteile des Mobile App Onboarding

  • Ein solides Onboarding mobiler Apps erhöht die langfristige Benutzerbindung und die frühzeitige Nutzung der App
  • Bietet eine nahtlose Benutzererfahrung
  • Gibt Ihren Kunden einen Namen und ein Gesicht (erzeugt Kundeneinblicke)
  • Reduziert Kosten und erhöht die Kundenbindung
  • Bietet sofortigen Kundenservice in Echtzeit
  • Verbessert die Kundenbindung und schafft einen zufriedenen Verbraucher
  • Hilft bei der Ermittlung des unmittelbaren App-Werts
  • Erstellt ein Personalisierungselement, das das Interesse des Benutzers weckt
  • Bietet einen nahtlosen Übergang von einem neuen Benutzer zu einem „erfahrenen“.
  • Hilft bei der Aufklärung der Benutzer über Markenwert und App-Nutzung

Best Practices & Beispiele für mobile Onboarding-Apps

1. Locker

Slack vereinfacht den Onboarding-Prozess für Desktop-Benutzer, indem es ihnen ermöglicht, mit dem Chatbot zu kommunizieren, was es zu einem unserer Top-Beispiele für das Onboarding von Apps macht. Diese Funktion für Benutzer lässt den Onboarding-Prozess unkompliziert erscheinen und zeigt, wie Slack ständig die Grenzen des Designs von Benutzeroberflächen erweitert. Die Sequenz ist im Programm auf vier Panels reduziert, von denen jedes den Benutzer beim Einrichten oder Verbinden mit seinem Büro und seinen Kollegen unterstützt.

Wir schätzen den Fokus der App darauf, den Arbeitsbereich mit so wenig Informationen wie möglich von den Benutzern einsatzbereit zu machen. Benutzer können die App nach einem kurzen Onboarding-Prozess, der die Hauptfunktionen der App demonstriert, selbst erkunden.

2. Venmo

Wenn Sie Venmo, ein Kraftpaket für mobile Zahlungen, öffnen, werden Sie mit einem Begrüßungsbildschirm begrüßt, der seinen Hauptwert hervorhebt, Zahlungen schnell und mühelos mit Freunden zu teilen und gleichzeitig wichtige soziale Beweise zu liefern.

Das allererste, was neue Venmo-Benutzer sehen, wenn sie die App zum ersten Mal öffnen, ist ein Live-Stream der letzten Transaktionen. Es ist ein cleverer Ansatz, all die verschiedenen Anwendungen für die Software zu demonstrieren und zu zeigen, wie weit verbreitet sie ist. Im dritten Quartal 2017 verarbeitete die App Zahlungen in Höhe von 9,4 Milliarden US-Dollar, was einer Steigerung von 93 Prozent gegenüber dem Vorjahr entspricht.

Für dieses Beispiel belassen wir es bei Ihnen: Kommunizieren Sie Ihren grundlegenden Wert auf Ihrem Onboarding-Begrüßungsbildschirm, sobald er auf dem Bildschirm erscheint.

3. Ruhe

Calm ist eine der beliebtesten Meditations-Apps der Welt. Das UI-Design der App ist minimalistisch und sauber und vermittelt das Gefühl der Ruhe, das die App ihren Benutzern vermittelt.

Der App-Onboarding-Prozess ist kurz, zeigt aber dennoch die wichtigsten Vorteile, die Kunden aus dem Produkt ziehen können. Benutzer können sofort damit beginnen, sich Ziele zu setzen, von besserem Schlaf bis hin zu Stressabbau. Wir wissen es zu schätzen, dass die Software keine Zeit damit verbringt, die Benutzer anfangen zu lassen und selbst zu erkunden, und dass die Übergänge so fließend sind.

4. Meisterklasse

Die mobile Masterclass-App, eine riesige Online-Lernplattform, verfügt über einen hervorragenden Onboarding-Prozess. Einerseits schätzen wir, wie klar die Hauptvorteile der App den Benutzern in einer visuell ansprechenden und leicht verständlichen Form kommuniziert werden.

Apps, die neue Benutzer zum Durchsuchen von Kursen anregen, sind sogar noch vorteilhafter, da sie es den Menschen ermöglichen, neue Möglichkeiten zu entdecken. Das Tutorial ist kurz und auf den Punkt gebracht, aber es gibt den Kunden auch die vollständige Kontrolle über ihre Erfahrung. All dies kann getan werden, ohne sich jemals bei der App anzumelden oder sich anzumelden. Das ist das i-Tüpfelchen für einen fantastischen App-Onboarding-Tag. Bevor sie Formulare ausfüllen, Berechtigungen erteilen oder irgendetwas anderes mühsames tun müssen, können App-Benutzer entdecken, was ihr Interesse weckt.

5. Fitbit

Tragbare Geräte und Fitnessanwendungen haben in den letzten Jahren an Popularität gewonnen. Das UI-Design einer Fitness-App ist entscheidend für ihren Erfolg, und Fitbit ist ein Paradebeispiel. Der Onboarding-Prozess von Fitbit zeigt, wie eine gut gestaltete Sequenz viele Bereiche abdecken kann, ohne den Benutzer zu schnell mit zu vielen Informationen zu überladen.

Die ersten Schritte mit einer App bestehen aus drei Schritten: Auswählen eines Geräts, Konfigurieren und Erstellen eines Kontos. Trotz der Tatsache, dass es viel zu sein scheint, wird es mit Geschick gemacht. Nach der Auswahl ihres Geräts können Benutzer ihre physischen Daten auf verschiedenen Seiten der App angeben, was den Vorgang dynamisch und einfach macht. Wenn Sie dies noch nicht getan haben, ist das Erstellen eines Kontos so einfach wie das Ausfüllen eines Formulars.

Rufen Sie den Soutem App Builder auf und beginnen Sie mit der Erstellung Ihrer App!

Rufen Sie Shoutem App Builder auf

Best Practices & Beispiele für mobile Onboarding-Apps

Designbeispiele für mobile Onboarding-Anwendungen

Instagram

Um Ihnen Zeit zu sparen, nutzt Facebook die Leistungsfähigkeit seines sozialen Netzwerks, um Formularfelder mit vorausgefüllten Daten zu füllen. Es bietet auch Menschen, die bereits auf Instagram sind, als potenzielle Freunde an. Daraus entsteht die Angst vor dem Verpassen (FOMO). Als Anreiz, den Onboarding-Prozess abzuschließen, dient FOMO als Motivationsfaktor. Instagram schafft ein reichhaltiges Gefühl bei der Verwendung einer App, die Ihnen das Erstellen und Erlernen neuer Tricks mit hellen und auffälligen Farben und herausragenden Texten erleichtert.

Es ist auch möglich, dass die Empfehlungen von Instagram für Sie, Prominenten und anderen prominenten Persönlichkeiten zu folgen, auf Ihren Facebook-Verbindungen basieren. Das Designteam von Instagram ist dafür bekannt, Popkultur in sein gesamtes Design einzubeziehen, um Gefühle bei den Benutzern zu wecken und sie für mehr App-Nutzung zu interessieren.

Youtube Musik

Eleganter schwarzer Hintergrund, ein klassisches Formulardesign, das YT Music bietet, hilft ihnen, einen Farbtupfer in ihrem Text zu erzeugen, der die Aufmerksamkeit der Benutzer auf sich zieht und sie durch die Schlüsselelemente für die erfolgreiche Verwendung der App führt. Mitgliedschaftsbasierte Musik-Streaming-Dienste wie dieser erfordern, dass ein Benutzer ein Konto registriert und sich anmeldet. YouTube Music hat eine sichtbare kostenlose Testschaltfläche, die mit einem Farbtupfer auf ihrem dunklen Hintergrund akzentuiert ist, im Gegensatz zur Amazon-App, die Benutzer nur auffordert, sich anzumelden oder ein neues Konto einzurichten.

Indem sie den Benutzern die Wahl lassen, schaffen sie ein Element des Vertrauens und der Leichtigkeit innerhalb eines Benutzers, das nicht durch Überzeugungskraft oder App-Design ersetzt werden kann.

Mailchimp

Die Schaltfläche „Tour überspringen“ ist in Apps üblich, die zu einem frühen Zeitpunkt des Onboarding-Prozesses eine Option zum Überspringen bieten. Auf jedem Bildschirm ermöglicht die Onboarding-UX von Mailchimp den Benutzern die Wahl. Wenn der Benutzer bereit ist, die App zu verwenden, kann er die Onboarding-Sequenz verlassen. Dies versetzt den Benutzer in den Fahrersitz. Zunächst einmal ermöglicht es ihnen, den Onboarding-Prozess zu beenden, anstatt das gesamte Programm zu beenden, wenn sie sich gelangweilt oder frustriert fühlen.

Wichtiges visuelles Designelement: Hinzufügen einer Schaltfläche „Tour überspringen“, um dem Benutzer die Möglichkeit zu geben, die Tour zu überspringen, wenn er bereit ist, die App zu verwenden und sich selbst zu informieren.

Rufen Sie den Soutem App Builder auf und beginnen Sie mit der Erstellung Ihrer App!

Rufen Sie Shoutem App Builder auf

Häufig gestellte Fragen zum Onboarding mobiler Apps

Wie binde ich Benutzer in meine mobile App ein?

Oft muss das Onboarding mit einem positiven Element der Benutzererfahrung beginnen. Wie bei einem ersten Date ist dies Ihre Chance, einen bleibenden Eindruck zu hinterlassen. Um veraltet zu sein, verlässt man entweder oder erfindet eine Notausrede. Lassen Sie nicht zu, dass dies den Kunden Ihrer App passiert.

Hier sind einige wichtige Schritte und Onboarding-Elemente, die Sie befolgen müssen, um Benutzer in Ihre App einzubinden:

  • Lernen Sie Ihre Kunden so schnell wie möglich kennen.
  • Machen Sie es sich einfach, sich fortzubewegen
  • Stellen Sie sicher, dass das Farbschema einfach und übersichtlich ist.
  • Erstellen Sie einen übersichtlichen Bildschirmbereich

Ist App-Onboarding notwendig?

Das Onboarding ist immer eine großartige Möglichkeit, Benutzer zu schulen und vor Ort und in Echtzeit hochwertige Verbrauchereinblicke zu sammeln. Andererseits bedeutet dies nicht, dass alle Apps einzigartige Onboarding-Prozesse oder tiefgreifende Erklärungen für Benutzer erfordern. Onboarding-Routinen mit Anweisungen sind für die meisten mobilen Apps unnötig, da Benutzer in der Lage sein sollten, die Benutzeroberfläche einfach durch ihre Verwendung zu verstehen. Bei komplexen mobilen Apps ist es oft effektiver, Benutzer zu schulen, indem ihnen Tipps im Kontext gezeigt werden, anstatt ihnen ein Tutorial auf der Benutzeroberfläche der App zu präsentieren.

Es ist einfach unwahrscheinlich, dass sich Menschen an viele Informationen erinnern (auch nicht versuchen), insbesondere wenn sie nicht sicher sind, ob sie sie tatsächlich verwenden werden. Trotz der Tatsache, dass Fehler die Benutzererfahrung beeinträchtigen, stellen Fehlermeldungen eine Lehrmöglichkeit dar, da Verbraucher eher ein paar Zeilen darüber lesen, wie das Problem behoben werden kann, wenn sie mit einem „lehrbaren Moment“ konfrontiert werden.

Warum ist der Onboarding-Bildschirm wichtig?

Diese Bildschirme werden für drei Hauptzwecke verwendet: um verschiedene Benutzerebenen über die Kernfunktionen und Vorteile der App zu informieren. Dem Benutzer erlauben, ein Passwort einzurichten. Um Benutzern relevantere Inhalte und Benachrichtigungen bereitzustellen und/oder Profilinformationen zu sammeln.