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

Przegląd

Aby zadbać o wygodę użytkowników i ułatwić im podejmowanie świadomych decyzji, musisz wyświetlać ekran z informacjami i oddzielny ekran wyboru systemu rozliczeniowego, jeśli oferujesz w aplikacji alternatywny system rozliczeń w aplikacji niż ten z Google Play. Ekran z informacjami powinien być pokazywany każdemu użytkownikowi tylko przy pierwszym zakupie. Ekran z informacjami o płatnościach powinien być wyświetlany przed każdym zakupem. Komunikaty widoczne dla użytkowników i specyfikacje interfejsu użytkownika na obu ekranach powinny być implementowane zgodnie z poniższymi wytycznymi.

Informacje dla użytkowników

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

Kiedy wyświetlać

Ekran z informacjami powinien wyświetlić się użytkownikom na początku pierwszego zakupu po dodaniu alternatywnego systemu rozliczeń w aplikacji. Ten komunikat nie musi wyświetlać się przy kolejnych zakupach tego samego użytkownika. Wyświetlaj ekran z informacjami natychmiast po tym, jak użytkownik wykona bezpośrednie działanie w celu zainicjowania zakupu.

Kiedy wyświetlać cenę

Cena zakupu powinna być widoczna i zrozumiała dla użytkowników, zanim trafią na ekran informacyjny lub ekran wyboru formy płatności.

Jak wyświetlać

Ekran z informacjami powinien być wyświetlany w formie modalnej planszy dolnej. Modalny arkusz dolny przypomina okno modalne, które pojawia się u dołu ekranu i pozostaje przypięte na dole. Jest umieszczony wyżej nad wszystkimi elementami interfejsu na ekranie. Podstawowy ekran jest ukryty za ciemnym ekranem, co wskazuje, że nie reaguje na interakcje użytkownika.

Więcej informacji o projekcie i wdrażaniu modalnych plansz znajdziesz na stronie Google Material Design.

Czynności użytkownika

Plansza dolna powinna się uruchamiać, gdy użytkownik kliknie przycisk lub inny element interfejsu w aplikacji, który inicjuje zakup. Na ekranie z informacjami użytkownik może wykonać 3 czynności:

Kontynuuj

Dotknięcie przycisku „Dalej” zamyka ekran z informacjami i otwiera ekran wyboru sposobu płatności.

Więcej informacji

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

Zamknij

Jeśli użytkownicy chcą zamknąć planszę dolną i wrócić do ekranu bazowego, mogą ją zamknąć, wykonując te czynności:

• Kliknij na zewnątrz kontenera planszy dolnej.
• kliknięcie przycisku „Wstecz” w systemie Android;

Ekran informacyjny nie musi wyświetlać się ponownie po jego zamknięciu ani po kliknięciu przez użytkownika przycisku „Dalej”.

Przykład: cena zakupu jest wyraźnie widoczna przed zainicjowaniem zakupu przez użytkownika. Kliknięcie przycisku „Dołącz teraz” powoduje wyświetlenie ekranu informacyjnego.

Specyfikacja projektu

Ekran z informacjami jest podzielony na 3 elementy: tytuł, komunikat i przyciski. Wszystkie 3 komponenty są wymagane i muszą zawierać dokładnie taki sam tekst oraz elementy interfejsu zdefiniowane w tych wskazówkach. Nie umieszczaj na tym ekranie dodatkowego tekstu ani obrazów, ale możesz umieścić dodatkowy tekst i obrazy na innych ekranach.

1. tytuł;
2. przekaz,
3. Przyciski
4. Plansza dolna
5. Siatka w tle

tytuł;

przekaz,

Przycisk 1

Przycisk 2

Plansza dolna

Poziomo

W orientacji poziomej arkusz dolny jest szerszy niż w orientacji pionowej, ale zachowuje te same specyfikacje projektowe i funkcje.

Ekran wyboru płatności

Na ekranie wyboru formy płatności użytkownicy mają do wyboru 2 opcje płatności, za pomocą których mogą sfinalizować zakup. Aby ułatwić użytkownikom podejmowanie świadomych decyzji, każda opcja usługi rozliczeniowej zawiera również dostępne formy płatności. Gdy użytkownicy dokonają wyboru, będą mogli nadal dokonywać zakupów za pomocą tej usługi rozliczeniowej.

Kiedy wyświetlać

Jeśli użytkownik widział już ekran z informacjami, ekran z informacjami o płatności powinien pojawić się zaraz po tym, jak użytkownik wykona bezpośrednie działanie w celu zainicjowania zakupu.

Jak wyświetlać

Ekran wyboru płatności powinien być wyświetlany w modalnym arkuszu u dołu i powinien 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ć przedstawiane w sprawiedliwy i równy sposób. Obejmuje to m.in. jednakowe rozmiary przycisków, rozmiar i styl tekstu, elementy dotykowe i rozmiary ikon. Nie dodawaj dodatkowego tekstu, obrazów ani nie zmieniaj stylu reklamy, które nie są zdefiniowane w tych wskazówkach.

Przykład: kliknięcie przycisku „Dołącz teraz” powoduje wyświetlenie ekranu z opcjami 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 i powinien zawierać dokładnie taki sam tekst oraz elementy interfejsu zdefiniowane w tych wskazówkach. Nie umieszczaj na tym ekranie żadnego dodatkowego tekstu ani obrazu, ale możesz umieścić dodatkowy tekst i obrazy na innych ekranach należących do Ciebie.

Zasoby wizualne w Google Play i ikony płatności są dostępne po kliknięciu poniższych linków.

Przykład: w widoku pionowym arkusz dolny powinien rozciągać się na 100% całkowitej szerokości ekranu.

1. tytuł;
2. Opis
3. Przycisk dewelopera
4. Przycisk Google Play
5. Plansza dolna
6. Siatka w tle

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 formy 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 widoku poziomym plansza dolna jest szersza niż w orientacji pionowej, ale jej wygląd i funkcje są takie same.