Login/Signup Projesi

Modanisa, tesettürlü kadınların bugünün dünyasında iyi görünmesini ve kendine güvenmesini sağlıyor. Misyonu, moda ile teknolojiyi birleştirip bu ihtiyaçlara küresel ölçekte cevap veren bir ekosistem kurmak.

Giriş ve kayıt akışlarının uçtan uca yeniden tasarımını bir yıl boyunca yürüttüm. Tek UX tasarımcısı olarak araştırmadan tasarıma, testten yayına kadar tüm süreci yönettim; mobil uygulamalar ve mobil web arasında kesintisiz bir deneyim sağladım.

kayıt dönüşümünde artış

~%15

kayıt sırasında vazgeçmede azalma

%20

ülkede yayında

140+

Projenin başında, kullanıcılarımız için doğru tasarımı bulmak üzere analize ciddi zaman ayırdım. Amazon, Zalando, ASOS, Shein, Trendyol, Hepsiburada, AliExpress, Airbnb ve Getir’in de aralarında olduğu 13 uygulamanın giriş ve kayıt akışlarını ekran ekran inceledim.

Her birini aynı yedi özellik üzerinden karşılaştırdım: cüzdan, iki adımlı doğrulama, Face ID / Touch ID, telefon numarasıyla giriş, giriş ve kaydın aynı sayfada olması, şifresiz giriş ve sosyal hesapla hızlı kayıt. Tablo, sektörde neyin artık beklenti hâline geldiğini ve bizde nelerin eksik olduğunu açıkça gösterdi.

Hedef kitlemizi doğru anlamak için önce persona çalışması yaptık. Personalarımızdan biri Hülya: 53 yaşında, iki çocuk annesi bir ev hanımı; online alışverişi seviyor, sık iade yapıyor ve akşamları oturup uygulamada ürünlere bakıyor.

Haritada Hülya’nın ne düşündüğünü, ne duyduğunu, ne gördüğünü ve ne yaptığını topladık. “Şifrem neydi?”, “Mail adresim neydi?”, “Bu kod nerede?” gibi cümleler en sık tekrar edenlerdi. Sıkıntılar netti: şifreyi ya da maili unutmak, karmaşık üyelik sayfaları ve bu yüzden tekrar tekrar hesap açmak. Beklentiler de öyle: tek tıkla giriş, şifre sıfırlamaya gerek kalmaması, parmak izi ile giriş.

Kullanıcıyı tanıdıktan sonra bu tekniği projenin başında ekiple birlikte uyguladık: neyin iyi, neyin kötü gidebileceğini önceden görmek için.

Umutlarımız hızlı, yalın ve güvenli bir giriş sistemiydi; “5 saniyede giriş” ekibin ortak hedefi oldu. SMS ve maillerin anında gitmesi, sistemin merkezi olarak yönetilip rahatça izlenebilmesi de listedeydi. Korkularımız ise çoğunlukla geçişle ilgiliydi: yeni sisteme geçişte canlıda sorun çıkması, SMS ya da mailin gitmemesi, eski altyapıdan gelen teknik yük ve zaman baskısı. Bunları önceden konuşmak, uygun senaryoları kurup maliyet ve zaman kaybının önüne geçmemizi sağladı.

Görsel çalışmalara bu aşamada başladım. Analiz ve araştırma aşamalarının ardından ürünü geliştirmede ilk adımları attım ve çeşitli wireframe’ler hazırladım. Wireframe’lerin değeri, ürün ilerlemeden hataları ve iyileştirmeleri yakalayıp çözebilmemizdi.

Giriş ve kayıt, kullanıcının alışveriş deneyiminde kritik bir nokta; özellikle kayıt veya giriş zorunlu olduğunda. Bu nedenle kullanıcı alışkanlıklarını kökten değiştirmeden basit tutmayı hedefledik.

Eski sistemin verisine göre kullanıcıların %53’ü e-postayla, %32’si telefonla, %10,5’i Facebook ile ve %4,5’i diğer yollarla giriş yapıyordu. İlk başta telefon seçeneğini kaldırmayı düşündük; ama %32 kaldırılamayacak kadar büyük bir paydı. Kullanıcıların büyük kısmı Gmail kullandığı için Google ile giriş ve kayıt da öncelikli hâle geldi.

e-posta ile giriş

%53

telefon ile giriş

%32

Facebook ile giriş

%10,5

diğer

%4,5

Eski tasarımın üç temel sorunu vardı. Net bir ana buton yoktu; sosyal giriş seçenekleri fazla baskındı ve kullanıcı doğru butonu bulmakta zorlanıyordu. Ekran karmaşıktı; bazı öğeler kendini tekrar ediyor ve marka diline uymuyordu. Altyapı da yeni özelliklere kapalıydı; Google ile giriş ya da şifresiz giriş eklemek mümkün değildi.

En önemli yenilik, e-posta ya da telefon numarasını anında algılayıp biçimlendiren tek bir akıllı giriş alanıydı. Telefon ve e-posta sekmeleri kalktı, arayüz sadeleşti ve bilişsel yük azaldı. Giriş/kayıt butonu tek belirgin CTA oldu; diğer yöntemler fark edilir ama ana butonun önüne geçmeyecek şekilde tasarlandı.

Kayıt ekranında küçük ama etkili kararlar da aldık. Alanın altındaki kısa bir not, telefonun ya da e-postanın ne için kullanıldığını söylüyor: kargo takibi ve giriş. Şifre alanı kuralları baştan gösteriyor. Onay kutusu yerine, kayıt olan kullanıcının kullanım koşullarını kabul etmiş sayıldığını anlatan kısa bir metin var. Hesabı olan kullanıcı tek dokunuşla giriş ekranına geçebiliyor.

Projenin ilerleyen aşamalarında dört alternatif geliştirdim: sosyal girişi en üste alan bir düzen, ad-soyad alanı ekleyen iki farklı kayıt formu ve sosyal girişi yalnızca ikonlara indiren sade bir sürüm. Maliyet, altyapı yetersizliği ve performans gibi nedenlerle hepsinden vazgeçtik. Odak, tasarımı olabildiğince basit tutmak ve yalnızca giriş/kayıt bölümüne yoğunlaşmaktı.

Giriş akışı, tüm senaryolarda 15’ten fazla ekran içeriyordu. Buna kullanıcının karşılaşabileceği hata ekranları ve başarı senaryoları da dahildi. Proje yalnızca mobil için tasarlandı; masaüstü sürümü yoktu.

Kayıt akışı, tüm senaryolarda 20’den fazla ekranı kapsıyordu. Buna hata ekranları ve başarı senaryoları da dahildi. Proje yalnızca mobil için tasarlandı; masaüstü sürümü yoktu.

Kullanıcılar şifresini unuttuğunda cep telefonu ya da e-posta üzerinden yenileyebiliyor. Eskiden ciddi güvenlik açıkları ve sunucu maliyetleri vardı; yeni akışta süreç baştan kurgulandı.

Kullanıcılar e-posta ya da cep telefonuna gelen sıfırlama bağlantısıyla şifresini değiştirebiliyor. Süreç bir webview üzerinden yürüyor; çünkü kullanıcı e-postasına masaüstünden de erişebiliyor.

Kullanıcılar Google, Facebook ve Apple ile giriş yapabiliyor. Hesabı olsun ya da olmasın, butonlardan birine tıkladığında hesabı varsa giriş yapıyor; yoksa kayıt olup giriş yapıyor. Daha önce Gmail hesabıyla e-posta üzerinden kayıt olan bir kullanıcı Google ile bağlanmayı seçerse hesaplar birleşiyor.

• Figma
• Adobe CC
• Miro
• Google Analytics
• ProtoPie
• Zeplin
• Hotjar

Tasarım süreci 2-3 ay sürdü; uygulamanın teste çıkmasına kadar geçen süre toplamda bir yılı buldu. iOS ve Android için geliştirilen ilk aşama MVP olarak ele alındı ve ilerleyen aşamalarda yeni özelliklerin eklenebileceği bir altyapı kuruldu. Testler 140’tan fazla ülkede başladı.

Yayından sonra kayıt dönüşümü yaklaşık %15 arttı, kayıt sırasında vazgeçme oranı %20 azaldı. Modanisa’daki sonraki dönemimde MyModanisa sadakat programını ve dijital cüzdan deneyimini de tasarladım.