Genel Bakış
Kullanıcı tercihine göre faturalandırma pilot programı, programa katılan geliştiricilerin Google Play'in faturalandırma sisteminin yanında alternatif bir faturalandırma seçeneği sunmayı test etmesine olanak tanır. Program, kullanıcılara bu seçeneği sunma konusunu araştırmamıza yardımcı olmak için tasarlanmıştır. Bu kullanıcı deneyimi yönergelerinin amacı, tutarlı bir kullanıcı deneyimi sağlamak ve kullanıcıların bilinçli karar vermesine yardımcı olmaktır.
Pilot programa katılıyorsanız bir bilgi ekranı ve ayrı bir faturalandırma seçimi ekranı göstermeniz gerekir. Bilgi ekranının her kullanıcıya yalnızca ilk satın alma işleminde gösterilmesi gerekirken faturalandırma seçimi ekranı her satın alma işleminden önce gösterilmelidir. Her iki ekrandaki kullanıcıya yönelik mesajlar ve kullanıcı arayüzü özellikleri aşağıdaki yönergelere uygun şekilde uygulanmalıdır.
![]() Geliştirici uygulaması |
![]() Kullanıcılar için bilgi ekranı |
![]() Faturalandırma seçim ekranı |
Ülke ve dil seçin
Aşağıdaki tasarım spesifikasyonlarında ilgili kullanıcı arayüzü metin dizelerini görüntülemek için kullanıcılarınızın ülkesini ve dilini seçin.
Kullanıcılar için bilgi
Bilgi ekranı, kullanıcıların değişikliğin bağlamını anlamasına yardımcı olur ve bilinçli bir seçim yapmalarına yardımcı olacak daha fazla bilgi sağlar.
Ne zaman gösterilir?
Alternatif bir faturalandırma sistemi ekledikten sonra, kullanıcıların ilk satın alma işleminin başında bilgi ekranı gösterilmelidir. Bu mesajın aynı kullanıcının sonraki satın alma işlemlerinde gösterilmesi gerekmez. Kullanıcı satın alma işlemini başlatmak için açıkça bir işlem yaptıktan hemen sonra bilgi ekranını gösterin.
Fiyat ne zaman gösterilir?
Satın alma fiyatı, kullanıcılara bilgi ekranı veya faturalandırma seçimi ekranı gösterilmeden önce görünür ve açık olmalıdır.
Nasıl gösterilir?
Bilgi ekranı, kalıcı bir alt sayfada gösterilmelidir. Kalıcı alt sayfa, ekranın alt kısmından yukarı doğru animasyonla açılan ve alt kısma sabitlenen kalıcı iletişim kutusuna benzer. Bu öğe, temel ekrandaki tüm kullanıcı arayüzü öğelerinin üzerinde yer alır. Alttaki ekran, kullanıcı etkileşimine yanıt vermeyeceğini belirtmek için koyu bir katmanla kapatılıyor.
Modal alt sayfaların tasarımı ve uygulanması hakkında daha fazla bilgi için Google Material Design'a bakın.
Kullanıcı işlemleri
Alt sayfa, kullanıcının uygulamanızda satın alma işlemini başlatan bir düğmeye veya başka bir kullanıcı arayüzü öğesine dokunduğunda tetiklenmelidir. Kullanıcı, bilgi ekranında üç olası işlem yapabilir:
Devam
"Devam" düğmesine dokunulduğunda bilgi ekranı kapatılır ve faturalandırma seçimi ekranı başlatı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 alttaki ekrana dönmek isterse alt sayfayı kapatmak için:
- Alt sayfa kapsayıcısının dışına dokunma
- Android sisteminin "Geri" düğmesine dokunma
Bilgi ekranı kapatıldıktan veya kullanıcı "Devam"a dokunduktan sonra tekrar gösterilmez.
Örnek: Kullanıcı, uygulamanızda satın alma işlemi yapmak için dokunduğunda düğme, bilgi ekranını tetikler.
Tasarım özellikleri
Bilgi ekranı üç bileşene ayrılır: başlık, ileti ve düğmeler. Üç bileşenin de kullanılması zorunludur ve bu yönergelerde tanımlanan metin ile kullanıcı arayüzü öğelerini içermesi gerekir. Bu ekrana ek metin veya görüntü eklemeyin. Ancak diğer ekranlara ek metin ve görüntü ekleyebilirsiniz.
- Başlık
- Metin 1
- Metin 2
- Düğmeler
- Alt sayfa
- Arka plan karartma
Başlık
Metin |
Ülke ve dil seçme
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Yazı tipi | Roboto (tüm yazı tiplerine uygula) | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Yazı tipi boyutu | 18sp | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Yazı tipi rengi | #202124 |
Metin 1
Kritik bilgi olarak kabul edilen önemli noktaları vurgulamak için kullanılır.
Metin |
Ülke ve dil seçme
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Yazı tipi boyutu | 14sp | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Satır yüksekliği | 20 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Yazı tipi rengi | #5F6368 |
Metin 2
Daha düşük öncelikli ikincil bilgiler için kullanılır.
Metin |
Ülke ve dil seçme
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Yazı tipi boyutu | 12sp | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Satır yüksekliği | 16 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Yazı tipi rengi | #5F6368 |
Düğme 1
Metin |
Ülke ve dil seçme
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Metin hizalama | Odaklanmış | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Yazı tipi boyutu | 14sp | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Yazı tipi kalınlığı | Orta zorlukta | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Yazı tipi rengi | #01875F | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Arka plan rengi | #FFFFFF | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Boyutlar | Yükseklik:36, Genişlik: kapsayıcıya göre ölçeklendir | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Köşe yarıçapı | 4dp | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Dış çizgi | 1dp, #DADCE0 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Bağlantı | Aşağıdaki bağlantılar: Google Play Yardım Makalesi |
Düğme 2
Metin |
Ülke ve dil seçme
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Metin hizalama | Odaklanmış | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Yazı tipi boyutu | 14sp | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Yazı tipi kalınlığı | Orta zorlukta | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Yazı tipi rengi | #FFFFFF | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Arka plan rengi | #01875F | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
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ına 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: 24 dp, Sağ: 24 dp, Üst: 32 dp, Alt: 24 dp |
Yükseklik | 8dp |
Yatay
Yatay görünümde, alt sayfa dikey görünüme göre daha geniştir ancak aynı tasarım özelliklerine ve işlevselliğe sahiptir.
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çimi ekranında, kullanıcılara satın alma işlemlerini tamamlamak 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ılabilen ödeme şekilleri de gösterilir. Kullanıcılar seçimlerini yaptıktan sonra satın alma işlemlerini bu faturalandırma sistemi üzerinden tamamlamaya devam eder.
Ne zaman gösterilir?
Kullanıcı daha önce yaptığı bir satın alma işleminde bilgi ekranını görmüşse faturalandırma seçimi ekranı, kullanıcının satın alma işlemini başlatmak için açıkça işlem yapmasından hemen sonra gösterilmelidir.
Nasıl gösterilir?
Faturalandırma seçimi ekranı, modal alt sayfada gösterilmeli ve bilgi ekranıyla aynı spesifikasyonlara uymalıdır.
Eşit görsel temsil
Alternatif faturalandırma sistemi ve Google Play'in faturalandırma sistemi düğmeleri adil ve eşit bir şekilde gösterilmelidir. Buna eşit düğme boyutları, metin boyutu/stili, dokunma hedefleri ve simge boyutları dahildir ancak bunlarla sınırlı değildir. Lütfen bu yönergelerde tanımlanmayan ek metin, resim veya stil değişikliği eklemeyin.
Örnek: Kullanıcı, uygulamanızda satın almak için dokunduğunda düğme, yalnızca kullanıcının önceki bir satın alma işlemi sırasında bilgi ekranını görmüş olması durumunda faturalandırma seçimi ekranını tetikler.
Tasarım özellikleri
Faturalandırma seçimi ekranı dört farklı bileşenden oluşur: başlık, açıklama, geliştirici düğmesi ve Google Play düğmesi. Tüm bileşenler kullanılmalı ve bu kurallarda tanımlanan metin ile kullanıcı arayüzü öğelerini içermelidir. Bu ekrana başka metin veya resim eklememenizi rica ediyoruz. Ancak size ait diğer ekranlara ek metin ve resim ekleyebilirsiniz.
Google Play'e yönelik görsel öğeler ve ödeme simgeleri, aşağıdaki bağlantılardan edinilebilir.
Örnek: Dikey görünümde, alt sayfa toplam ekran genişliğinin% 100'ünü kaplamalıdır.
- Başlık
- Açıklama
- Geliştirici düğmesi
- Google Play düğmesi
- Alt sayfa
- Arka plan karartma
Başlık
Metin |
Ülke ve dil seçme
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Yazı tipi | Roboto (tüm yazı tiplerine uygula) | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Yazı tipi boyutu | 18sp | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Yazı tipi rengi | #202124 |
Açıklama
Metin |
Ülke ve dil seçme
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Yazı tipi boyutu | 14sp | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Yazı tipi rengi | #5F6368 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Metin Bağlantısı |
Ülke ve dil seçme
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Bağlantı hedefi | Google Play Yardım bağlantıları | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Yazı tipi boyutu | 14sp | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Dekorasyon | Altı çizili | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Yazı tipi rengi | #5F6368 |
Geliştirici düğmesi
- Uygulama simgesi
- Uygulama adı
- Ödeme yöntemi simgeleri
- Ek gösterge
- Maksimum ödeme yöntemi simgesi sayısı
- 360 dp genişlik
- 480 dp genişlik
Ödeme yöntemi simgeleri
Ekran genişliğine göre ölçeklendirme
Düğme kapsayıcısı
Dış çizgi | 1pt, #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 | {App Name} |
Yazı tipi boyutu | 14sp |
Yazı tipi rengi | #202124 |
Ödeme yöntemleri
Boyutlar | Yükseklik: 32 dp, Genişlik: 20 dp | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Köşe yarıçapı | 2dp | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Miktar | En fazla 5. 5'ten fazla varsa ek gösterge görüntülenir. | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Ek gösterge |
Ülke ve dil seçme
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Yazı tipi boyutu | 12sp | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Yazı tipi rengi | #5F6368 |
Google Play düğmesi
- Simge
- Başlık
- Kabul edilen ödeme yöntemleri
- Ek gösterge
Düğme kapsayıcısı
Dış çizgi | 1pt, #DADCE0 |
Köşe yarıçapı | 4dp |
İç dolgu | 16dp, 16dp, 16dp, 16dp |
Uygulama simgesi
Resim öğesi | Google Play prism |
Boyutlar | Yükseklik: 24 dp, Genişlik: 24 dp |
Başlık
Metin | Google Play |
Yazı tipi boyutu | 14sp |
Yazı tipi rengi | #202124 |
Ödeme yöntemleri
Resim öğesi | Bağlantı | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Ek gösterge |
Ülke ve dil seçme
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Yazı tipi boyutu | 12sp | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Yazı tipi rengi | #5F6368 |
Yatay
Örnek: Yatay görünümde, alt sayfa dikey görünüme göre daha geniştir ancak aynı tasarım özelliklerine ve işlevlere sahiptir.
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ı |
Kullanıcı seçimi faturalandırma pilot programı ve sık sorulan sorular hakkında daha fazla bilgi için lütfen Yardım Merkezimizi ziyaret edin.