Mindfulness Onboarding Uygulaması Tasarımı

Lull Onboarding Akışı

Lull'ın onboarding akışı, OpenDesign tarafından hazırlanmış resmi bir OpenDesign örneğidir. Kaynağı, tek bir ses tonuyla üç ekranı anlatır: sıcak bir zemin, serif başlıklar ve tek bir vurgu rengi. Tasarım, tamamlanmış bir hesap ya da meditasyon hizmeti olarak değil, mobil uygulama dizisi olarak sunulur.

İlk ekran “Quiet beats noise.” ile açılır. Destekleyici metin pratiği “Twelve minutes a day” ve “a practice that fits in a coffee break” diye tanımlar, ardından “streaks” ve “badges” kavramlarını açıkça reddeder. Bu ikili, kullanıcıdan hesap oluşturması istenmeden önce ürün vaadini okunur kılar.

Görsel işlem aynı ölçülülüğü pekiştirir. İlk ekranı sıcak dairesel bir kompozisyon, ikincisini turuncu onay dairesi olan konturlu bir pratik kartı yönlendirir. İkisi de serif başlıkların ve kısa gövde metninin üzerinde aynı illüstrasyon alanını kullanır. Cömert boşluk mesajın oturmasına alan tanır, ancak daha uzun metin ya da ek kontroller için daha az yer bırakır.

Sakin Bir İlk İzlenim

İlk ekran, büyük turuncu tonlu bir daireyi, küçük soluk bir daireyi ve alçak kavisli bir tabanı koyu serif başlıkla birleştirir. İllüstrasyon bir veri gösterimi değildir; metin rutini açıklamadan önce bir atmosfer kurar. Bu kalıbı uyarlayan bir tasarımcının görsel-metin dengesini korumayı ya da daha yoğun bir ilk görünüm alanını kabul etmeyi göz önünde bulundurması gerekir.

Akışın Kullanım Alanları

Bu dizi, oturum açma seçeneklerini sunmadan önce günlük pratiğini anlatmak isteyen bir mindfulness uygulamasına uygundur. Sıralama bilinçlidir: kullanıcı önce sakin bir fayda ifadesini, sonra uyarlamanın açıklamasını, en son hesap kurulum ekranını görür. Bu, kimlik doğrulama kontrollerinin ürünün iletişim kurduğu ilk şey olma ihtimalini azaltır.

Metin ayrıca gerçek bir onboarding gerilimini hedefler: bir rutin, desteklenmeyen bir performans vaadi vermeden ulaşılabilir hissettirmelidir. “Shorter on busy days, deeper on quiet ones” ifadesi, amaçlanan uyarlamayı sade bir dille anlatır. Esnekliği iletir, ancak tasarım seansların nasıl değişeceğini ya da bu davranışın uygulanıp uygulanmadığını göstermez.

Akış, arayüz stilinin yanı sıra içerik hiyerarşisini incelemek için de yararlıdır. İlk iki ekran sağ üstte “Skip”, altta “Continue” kullanır; son ekranda yardımcı eylem “Help” olur. Bu etiketler ilerlemeyi yardımdan ayırır, ancak yakalamalar iki kontrolün çalışma anında ne yaptığını göstermez.

Sakin Girişten Hesap Kurulumuna

Üç telefon ekranı, tekrarlanan bir yapıyla kompakt bir anlatı oluşturur. İlk ikisi aynı üst durum alanını, “Skip” kontrolünü, illüstrasyon alanını, başlığı, gövde metnini, ilerleme göstergelerini ve alttaki “Continue” düğmesini korur. Tekrar, tanıtım durumları arasındaki geçişin kolay tanınmasını sağlar; aynı zamanda üçüncü ekranın farklı düzenini anlamlı bir durum değişikliği gibi hissettirir.

İlk ekranda etkin ilerleme işareti soldaki turuncu kapsül biçimli göstergedir. İkincisinde ortaya geçer. Üçüncü ekran sağdaki turuncu kapsül biçimli göstergeyi kullanır ve illüstrasyonla alttaki eylemi üç hesap seçeneğiyle değiştirir. Görünen işaretler dizideki konumu, değişen içerik ise onboarding'in açıklamadan bağlılığa geçtiğini iletir.

Son ekran “Make a place for it.” ile ve “Save your sessions across devices. We don’t email, we don’t share.” cümlesiyle başlar. Ardından üç büyük çerçeveli satır sunar: “Continue with Apple” “Continue with Google” ve “Continue with email”. Tutarlı satır işlemi karşılaştırmayı destekler; ayrı dairesel simgeler her sağlayıcı için hızlı bir görsel ipucu verir.

Altta, onay ifadesi “Terms” ve “Privacy Policy” kelimelerini vurgu renginde gösterir. Kaynak bu bağlantıları yer tutucu olarak belirtir; dolayısıyla ekran tamamlanmış gezinmeyi değil, yasal metnin amaçlanan yerleşimini gösterir. Tasarım ayrıca yasal metni seçeneklerin altına koymanın dengesini de gösterir: ana karar alanının dışında kalır, ancak nitelediği kontrollerden görsel olarak ayrılır.

Tekrarlanan Yapı, Değişen Durum

Birinci ve ikinci ekranlar neredeyse paralel durumlardır, ancak illüstrasyonları farklıdır. Birincisi sıcak dairesel bir kompozisyon, ikincisi kısa çizgiler, turuncu bir kontrol ve onay işareti içeren çerçeveli bir panel kullanır. Bu, aynı görsel yoğunluğu korurken her vaada kendi simgesini verir. Üçüncü ekran bu illüstrasyon katmanını tamamen kaldırarak kimlik doğrulama seçeneklerine ve onay metnine yer açar.

Görünen Tasarım ve Yetenek Sınırı

Yakalamalar; üç ayrı telefon durumu, belirli metinler, kontroller, sağlayıcı etiketleri, ilerleme işaretleri ve yasal metin yerleşimiyle görsel bir onboarding konsepti ortaya koyar. Kimliği doğrulanmış hesapları, cihazlar arası oturum depolamayı, uyarlanabilir seans mantığını, tamamlanmış Terms veya Privacy gezinmesini ya da çalışan bir onboarding akışını göstermez. Oturumları kaydetme ve bilgi paylaşmama ile ilgili ifadeler tasarımda gösterilen ürün metnidir, doğrulanmış hizmet davranışı değildir.

Yeni bir uygulama kendi kimlik doğrulama, oturum depolama, uyarlanabilir pratik ve onay davranışını gerektirir. Bu kaynakta Skip ve Help metin span'larıdır, Continue ve hesap satırları stillendirilmiş div'lerdir, Terms ve Privacy Policy ise hedefi olmayan bağlantılardır. Dizi bu kararları, işler hale getirmeden gösterir.

Örneğin Öğrettikleri

En aktarılabilir ders, mesaj sırası ile bağlılık arasındaki ilişkidir: önce pratiği açıklayın, sonra amaçlanan esnekliği anlatın, ardından hesap isteyin. Belirli Lull metinleri, illüstrasyonları ve gizlilik ifadeleri bu örneğe aittir. Yeni bir ürün bunları kanıtlanmış gerçekler olarak kopyalamak yerine kendi iddialarına, uyarlama kurallarına ve onay hedeflerine ihtiyaç duyar.