Tymczasowe wskazówki dotyczące wygody korzystania z alternatywnych systemów rozliczeń w aplikacji

Przegląd

Aby zadbać o wrażenia użytkowników i ułatwić im podejmowanie świadomych decyzji, musisz wyświetlać ekran informacyjny i osobny ekran wyboru systemu rozliczeniowego, jeśli oferujesz alternatywny system rozliczeń w aplikacji zamiast systemu Google Play. Ekran informacyjny musi być wyświetlany każdemu użytkownikowi tylko przy pierwszej próbie zakupu, a ekran wyboru rozliczeń powinien być wyświetlany przed każdym zakupem. Komunikaty wyświetlane użytkownikom i specyfikacje interfejsu obu ekranów powinny być wdrażane zgodnie z tymi wytycznymi.

Informacje dla użytkowników

Ekran z informacjami pomaga użytkownikom zrozumieć kontekst zmiany i zawiera więcej informacji, które pomagają im podjąć świadomą decyzję.

Kiedy wyświetlać

Ekran informacyjny powinien być wyświetlany użytkownikom na początku pierwszego zakupu po dodaniu alternatywnego systemu rozliczeniowego w aplikacji. Ta wiadomość nie musi być wyświetlana przy kolejnych zakupach tego samego użytkownika. Wyświetl ekran z informacjami od razu po tym, jak użytkownik podejmie wyraźne działanie w celu rozpoczęcia zakupu.

Kiedy wyświetlać cenę

Zanim użytkownikowi wyświetli się ekran z informacjami lub ekran wyboru systemu rozliczeniowego, cena zakupu powinna być widoczna i zrozumiała.

Jak wyświetlać

Ekran informacji powinien być wyświetlany w modalnym arkuszu u dołu. Arkusz modalny u dołu ekranu jest podobny do okna modalnego, które pojawia się w animacji od dołu ekranu i pozostaje przypięte do jego dolnej krawędzi. Jest ona umieszczona nad wszystkimi elementami interfejsu na ekranie. Ekran pod spodem jest zasłonięty ciemną warstwą, co oznacza, że nie będzie reagować na działania użytkownika.

Więcej informacji o projektowaniu i wdrażaniu modalnych arkuszy dolnych znajdziesz w wytycznych Google Material Design.

Działania użytkownika

Plansza dolna powinna być wywoływana, gdy użytkownik kliknie przycisk lub inny element interfejsu w aplikacji, który inicjuje zakup. Na ekranie informacji użytkownik może wykonać 3 działania:

Dalej

Kliknięcie przycisku „Dalej” powoduje zamknięcie ekranu informacyjnego i wyświetlenie ekranu wyboru rozliczeń.

Więcej informacji

Kliknięcie przycisku „Więcej informacji” spowoduje otwarcie artykułu w Centrum pomocy Google w przeglądarce.

Zamknij

Jeśli użytkownicy chcą zamknąć arkusz u dołu i wrócić do ekranu bazowego, mogą to zrobić w jeden z tych sposobów:

• Kliknięcie poza kontenerem planszy dolnej
• Kliknięcie przycisku „Wstecz” w systemie Android

Ekran informacyjny nie musi być wyświetlany ponownie po jego zamknięciu lub po kliknięciu przez użytkownika przycisku „Dalej”.

Przykład: cena zakupu jest wyraźnie wyświetlana, zanim użytkownik zainicjuje zakup. Kliknięcie przycisku „Dołącz teraz” powoduje wyświetlenie ekranu z informacjami.

Specyfikacja projektu

Ekran z informacjami składa się z 3 elementów: tytułu, wiadomości i przycisków. Wszystkie 3 komponenty są wymagane i muszą zawierać dokładny tekst oraz elementy interfejsu zdefiniowane w tych wytycznych. Nie umieszczaj na tym ekranie żadnego dodatkowego tekstu ani obrazów, ale możesz to zrobić na innych ekranach.

1. Tytuł
2. Wiadomość
3. Przyciski
4. Plansza dolna
5. Tło

Tytuł

Wiadomość

Przycisk 1

Przycisk 2

Plansza dolna

Poziomo

W orientacji poziomej plansza dolna jest szersza niż w orientacji pionowej, ale poza tym ma takie same specyfikacje projektowe i funkcje.

Ekran wyboru systemu rozliczeniowego

Na ekranie wyboru systemu rozliczeniowego użytkownicy mają do wyboru 2 opcje płatności, które umożliwiają im dokonanie zakupu. Aby ułatwić użytkownikom podjęcie świadomej decyzji, przy każdej opcji usługi rozliczeniowej wyświetlamy też dostępne formy płatności. Gdy użytkownicy dokonają wyboru, będą mogli sfinalizować zakup za pomocą wybranej usługi płatności.

Kiedy wyświetlać

Jeśli użytkownik widział już ekran z informacjami, ekran wyboru płatności powinien pojawić się natychmiast po tym, jak użytkownik wykona wyraźne działanie w celu rozpoczęcia zakupu.

Jak wyświetlać

Ekran wyboru płatności powinien być wyświetlany w modalnym arkuszu u dołu ekranu i spełniać te same wymagania co ekran informacyjny.

Równa reprezentacja wizualna

Przyciski dodatkowej usługi rozliczeń w aplikacji i usługi rozliczeniowej Google Play powinny być prezentowane w sprawiedliwy i równy sposób. Obejmuje to m.in. równe rozmiary przycisków, rozmiar i styl tekstu, obszary klikalne i rozmiary ikon. Nie dodawaj dodatkowego tekstu, obrazów ani zmian stylu, które nie są określone w tych wytycznych.

Przykład: kliknięcie przycisku „Dołącz teraz” powoduje wyświetlenie ekranu wyboru płatności.

Specyfikacja projektu

Ekran wyboru płatności składa się z 4 elementów: tytułu, opisu, przycisku dewelopera i przycisku Google Play. Należy używać wszystkich komponentów, które powinny zawierać dokładny tekst i elementy interfejsu zdefiniowane w tych wytycznych. Na tym ekranie nie umieszczaj dodatkowego tekstu ani obrazów, ale możesz to zrobić na innych ekranach, które należą do Ciebie.

Materiały wizualne dotyczące Google Play i ikony płatności są dostępne pod linkami podanymi poniżej.

Przykład: w widoku pionowym arkusz u dołu ekranu powinien zajmować 100% szerokości ekranu.

1. Tytuł
2. Opis
3. Przycisk dewelopera
4. Przycisk Google Play
5. Plansza dolna
6. Tło

Tytuł

Opis

Przycisk dewelopera

1. Ikona aplikacji
2. Nazwa aplikacji
3. Ikony form płatności

Ikony form płatności

1. Maksymalna liczba ikon form płatności
2. Nazwy form płatności zamiast ikon

Skaluj do szerokości ekranu

3. Szerokość 360 dp
4. Szerokość 480 dp

Kontener przycisku

Ikona aplikacji

Tytuł

Formy płatności

Przycisk Google Play

1. Ikona
2. Tytuł
3. Akceptowane formy płatności
4. Dodatkowy wskaźnik

Kontener przycisku

Ikona aplikacji

Tytuł

Formy płatności

Poziomo

Przykład: w orientacji poziomej plansza dolna jest szersza niż w orientacji pionowej, ale poza tym ma takie same specyfikacje projektowe i funkcje.