web-gelistirme-sc.com

Kafa karıştırıcı onay kutuları ve radyo düğmeleri

Bir web sitesi için belirli bir kullanıcı arayüzü oluşturmakta sorun yaşıyorum. Bir restoran zinciri için basit bir web sitesi ile sorunu göstereceğim:

Bağlam

web sitesinde birçok kullanıcı ve birçok restoran bulunmaktadır. Her restoranın kendisine atanmış belirli kullanıcıları vardır, burada kullanıcı yönetici, aşçı veya garson olabilir.

garson gelen siparişlerin adreslerini görebilir, aşçı ve siparişlerin içeriğini (yemeğin ne olduğunu) görebilir ve yönetici her iki şeyi de görebilir ve herhangi bir kullanıcının rolünü değiştirebilir.

Her restoran için sadece bir yönetici olabilir, ancak istendiği kadar aşçı ve garson olabilir. Kullanıcı arayüzü şu anki gibi görünüyor:

mockup

bmml kaynağını indirin - Balsamiq Maketleri ile oluşturulan tel kafesler

Sorun

Her rol, önceki rollerin tüm ayrıcalıklarına ve yeni bir ayrıcalığa sahip olduğundan, kullanıcıların her biri yalnızca bir role sahip olabilir. Yani hiç kimse hem garson hem de aşçı, aşçı ve yönetici vb. Olamaz. Bu, aynı kullanıcı için iki onay kutusunu, hatta üç rolü de kontrol edebileceğinden, yukarıdaki kullanıcı arayüzünü kullanarak çok açık değildir.

Soru

Bu fikri kullanıcı arayüzü aracılığıyla nasıl netleştiriyorsunuz? orada 'fikir' bir restoran için sadece bir yönetici olabilir ve her kullanıcının sadece bir tane olabilir rolü.

Bu arada buradaki ilk yazım, umarım doğru yerdeyim. Şimdiden yanıtlarınız için teşekkürler!

EDIT: Bahsedilen üç rolü de özgürce değiştirebilecek daha yüksek roller vardır.

Son durum kaçınmaya çalıştığım şeydir (Mary).

Image .

70
H. Saleh

Bunun gibi bir senaryoda, arayüzün uygulamanın olası durumlarını yansıtmasını sağlarım. Yalnızca bir yöneticiniz olabilir, bu nedenle bir yönetici seçmek için yalnızca bir yer olmalıdır, herkes bir aşçı veya sunucu olabilir, bu nedenle bu durumlar için karşılıklı olarak özel UI widget'ları sağlayın. İşte bir örnek:

Mockup

Pratikte, insanların rollerini değiştirmeyi biraz daha bilinçli hale getirmek isteyebilirsiniz, ancak umarım en azından fikri iletir.

Düzenleme: Bazı yorumlar bu mockup ile tasarım sorunları olduğunu belirttiği gibi ve doğrudan bir uygulama tavsiye etmiyoruz. Lütfen mockup'un sadece OP'nin sorusunu cevaplamak için olduğunu ve diğer tasarım ilkelerinin burada hala geçerli olduğunu unutmayın.

Okuyucu için bazı egzersizler şunları içerir:

  1. Şu anda rolün seçildiği belirsizliği ortadan kaldırın
  2. Yöneticinin bilgilerini görüntüleme (telefon, e-posta, ...)
  3. Veri değiştirme işlemlerini, bir açılır menüyü veya geçişi değiştirmekten daha bilinçli hale getirin
122
Tristan Shelton

Mevcut Yöneticinin değişikliği diğer seçenekleri geçersiz kılan bir eylem olduğu için - bunu ne olacağı hakkında net bir iletişim kuracak şekilde sunacağım.

Garson/Şef Radyo-Düğmelerdir, bu yüzden bunlardan sadece bir tanesi aktif olabilir - ve sadece bir kişi yönetici ve başka bir şey olabilir.

Example For Manager with Button

106
Falco

Bu bir kullanıcı gruplama görevi gibi görünüyor.

Bu örneklerin her ikisi de mutfakta görüntülemek için benzer bir görünüm yazdırabileceğiniz Nice özelliğine sahiptir. Ayrıca tüm kullanıcı arayüzünde herhangi bir Aşçılık/Garson kopyalanmış/yedekli metniniz yok, bu yüzden kimin kiminle çalıştığını okumak ve anlamak daha kolay olduğunu düşünüyorum.

Etiket stili

Stack Exchange sorusuna nasıl etiket eklediğinize benzer.

enter image description here

Menü stili

WordPress menü düzenlemesini, hiyerarşiyi simüle etmek için temel bir kavram olarak aldım.

enter image description here

21
icc97

Bunu kullan - Bu daha yüksek bir rol görünümüdür.

Yöneticinin görüşüne göre, yöneticinin rolü için bir birleşik giriş kutusu olmayacaktır.
Diğer ikisinin görünümü düz metin olacak - birleşik kutular yok.

mockup

bmml kaynağını indirin - Balsamiq Maketleri ile oluşturulan tel kafesler

13
DPS

Gördüğüm kadarıyla hepsi radyo düğmeleri olmalı (her kullanıcıyı ve ilişkili radyo düğmelerini bölmek için daha iyi boşluk kullanın).
Kafanızdaki soru şu olmalıdır:
Alice kim? O (•) Yönetici, () Aşçı veya () Garson mu?
Bob kim? O () Yönetici mi, (•) Aşçı mı yoksa () Garson mu?
vb.

Soldan sağa okuruz, bu yüzden önce kullanıcıyı ve daha sonra rolleri fark edersiniz. Kullanıcı başına yalnızca bir rol olabileceğinden, hepsi radyo düğmeleri olmalıdır

4
Armands

Çözümü devre dışı bırakma durumu ile birlikte iOS segmentasyon konseptini kullanarak çözüm buldum. Bence görsel olarak anlaşılabilir ancak amaca hizmet ediyor.

enter image description here

0
Vadivel