Przegląd
Te wytyczne są udostępniane deweloperom, którzy biorą udział w naszym programie oferowania użytkownikom z Europejskiego Obszaru Gospodarczego alternatywnego systemu rozliczeniowego w stosunku do systemu rozliczeniowego Google Play bez opcji wyboru przez użytkowników. Deweloperzy, których użytkownicy z Europejskiego Obszaru Gospodarczego uczestniczą w programie pilotażowym systemu rozliczeniowego opartego na wyborze użytkownika i oferują oprócz systemu rozliczeniowego Google Play alternatywny system rozliczeniowy, powinni korzystać ze wskazówek dotyczących wygody użytkownika. Te wytyczne dotyczące wygody użytkowników mają na celu zapewnienie użytkownikom spójnej obsługi i wymagają od deweloperów wyświetlania ekranu informacyjnego przy pierwszym zakupie. Komunikaty i specyfikacje interfejsu na ekranie informacyjnym, które widzą użytkownicy, powinny być implementowane zgodnie z poniższymi wytycznymi.
![]() Aplikacja dewelopera |
![]() Ekran z informacjami dla użytkowników |
Wybierz język
Wybierz język użytkowników, aby wyświetlić odpowiednie ciągi tekstowe UI w specyfikacjach projektowych poniżej.
- Pokaż wszystkie języki
- Wybierz język
- bułgarski;
- kataloński
- chorwacki
- czeski
- duński
- duński
- angielski
- estoński
- fiński
- francuski
- niemiecki
- grecki
- węgierski
- Islandzki
- włoski
- łotewski
- litewski
- norweski
- polski,
- portugalski (Brazylia)
- portugalski (Europa)
- rumuński
- słowacki
- słoweński
- hiszpański
- szwedzki
Informacje dla użytkowników
Ekran z informacjami pomaga użytkownikom zrozumieć skutki tej zmiany.
Kiedy wyświetlać
Ekran z informacjami musi być widoczny dla użytkowników na początku pierwszego zakupu. Ta wiadomość nie musi być wyświetlana przy kolejnych zakupach tego samego użytkownika. Wyświetlaj ekran z informacjami natychmiast po tym, jak użytkownik wykona wyraźną czynność w celu zainicjowania zakupu.
Kiedy wyświetlać cenę
Cena zakupu powinna być widoczna i zrozumiała dla użytkowników, zanim trafią na ekran z informacjami.
Jak wyświetlać
Ekran z informacjami musi być wyświetlany w formie modalnej planszy dolnej. Modalne okno dolne przypomina okno modalne, które pojawia się u dołu ekranu i pozostaje przypięte na dole. Jest umieszczony w górę nad wszystkimi elementami interfejsu na ekranie bazowym. Podstawowy ekran jest ukryty za ciemnym panelem, co oznacza, ż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 musi być aktywowana, gdy użytkownik kliknie przycisk lub inny element interfejsu w Twojej aplikacji, który inicjuje zakup. Użytkownik może wykonać 2 czynności na ekranie informacyjnym:
OK
Dotknięcie przycisku „OK” zamyka ekran z informacjami i otwiera następny ekran procesu 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 z informacjami nie musi być wyświetlany ponownie po jego zamknięciu ani po kliknięciu „OK”.
Przykład: gdy użytkownik kliknie, aby kupić coś w Twojej aplikacji, spowoduje to wyświetlenie ekranu z informacjami.
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 tekst oraz elementy interfejsu zdefiniowane w tych wytycznych. Nie umieszczaj na tym ekranie dodatkowego tekstu ani obrazów, ale możesz umieścić na innych ekranach dodatkowy tekst i obrazy.
- tytuł;
- Tekst 1
- Tekst 2
- Przyciski
- Plansza dolna
- Siatka w tle
tytuł;
Tekst |
Wybierz język
|
Czcionka | Roboto (dotyczy wszystkich czcionek) |
Rozmiar czcionki | 18sp |
Kolor czcionki | #202124 |
Tekst 1
Służy do wyróżniania kluczowych punktów, które są uznawane za informacje kluczowe.
Tekst |
Wybierz język
|
Rozmiar czcionki | 14sp |
Wysokość wiersza | 20 |
Kolor czcionki | #5F6368 |
Tekst 2
Służy do zapisywania informacji dodatkowych, które mają niższy priorytet.
Tekst |
Wybierz język
|
Rozmiar czcionki | 12sp |
Wysokość wiersza | 16 |
Kolor czcionki | #5F6368 |
Przycisk 1
Tekst |
Wybierz język
|
Wyrównanie tekstu | Nastrojowa |
Rozmiar czcionki | 14sp |
Grubość czcionki | Medium |
Kolor czcionki | #01875F |
Kolor tła | #FFFFFF |
Wymiary | Wysokość:36, szerokość: odskaluj do kontenera |
Promień narożnika | 4dp |
Kontur | 1dp, #DADCE0 |
Link | Linki do artykułu pomocy Google Play |
Przycisk 2
Tekst |
Wybierz język
|
Wyrównanie tekstu | Nastrojowa |
Rozmiar czcionki | 14sp |
Grubość czcionki | Medium |
Kolor czcionki | #FFFFFF |
Kolor tła | #01875F |
Wymiary | Wysokość:36, szerokość: odskaluj do kontenera |
Promień narożnika | 4dp |
Link | Linki do następnego ekranu procesu płatności |
Plansza dolna
Wymiary | Wysokość: zmienna, szerokość: 100% |
Promień narożnika | 8dp, 8dp, 0, 0 |
Tło | #FFFFFF |
Wypełnienie wewnętrzne | Lewa: 24 dp, Prawa: 24 dp, Góra: 32 dp, U dołu: 24 dp |
Wysokość | 8dp |
Poziomo
W orientacji poziomej arkusz dolny jest szerszy niż w orientacji pionowej, ale zachowuje te same specyfikacje projektowe i funkcje.
Plansza dolna | Szerokość: maksymalnie 500 dp, Wypełnienie wewnętrzne: 24 dp |
tytuł; | Tak samo jak w widoku pionowym |
przekaz, | Tak samo jak w widoku pionowym |
Przyciski | Wysokość:36, szerokość: odskaluj do kontenera |
Więcej informacji na temat programu rozliczeń alternatywnych bez opcji wyboru przez użytkowników oraz odpowiedzi na najczęstsze pytania na temat programu rozliczeń alternatywnych na terenie Europejskiego Obszaru Gospodarczego znajdziesz w Centrum pomocy.