Drop-down Profil Menüsü

[bkilic11]

Genel Açıklama:

Bu tasarımda, navbar kısmındaki profil butonuna tıklanarak açılacak bir drop-down menüsü anlatılmaktadır. Kullanıcı, profil resminin üzerine tıkladığında çeşitli seçeneklerin bulunduğu bir menü açılır. Bu menü üzerinden kullanıcılar profil bilgilerini yönetebilir, şifrelerini değiştirebilir, iki faktörlü kimlik doğrulama işlemlerini yapabilir ve destek alabilirler.

Drop-down Menü Seçenekleri:

• Kişinin Adı Soyadı
• Profilim
• İki Faktörlü Kimlik Doğrulama
• Şifre Değiştir
• Destek
• Çıkış Yap

---

Adımlar:

1. Profil Butonuna Tıklama:

• Navbar kısmında kullanıcı, profil resmini görecektir.
• Profil resminin üzerine tıkladığında drop-down menü açılır.
• Bu menüde aşağıdaki seçenekler yer alır:
  • Kişinin adı ve soyadı en üstte gösterilir.
  • Profilim kısmına tıklanabilir.
  • İki Faktörlü Kimlik Doğrulama işlemi için bir seçenek bulunur.
  • Şifre Değiştir seçeneği vardır.
  • Destek kısmına tıklanabilir.
  • Çıkış Yap butonu yer alır.

2. Profilim:

• Profilim seçeneğine tıklandığında, kullanıcı profil bilgilerini güncelleyebileceği bir sayfaya yönlendirilir.
• Kullanıcı email adresini görsel olarak görebilir ancak değiştiremez (disable).
• Kullanıcı, isim, soyisim, telefon numarası, cinsiyet, doğum tarihi ve profil fotoğrafı gibi bilgileri değiştirebilir.
• Profil fotoğrafı, kullanıcı tarafından güncellenebilir.

---

3. İki Faktörlü Kimlik Doğrulama:

• İki Faktörlü Kimlik Doğrulama seçeneğine tıklandığında, kullanıcı aşağıdaki işlemleri yapabilir:
  • Eğer daha önce two-factor authentication (2FA) etkinleştirilmemişse, kullanıcıya bir QR kodu gösterilir.
  • QR kodunu tarayarak kullanıcı, 2FA özelliğini aktif hale getirebilir.
  • Eğer kullanıcı 2FA'yı etkinleştirmişse, burada yalnızca 2FA'yı devre dışı bırakma butonu gösterilir.
  • Kullanıcı, bu buton üzerinden 2FA'yı kapatma işlemini gerçekleştirebilir.

---

4. Şifre Değiştir:

• Şifre Değiştir seçeneğine tıklanarak kullanıcıya bir form sunulur.
• Formda aşağıdaki alanlar bulunur:
  • Mevcut Şifre (Kullanıcıdan mevcut şifresini girmesi istenir).
  • Yeni Şifre (Yeni şifreyi buraya girer).
  • Yeni Şifre Tekrarı (Yeni şifresini tekrar girer).
• Şifre güvenlik kurallarına uygun olmalıdır (örneğin, en az 8 karakter, bir büyük harf, bir küçük harf ve bir rakam içermelidir).
• Kullanıcı, şifre değiştirme işlemi için onayla butonuna basabilir.

---

5. Destek:

• Destek seçeneğine tıklanarak kullanıcı aşağıdaki ekranla karşılaşır:
  • Kullanıcı, önce 5-10 adet sıkça sorulan sorular (SSS) ile karşılaşır.
  • Eğer kullanıcı sorusuna yanıt bulamazsa, özel soru gönderme formu açılır.
  • Formda aşağıdaki alanlar bulunur:
  • Konu
  • Açıklama
  • Kullanıcı, şikayetini veya sorununu yazıp Gönder butonuna tıklayarak default e-posta adresine iletebilir.

---

6. Çıkış Yap:

• Çıkış Yap butonuna tıkladığında, kullanıcı sistemden başarıyla çıkış yapar.
• Kullanıcı, tekrar sisteme giriş yapabilmek için email ve şifre bilgilerini girerek giriş ekranına yönlendirilir.

---

İletişim:

Eğer bu özelliklerde veya başka bir konuda desteğe ihtiyacınız olursa, lütfen destek ekibimizle iletişime geçin.

[bkilic11]

@hamzagedikkaya bu konu login adımlarından sonra bakılcak konumuz olsun navbar kısmında isim koymayalım. Sol da bayrak sağda profil resmi olacak şekilde ayarlamasını yapalım bu issue başladığımızda ikinci konu başlığımız bu olmalı bir tasarım örneği paylaşıyorum inceleyebilirsin bu konuya geçince güzel bir tasarım olduğunu düşünüyorum.

https://www.youtube.com/watch?v=ybXulmeilFM