Onboarding bedeutet also, dass der User vertraut mit Ihrer Seite oder Anwendung wird. Dieser Prozess und wie der User diesen wahrnimmt sind mit entscheidend f\u00fcr das Vertrauen, dass der User Ihnen entgegenbringt und mit welchen Gef\u00fchlen er ihr digitales Produkt verwendet.<\/p>\n
Wie Sie eine gute Onboarding-Erfahrung designen<\/h2>\n
Aus UX-Perspektive haben Sie verschiedene M\u00f6glichkeiten, neuen Usern Ihr Produkt vorzustellen. Wichtig ist, dass Ihre User 1. schnell Ihr Produkt und bestimmte Features verstehen und 2. Spa\u00df bei der Entdeckung haben.<\/p>\n
Der Sinn eines Onboardings ist, dass der User Ihre Anwendung nachher gerne verwendet.
\n<\/b><\/p>\n
Um dies sicherzustellen, will ich drei verschiedene UX Flows im folgenden skizzieren: Die Tour, den Sprung ins kalte Wasser und die Kontextualisierung.<\/p>\n
Die Tour<\/h2>\n
Eine Tour erm\u00f6glicht Ihren Usern Ihr Produkt kennenzulernen. Diese kann direkt auf der Begr\u00fc\u00dfungsseite stehen oder aber als Swipe-through neue App-User begr\u00fc\u00dfen. Hier haben Sie Gelegenheit in einem kurzen Tutorial Ihre User zu informieren und zu unterhalten.<\/p>\n
Manchmal besteht die Tour auch aus einem schrittweisen Setup-Prozess wie z. B. bei Drift.<\/p>\n
![\"onboarding](\"http:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/09\/Bildschirmfoto-2016-09-08-um-16.24.35.png\")
<\/p>\n
Allerdings f\u00fchlt sich ein langes Swipe-Through-Tutorial manchmal durchaus veraltet an. Hier besteht die Herausforderung darin, den User nicht mit Informationen zu \u00fcberfrachten (denn wer merkt sich wirklich die ganzen Features und Buttons?), und ihn gleichzeitig auch nicht zu langweilen.<\/p>\n
Oftmals f\u00fchlt sich ein Tutorial an wie \u00a0etwas, das man auf sich nehmen muss, bevor man endlich mit dem Produkt starten kann. Aus eigener Erfahrung muss ich sagen, dass ich nur selten die einzelnen Slides auch wirklich lese und verinnerliche, sondern dass mir dir erste Eindruck von dem Produkt viel wichtiger ist.<\/p>\n
Die Herangehensweise ist also hier nicht \u201cLearning by doing<\/i>\u201d, sondern das \u00c4quivalent eines theoretischen Frontalunterrichts, der vor der eigentlichen Praxis steht.<\/p>\n
Pro: Der User bekommt einen \u00dcberblick \u00fcber die Features und M\u00f6glichkeiten.<\/p>\n
Con: Der User kann das Gelernte nicht sofort ausprobieren.<\/p>\n
Der Sprung ins kalte Wasser<\/h2>\n
Wenn man sich bei Snapchat anmeldet, landet man direkt auf dem Kamera-Screen. Das Erste, was man hier sieht, ist das, worauf die Kamera zeigt. Man wird hier mitten ins kalte Wasser geworfen und muss Funktionen und M\u00f6glichkeiten selbst entdecken. Dies mag erkl\u00e4ren, warum die App gerade f\u00fcr die \u00fcber 35-j\u00e4hrigen nicht dieselbe Beliebtheit verzeichnen konnte wie f\u00fcr die j\u00fcngere Generation.<\/p>\n
Die Idee von Snapchat ist, das man direkt anf\u00e4ngt, Fotos und Videos zu erstellen. Das Motto des Onboarding-Prozesses ist – im wahrsten Sinne des Wortes – \u201cShow, don\u2019t tell\u201d. Der User soll hier sofort anfangen, Bilder und Videos zu erstellen.<\/p>\n
Nach einem kurzen Login-Prozess wird man bei Snapchat zuerst mit dem Kamera-Screen begr\u00fc\u00dft.<\/p>\n
![\"onboarding](\"http:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/09\/IMG_1900.png\")
<\/p>\n
Die Idee ist, dass man, anstatt die App zu erkl\u00e4ren, das Potenzial der App demonstriert.<\/p>\n
Ein \u00e4hnliches Beispiel ist Twitter: Twitter schl\u00e4gt neuen Usern automatisch 20 Accounts vor, denen diese folgen sollen. Die Idee dahinter ist, dass es 20 Accounts + deren Mitteilungen braucht, um Interesse an Twitter zu wecken.<\/p>\n
Pro: Der User kann die Funktionen und Anwendungen direkt ausprobieren.<\/p>\n
Con: Es erfordert Neugier und Freude an Neuem, sich mit Unbekanntem auseinanderzusetzen, sodass man dieses auch versteht. Je nach Skill-Level des Users kann dies dazu f\u00fchren, dass dieser die Verwendung abbricht und kein Interesse mehr hat.<\/p>\n
Erkl\u00e4rung im Kontext: Lernen on-the-go<\/h2>\n
Ein Beispiel einer Anwendung, die beides verbindet ist Trello.<\/p>\n
Hier wird mittels Karten erkl\u00e4rt, wie das Karten-System und die Strukturierung funktioniert. Bei Trello gibt es verschiedene Projektstufen, in die Karten eingeordnet werden k\u00f6nnen. Dies bekommt der User direkt am Beispiel erkl\u00e4rt und kann diese Strukturierung direkt ausprobieren.<\/p>\n
<\/p>\n
![\"onboarding](\"http:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/09\/Bildschirmfoto-2016-09-08-um-12.05.53.png\")
<\/p>\n
Der Vorteil: man kann dort einzelne Schritte direkt ausf\u00fchren und lernen ohne aber mit allzu vielen Informationen \u00fcberfrachtet zu werden. Vielmehr kann man in seiner eigenen Geschwindigkeit lernen.<\/p>\n
Diese Herangehensweise gleicht der eines Trainers, der einen bei verschiedenen Lernprozessen begleitet.<\/p>\n
\u00c4hnlich ist das auch, wenn man sich das erste Mal bei Slack anmeldet. Hier wird man vom Slackbot aufgefordert, etwas zu tippen.<\/p>\n
![\"onboarding](\"http:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/09\/Bildschirmfoto-2016-09-08-um-12.08.50.png\")
<\/p>\n
Pro: Der User sieht, was die App zu bieten hat und wird aufgefordert, Funktionen gleich auszuprobieren.<\/p>\n
Con: User lernen on-the-go was eine Anwendung oder ein Service zu bieten hat. Aber reicht dies aus, um nachhaltiges Interesse zu wecken? Sie k\u00f6nnen User dazu bringen, in Trello eine Karte zu verschieben, aber das bedeutet nicht, dass sie bereits wissen, wie man Mitglieder zu einer Karte hinzuf\u00fcgt oder aber Trello mit Slack integriert.<\/p>\n
Fazit<\/h2>\n
Ich habe in diesem Blog Post versucht die Eckpunkte von User Onboarding aufzuzeigen. Auf der einen Seite gibt es den Tutorial-Approach, der gewisserma\u00dfen das digitale \u00c4quivalent von Frontalunterricht ist. Auf der anderen Seite gibt es den Sprung ins kalte Wasser, bei dem es darum geht, den User selbst ausprobieren zu lassen. In der Mitte dieser beiden Polen steht eine Kontextualisierung, d. h. Erkl\u00e4rung + gleichzeitiges Ausprobieren des Users.<\/p>\n
Ich bin gespannt auf Ihre UX Flows und Beispiele. Wer sich f\u00fcr weitere Onboarding-Beispiele interessiert, dem kann ich folgende Seite von Samuel Hulick sehr empfehlen: http:\/\/www.useronboard.com\/<\/a> Hier werden Onboarding-Prozesse grafisch sehr gut aufbereitet dargestellt und einzelne Schritte und Designs kommentiert.<\/p>\n Viel Spa\u00df beim Entdecken!<\/p>\n
![](\"http:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/02\/Bildschirmfoto-2016-02-24-um-14.58.05-e1458129781372.png\")
<\/p>\n