Web tabanlı bir uygulama için gezinme menüsünü yeniden tasarlıyorum. Geçerli menü, hizmete göre gruplandırılmış görevlerin bir listesidir. Yeni işlevler eklediğimiz için liste sürekli büyüyor ve şimdi kullanıcıların hepsini görmek için aşağı kaydırması gerekiyor. İdeal olarak listenin sadece bir sayfa uzunluğunda olmasını istiyoruz. İki çözüm sunulmuştur:
Örneğin, mevcut menümüz aşağıdaki gibi seçenekler sunar:
Kullanıcı
- Düzenle
- Sil
- Şifre değiştir
Posta kutusu
- Düzenle
- Sil
- İzinleri ayarla
- Spam ayarlarını yönetin
- Spam ara
1. çözümle, yalnızca Kullanıcı ve Posta Kutusu'nu görürsünüz, ardından ikisinden birine tıklamak yukarıda özetlenen görevleri göstermek için genişler.
Çözüm 2 ile yeni menü şöyle bir şey sunacaktır:
Kullanıcı
- Ayarlar
Posta kutusu
- Ayarlar
- İzinler
- İstenmeyen e
Çözüm 1, arabirimi birinci düzeyde dağıtırken, kullanıcıya ikinci düzeyde okumak için çok fazla metin sunacaktır.
Çözüm 2 ile kullanıcıların aradıklarını bulamayacağından endişe duyuyorum. Örneğin, şifresini değiştirmek isteyen bir kullanıcı, kullanıcı ayarlarına gitmeyi bilmeyebilir.
Her ikisinin de avantajları ve dezavantajları var - hangisi daha iyi? Kullanıcıya yapmak istedikleri görevi tam olarak bulabilmeleri için daha fazla seçenek sunmak mı, yoksa görevleri genel bir başlık altında gruplandırmak mı?
Düzenle: İstendiği gibi, uygulamanın bir ekran mockup dahil ettim. Solda kullanıcı listesi, bir kullanıcı seçmek sağ taraftaki bir kullanıcı için görevi getirir.
Verilen iki seçenekten akordeon menüsüne giderdim.
Ayrı bir sayfa iki tıklama ve (genellikle) bir sunucu gidiş dönüş anlamına gelir ve ardından geri dönmeniz gerekir.
Tek bir sayfa için birçok seçenek olmadığı sürece, "ön seçim" yapmanın bir avantajı yoktur.
Tüm yaygın kullanım durumları, seçilen kullanıcı başına birden çok işlem içeriyorsa, tek bir sayfa (yani "gruplandırılmış" menü olmadan, yalnızca tek bir bağlantı) uygundur.
Aksi takdirde, "akordeon" menüleri veya javascript popup/mega/basamaklı menüler, ve listenin en üstündeki komutları sabitlemeye izin veririm.
Navigasyonunuz için kullanabileceğiniz alanı veya kullanmayı planladığınız alanı görmek yararlı olacaktır. Bununla birlikte, karışıklık yaratmaktan korktuğunuz için tüm seçeneklerinizi dahil etmek istiyorsanız, bilmeden mega menüler trendi . İşte konuyla ilgili örneklerin bir bağlantısı:
Yine de özetlenmiş seçeneği kesinlikle istiyorsanız, özetlenmiş menü seçeneklerinin başlıklarını yeniden düşünmek isteyebilirsiniz. Etkili bir navigasyon sistemi tasarımı hakkında daha fazla bilgi için bu makaleyi okuyabilirsiniz.
Özetlerken, rastgele kullanıcılarla bazı testler veya hatta kullandığınız etiketlerin netliği hakkında basit bir anket önerebilirim. Bu kadar ayrıntılı bir çalışma olmak zorunda değil, ancak size konu hakkında faydalı bilgiler verebilir.
Zamanla, ne kadar çok ayar varsa, tek bir bağlantıya sahip olmayı tercih ettiğimin farkına vardım, ör. Amazon.com'un "Hesabınız" yazan tek bir bağlantısı vardır. Bunun nedeni çok basit: "Hesabınız" bağlantısını tıkladıktan sonra, tüm olası seçenekleri içeren bir sayfa çıkıyor ve aradığım şey hemen belli değilse, Control-F veya Cmd tuşuna basabilirim -F sayfada istediğimi bulmak için.
Menülerde, web uygulamalarındaki tek seçenek onları okumaktır. Bunun zamanla sıkıcı olduğunu düşünüyorum. Ve menü büyüdükçe (mega-er ?!), arama seçeneği olmadan okumak daha sıkıcı olur. (Durum, menülerin daha doğal hissettikleri ve klavye kısayolları sundukları masaüstü uygulamalarında farklıdır.)
Bir "Görev" in beni yeni bir menüye veya ayarlar sayfasına götürmesini sezgisel buluyorum. Bir görev benim için "Rolleri yönet ...", "Şifreyi değiştir ..." veya "Hesabı devre dışı bırak" gibi - "Bunu ve bunu yönet ve bana biraz daha göster ..." gibi tek bir konuya odaklanmak. Ama bu sadece ben olabilirim.
İdeal olarak, gerçekten gerekirse tüm görevleri açıkça yazılmış kaydırma çubuğunu dahil etmeye çalışacağım.
Ancak sıkıştırmak için, Visual Studio'daki araç kutusunun yaptığı gibi oldukça düzgün. Bu durumda akordeon fikri gibi olacaktır - ancak en yaygın veya popüler görevleri listeleyen önceden genişletilmiş ek bir kategori ile.
v Basic Change password Edit user Search spam > User > Mailbox
Ortak bir görevin ne olduğuna karar vermek ya basit bir karar olabilir ya da giriş yapan kullanıcının en çok ne kullandığına bağlı olarak dinamik olarak verilebilir.
Her kategoriyi daha az kalabalık hale getirmek için, içinde birçok görev bulunan birkaç mantıksal kategori varsa, kategoriler de biraz döndürülebilir.
v Basic Change password Edit user v Edit User Mailbox Permissions v Spam Search Settings v Delete User Mailbox
Araç ipuçlarını kullanın.
Kullanıcının öğenin üzerine geldiğini gösteren bir araç ipucundaki her sayfada yapılabilecek tüm şeylerin bir listesini içeren bir özet menü yapın.
Ayrıca geçişi ilk yaptığınızda kullanıcıya bazı ipuçları verin. Örneğin, kullanıcı menü seçeneğini tıklattığında, menüdeki değişiklikleri açıklayan küçük bir açılır pencere (bu sitede kullanılanlar gibi) gösterilir.