Projektowanie ekranów subskrypcji w aplikacjach mobilnych: jasny wybór planu
Praktyczny przewodnik po projektowaniu ekranów subskrypcji w aplikacjach mobilnych: korzyści, porównanie planów, warunki okresu próbnego i odnowienia, kontekst zakupu oraz lista kontrolna.
Ekran subskrypcji to moment wyboru w szerszym doświadczeniu produktu. Użytkownik powinien móc ustalić, co daje płatny plan, czy odpowiada jego potrzebom, ile zapłaci i co stanie się, jeśli będzie kontynuować bez subskrypcji.
Najlepsza praca projektowa zaczyna się przed nadaniem stylu wizualnego. Ustal, co użytkownik właśnie próbował zrobić, jaka korzyść subskrypcyjna jest teraz istotna i które warunki planu trzeba zrozumieć przed pokazaniem systemowego arkusza zakupu. Potem przeprowadź zwięzły przegląd, by wychwycić niejasności oferty, hierarchii i dróg wyjścia.
Najważniejsze wnioski
- Powiąż ofertę z konkretną korzyścią produktu i działaniem, które do niej doprowadziło.
- Pokaż rzeczywistą kwotę i cykl rozliczeniowy każdego planu, również to, co nastąpi po ofercie wstępnej.
- Zadbaj, by porównanie planów, warunki okresu próbnego, zakup, przywrócenie, logowanie i zamknięcie tworzyły zrozumiałą ścieżkę.
- Sprawdź ekran w kontekście oraz w stanach zlokalizowanych, dostępności i powracającego subskrybenta.
Zacznij od chwili, nie od szablonu
Ekran pokazany po naciśnięciu zablokowanej funkcji ma inne zadanie niż zaproszenie do subskrypcji podczas onboardingu. Nazwij funkcję i wyjaśnij konkretną korzyść, która stanie się dostępna. W onboardingu zapewnij dość orientacji, by pokazać związek subskrypcji z produktem. Prośba bez kontekstu może być odebrana jako przerwanie.
Użyj otaczającej ścieżki, by ustalić oczekiwania. Jeśli można najpierw wypróbować część produktu, pozwól doświadczeniu pokazać wartość. Jeśli dostęp jest ograniczony, wyjaśnij ograniczenie i czas jego odnowienia. Wytyczne Apple dotyczące interfejsu zalecają trafne prośby; Google Play oczekuje, że promocje wyjaśnią, czy aplikacji można używać bez subskrypcji.
Obecni subskrybenci mogą potrzebować logowania lub przywrócenia zakupu. Osoba, która nie chce teraz kupować, może potrzebować jasnej drogi powrotu do produktu. Projektuj te możliwości jako rzeczywiste ścieżki i sprawdzaj, czy prowadzą w przydatne miejsce.
Ułatw porównanie oferty
Nadaj każdej opcji krótką nazwę, czas trwania i bezpośrednio podaną cenę. Kwota, którą użytkownik rzeczywiście zapłaci, powinna być łatwa do znalezienia; mniejszy ekwiwalent miesięczny może pomóc porównać plany, ale nie powinien zastępować całej naliczanej kwoty. Jeśli jeden plan jest domyślnie wybrany, zaznaczenie powinno być widoczne, a uzasadnienie nie może opierać się na niejasnej plakietce typu „Najlepsza wartość”.
Przydatne porównanie mówi, co zmienia się między planami: poziom dostępu, treści, usługa, czas trwania lub inna istotna korzyść. Nie każ użytkownikom domyślać się różnicy z koloru lub procentu rabatu. Jeśli plan jest tylko jeden, wykorzystaj miejsce na wyjaśnienie jego wartości i warunków.
Wytyczne Apple dotyczące zakupów w aplikacji wymagają jasnych opcji, ceny, czasu trwania i całkowitej ceny rozliczenia. Google Play ostrzega przed przedstawianiem długoterminowej subskrypcji przede wszystkim jako kwoty miesięcznej, gdy faktycznie pobierana jest opłata za cały okres. Pokaż całkowitą opłatę jako informację główną, a szczegóły porównawcze jako dodatkowe, gdy pomagają.
| Obszar oceny | Jasna prezentacja | Pytanie do zadania |
|---|---|---|
| Tożsamość planu | Nazwa i czas trwania odróżniają każdą opcję | Czy można zrozumieć różnice bez zgadywania? |
| Cena | Całkowita opłata i cykl rozliczeniowy są pokazane razem | Czy kwota płatna teraz jest bardziej widoczna niż przeliczenie? |
| Oferta wstępna | Podano czas oferty, cenę początkową i kolejną cenę | Czy można wyjaśnić, ile zapłaci się po zakończeniu oferty? |
| Korzyści | Konkretny dostęp jest powiązany z planem | Czy każda obietnica odpowiada temu, co produkt daje przez cały okres subskrypcji? |
Wyjaśnij okres próbny i odnowienie prostym językiem
Bezpłatny okres próbny to oferta ograniczona w czasie, po której może rozpocząć się płatna subskrypcja. Podaj jego długość, termin pierwszej płatności, kolejną kwotę i cykl rozliczeniowy oraz informację, czy plan odnawia się automatycznie. Umieść te dane blisko odpowiedniego planu i działania.
Nie przerzucaj całego wyjaśnienia na etykietę przycisku. „Rozpocznij bezpłatny okres próbny” opisuje bezpośredni krok, ale nie późniejszą opłatę. Połącz etykietę ze zwięzłymi, czytelnymi warunkami. Tekst musi być czytelny w typowych rozmiarach ekranu, rosnąć po zwiększeniu ustawień tekstu, a ważne warunki nie mogą trafić do obszaru o niskim kontraście lub układu, który może je uciąć po lokalizacji.
Systemowy arkusz zakupu jest częścią ścieżki platformy, nie zamiennikiem spójnego ekranu oferty. Apple nakazuje korzystać z domyślnego arkusza potwierdzenia i go nie naśladować. Wyjaśnij wybór i warunki przed przejściem do systemowego UI, a potem dokładnie pokaż wynikowy stan subskrypcji w aplikacji.
- Czas trwania i uprawnienie do okresu próbnego są jasne dla pokazanej oferty.
- Data lub zdarzenie rozpoczynające naliczanie opłat jest zrozumiałe.
- Cena po okresie próbnym, cykl rozliczeniowy i automatyczne odnowienie są widoczne przed zakupem.
- Te same warunki pozostają zrozumiałe w języku i walucie użytkownika.
Oceń całą ścieżkę zakupu i powrotu
Przejdź od głównego działania do natywnego potwierdzenia zakupu, a następnie sprawdź stany sukcesu, anulowania, oczekiwania i błędu. Potwierdź, że anulowany zakup nie wygląda na ukończony. Sprawdź, co dzieje się po ponownym otwarciu aplikacji, zalogowaniu na innym urządzeniu oraz gdy obecny subskrybent zobaczy ofertę.
Ułatw znalezienie opcji konta i odzyskania dostępu. Nie zapraszaj obecnych subskrybentów do ponownego kupowania tego samego dostępu, gdy właściwym krokiem jest logowanie lub przywrócenie zakupu. Apple zaleca umożliwienie obecnym subskrybentom zalogowania się lub przywrócenia zakupów. Zarządzanie subskrypcją powinno znajdować się w przewidywalnym miejscu konta lub ustawień; Apple podkreśla też łatwość anulowania. W Google Play ujawnienie warunków subskrypcji i internetowa metoda jej anulowania należą do aktualnych wymagań platformy. Postępuj zgodnie z bieżącymi wskazówkami sklepu dla danej metody rozliczeń.
Porównaj ekran subskrypcji z otaczającym go produktem. Typografia, obrazy i interakcje powinny tworzyć całość. Użyj biblioteki ekranów subskrypcji ScreenKits, by zbadać układ ceny, korzyści, warunków okresu próbnego i kontrolek wyjścia, a następnie porównaj obserwacje z pełną ścieżką aplikacji. Galeria jest inspiracją projektową, nie dowodem skuteczności lub zgodności wzorca.
- Czy powracający subskrybent może zalogować się lub przywrócić dostęp bez zaczynania od nowa?
- Czy jasne jest, jak zamknąć ofertę lub kontynuować z dostępnym bezpłatnym zakresem?
- Czy stany sukcesu, anulowania i błędu zakupu wyjaśniają, co się stało i co robić dalej?
- Czy status subskrypcji i zarządzanie nią są dostępne w ustawieniach konta?
- Czy sprawdzono lokalizację, skalowanie tekstu, kontrast, czytniki ekranu i obszary dotykowe?
Praktyczna lista kontrolna projektu ekranu subskrypcji
Użyj tej listy podczas oceny projektu, przeglądu prototypu lub przejścia przed wydaniem. Czytaj każdy punkt z perspektywy osoby oglądającej ofertę po raz pierwszy, a potem powtórz ocenę jako powracający subskrybent. Jeśli oceniający nie może odpowiedzieć na pytanie na podstawie ekranu i najbliższej ścieżki, wyjaśnij interfejs, zamiast liczyć, że treść pomocy wypełni lukę.
| Sprawdzenie | Warunek zaliczenia |
|---|---|
| Kontekst | Powód pokazania oferty i odpowiednia korzyść są zrozumiałe. |
| Dostęp | Ekran dokładnie mówi, co wymaga zapłaty i co pozostaje dostępne bez niej. |
| Porównanie | Każda opcja ma odrębną nazwę, czas trwania i całkowitą opłatę. |
| Okres próbny | Długość oferty, początek opłat, późniejsza cena i odnowienie są widoczne razem. |
| Działanie | Główny przycisk opisuje następny krok i nie ukrywa istotnych warunków. |
| Alternatywy | Tam, gdzie istotne, łatwo znaleźć zamknięcie, logowanie i przywrócenie zakupu. |
| Stany | Sukces, anulowanie i niepowodzenie zakupu dają zrozumiały wynik. |
| Potrzeby dostępności | Tekst pozostaje czytelny po powiększeniu, a treść działa z technologiami wspomagającymi. |
| Lokalizacja | Ceny, waluta, daty i tekst pasują do obsługiwanych rynków bez ucinania. |
| Zarządzanie | Subskrybent potrafi znaleźć status subskrypcji i sposób zarządzania nią w aplikacji. |
Najczęstsze pytania
Co powinien zawierać ekran subskrypcji w aplikacji mobilnej?
Wyjaśnij odpowiednie korzyści, odróżnij plany, pokaż całkowitą opłatę i cykl rozliczeniowy, ujawnij warunki okresu próbnego i odnowienia, gdy mają zastosowanie, oraz zapewnij przydatne drogi obecnym subskrybentom i osobom rezygnującym z zakupu.
Czy przy planie rocznym pokazywać miesięczny odpowiednik ceny?
Może pomóc porównać okresy, ale powinien być mniej widoczny niż pełna naliczana kwota i cykl rozliczeniowy. Rzeczywista opłata musi być jednoznaczna.
Gdzie powinien pojawić się ekran subskrypcji?
Pokazuj go w odpowiednim momencie, na przykład gdy użytkownik wybiera płatną funkcję lub osiąga jasno wyjaśniony limit bezpłatnego użycia. Wyjaśnij powód oferty i zachowaj jasną drogę do dostępnych funkcji bezpłatnych.
