1. UX: mesaj kutuları çoğunlukla kötüdür
Uyarı kutuları UX açısından her durumda kötüdür. Masaüstü uygulamalarında. Web uygulamalarında uyarılar veya satır içi JavaScript mesajları olarak. Her yerde.
Nedenini bilmek isterseniz Alan Cooper¹'dan Face 3 Hakkında bölümünü okuyabilirsiniz; bunun iş akışını nasıl kesintiye uğrattığını ve kullanıcıyı rahatsız ettiğini ve mevcut yazılımda bulunan hemen hemen her uyarı kutusunun ne kadar yanlış olduğunu açıklar . 542 Sayfasında "Kurt!" Diye iletişim kuran iletişim kutusu, uyarı kutularının rutin olarak kapatıldığını açıklar, bu nedenle modelleri tamamen bozulur. Kitabın 543. sayfasında üç ana tasarım ilkesi listelenmiştir:
- Yapma, sorma.
- Tüm eylemleri geri alınabilir yapın.
- Kullanıcıların hatalardan kaçınmasına yardımcı olmak için modelsiz geri bildirim sağlayın.
Ardından, yazarlar bize uyarı kutularının doğru tasarım yaklaşımıyla nasıl değiştirileceğini anlattı.
Bilgi istemi mesajları biraz farklıdır. Yine de, uygulamanızın kullanıcı deneyimini bozuyorlar. Kullanıcının bir şey girmesini istiyorsanız, gerektiğinde JavaScript ile süsleyen bir metin kutusu veya metin alanı kullanmayı düşünün. Tembel olmayın, RIA ve AJAX özellikli uygulamalar çağında zengin bir arayüz sağlayın ; her durumda, JavaScript devre dışı bırakılmışsa, isteminiz görüntülenmez.
Web sayfalarında, hem uyarı kutuları hem de bilgi istemleri çoğunlukla can sıkıcıdır. Bazı örnekler:
Bazı forumlar, liste öğeleri için sonsuz bir şekilde isteyerek listeler oluşturmanıza izin verir. Bu, listeyi oluştururken kopyala yapıştır da dahil olmak üzere sayfanın kendisini kullanamayacağınız anlamına gelir. Ayrıca küçük bir alanınız var. Uzun metin ne olacak? Kalın ve italik yazılara ne dersiniz?
"Devam ederseniz, fotoğraf profilinizden kesinlikle kaldırılacak. Emin misiniz?" . Elbette eminim! Aksi takdirde "Fotoğrafı profilimden kaldır" ı tıklayabilir miyim? Neden web uygulamanız bu kadar aptal olduğumu düşünüyor? Aslında, GMail olarak Google uygulamaları doğru yaklaşımı göstermektedir. İstediğiniz her şeyi kaldırabilir, silebilir, imha edebilirsiniz ve bunu yaptığınızda uygulama küçük bir "Geri Al" bağlantısı görüntüler.
"En büyük anketimize katılmak ister misiniz?" . Aslında, web sitenizi ziyaret etmek için oradaydım, ama beni rahatsız edici mesajlarınızla rahatsız ettiğiniz için, başka bir yere gitmeyi tercih ederim.
"Telif hakkıyla korunan fotoğrafları korumak için bu web sitesinde sağ tıklama devre dışı bırakıldı" . Aslında, yorumumu göndermeden önce yazım denetleyicisinin dilini değiştirmek için sağ tıkladım. Elbette, yazımı kontrol etmeden göndereceğim.
Sonuç: kullanıcı deneyimi açısından, uygulamalar çoğu zaman mesaj kutularını yanlış kullanır.
Fakat bekle! Birçok düşük kaliteli web sitesi, can sıkıcı uyarı kutularını can sıkıcı JQuery mesajlarını tüm sayfayı kapsayan yarı saydam bir arka planla değiştirir. Böylece dezavantajlar devam ediyor.
Web uygulamalarında mesaj kutularını kullanmamak için başka nedenler de vardır:
2. Tasarım: uyarı kutuları kendi tasarım var
Hiç bir uyarı kutusu tasarlayamazsınız. Rengini, boyutunu, yazı tipini değiştiremezsiniz. Bu, kullanıcı için daha da sinir bozucu hale geliyor: bir web uygulamasıyla çalışıyordunuz ve iş akışınız, hiçbir yerden gelmiyor gibi görünen ve uygulamanın görsel yönüyle eşleşmeyen bir mesajla kesiliyor. Düğmelerin dilinin aynı zamanda web uygulamasıyla değil OS / tarayıcı diliyle eşleştiğini saymamak.
Tasarımcılar için JavaScript mesajları uyarı kutularından çok daha güçlüdür.
Ayrıca çok daha kapsamlıdır. Kalın ve italik ekleyebilirsiniz, kendi düğmelerinizi seçebilirsiniz (ne hakkında: "Özür dileriz, ancak girdiğiniz şifre geçersiz. [Parolamı sıfırla] [Başka bir tane deneyin] [İptal]"?) ².
3. JavaScript: uygulama akışı durur
Bir uyarı kutusu görüntülerken, kullanıcı tıklayana kadar JavaScript yürütmeyi durdurur. Bir web sitesinde, sorun olabilir. Bir web uygulamasıyla, genellikle bir sorun haline gelir.
4. Sandbox: kullanıcıyı bilgisayarını yeniden başlatmaya zorlamayın
Size sonsuz sayıda mesaj kutusu gösteren boktan web sitelerini hatırlıyor musunuz? Yeterli teknik altyapısı olmayan kullanıcıların çalışmaya devam edebilmelerinin tek yolu aslında bilgisayarlarını yeniden başlatmaktı. Bu bizi bir soruna getiriyor: uyarı kutuları web sitesinin veya web uygulamasının kapsamı dışında. Kullanıcının tarayıcının diğer sekmelerine erişmesini engelleme yetkiniz yok³.
Aynı sorun tarayıcıları farklı şekillerde çözmeye zorladı. Örneğin Firefox, sekmenizde bir uyarı görüntülerken diğer sekmelere erişime izin verir. Öte yandan Chrome, bir sayfadan artık uyarı kutusu almak istemediğinizi kontrol etmenizi sağlar, ancak yine de diğer sekmelere erişimi engeller.
Firefox yaklaşımı mükemmel bir şekilde geçerli olsa da, Chrome'un eleştirisi (hala her sekmeyi engellediğinden) eleştirilebilir ve bir soruna neden olur: kullanıcı, uygulamanız tarafından yayınlanan ve mesaj kutusunu kontrol eden birkaç mesaj kutusu tarafından ciddi şekilde rahatsız edildiyse ve gerçekten önemli bir şey göstermeye çalıştınız mı? Doğru, kullanıcı asla görmeyecek.
Gerçek aynı kalır, çoğu kullanıcı uyarı kutuları tarafından rahatsız edilir, bu yüzden hala çok kullanıcı dostu değildir ve yeterli teknik altyapıya sahip olmayan bir kullanıcıyı ciddi şekilde engelleyebilir. Satır içi olarak, JavaScript iletileri sayfayı engelleyebilir, ancak tarayıcının kendisini engelleyemez. Web uygulama modeli, örneğin kullanıcı klavyesine erişemeyeceğiniz veya bilgisayarı yeniden başlatamayacağınız veya sabit diskten dosya okuyamayacağınız veya tam ekran kullanamayacağınız veya iki monitör kullanamayacağınız bir tür korumalı alan olduğundan, engelleme efektleriyle uyarı kutuları ciddi şekilde kırılır kum havuzu modeli .
Son olarak, uygulamanız uyarı kutusunu göstermeye karar verdiğinde kullanıcı başka bir sekmede olsaydı ne olurdu? Kullanıcı önemli bir şey yapıyorsa ve şu anda uygulamanızla etkileşim kurmak istemiyorsa ne olacak?
¹ Yüz 3, Etkileşim Tasarım Essentials hakkında Alan Cooper, Robert Reimann ve David Cronin, ISBN 978-0-470-08411-3; Bölüm 25: Hatalar, Uyarılar ve Onaylar.
² Bu sadece bir örnek. Lütfen, web uygulamalarınızda bunu yapmayın, çünkü gerçekten kötü bir tasarım seçeneği.
³ Masaüstü uygulamalarının dünyasıyla karşılaştırma yapmak istiyorsanız, satır içi JavaScript mesajı bir masaüstü uygulamasının mesaj kutusu gibidir. Tarayıcıdaki bir uyarı kutusu, başka hiçbir masaüstü uygulamasına erişmenizi engelleyen tam ekran opak bir arka plan üzerinde hiçbir yerden görünmeyen, en üstte ayarlanmış bir pencere gibidir. Bilgisayarımda bir kez yapmaya karar verecek tüm uygulamalar hemen ve sonsuza kadar kaldırılacaktır.