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.

Projenin başında, kullanıcılarımız için doğru tasarımı bulmak üzere analize ciddi zaman ayırdım. Aşağıda tek tek anlattığım birkaç analiz tekniği kullandım.

Hedef kitlemizi doğru anlamak için önce persona çalışması yaptık. Ardından kendimizi kullanıcının yerine koymamızı sağlayan bir teknikle çalıştık. Bu tekniğin en kritik yanı, ihtiyaçları kullanıcının gözünden görüp daha net karşılayabilmemizdi.

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. Olası sorunları ve olumlu sonuçları önceden görerek uygun senaryolar kurabildik, böylece maliyet ve zaman kaybının önüne geçtik.

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. Kullanıcılar e-posta ya da telefon numarasıyla giriş yapabiliyordu. İlk başta telefon seçeneğini kaldırmayı düşündük. Ancak giriş verilerini incelediğimizde önemli bir çoğunluğun hâlâ telefonla giriş yapmayı tercih ettiğini gördük.

En önemli yenilik, e-posta ya da telefon numarasını anında algılayıp biçimlendiren tek bir akıllı giriş alanıydı; arayüzü sadeleştirdi ve bilişsel yükü azalttı. Dinamik giriş maskesi netliği sağladı ve kullanıcı hatalarını önledi.

Bir diğer sorun da tasarımda net bir öncelik olmamasıydı; bu zaman zaman kullanıcıları şaşırtıyordu. Temel karar, giriş/kayıt butonunu tek belirgin CTA yapmaktı. Diğer giriş yöntemleri fark edilir olacak, ama ana CTA’nın önüne geçmeyecek şekilde tasarlandı.

Projenin ilerleyen aşamalarında alternatif tasarımlar geliştirdim. Ancak maliyet, altyapı yetersizliği ve performans sorunları gibi çeşitli 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 üç farklı sosyal medya alternatifiyle 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ı Gmail 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 test edilmesine kadar geçen süre toplamda bir yılı buldu. Mobil iOS ve Android için geliştirildi. İlk aşama MVP olarak değerlendirildi; ilerleyen aşamalarda birçok özelliğin eklenebilmesi için altyapı kuruldu. Testler 140’tan fazla ülkede başladı.