To, co dzieje się podczas pierwszego doświadczenia, może spowodować lub zepsuć każdą aplikację. Aby upewnić się, że użytkownicy nie usuną Twojej aplikacji po pierwszej próbie, musisz pomyślnie wdrożyć ich i zaangażować podczas pierwszych interakcji.

W tym artykule opiszę koncepcję onboardingu i podzielę się 5 typowymi technikami onboardingu dla aplikacji internetowych i mobilnych, wraz ze wskazówkami, jak z nich korzystać.

Co to jest onboarding

Onboarding to termin dotyczący zasobów ludzkich zapożyczony od projektantów produktów. Onboarding to proces zapoznawania nowych użytkowników z aplikacją. Dobry onboarding zwiększa prawdopodobieństwo, że nowi użytkownicy staną się stałymi użytkownikami.

Kiedy stosować onboarding instruktażowy

Czy powinienem zaprojektować onboarding dla mojej aplikacji? Aby odpowiedzieć na to pytanie, musisz ocenić złożoność swojego produktu. Gdy nowi użytkownicy otworzą Twoją aplikację, muszą wiedzieć, jak z niej korzystać. Większość aplikacji nie wymaga czytania instrukcji. Jeśli Twoja aplikacja jest oczywista, możesz bezpiecznie pominąć wdrażanie.

Możesz potrzebować strategii wdrażania, gdy:

• Produkt wykorzystuje niestandardowe interakcje. Na przykład używasz niekonwencjonalnych gestów jako podstawowej metody interakcji.
• Produkt ma złożony przepływ pracy. Na przykład Twoja aplikacja ma złożoną logikę biznesową, której użytkownicy muszą się nauczyć, aby z niej korzystać.
• Produkt przeszedł gruntowne przeprojektowanie. Przeprojektowałeś swoją aplikację i chcesz przedstawić obecnym użytkownikom nowe funkcje i zmiany.
• Produkt sam wprowadza zupełnie nową koncepcję. Twoja aplikacja jest doskonałym przykładem innowacyjnego projektu.

5 technik wdrażania

1. Opis przejścia

Przewodnik jest prawdopodobnie najpopularniejszym sposobem przedstawiania aplikacji początkującemu użytkownikowi. Instrukcje mogą przybierać różne formy, ale zdecydowanie najczęstszą formą jest zestaw statycznych ekranów z funkcją przewijania.

Co druga aplikacja na rynku pokazuje tego typu onboarding podczas pierwszego uruchomienia aplikacji mobilnej. Niestety przewodnik nie jest najbardziej eleganckim sposobem wyjaśnienia podstawowej funkcjonalności produktu lub zademonstrowania użytkownikom jego wartości, ponieważ uniemożliwia użytkownikom korzystanie z produktu . Zamiast wchodzić w interakcję z Twoim produktem, użytkownicy muszą przejść przez serię ekranów, które mówią im, o co chodzi w tej aplikacji. Nic dziwnego, dlaczego zdecydowana większość użytkowników woli pominąć instrukcję.

Gdy korzystasz z przewodnika, aby wyjaśnić podstawowe funkcje aplikacji, zwiększasz obciążenie poznawcze użytkowników . Podajesz użytkownikom zbyt wiele informacji naraz. A ponieważ informacje te są dostarczane poza kontekstem interakcji, użytkownicy prawdopodobnie zapomną wszystko, co widzą na ekranach, gdy zakończą wdrażanie.

Można nieznacznie poprawić efekt tej techniki, zmniejszając liczbę slajdów i dodając animację. Animowane instrukcje są bardziej wciągające niż statyczne, ponieważ animacja doskonale przyciąga uwagę. Jednak lepiej unikać tej techniki.

Wskazówki dotyczące projektowania instrukcji:

• Nie używaj go do proponowania wartości. Użytkownicy już zdecydowali się korzystać z Twojej aplikacji i mają jasne wyobrażenie o korzyściach, jakie odniosą.
• Spróbuj użyć maksymalnie 3 slajdów.
• Dodaj animację, aby wrażenia były bardziej dynamiczne.
• Zaoferuj przycisk „Pomiń”, aby umożliwić użytkownikom pominięcie tej części.

Zawsze lepiej jest wyjaśnić, jak coś działa w kontekście interakcji, niż przedstawiać zestaw lub statyczne instrukcje, zanim użytkownicy zaczną. A druga technika, zwana wycieczką interaktywną, może nam w tym pomóc. Wycieczki interaktywne to wycieczki prowadzone przez użytkownika, w których samouczki są uruchamiane tylko wtedy, gdy użytkownik dotrze do odpowiedniego punktu swojej podróży.

Najlepszym sposobem na nauczenie się czegokolwiek jest uczenie się przez działanie.

Dlatego najlepszym przykładem interaktywnej wycieczki jest praktyczne ćwiczenie, w którym użytkownicy są wprowadzani w proces wykonywania zadań reprezentujących główne interakcje aplikacji. Duolingo wykorzystuje tę technikę do edukacji swoich użytkowników — użytkownicy są proszeni o wykonanie szybkiego testu w wybranym języku, zanim zaczną korzystać z aplikacji.

Wskazówki dotyczące projektowania interaktywnych wycieczek:

• Spraw, aby interaktywna wycieczka była kontekstowa. Uruchom wycieczkę, gdy użytkownik osiągnie odpowiedni punkt w swoim doświadczeniu.
• Pozwól użytkownikom samodzielnie wykonywać zadania.
• Upewnij się, że zadania wykonywane przez użytkowników przypominają rzeczywiste zadania, które użytkownicy chcą wykonywać w Twoim produkcie.

Wskazówki wizualne pojawiają się w interfejsie użytkownika i pomagają użytkownikom lepiej zrozumieć sposób interakcji z interfejsem aplikacji. Ta technika jest szczególnie przydatna w przypadku ekranów zawierających wiele interaktywnych obiektów lub unikalną metodę nawigacji.

Korzystając z tej techniki, lepiej unikać jednoczesnego wyświetlania wszystkich wskazówek wizualnych. Podobnie jak w przypadku długich instruktaży z góry, które omówiliśmy wcześniej, wskazówki wizualne wymagają od użytkowników pracy z góry — użytkownicy muszą zapamiętać wszystkie informacje, które zobaczą. W praktyce jest to trudne do osiągnięcia, ponieważ nasza pamięć krótkotrwała nie jest w stanie zachować wielu informacji. A ponieważ nie ma kontekstu, interfejs wydaje się znacznie bardziej złożony niż jest w rzeczywistości.

Lepiej zminimalizować liczbę podpowiedzi wizualnych i pokazać je we właściwym czasie i miejscu. Rekomendacje kontekstowe to doskonały sposób na uniknięcie ekranów pełnych podpowiedzi wizualnych. Wskazówki kontekstowe można znaleźć w aplikacji internetowej Slack. Aplikacja minimalizuje liczbę instrukcji, skupiając uwagę użytkownika na jednym, głównym temacie.

Wskazówki dotyczące projektowania wskazówek wizualnych:

• Nie pokazuj wizualnych wskazówek dotyczących każdej możliwej czynności, którą użytkownik może wykonać na ekranie. Jeśli uważasz, że użytkownicy muszą nauczyć się wielu instrukcji, aby korzystać z Twojego produktu, istnieje duże prawdopodobieństwo, że Twój interfejs użytkownika nie jest intuicyjny i musisz go przeprojektować, zamiast stosować bandaże, takie jak wskazówki wizualne.
• Pokaż jedną wskazówkę na raz

Kiedy myślimy o produkcie, zawsze wyobrażamy sobie produkt z danymi. Treść jest tym, co zapewnia wartość większości aplikacji. To główny powód, dla którego ludzie zaczynają używać aplikacji. Jednak bardzo ważne jest, aby wziąć pod uwagę miejsca w środowisku, w których użytkownik może jeszcze nie mieć treści. Takie miejsca nazywane są stanami pustymi.

Źle zaprojektowany pusty stan staje się ślepą uliczką, która uniemożliwia użytkownikom pójście do przodu.

Nawet jeśli stan pusty ma być krokiem pośrednim w przepływie użytkowników, należy zmaksymalizować jego rolę funkcjonalną dla użytkowników. Zamiast pozostawiać pusty stan pusty, powinieneś go efektywnie używać — aby poprowadzić użytkownika, co powinien zrobić dalej. Poniższy przykład pokazuje, w jaki sposób aplikacja uczy użytkownika, jak wykonać określone działanie.

Innym sposobem wykorzystania pustych stanów podczas wdrażania jest określenie oczekiwań. Możesz pokazać użytkownikowi, jak będzie wyglądał ekran wypełniony rzeczywistymi danymi i powiedzieć mu słowami, jak to osiągnąć.

Wskazówki dotyczące projektowania pustych stanów:

• Pomyśl o onboardingu jako o przepływie użytkowników. Pomyśl o tym, jak użytkownicy przechodzą z jednego ekranu na drugi i kiedy widzą pusty stan. Puste stany powinny również pomóc użytkownikom zrozumieć kontekst i określić oczekiwania co do tego, co się wydarzy.
• Nie projektuj stanów ślepych zaułków. Dodaj tekst i przyciski wezwania do działania, które pomogą użytkownikowi przejść dalej.

Czasami aplikacje proszą użytkowników o zapewnienie dostępu do określonych funkcji lub danych osobowych, aby móc dostosować sposób korzystania z nich. Na przykład aplikacja może chcieć wysłać użytkownikom powiadomienie, aby wiedzieli, że ich znajomi są w pobliżu. Jeśli chcesz poprosić o pozwolenie, zawsze wyjaśnij, dlaczego prosisz o konkretną rzecz.

Wskazówki dotyczące żądania danych / uprawnień:

• Zawsze wyjaśniaj, dlaczego potrzebujesz dostępu do danych lub funkcji.
• I pozwól użytkownikom odrzucić prośbę i podjąć decyzję później.

Pierwotnie opublikowane na babich.biz

Śledź mnie na Twitterze | Instagram | Youtube

Chcesz nauczyć się projektowania UX?

Spróbuj Uxcela . Uxcel pomoże Ci uczyć się i doskonalić umiejętności projektowania dzięki interaktywnym kursom UX i testom umiejętności stworzonym specjalnie dla profesjonalnych projektantów. Otrzymasz 25% zniżki na roczną subskrypcję Pro , jeśli dołączysz za pomocą tego linku.

Ten post zawiera linki partnerskie