web-gelistirme-sc.com

Birden fazla "uyarı" pop-up'ı mı işliyorsunuz?

Yaptığımız bir iPad uygulaması, çeşitli hata durumları için bir uyarı penceresi atar. Varsayılan uyarı penceresi oldukça can sıkıcı olduğundan uyarılar için özel bir kullanıcı arayüzü oluşturmayı düşünüyoruz. Sorum şu, uyarıları nasıl topluyorsunuz? Örneğin, uygulamanın 2 bölümü 2 farklı uyarı atarsa, 2 şeyin yanlış gittiğini göstermenin en iyi yolu nedir? Bir düşünce sadece gerçekleşen ilk hatayı göstermektir. Bir diğeri uyarıları birbiri ardına göstermek, böylece kullanıcı iki kez "Tamam" ı tıklatmak için yapılır. Bir diğeri "2 şey yanlış gitti: burada 1 ve burada başka bir şey" gibi bir sorun var ama sorun hata 1'den sonra ancak kullanıcı uyarı 1'i kapatma seçeneğine sahip olmadan önce hata 2 olabilir.

Birden fazla uyarı mesajını gruplamak için iyi bir kullanıcı arayüzü modeli gören var mı?

7
Arpit

Apple Finder Mac OS'de bunu nasıl yapar:

alt text

alt text

5
Hisham

kimse uyarıları sevmiyor (bildiğim), ancak birden fazla eşzamansız mesaj için şimdiye kadar 'hırıltılı' bir arayüz oldukça çekici geliyor. 'Bildirim' için birkaç jQuery'ye özgü eklentiyi inceledikten sonra, aşağıdakileri oldukça yararlı buldum:

http://pines.sourceforge.net/pnotify/

Basit demoları tıklamayı deneyin ve sayfanızın hakları boyunca javascript bildirimlerini izleyin.

8
ericslaw

Burada temel düşünce: kullanıcıyı kesmeniz mi gerekiyor?

Hatanın bir açılır pencerede gösterilmesi gerekiyor mu veya uygulamanın akışında gösterilebilir mi? Örneğin. bir istisna mı yoksa bir bildirim mi? "Sayfa yüklenemedi", "Retweet başarısız oldu. Twitter yanıt vermedi" gibi bir şeye göre farklı bir önem ve ağırlık taşıyor.

Bu farklılıkları düşünmek birkaç düşünceye yol açar:

  • Kritik bir hataysa, uygulamanın akışını kesmeli ve kullanıcıyı uyarmalısınız. Paralel olarak gerçekleşebilecek başka bir şey olmadığı için "Sayfa yüklenemedi" ifadesinin açılması gerekiyor.
  • Bir Twitter uygulamasında "Retweet başarısız oldu" gibi kritik olmayan hatalar, kullanıcının uygulama kullanımını kesintiye uğratmaması nedeniyle, genellikle okuma veya yazma gibi bir şey olacak.
  • Kullanıcı ne yapıyor? Kullanıcı sıralı bir görev gerçekleştiriyorsa, örn. bir formu doldurduktan sonra kullanıcıya farklı gruplandırılmış hataları gösterin.
  • Sorundan çıkış yolunu tasarlamayı düşünün. Örneğin, hatayı bir hata olarak ele almayın. "Retweet" örneğinde, Twitter API'sı harici bir bağımlılıktır ve bu nedenle ona yapılan çağrılar kullanıcı arayüzündeki kullanıcıya geri bildirim de dahil olmak üzere hataya dayanıklı olmalıdır. Bu, kullanıcının uygulamanızı nasıl algıladığını etkiler: bir istisna olduğunda her zaman bir hata açarsanız, kullanıcı onu kesintiye uğratan dengesiz, sinir bozucu bir uygulamayı algılar. Hataları satır içi yaparsanız ve Twitter'ın bazen kapanabileceği için gerçekleşen kaçınılmaz bildirimler olarak görüntülerseniz, çok farklı bir şekilde karşılaşılır.
  • İPad için platform kurallarına bakın. Apple İnsan Arayüzü Yönergeleri'ne bakın ve önde gelen uygulamalara bakın. İPad ile ilgili deneyimim, uygulamalarda çok az hata durumu olmasıydı; bunun nedeni büyük testlerden veya tasarımcıların uygulamadan olası hata durumlarını tasarlamış olmaları Bu örneği ele alalım: bir web formunda, belirli bir formattaki telefon numaralarını sorarsanız, kullanıcının yanlış şekilde doldurduğu olası bir hata durumunu tanıttınız. Ancak, herhangi bir formatı kabul ederseniz, bu kullanıcının endişelenmesi için daha az sorun olur.Bazı durumlarda iPad uygulama tasarımcılarının bu tür tasarıma yönelip eğilmediğini merak ediyorum.

Sruly bunu yazarken bir cevap gönderdi ve çok spesifik ve teknik görünüyor. Umarım cevabım yüksek seviyede düşünülmüş yiyeceklere katkıda bulunabilir.

3
Rahul

Howl'un

Howl iPad için Mac için Growl'in ne olduğunu

multiple alerts

Birden fazla uyarıyı otomatik olarak istifleyebilir. Şiddetli bir uyarı değilse, uyarılar bir saniye sonra kaybolabilir. Kullanıcının reddetmesi gereken uyarılar da oluşturabilirsiniz. Growl çok sayıda Mac programında kullanılıyor, Howl'in ne kadar popüler olduğunu bilmiyorum.

3
neoneye

Her ne kadar bir Apple ürün için Windows desenleri kullanmak istemeyebilirsiniz).

Dikkate alınması gereken birkaç model. (Windows'tan)

  • Görev çubuğu bildirim simgeleri her seferinde bir mesaj gösterir ve kapattığınızda veya zaman aşımına uğradığında başka bir mesaj gösterilir.

  • Bazı mesajlar, sonraki her mesaj birkaç piksel aşağı ve sağa kaydırılarak yığınlanır.

  • Bazı mesajlar (JS'deki bir uyarı gibi) yanıt verilinceye kadar engellenir ve her seferinde yalnızca bir tane olabilir.

  • Bazı mesajlar (güvenlik riskleri için windows sistem uyarıları gibi) tek bir kutuda gösterilir, ancak tüm mesajlar burada bulunur.

  • StackExchange siteleri önemli bildirimleri en üste taşır ve bir işlem yaptıktan sonra daha az önemli olanlar açılır.

Neyi inşa ettiğinizi tam olarak bilmediğim için bir öneri yapmak zor ama eleme süreciyle onu daraltabilirim.

Sınırlı ekran piksellerine sahip olduğunuz için iletileri tek bir kutuda gruplamak, ekran alanınızın çoğunu çalabilir.

Kritik bir hata olmadığı sürece muhtemelen uygulamanızın engellenmesini istemezsiniz, bu nedenle JS stili uyarıları büyük olasılıkla dışarıdadır.

Engellemeyen pop-up'ları istifleme, ekran alanı eksikliği nedeniyle tekrar çalışmaz.

Bence bu size sadece birkaç seçenek bırakıyor. Engellenmeyen ve tıklandığında kaybolan veya kaybolan bir açılır pencere (windows taksbarındaki bildirim simgesi balonları veya StackExchange'teki küçük bildirimler gibi) veya bir bildirim alanı (StackExchange'teki üst çubuk gibi)

2
Sruly

Muhtemelen şeffaf bir sokak tabelası tarzı uyarısı açar ve sağ üst veya sağ alt köşede bırakırım.

Bir hata oluştuğunda, sembolü görüntüleyebilir ve ardından başka bir hata oluşursa uyarıyı daha parlak bir renkte yanıp sönebilir ve yanına, aldıkları hata sayısıyla bir sayaç ekleyebilirsiniz. Sembol ve sayaca ek olarak, bir veya iki Word etiketi isteyebilirsiniz. Kısa ve noktaya bir şey muhtemelen gayrimenkul tasarrufu için en iyi olurdu.

Kullanıcı uyarıyı ittiğinde (tıkladığında), hata listelerini içeren bir kutu açabilir.

1
LoganGoesPlaces