Alternatif uygulama içi faturalandırma sistemleri için geçici kullanıcı deneyimi yönergeleri

Genel bakış

Tutarlı bir kullanıcı deneyimi sağlamak ve kullanıcıların bilinçli bir seçim yapmalarına yardımcı olmak için bir bilgi ekranı ve Google Play'in faturalandırma sistemine alternatif bir uygulama içi faturalandırma sistemi sunuyorsanız ayrı bir faturalandırma seçim ekranı göstermeniz gerekir. Bilgi ekranı yalnızca kullanıcı ilk satın alma işlemini başlattığında her kullanıcıya gösterilmelidir. Faturalandırma seçim ekranı ise her satın alma işleminden önce gösterilmelidir. Her iki ekran için kullanıcılara yönelik mesajlar ve kullanıcı arayüzü spesifikasyonları aşağıdaki yönergelere göre uygulanmalıdır.

Kullanıcılar için bilgi

Bilgi ekranı, kullanıcıların değişimin bağlamını anlamalarına yardımcı olur ve bilinçli bir seçim yapmalarına yardımcı olmak için daha fazla bilgi sunar.

Ne zaman görüntülenmeli?

Alternatif bir uygulama içi faturalandırma sistemi eklendikten sonra, kullanıcılara ilk satın alma işlemlerinin başında bilgi ekranı gösterilmelidir. Bu mesajın aynı kullanıcı tarafından sonraki satın alma işlemlerinde gösterilmesi gerekmez. Kullanıcılar satın alma işlemini başlatmak için açık bir işlem yaptıktan hemen sonra bilgi ekranını görüntüleyin.

Fiyat ne zaman gösterilmelidir?

Satın alma fiyatı, bilgi ekranında veya faturalandırma seçim ekranında gösterilmeden önce kullanıcılara görünür ve net olmalıdır.

Nasıl gösterilir?

Bilgi ekranı, kalıcı alt sayfada görüntülenmelidir. Kalıcı alt sayfa, ekranın alt kısmından yukarılara doğru hareket eden ve alta sabitlenmiş kalıcı iletişim kutusuna benzer. Alttaki ekranda tüm kullanıcı arayüzü öğelerinin üzerine çıkar. Alttaki ekran, kullanıcı etkileşimine yanıt vermeyeceğini belirtmek için koyu renk bir kumaşın arkasına gizlenmiştir.

Kalıcı alt sayfaların tasarımı ve uygulaması hakkında daha fazla bilgi için Google Materyal Tasarım'a bakın.

Kullanıcı işlemleri

Alt sayfa, kullanıcı uygulamanızda satın alma işlemi başlatan bir düğmeye veya başka bir kullanıcı arayüzü öğesine dokunduğunda tetiklenmelidir. Kullanıcı, bilgi ekranından üç olası işlemi gerçekleştirebilir:

Devam

"Devam" düğmesine dokunduğunuzda bilgi ekranı kapatılır ve faturalandırma seçim ekranı açılır.

Daha fazla bilgi

"Daha fazla bilgi" düğmesine dokunduğunuzda, web tarayıcısında bir Google Yardım Merkezi makalesi açılır.

Kapat

Kullanıcılar, alt sayfayı kapatıp temel ekrana dönmek isterse aşağıdaki işlemleri yaparak alt sayfayı kapatabilir:

  • Alt sayfa kapsayıcısının dışına dokunma
  • Android sistemin "Geri" düğmesine dokunma

Kapatıldıktan veya kullanıcı "Devam"a dokunduktan sonra bilgi ekranının tekrar görüntülenmesi gerekmez.

Örnek: Satın alma fiyatı, kullanıcı satın alma işlemini başlatmadan önce açıkça gösteriliyor. "Hemen katıl" düğmesine dokunulduğunda bilgi ekranı tetiklenir.

kullanıcı bilgileri ekranı

Tasarım özellikleri

Bilgi ekranı üç bileşene bölünmüştür: başlık, mesaj ve düğmeler. Üç bileşen de gereklidir ve bu yönergelerde tanımlanan tam metin ve kullanıcı arayüzü öğelerini içermelidir. Bu ekrana ek metin veya görüntü eklemeyin, ancak diğer ekranlara metin ve görüntü ekleyebilirsiniz.

Gerekli bileşenlerin konumunu gösteren ödeme seçenekleri ekranı

  1. Başlık
  2. Mesaj
  3. Düğmeler
  4. Alt sayfa
  5. Arka plan kaydırma çubuğu

Başlık

Metin Ödeme seçeneklerinizdeki değişiklikler
Yazı tipi Roboto (tüm yazı tiplerine uygula)
Yazı tipi boyutu 18sp
Yazı tipi rengi #202124

Mesaj

Metin-1 Güney Kore'deki son yasal düzenlemeler nedeniyle artık ödeme sırasında daha fazla seçeneğiniz var. Seçiminiz şu hususları belirler:
  • Satın alma işleminizin güvenli olmasını sağlayan, ödemenizi işleyen ve ödeme bilgilerini saklayan taraf
  • Bu satın alma işlemi için müşteri desteği sağlayan taraf
  • Kullanabileceğiniz ödeme şekilleri
  • Satın alma işleminizle birlikte sunulan avantajlar
Yazı tipi boyutu 14sp
Satır yüksekliği 20
Yazı tipi rengi #5F6368
Metin-2 Yalnızca Google Play aracılığıyla yapılan satın alma işlemleri Google güvencesi altındadır. Play hediye kartları, Play Puanları, satın alma kontrolleri ve abonelik yönetimi gibi Play özellikleri yalnızca ödeme sırasında Google Play'i seçtiğinizde kullanılabilir.
Yazı tipi boyutu 12sp
Satır yüksekliği 16
Yazı tipi rengi #5F6368

Düğme 1

Metin Daha fazla bilgi
Metin hizalama Odaklanmış
Yazı tipi boyutu 14sp
Yazı tipi genişliği Orta
Yazı tipi rengi #01875
Arka plan rengi #FFFFFF
Boyutlar Yükseklik:36, Genişlik: kapsayıcıya göre ölçeklendir
Köşe yarıçapı 4dp
Çerçeve 1dp, #DADCE0
Bağlantı Google Play yardım makalesinin bağlantıları

Düğme 2

Metin Devam
Metin hizalama Odaklanmış
Yazı tipi boyutu 14sp
Yazı tipi genişliği Orta
Yazı tipi rengi #FFFFFF
Arka plan rengi #01875
Boyutlar Yükseklik:36, Genişlik: kapsayıcıya göre ölçeklendir
Köşe yarıçapı 4dp
Bağlantı Faturalandırma seçim ekranı bağlantıları

Alt sayfa

Boyutlar Yükseklik: değişken, Genişlik: %100
Köşe yarıçapı 8dp, 8dp, 0, 0
Arka plan #FFFFFF
İç dolgu Sol:24dp, Sağ:24dp, Üst:32dp, Alt: 24dp
Yükseklik 8dp

manzara

Yatay görünümde alt sayfa, dikey görünümde olduğundan daha geniştir ancak aynı tasarım spesifikasyonlarını ve işlevleri izler.

yatay modda ödeme seçenekleri ekranı

Alt sayfa Genişlik: maksimum 500 dp, İç dolgu: 24 dp
Başlık Dikey görünümle aynı
Mesaj Dikey görünümle aynı
Düğmeler Yükseklik:36, Genişlik: kapsayıcıya göre ölçeklendir

Faturalandırma seçim ekranı

Faturalandırma seçim ekranında, kullanıcılara satın alma işlemini tamamlamaları için iki ödeme seçeneği sunulur. Kullanıcıların bilinçli bir karar vermesine yardımcı olmak için her faturalandırma hizmeti seçeneğinde kullanılabilir ödeme şekilleri de gösterilir. Kullanıcılar seçimlerini yaptıktan sonra, satın alma işlemlerini bu faturalandırma hizmeti aracılığıyla tamamlamaya devam ederler.

Ne zaman görüntülenmeli?

Kullanıcı, bilgiler ekranını zaten görmüşse faturalandırma seçim ekranı, kullanıcı satın alma işlemini başlatmak için açık bir işlem yaptıktan hemen sonra görünmelidir.

Nasıl gösterilir?

Faturalandırma seçim ekranı kalıcı bir alt sayfada görüntülenmeli ve bilgi ekranıyla aynı spesifikasyonları izlemelidir.

Görsel olarak eşit temsil

Ek uygulama içi faturalandırma hizmeti ve Google Play'in faturalandırma hizmetiyle ilgili düğmeler adil ve eşit şekilde temsil edilmelidir. Bu, eşit düğme boyutlarını, metin boyutunu/stilini, dokunma hedeflerini ve simge boyutlarını içerir ancak bunlarla sınırlı değildir. Lütfen bu kurallarda tanımlanmamış ek metin, resim veya stil değişiklikleri eklemeyin.

Örnek: "Hemen katıl" düğmesine dokunulduğunda faturalandırma seçim ekranı tetiklenir.

her faturalandırma seçeneği için eşit temsil içeren faturalandırma seçim ekranı

Tasarım özellikleri

Faturalandırma seçim ekranının dört farklı bileşeni vardır: başlık, açıklama, geliştirici düğmesi ve Google Play düğmesi. Tüm bileşenler kullanılmalı ve bu yönergelerde tanımlanan tam metin ve kullanıcı arayüzü öğelerini içermelidir. Bu ekrana ek metin veya görüntü eklememenizi rica ediyoruz. Ancak sahip olduğunuz diğer ekranlarda ek metin ve görüntüler kullanabilirsiniz.

Google Play için görsel öğelere ve ödeme simgelerine, aşağıda verilen bağlantılardan ulaşabilirsiniz.

Örnek: Dikey görünümde, alt sayfa, toplam ekran genişliğinin% 100'ünü kaplamalıdır.

gerekli öğelerin konumunu gösteren alt sayfa

  1. Başlık
  2. Açıklama
  3. Geliştirici düğmesi
  4. Google Play düğmesi
  5. Alt sayfa
  6. Arka plan kaydırma çubuğu

Başlık

Metin Nasıl ödeme yapacağınızı seçin
Yazı tipi Roboto (tüm yazı tiplerine uygula)
Yazı tipi boyutu 18sp
Yazı tipi rengi #202124

Açıklama

Metin Ödemenizi kimin alıp işleme koyacağını ve müşteri hizmeti sunacağını seçin. Avantajlar ve kullanılabilecek ödeme şekilleri değişiklik gösterebilir.
Yazı tipi boyutu 14sp
Yazı tipi rengi #5F6368
Metin Bağlantısı Daha fazla bilgi
Bağlantı hedefi Bağlantı oluştur
Yazı tipi boyutu 14sp
Dekorasyon Altı çizili
Yazı tipi rengi #5F6368

Geliştirici düğmesi

geliştirici düğmesi için kullanıcı arayüzü gereksinimleri

  1. Uygulama simgesi
  2. Uygulama adı
  3. Ödeme yöntemi simgeleri

geliştirici düğmesi için ek seçenekler

    Ödeme yöntemi simgeleri

  1. Maksimum ödeme yöntemi simgesi sayısı
  2. Simgeler yerine ödeme yöntemi adları
  3. Ekran genişliğine göre ölçeklendirme

  4. 360 dp genişlik
  5. 480 dp genişlik

Düğme kapsayıcısı

Çerçeve 1 puan, #DADCE0
Köşe yarıçapı 4dp
İç dolgu 16dp, 16dp, 16dp, 16dp,

Uygulama simgesi

Boyutlar Yükseklik: 24 dp, Genişlik: değişken

Başlık

Metin {Uygulama Adı}
Yazı tipi boyutu 14sp
Yazı tipi rengi #202124

Ödeme yöntemleri

Boyutlar 32dp X 20dp
Köşe yarıçapı 2
Miktar Maksimum 5, varsa 5'ten fazlaysa ek gösterge görüntüler
Ek gösterge + daha fazla (dar ekranlarda sonraki satıra geçer)
Yazı tipi boyutu 12sp
Yazı tipi rengi #5F6368

Google Play düğmesi

google play düğmesi

  1. Simge
  2. Başlık
  3. Kabul edilen ödeme yöntemleri
  4. Ek gösterge

Düğme kapsayıcısı

Çerçeve 1 puan, #DADCE0
Köşe yarıçapı 4dp
İç dolgu 16dp, 16dp, 16dp, 16dp,

Uygulama simgesi

Resim öğesi Google Play prizması
Boyutlar 24dp X 24dp

Başlık

Metin Google Play
Yazı tipi boyutu 14sp
Yazı tipi rengi #202124

Ödeme yöntemleri

Resim öğesi Bağlantı
Ek gösterge +diğer
Yazı tipi boyutu 12sp
Yazı tipi rengi #5F6368

manzara

Örnek: Yatay görünümde alt sayfa, dikey görünümde olduğundan daha geniştir ancak aynı tasarım spesifikasyonlarını ve işlevleri izler.

yatay modda alt sayfa

Alt sayfa Genişlik: maksimum 500 dp, İç dolgu: 24 dp
Başlık Dikey görünümle aynı
Mesaj Dikey görünümle aynı
Düğmeler Dikey görünümle aynı