En iyi giriş ekranı örneği geliştirme, 2022'de dikkate alınmalıdır

Bir uygulama oluştururken oturum açma sayfası sonradan düşünülmüş gibi görünebilir. Oturum açma ekranları nadiren görünür ve kayıt ekranları yalnızca kullanıcılar kaydolduğunda görünür. Tek bir ekran ne kadar odak gerektirir? Kesin olmak gerekirse, biraz.

Bir mobil uygulamanın giriş ekranı bir giriş kapısı görevi görür. Bir uygulamayı indirdikten sonra, kullanıcının ilk izlenimi onun arayüzü olacaktır. Kullanıcıların ilk engelde hayal kırıklığı yaşamasını önlemek için, kullanıcılarınızın giriş sayfasını kolayca gezebildiğinden ve doldurabildiğinden emin olun. İş hedeflerinize ulaşmak için, uygulama giriş ekranınızın uygun yapıyı takip etmesini sağlamak için şirketler gibi Flutter Agency'den ( www.flutteragency.com ) Flutter geliştiricisi kiralayın.

Gelecekteki mobil UI projeniz için ilham kaynağı olarak kullanmanız için en iyi giriş ekranlarından bazılarının bir listesini hazırladık.

PayPal

PayPal, basitlik ödülünü kazandı. Girişin üst kısmındaki küçük PayPal logosu olmasaydı, nerede olduğun hakkında hiçbir fikrin olmazdı.

Bu giriş sayfasının benzersiz bir özelliği vardır: iki bölüme ayrılmıştır. E-posta adresinizi girip şifrenizi değiştirmek için aşağıdaki butona basıyorsunuz. PayPal'ın kullanıcı tabanı , 2021'in dördüncü çeyreğinde, 2020'nin aynı dönemine kıyasla yıldan yıla %13'ten fazla büyüdü.

Linkedin

LinkedIn'in giriş sayfasında arka plan resmi veya animasyon yoktur. Ancak, bir oturum açma sayfasının uzun vadede estetik açıdan hoş olması gerekmez. Dikkat dağıtmayan bir tasarım sayfası için ideal, hedefe giden basit bir yoldur.

LinkedIn'in giriş sayfası tasarımının sadeliği bunu yansıtıyor. Neşeli ve motive edici bir kopya, telefon numaranızla giriş yapma yeteneği ve şifreyi görüntüleme seçeneği ile gerekli tüm kutuları işaretler.

Yapması gerekeni yapar ve ihtiyaç duyduklarında insanlara bir onaylama duygusu verir. Bir oturum açma formunun yanı sıra, başka neye ihtiyacımız var?

Uber

Uber'in oturum açma sayfasında birkaç yaratıcı, marka üzerine çizim bulunur. Bir kayıt sayfasının uzun bir süre görülmesi olası değildir, ancak görsel çekiciliğin ve bir canlılığın eklenmesi, kullanıcıların etkileşimde kalmasına yardımcı olabilir.

National Geographic

National Geographic'te oturum açma süreciyle ilgili herhangi bir sürpriz yok. Bir giriş formuna iyi bir örnek olduğu için, bu konuda söylenecek çok şey yok. Amerika Birleşik Devletleri ve Kanada'daki şirketler genellikle başlık davasını kullanır ve National Geographic de aynı şeyi yaptı.

Diğer örnekler, başlıklarda başlık ve cümle durumlarının bir karışımını gösterir. Hedef kitlenin aşina olduğu bir tarzda yazmak, okuyucunun bu satırı gerçek bir kişi tarafından söylenmiş gibi hayal etmesine yardımcı olur.

Orta

Medium, kullanıcı dostu giriş siteleri için açık ara kazanan olabilir. Yeni başlayanlar için, kullanıcılardan e-posta adreslerini, kullanıcı adlarını veya başka herhangi bir şifreyi anında girmeleri istenmez.

Facebook veya Twitter gibi diğer büyük sosyal medya ağlarını kullanımınıza dayalı olarak platforma erişim elde edebilirsiniz. Daha geleneksel bir oturum açma yöntemini tercih edenler, E-posta ile Oturum Aç seçeneğini seçebilirler.

Oturum açma sayfasının temel stili, ana renk olarak beyazın kullanılmasıyla geliştirilmiştir. Ancak Medium, kimliğine uygun olarak ekrana hareket hissi veren birkaç dinamik grafik içeriyordu.

Spotify

Spotify'ın giriş sayfası bir sanat eseridir. Kullanıcı tarafından görülebilen beyaz bir zemin üzerinde hiçbir resim veya başka görsel öğe yoktur. Spotify, kullanıcıların Facebook üzerinden oturum açmasına izin vermenin yanı sıra, oturumu açık tutma seçeneği de sunar.

Bu oturum açma formunun hem kullanıcı adı hem de şifre bölümlerinde satır içi doğrulaması vardır, bunun durumu daha kullanıcı dostu hale getirmeye yardımcı olduğu için hoş bir dokunuş olduğunu düşünüyoruz. Başarısız bir oturum açma girişiminden sonra, oturum açma formunun üzerinde başka bir doğrulama türü görünür.

Renk ve diğer görsel sinyal geçersiz kılmalarının kullanılmasında yanlış bir şey yoktur. 2022'nin ilk üç ayında Spotify'ın tüm dünyada 182 milyon premium üyesi var.

Dropbox

Dropbox'ın oturum açma formu, kullanıcı sayfanın en üstüne, ana sayfasında ulaştığında genişleyen dikey bir mod olarak görünür. Kullanıcı ana sayfayı aşağı kaydırdığında, ardından daralır. Sayfanın önemli bir bölümünü kaplıyor ve bu iki bölümde kullanılan renkler oldukça farklı.

Sonuç olarak, oturum açma formu, çarpıcı bir kontrastla sayfanın geri kalanından ayrılır. E-posta doğrulamasının ve sosyal medya giriş seçeneklerinin tadını çıkarıyoruz.

MailChimp

Mailchimp tam teşekküllü bir pazarlama platformuna dönüştüğü için yeniden tasarım gerekiyor. Giriş sayfalarını en son değiştirdikten sonra birkaç değişiklik yapıldı.

Bunlardan biri, ayırt edici bir karakter özelliğinin eklenmesidir. Yapıtları tuhaf, elle çizilmiş ama yine de çok uygun. Normal olarak giriş yapabilmenin yanı sıra, bu giriş sayfası, birçok Mailchimp kullanıcısının muhtemelen nasıl başarılacağını öğrenmekle ilgileneceği, hedef kitlenizle nasıl daha iyi bağlantı kuracağınızı öğrenmenize olanak tanır.

Bu oturum açma ekranındaki ifadeler seyrek olsa bile unutulan parola/kullanıcı adı kısmı hala açık ve tutarlıdır.

Sefora

Sephora'daki oturum açma sayfası, birincil kullanıcı arabirimi öğesi olarak kalıcı bir pencere kullanır. Mükemmel bir İngilizce diline sahipler. "Şifreni hatırlıyor musun?" oturum açma ve kaydolma arasında ayrım yapmak için gereken tek şey budur.

Ayrıca, forma girilen e-posta adresini doğrulamak için gösterilen ek çaba için minnettarız. Kullanıcıyı yalnızca e-postalarındaki bir hata konusunda uyarmak yerine, her bir ayrı e-posta için doğru formatı da sağlar. Küçük bir özellik olsa da, sanal vahşi doğada bazı insanlar tarafından takdir edildi.

Beceri paylaşımı

Tüketiciler, sosyal medya hesaplarını kullanarak tek bir tıklama ile bir hizmete giriş yapabilirler. Şifrenizi veya diğer kişisel bilgilerinizi girmenize gerek yoktur. Skillshare, oturum açma formunun en üstünde bir sosyal oturum açma seçeneğini belirgin bir şekilde görüntüler.

Ancak, bunu yapmamayı seçerseniz, e-posta adresinizi ve şifrenizi doğrudan aşağıya girebilirsiniz. Bu giriş formu işini yapıyor.

Çözüm

Oturum açma formları, kullanıcılarınızın oturum açmasını ne kadar basit hale getirebileceğinizi test eder. Sosyal oturum açma bilgileri, yer tutucu metin ve farklı etiketler ekleyerek kullanıcı dostu bir oturum açma formu oluşturun. Flutter Agency, önde gelen bir Flutter uygulama geliştirme şirketidir , en iyi Flutter kaynaklarını elde etmenize ve en yeni araçlara erişmenize yardımcı olur.