Startseite » Web-Design » Entwerfen eines Onboarding-Prozesses, der Benutzern das Lernen erleichtert

    Entwerfen eines Onboarding-Prozesses, der Benutzern das Lernen erleichtert

    Beim Einstieg in eine neue App ist es in der Regel schwierig zu lernen, wie sie funktioniert. Sie könnten schnell den Dreh raus haben, aber Es gibt immer einen Lernprozess. Das Ziel von Onboarding ist zu neue Benutzer vorstellen auf eine Website, ein Programm oder eine Anwendung. Beim Onboarding sollten Sie etwas darüber lernen individuelle Merkmale, wie sie funktionieren, und Wie wertvoll die App ist an den Benutzer.

    In einem kürzlich erschienenen Beitrag haben wir berichtet mobile Onboarding-Bildschirme dieser Fokus auf Designs und Inhaltsstile. In diesem Beitrag möchte ich Tipps für die Benutzererfahrung und den Marketingprozess von geben Führen eines Benutzers durch den Onboarding-Prozess.

    Verwenden Sie Bilder und Diagramme

    Grafiken und visuelle Elemente kann eine Benutzererfahrung viel besser erklären als Worte. Verlassen Sie sich auf Visuals, um zu helfen Benutzer durch den Prozess führen wie benötigt. Dies ist eine wertvolle Strategie, da sie den Onboarding-Prozess im Blick hat und die Absichten klärt. Mit Visuals ist es Ihr Ziel eher zeigen als erzählen.

    Sie können dies auf viele verschiedene Arten mit tun vollständige Screenshots, kleine Symbole oder Illustrationen / Vektorgrafiken die in den Design-Workflow passen. Nehmen Sie zum Beispiel diesen Onboarding-Bildschirm von Designer Salman Shah.

    Er benutzt Vektorikonen zu Cue jedes Dia visuell. Die Icons funktionieren als Metaphern für jeden Punkt, und Hilfe verkaufe die Funktionen an den Benutzer.

    Wenn Sie keine Fähigkeiten zum Erstellen von Icons haben, können Sie sie jederzeit verwenden Kostenlose Icon-Packs zu Ihrem Vorteil Viele Designer geben ihre Arbeit kostenlos frei, und Sie können dies problemlos tun integrieren Sie diese Symbole in Ihre Onboarding-Bildschirme.

    Sie können über statische Symbole hinaus zu gehen Animation einfügen auch. Nehmen Sie zum Beispiel den finanzbasierten Onboarding-Prozess von Iaroslav Zhmak.

    Er benutzt viele symbole aber auch Platziert Animationen in jeden Abschnitt. Sie lernen durch visuelle Hinweise, was die App macht das belebt, um Ihre Aufmerksamkeit zu erregen.

    Beachten Sie, dass jede Onboarding-Folie hat auch eine Textbeschreibung. Dies ist das wahre Fleisch der Nachricht, da sie den Benutzern mitteilt, was sie können eigentlich mit der anwendung machen. Manchmal kann eine Nur-Text-Seite fühle mich wie ein stickiges College-Lehrbuch obwohl. Verwenden Sie visuelle Elemente und Animationen, um jeden Teil des Onboarding-Prozesses aufzuwerten.

    Funktionen in Aktion anzeigen

    Versuchen zu Vermeiden Sie es, die offensichtlichen Merkmale anzugeben oder Benutzer zwingen, alle Einzelteile der App auswendig zu lernen. Versuchen Sie es auch Vermeiden Sie grundlegende Aussagen das führt die Benutzer rund um die App “Dies ist das Hauptmenü, dies ist der Bildschirm der Freunde”, usw. Versuchen Sie stattdessen, sich auf diese Dinge zu konzentrieren tun können, und wie der Benutzer kann mit diesen Bereichen interagieren.

    Diese Strategie erinnert an das alte Marketing-Sprichwort “Verkaufen Sie das Steak nicht, verkaufen Sie das Zischen”. Sie möchten die App verkaufen durch seine Vorteile für den Benutzer, nicht durch beliebige Funktionen und Menüpunkte.

    Dieses von Prakhar Sharma erstellte Design führt Sie beispielsweise durch einen vollständigen Arbeitsvorgang auf Ihrem Bankkonto.

    Das Design bietet einen natürlichen Fluss um Ihnen den Einstieg zu erleichtern und Sie bei jedem Schritt zu unterstützen. Dieser Onboarding-Prozess zwingt Benutzer dazu Handeln Sie Das ist letztendlich das Hauptziel.

    Du kannst entweder Zeigen Sie die Funktionen in Aktion durch eine Demo, oder Sie können Benutzern helfen Maßnahmen durch den Onboarding-Prozess ergreifen. Beide methoden fördert das Handeln gegenüber dem Konsum was in der Regel zu mehr engagierten Benutzern führt.

    Ich habe ein weiteres schönes Beispiel für einen von Riko Sapto Dimo ​​erstellten Onboarding-Bildschirm im YouTube-Stil gefunden. Es verwendet visuelle Elemente und Symbole, um eine Nachricht zu übermitteln, hilft aber auch dem Benutzer Maßnahmen ergreifen, bevor Sie in die App eintauchen.

    Nach dem “Wie es funktioniert” Bildschirm können Sie wählen Benachrichtigungen einrichten mit einem Klick auf eine Schaltfläche. Das ist ein gute Strategie denn viele benutzer werden die app komplett vergessen, aber mit Benachrichtigungen werden angezeigt sie werden irgendwann wieder verwenden (oder Benachrichtigungen deaktivieren).

    Sie können auch hinzufügen Tasten zum Aktivieren oder Deaktivieren von Funktionen zu jedem Zeitpunkt des Onboarding-Prozesses. Diese Funktionen können sich auf Newsletter-Anmeldungen beziehen, anderen Konten folgen oder sogar Updates abonnieren. Gerade Benutzer engagieren, und hilf ihnen anfangen zu handeln. Von dort wird es einfacher zu Halten Sie sie süchtig.

    Zeigen Sie jeweils ein Feature an

    Die meisten Onboarding-Bildschirme zeigen bestimmte Funktionen an und führen Sie durch einen Prozess von Anfang bis Ende. Eile keine Benutzer, und definitiv schieben Sie nicht eine Menge Informationen sofort auf den Bildschirm.

    Der Schlüssel, um neue Benutzer interessiert und aufgeregt zu halten, ist zu den Fokus beibehalten und zeigen Sie jeweils ein Feature an. Wenn Sie zu viel auf den Bildschirm schieben, können Benutzer dies tun überwältigt fühlen. Wenn der Onboarding-Prozess zu langweilig ist, werden sich die Leute langweilen und kündigen.

    Jeder Bildschirm sollte mindestens haben eine neue Information das ist für den Benutzer wertvoll. Sie können dies auch im Web mit einem modaler Fenster- / Dialogfeldansatz. Du solltest aber trotzdem behalten konzentrieren sie sich jeweils auf ein thema aufmerksam machen, wo es hingehört.

    Das Dropbox-Team plant eine neue Desktop-App mit Onboarding. Wes O'Haire teilte dieses Beispiel mit seinem Dribbble-Konto.

    Alles zu diesem Onboarding-Bildschirm fühlt sich sehr natürlich an. Sie haben einen blauen Balken Wie weit ist der Onboarding-Prozess? du bist gegangen. Dann haben Sie auch eine klare Wegbeschreibung Schritt für Schritt bewegen durch den Prozess. Es gibt auch ein Zurück-Button falls der Benutzer die vorherigen Schritte vergisst oder nur eine Zusammenfassung möchte.

    Fokus ist der Name des Spiels, und dieses Design hält die Benutzer konzentrierte sich auf die Aktionen. Am Ende dieses Onboarding-Prozesses sollten neue Benutzer in der Lage sein bequem verwenden die Dropbox-App auf dem Desktop zum Hochladen, Herunterladen und Ausführen aller anderen erforderlichen Aktionen.

    Und erinnere dich daran Vorteile verkaufen sich besser als Funktionen. Erklären Was der Benutzer von der App erhält Anstatt wie schnell es läuft oder wie viele Profile Sie haben können.

    Das obige Beispiel zeigt einige Bildschirme einer Gesundheits- / Arzttermin-App namens Qikwell. Jede Folie zeigt ein Hauptmerkmal auf den Nutzen des Benutzers ausgerichtet (Terminverfügbarkeit und Gesamtzahl in Zeile).

    Die letzte Folie hat auch eine kleine “Loslegen” Link zu leiten Sie die Benutzer über den nächsten Schritt. Es würde die Sichtbarkeit dieser Verbindung erhöhen, um das Engagement zu fördern, aber es ist schon eine großartige Idee, wenn man sie dort hat.

    Denken Sie daran, alles zu behalten einfach und unkompliziert. Jeder Schritt des Prozesses sollte ein Ziel haben entweder den Benutzer zu unterrichten oder ihm zu helfen, sich weiter in die Anwendung zu bewegen.

    Abschluss mit einer Aktion

    Am Ende des Onboarding-Prozesses sollten Sie Benutzer haben, die Bescheid wissen Was bietet die App, was können sie tun?, und warum sollten sie es verwenden. Dennoch könnten sie brauche einen Schubs tatsächlich handeln und etwas tun.

    Beenden Sie Ihr Onboarding immer mit einer Art Link oder Schaltfläche treibt den Benutzer irgendwo an. Dies kann eine Einstellungsseite, eine Profilseite, ein Bildschirm für den Benutzerablauf oder ähnliches sein.

    Das beste Die empfohlenen Maßnahmen variieren basierend auf den Zielen Ihrer App. Eine Ernährungs-App kann neue Benutzer dazu anregen, ihre Nahrungsmittel für den Tag zu protokollieren, aber eine Social-Networking-App kann Benutzer zu einem Profilbildschirm oder zu einer Website schicken empfohlene Liste der Benutzer Folgen.

    In diesem App-Design von Oktafian Nugraha bemerken Sie eine große Orange “Lasst uns beginnen!” Schaltfläche am unteren Rand der letzten Folie. Das ist super hell und ziemlich schwer zu übersehen.

    Diese abschließende Aktionsschaltfläche kann irgendwo führen, solange die Endziel ist die Benutzerbindung. Stecken Sie diese Schaltfläche in Ihren Onboarding-Prozess und Stellen Sie sicher, dass es sichtbar ist. Wenn die Benutzer das Onboarding abschließen und keine Schaltfläche zum Abschluss finden, können sie dies tun gefangen fühlen und geh einfach.

    Es ist ziemlich schwer, das zu vermasseln, also einfach Planen Sie einen typischen Benutzerfluss, und stellen Sie sicher, dass Sie Link zu einer entsprechenden Seite am Ende des Onboarding-Prozesses. Wenn das Onboarding seine Aufgabe erfüllt hat, sollten neue Benutzer dies bereits tun weiß, was Sie von dort aus tun können.

    Ein letzter Blick

    Jedes neue Projekt sollte für neue Benutzer eine Art Leitfaden oder einen Onboarding-Prozess enthalten. Es ist der schnellste Weg zu neue Benutzer leiten, und zu halten Sie mehr Leute an mit Ihrer mobilen App, Website oder Ihrem Desktop-Programm.

    Design Ästhetik sind wichtig, aber die Benutzererfahrung übertrumpft alles. Wenn dies korrekt durchgeführt wurde, sollte der Onboarding-Prozess abgeschlossen sein lehrreich und hoffentlich ein bisschen Spaß!