Tymczasowe wytyczne dotyczące UX w programie na terenie Europejskiego Obszaru Gospodarczego dotyczące rozliczeń alternatywnych bez opcji wyboru przez użytkowników

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.

  1. tytuł;
  2. Tekst 1
  3. Tekst 2
  4. Przyciski
  5. Plansza dolna
  6. 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.