Gezinme (navigation) desenleri: Tab bar, hamburger, bottom sheet
Gezinme Desenleri
Mobil ve web uygulamalarında, kullanıcı deneyimini artırmak için farklı gezinme desenleri kullanılır. Bu desenler, kullanıcıların uygulama içinde kolayca dolaşabilmesine yardımcı olur. Aşağıda yaygın olarak kullanılan üç gezinme desenine yer verilmiştir.Tab Bar
Tab bar, genellikle ekranın alt kısmında veya üst kısmında bulunan bir sekme çubuğudur. Birden fazla sekme arasında geçiş yapma imkanı sunar.- Kullanıcı dostu bir arayüz sağlar.
- Sık kullanılan özellikler için idealdir.
- Ekranda sınırlı alan olduğundan dikkatli yerleştirilmelidir.
Hamburger Menüsü
Hamburger menüsü, genellikle ekranın köşesinde üç yatay çizgi simgesi ile temsil edilir. Bu simgeye tıklandığında yan panel açılır.- Alan tasarrufu sağlar.
- Çok sayıda seçenek sunmak için uygundur.
- Kullanıcıların alternatif seçeneklere ulaşmasını kolaylaştırır.
Bottom Sheet
Bottom sheet, ekranın alt kısmından yukarı doğru açılan bir paneldir. Genellikle ek bilgileri veya seçenekleri göstermek için kullanılır.- Hızlı erişim sağlar.
- Önemli bilgilerin vurgulanmasına yardımcı olur.
- Kullanıcının ana içerikten kopmadan seçim yapmasını sağlar.
Cevap yazmak için lütfen
.
Aynı kategoriden
- Kullanıcı geri bildirimlerini sınıflandırma: tema ve içgörü çıkarımı
- Hata durumları (error states) için iyileştirici UX metinleri
- UI tasarımdan geliştiriciye teslim (handoff) nasıl yapılır?
- Logotype nedir?
- Midjourney nedir?
- Adobe Illustrator nedir?
- Tasarımda tekrar kullanımı nedir?
- Minimalist tasarım yaklaşımının kullanıcı deneyimi ve estetik algısı üzerindeki etkileri nelerdir
- Biçimcilik nedir?
- Mikro animasyonların performans etkisi nasıl azaltılır?
- A/B testi nasıl tasarlanır ve yorumlanır?
- Minimalist tasarımın kullanıcı deneyimi üzerindeki etkileri diğer tasarım yaklaşımlarıyla nasıl karşılaştırılabilir
- Hiyerarşi nasıl kurulur?
- Tasarımda ilham kaynakları: Moodboard ve referans kütüphanesi
- UI tasarımı için en popüler araçlar nelerdir?
- Web bileşenleri ve tasarım sistemi entegrasyonu nasıl yapılır?
- Font seçimi tasarımı nasıl etkiler?
- Boşluk (white space) neden önemlidir?
- Responsive grid ve kırılım noktaları nasıl belirlenir?
- Logo nedir?
