Mobil Uygulama Abonelik Ekranı Tasarımı: Abonelik Seçeneklerini Açık Kılın
Değer önerisi, plan karşılaştırması, deneme ve yenileme koşulları, satın alma bağlamı ve inceleme listesini kapsayan pratik bir mobil uygulama abonelik ekranı tasarımı rehberi.

Abonelik ekranı, daha büyük ürün deneyiminin içindeki bir seçim anıdır. Kişi ücretli planın ne kattığını, ihtiyaçlarına uyup uymadığını, ne kadar ücretlendirileceğini ve abone olmadan devam etmeyi seçerse ne olacağını anlayabilmelidir.
En güçlü tasarım çalışması görsel biçimlendirmeden önce başlar. Kişinin az önce ne yapmaya çalıştığını, aboneliğin hangi yararının o anda ilgili olduğunu ve sistem satın alma ekranı görünmeden önce hangi plan koşullarının anlaşılması gerektiğini belirleyin. Ardından teklif, hiyerarşi ve çıkış yollarındaki belirsizlikleri yakalamak için odaklı inceleme yapın.
Önemli noktalar
- Teklifi somut bir ürün yararına ve ona götüren eyleme bağlayın.
- Her planın gerçek tutarını ve faturalandırma aralığını, giriş teklifinden sonra ne olacağıyla birlikte gösterin.
- Plan karşılaştırmasını, deneme koşullarını, satın almayı, geri yüklemeyi, girişi ve kapatmayı tek bir akış olarak anlaşılır kılın.
- Abonelik ekranını bağlamı içinde; yerelleştirilmiş, erişilebilirlik ve geri dönen abone durumlarında inceleyin.
Şablondan değil, andan başlayın
Kişi kilitli bir özelliğe dokunduktan sonra gösterilen abonelik ekranının görevi, ilk kullanımda yapılan abonelik davetinden farklıdır. Özelliği adlandırın ve açılacak belirli yararı açıklayın. İlk kullanımda aboneliğin ürünle ilişkisini gösterecek kadar yönlendirme sağlayın. Bağlamsız istem kesinti gibi hissedilebilir.
Beklentileri oluşturmak için çevresindeki akışı kullanın. Kişiler önce ürünün bir kısmını deneyebiliyorsa deneyimin değeri göstermesine izin verin. Erişim sınırlıysa sınırı ve ne zaman sıfırlandığını açıklayın. Apple'ın Human Interface Guidelines rehberi ilgili istemler önerir; Google Play ise tanıtımların uygulamanın abone olmadan kullanılıp kullanılamayacağını netleştirmesini bekler.
Hâlihazırda abone olanların giriş yapması veya satın almayı geri yüklemesi gerekebilir. Henüz hazır olmayan birinin ürüne açık dönüş yoluna ihtiyacı olabilir. Bunları gerçek yollar olarak tasarlayın ve yararlı bir yere götürdüklerini kontrol edin.
Teklifi karşılaştırmayı kolaylaştırın
Her seçeneğe kısa ad, süre ve doğrudan fiyat ifadesi verin. Kişilerin gerçekten ödeyeceği tutar kolay bulunmalıdır; aylık eşdeğer daha küçük bir rakam planları karşılaştırmaya yardımcı olabilir, ancak faturalandırılan toplam tutarın yerini almamalıdır. Bir plan varsayılan olarak seçiliyse seçim görünür olmalı; gerekçesi “En iyi değer” gibi belirsiz rozete dayanmamalıdır.
Yararlı karşılaştırma planlar arasında neyin değiştiğini söyler: erişim düzeyi, içerik, hizmet, süre veya başka anlamlı bir yarar. Kişilerin farkı renkten veya indirim yüzdesinden çıkarmasını beklemeyin. Tek plan varsa alanı değerini ve koşullarını açıklamak için kullanın.
Apple'ın uygulama içi satın alma rehberi açık seçenekler, fiyat, süre ve toplam faturalandırma bedelini vurgular. Google Play, uzun dönemli aboneliğin esasen aylık bir bölünmüş tutar olarak sunulmasına, gerçek ücretin tüm dönem için alınması durumunda karşı çıkar. Toplam ücreti birincil bilgi olarak ele alın, yardımcı olduğu yerde ikincil karşılaştırma ayrıntısı kullanın.
| İnceleme alanı | Açık sunum | Sorulacak soru |
|---|---|---|
| Plan kimliği | Ad ve süre her seçeneği ayırt eder | Kişi tahmin yürütmeden neyin farklı olduğunu anlayabilir mi? |
| Fiyat | Toplam ücret ve faturalandırma aralığı birlikte görünür | Şimdi ödenecek tutar, eşdeğer bölünmüş tutardan daha belirgin mi? |
| Giriş teklifi | Teklif süresi, ilk fiyat ve sonraki fiyat belirtilir | Kişi teklif bitince ne ödeyeceğini açıklayabilir mi? |
| Yararlar | Plana dahil somut erişim belirtilir | Her iddia, abonelik boyunca ürünün sunduklarıyla eşleşiyor mu? |
Denemeyi ve yenilemeyi sade dille açıklayın
Ücretsiz deneme, ücretli aboneliğe dönüşebilen süreli bir tekliftir. Süresini, ilk ödemenin ne zaman alınacağını, sonraki tutar ve aralığı, planın otomatik yenilenip yenilenmediğini belirtin. Bu ayrıntıları ilgili planın ve eylemin yakınına koyun.
Açıklamanın tamamını düğme etiketine bırakmayın. “Ücretsiz denemeyi başlat” hemen atılacak adımı anlatır ama sonraki ücreti anlatmaz. Kısa, okunabilir koşullarla destekleyin. Metnin yaygın ekran boyutlarında okunabilir kalmasını sağlayın, büyük metin ayarlarıyla büyümesine izin verin ve önemli koşulları düşük kontrastlı veya yerelleştirme sonrasında kesilmesi olası düzene yerleştirmeyin.
Satın alma ekranı platform akışının parçasıdır; tutarlı bir teklif ekranının yerine geçmez. Apple varsayılan onay ekranını kullanmayı ve onu taklit etmemeyi söyler. Sistem arayüzüne geçmeden önce seçim ve koşulları açık kılın, ardından ortaya çıkan abonelik durumunu uygulamada doğru yansıtın.
- Gösterilen teklifin deneme süresi ve uygunluk koşulları açıktır.
- Faturalandırmayı başlatan tarih veya olay anlaşılırdır.
- Deneme sonrası fiyat, faturalandırma dönemi ve otomatik yenileme satın almadan önce görünürdür.
- Aynı koşullar kullanıcının dilinde ve para biriminde de anlaşılır kalır.
Satın alma ve dönüş akışının tamamını inceleyin
Birincil eylemi yerel satın alma onayına kadar izleyin; ardından başarı, iptal, bekleme ve başarısızlık durumlarını inceleyin. İptal edilen satın almanın tamamlanmış görünmediğini doğrulayın. Uygulama yeniden açıldığında, kişi başka cihazda giriş yaptığında ve mevcut abone teklife ulaştığında ne olduğunu kontrol edin.
Hesap ve kurtarma seçeneklerini kolay bulunur kılın. Mevcut aboneler için doğru sonraki adım giriş veya geri yükleme ise aynı erişimi yeniden satın almaya davet edilmemelidir. Apple, mevcut abonelerin giriş yapabilmesi veya satın almayı geri yükleyebilmesi için yol önerir. Abonelik yönetimi öngörülebilir bir hesap veya ayar konumunda olmalıdır; Apple iptalin kolay olmasını da vurgular. Google Play'de abonelik açıklamaları ve çevrimiçi iptal yöntemi platformun güncel gereklilikleri arasındadır. İlgili faturalandırma yolu için mağazanın güncel uygulama rehberini izleyin.
Abonelik ekranını çevresindeki ürünle karşılaştırın. Yazı tipi, görseller ve etkileşim bütünleşik hissettirmelidir. Yakalanmış ekranların fiyatı, yararları, deneme dilini ve çıkış denetimlerini nasıl düzenlediğini incelemek için ScreenKits abonelik ekranı kütüphanesini kullanın; ardından bu gözlemleri tam uygulama akışıyla karşılaştırın. Galeri bir tasarım referansıdır, kalıbın etkili veya kurallara uygun olduğunun kanıtı değildir.
- Geri dönen abone baştan başlamadan giriş yapabilir veya erişimi geri yükleyebilir mi?
- Teklifin nasıl kapatılacağı veya mevcut ücretsiz erişimle nasıl devam edileceği açık mı?
- Satın alma başarısı, iptali ve hata durumları ne olduğunu ve sonra ne yapılacağını açıklıyor mu?
- Kişiler hesap ayarlarından abonelik durumunu ve yönetimini bulabiliyor mu?
- Yerelleştirme, metin büyütme, kontrast, ekran okuyucular ve dokunma hedefleri incelendi mi?
Pratik abonelik ekranı tasarımı inceleme listesi
Bu listeyi tasarım değerlendirmesinde, prototip incelemesinde veya yayımdan önceki gözden geçirmede kullanın. Her maddeyi teklifi ilk kez gören birinin gözünden okuyun, sonra geri dönen abone olarak tekrar inceleyin. İnceleyen kişi bir soruyu ekrandan ve hemen çevresindeki akıştan yanıtlayamıyorsa boşluğu destek içeriğine bırakmadan önce arayüzü netleştirin.
| Kontrol | Başarı koşulu |
|---|---|
| Bağlam | Teklifin neden gösterildiği ve ilgili yarar anlaşılır. |
| Erişim | Ekran, nelerin ödeme gerektirdiğini ve ödeme olmadan nelerin kullanılabildiğini doğru söyler. |
| Karşılaştırma | Her seçeneğin farklı adı, süresi ve toplam ücreti vardır. |
| Deneme | Teklif süresi, faturalandırma başlangıcı, sonraki fiyat ve yenileme birlikte görünür. |
| Eylem | Ana düğme sonraki adımı anlatır ve önemli koşulları gizlemez. |
| Alternatifler | İlgili yerlerde kapatma, giriş ve geri yükleme eylemleri bulunabilir. |
| Durumlar | Satın alma başarısı, iptali ve başarısızlığı anlaşılır sonuç üretir. |
| Erişim ihtiyaçları | Metin büyütüldüğünde okunabilir kalır ve içerik yardımcı teknolojilerle çalışır. |
| Yerelleştirme | Fiyatlar, para birimi, tarihler ve metin desteklenen pazarlara kesilmeden sığar. |
| Yönetim | Abone, uygulamanın abonelik durumunu ve yönetim yolunu bulabilir. |
Sık sorulan sorular
Mobil uygulama abonelik ekranı neleri içermeli?
İlgili abonelik yararlarını açıklayın, her planı ayırt edin, toplam ücreti ve faturalandırma aralığını gösterin, varsa deneme ve yenileme koşullarını açıklayın ve mevcut abonelerle satın almayanlar için yararlı yollar sunun.
Abonelik ekranı yıllık planın aylık eşdeğerini göstermeli mi?
Süreleri karşılaştırmaya yardımcı olabilir; ancak faturalandırılan tam tutar ve faturalandırma aralığından sonra gelmelidir. Gerçek ücret açıkça anlaşılmalıdır.
Abonelik ekranı nerede görünmeli?
Kişi ücretli özelliği seçtiğinde veya açıkça anlatılmış ücretsiz kullanım sınırına ulaştığında olduğu gibi ilgili bir noktaya yerleştirin. Teklifin neden gösterildiğini açıklayın ve varsa ücretsiz deneyime açık bir dönüş yolu koruyun.


