Projektowanie procesu Onboarding, który faktycznie pomaga użytkownikom uczyć się
Przeskakiwanie do nowej aplikacji zwykle wiąże się z trudnościami w nauce jej działania. Szybko to zrozumiesz, ale zawsze jest proces uczenia się. Cel onboarding to jest przedstaw nowych użytkowników do strony internetowej, programu lub aplikacji. Z onboardingiem powinieneś uczyć o indywidualne funkcje, jak one działają, i jak aplikacja oferuje wartość do użytkownika.
W ostatnim poście omówiliśmy ekrany mobilne na pokładzie to skupia się na projekty i style zawartości. W tym poście chcę podzielić się wskazówkami dotyczącymi doświadczenia użytkownika i procesu marketingowego prowadzenie użytkownika przez proces onboardingu.
Użyj obrazów i diagramów
Grafika i elementy wizualne może wyjaśnić doświadczenie użytkownika znacznie lepiej niż słowa. Polegaj na wizualizacjach, aby pomóc przeprowadzać użytkowników przez proces w razie potrzeby. Jest to cenna strategia, ponieważ zwraca uwagę na proces onboardingu i wyjaśnia intencje. Z wizualizacją Twoim celem jest pokaż, a nie mów.
Możesz to zrobić na wiele różnych sposobów pełne zrzuty ekranu, małe ikony lub ilustracje / grafiki wektorowe które pasują do procesu projektowania. Weźmy na przykład ten ekran na pokładzie od projektanta Salmana Shaha.
Używa ikon wektorowych wizualnie wskazuj każdy slajd. Ikony działają jako metafory dla każdego punktu, i pomoc sprzedać funkcje do użytkownika.
Jeśli nie masz umiejętności projektowania ikon od podstaw, zawsze możesz użyć darmowe pakiety ikon na swoją korzyść. Wielu projektantów wypuszcza swoją pracę za darmo i możesz łatwo włącz te ikony do ekranów pokładowych.
Możesz przejść poza ikony statyczne do włącz animację także. Weźmy na przykład proces onboardingu finansowanego przez Iaroslava Zhmaka.
On używa mnóstwo ikon ale również umieszcza animacje w każdej sekcji. Dowiesz się, co robi aplikacja dzięki wizualnym wskazówkom to ożywia, aby zwrócić twoją uwagę.
Zauważ, że każdy slajd na pokładzie ma również opis tekstowy. To jest prawdziwe mięso wiadomości, ponieważ mówi użytkownikom, co mogą właściwie z aplikacją. Czasami strona tekstowa może poczuć się jak duszny podręcznik do college'u chociaż. Wykorzystaj efekty wizualne i animacje, aby urozmaicić każdą część procesu wstawiania.
Wyświetl funkcje w akcji
Spróbuj unikać stwierdzania oczywistych cech lub zmuszanie użytkowników do zapamiętania wszystkich poszczególnych części aplikacji. Spróbuj też unikać podstawowych stwierdzeń które prowadzą użytkowników po aplikacji “to jest główne menu, to jest ekran znajomych”, itd. Zamiast tego skup się na tym, co te rzeczy może zrobić, i jak użytkownik może wchodzić w interakcje z tymi obszarami.
Ta strategia przypomina stare powiedzenie marketingowe “nie sprzedawaj steków, sprzedawaj trzask”. Chcesz sprzedać aplikację poprzez swoje korzyści dla użytkownika, nie poprzez dowolne funkcje i elementy menu.
Na przykład ten projekt stworzony przez Prakhar Sharma prowadzi użytkownika przez cały proces pracy na koncie bankowym.
Projektowanie oferuje naturalny przepływ aby pomóc Ci zacząć, i poprowadzić Cię na każdym kroku. Ten proces wstawiania zmusza użytkowników do podjąć działanie który jest ostatecznie głównym celem.
Możesz albo pokaż funkcje w akcji poprzez demo lub możesz pomóc użytkownikom podejmuj działania poprzez proces onboardingu. Każda z tych metod zachęca do działania ponad konsumpcję co zazwyczaj prowadzi do bardziej zaangażowanych użytkowników.
Znalazłem kolejny fajny przykład ekranu na pokładzie aplikacji w stylu YouTube stworzonego przez Riko Sapto Dimo. Wykorzystuje wizualizacje i ikony do przekazywania wiadomości, ale także pomaga użytkownikowi podejmij działania przed zanurzeniem się w aplikacji.
Po “Jak to działa” ekran, który możesz wybrać skonfigurować powiadomienia jednym kliknięciem przycisku. To jest świetna strategia ponieważ wielu użytkowników całkowicie zapomni o aplikacji, ale z pojawiające się powiadomienia oni będą ostatecznie użyj go ponownie (lub wyłącz powiadomienia).
Możesz także dodać przyciski do włączania lub wyłączania funkcji w dowolnym momencie procesu pokładowego. Funkcje te mogą dotyczyć rejestracji biuletynu, śledzenia innych kont, a nawet subskrybowanie aktualizacji. Właśnie zaangażuj użytkowników, i pomóż im zacznij działać. Stamtąd jest łatwiej trzymajcie ich haczykami.
Pokaż jedną funkcję na raz
Większość ekranów na pokładzie wyświetla pewne funkcje i przenosi Cię przez proces od początku do końca. Nie spiesz się z użytkownikami, i zdecydowanie nie wkładaj wielu informacji na ekranie naraz.
Kluczem do utrzymania nowych użytkowników zainteresowanych i podekscytowanych jest utrzymuj ostrość i pokaż jedną funkcję na raz. Jeśli przesuniesz za dużo na ekranie, użytkownicy mogą czuć się przytłoczonym. Jeśli proces wchodzenia na pokład jest zbyt nudny, ludzie będą się nudzić i zrezygnować.
Każdy ekran powinien mieć przynajmniej jedna nowa informacja to jest cenne dla użytkownika. Możesz to zrobić również w Internecie za pomocą modalne podejście do okna / okna dialogowego. Jednak nadal powinieneś się trzymać skup się na jednym temacie na raz zwrócić uwagę tam, gdzie należy.
Zespół Dropbox planuje nową aplikację na komputer z włączeniem, a Wes O'Haire podzielił się tym przykładem na swoim koncie Dribbble.
Wszystko o tym ekranie na pokładzie czuje się bardzo naturalnie. Masz niebieski pasek wskazujący jak długo trwa proces wprowadzania na pokład odszedłeś. Wtedy też masz jasne wskazówki do poruszać się krok po kroku przez cały proces. Jest też a Przycisk powrotu w przypadku, gdy użytkownik zapomni o poprzednich krokach lub po prostu chce podsumować.
Skupiać to nazwa gry, a ten projekt utrzymuje użytkowników koncentruje się na działaniach. Pod koniec tego procesu, nowi użytkownicy powinni mieć możliwość wygodnie korzystać aplikację Dropbox na pulpicie, aby przesyłać, pobierać i wykonywać wszelkie inne niezbędne działania.
I pamiętaj o tym korzyści sprzedają się lepiej niż funkcje. Wyjaśniać co użytkownik otrzymuje z aplikacji zamiast tego, jak szybko działa lub ile profili możesz mieć.
Powyższy przykład zawiera kilka ekranów z aplikacji do wizyt u lekarza / lekarza o nazwie Qikwell. Każdy slajd pokazuje jedną ważną funkcję ukierunkowane na korzyść użytkownika (dostępność terminu i całkowita liczba w kolejce).
Ostatni slajd ma również mały slajd “Zaczynać” łączyć z prowadzić użytkowników o następnym kroku. Zwiększyłoby to widoczność tego linku, aby zachęcić do zaangażowania, ale samo posiadanie go jest świetnym pomysłem.
Pamiętaj, aby zachować wszystko prosty i bezpośredni. Każdy krok procesu powinien mieć cel albo uczyć użytkownika, albo pomóc mu przejść do aplikacji.
Zakończ akcję
Pod koniec procesu wprowadzania na rynek powinni mieć użytkowników, którzy wiedzą co oferuje aplikacja, co mogą zrobić, i dlaczego powinni go używać. A jednak mogą potrzebuję pchnięcia faktycznie podjąć działania i coś zrobić.
Zawsze kończ swoje wejście na pokład za pomocą linku lub przycisku skłania użytkownika do rozpoczęcia pracy. Może to być strona ustawień, strona profilu, ekran przepływu użytkownika lub coś podobnego.
Najlepsze zalecane działania będą się różnić w oparciu o cele Twojej aplikacji. Aplikacja żywieniowa może zachęcić nowych użytkowników do rozpoczęcia rejestrowania produktów spożywczych na dany dzień, ale aplikacja społecznościowa może wysyłać użytkowników na ekran profilu lub do zalecana lista użytkowników podążać.
W tym projekcie aplikacji Oktafian Nugraha zauważysz dużą pomarańczę “Zaczynajmy!” przycisk na dole ostatniego slajdu. To jest super jasne i bardzo trudne do ominięcia.
Ten ostatni przycisk akcji może prowadzić wszędzie tak długo, jak celem końcowym jest zachowanie użytkownika. Wciśnij ten przycisk w proces wstawiania i upewnij się, że jest widoczny. Jeśli użytkownicy dokończą wprowadzanie na pokład i nie zobaczą przycisku, aby zakończyć, mogą to zrobić czuć się uwięzionym i po prostu wyjdź.
Trudno to zepsuć, więc po prostu zaplanować typowy przepływ użytkownika, i upewnij się link do odpowiedniej strony pod koniec procesu pokładowego. Jeśli onboarding wykonał swoje zadanie, nowi użytkownicy powinni już wiedzieć, co tam robić.
Końcowy wygląd
Każdy nowy projekt powinien mieć jakiś rodzaj przewodnika pomocniczego lub procesu wprowadzania nowych użytkowników. To najszybszy sposób prowadzić nowych użytkowników, i do angażuj więcej ludzi dzięki aplikacji mobilnej, stronie internetowej lub programowi komputerowemu.
Estetyka projektowania są ważne, ale doświadczenie użytkownika przewyższa wszystko. Po prawidłowym wykonaniu powinien się odbyć proces wprowadzania edukacyjny i miejmy nadzieję trochę zabawy!