Kapsamlı Bir Bildirim Tasarımı Kılavuzu

Toplu olarak bildirim olarak bilinen dijital ürünlerdeki çevresel mesajlar, kullanıcı deneyimine asla zarar vermemelidir. Bunun yerine, insanların bir hedefe ulaşmasına yardımcı olan bir deneyime katkıda bulunmalıdırlar. Bildirim tasarımının ürün tasarım sürecinde erkenden ele alınması daha iyi sonuçlar verecektir.

Üç katlı bir ev tasarlayan ve aylarca planlar üzerinde çalışan bir grup mimar düşünün. Etkileyici! Bu güzel! Ama tam diyagramı bitirmeye yaklaştıklarında içlerinden biri, “ Bekle! İnsanlar birinci kattan üçüncü kata nasıl çıkıyor? ” Merdiveni unutmuşlar!

Benzer şekilde, ürün tasarımcıları küçük ama kritik UX geliştirmelerini en son düşünmeye eğilimlidir. Boş durumlarda olduğu gibi, tasarımcılar bildirimlerin (uyarılar, hata mesajları, onaylar, duyurular ve onaylar) tasarımını en sona bırakmaya eğilimlidirler. Bir geliştirici, “ Hataları nasıl ele alıyoruz? ” Sonradan düşünüldüğü için, bu uyum yaklaşımı sıklıkla UX'e zarar veren özensiz “frankendesigns” üretir.

Böyle bir senaryodan kaçınmak için, kullanıcı deneyimlerini geliştirmek için bildirim tasarımına entegre bir yaklaşım kullanmak en iyisidir. Tasarımcılar tüm bilgilere parmaklarının ucunda olmasa da, ürün tasarım yaşam döngüsü boyunca kapsamlı bir bildirim çerçevesi tasarlamak, ürünü öngörülemeyen kullanım durumlarına hazırlamaya yardımcı olacaktır.

Bildirim tasarımına başlarken, akılda tutulması gereken temel tasarım ilkesi, insanların görevleri yerine getirmelerine yardımcı olmaları (engellememeleri) gerektiğidir . Ürün prototiplerini erkenden test etmek ve çevresel mesajlaşmanın etkileşimlere yardımcı olmada değerli olacağı kullanım durumlarının haritasını çıkarmak zorunludur. Bununla birlikte, kullanıcılarla iletişim kurmanın en iyi yolu değişiklik gösterecek ve birkaç temel faktöre bağlı olacaktır:

• İletilecek bilginin türü
• Bilginin aciliyeti—hemen görülmesi gerekip gerekmediği
• Bilgi sonucunda kullanıcı eyleminin gerekli olup olmadığı

Bildirimlerin stilinin ve davranışının ne olacağının yanı sıra, tonlarının UX kopyası tarafından oluşturulması gerekir. Bildirimlerdeki tüm metinler açık, kısa ve kullanışlı olmalıdır. İyi tasarlanmış bir bildirim sistemi de erişilebilirlik göz önünde bulundurularak tasarlanmıştır ve farklı dilleri barındırma esnekliğine sahiptir.

Bildirimler için kullanılan terminoloji benzer olma eğilimindedir, ancak ekipten ekibe ve projeden projeye biraz farklılık gösterecektir. Bildirim çerçevesinin terminolojisini (ne denir) belirlemek ve aynı zamanda herkesi kullanımlarının mantığına göre senkronize etmek tasarımcının görevidir: ne, nerede ve nasıl .

Daha İyi Bildirim Tasarımıyla Daha İyi Kullanılabilirlik

Bildirimler, ürün kullanılabilirliğinde önemli bir işlev görür. " Sistem durumunun görünürlüğü ", Nielsen Norman Group'un "Kullanıcı Arayüzü Tasarımı için 10 Kullanılabilirlik Sezgisi" listesinde bir numaradır. Kural, “ sistem, kullanıcıları her zaman, makul bir süre içinde uygun geri bildirimlerle neler olup bittiği hakkında bilgilendirmelidir. ”

Bildirim sistemi, bir dijital ürünün UX'inin o kadar çok parçasıdır ki, onsuz ürün, sanki bir şeyler atlanmış gibi hissederdi. "Sistem durumunun görünürlüğü" ve geri bildirim yoksa, gösterge paneli olmadan araba kullanmaya benzer.

Bir arabanın gösterge paneli, aracın işletim sistemine görünürlük sağlamak ve güvenli ve güvenilir bir çalışma sağlamak için tasarlanmış göstergeler, simgeler ve ışıklarla doludur. Araba sürerken, motor sıcaklığı, akü sağlığı, yağ basıncı, ışıklar, frenler, hava yastıkları vb. hakkında bir dizi okuma ve bildirim bizi bilgilendirir. Bir dönüş yapmak istediğimizde, her ikisi de bize geri bildirim sağlayan bir tıklama sesiyle birlikte dönüş sinyali için yanıp sönen bir ışık var. Ayrıca yakıt deposunun ne zaman azaldığını gösteren bir yakıt deposu göstergemiz var.

Dijital bir ürünle aynı şekilde çalışır. Kullanılabilirlik söz konusu olduğunda sistem durumunun ve geri bildirimin görünürlüğü temeldir ve kullanılabilirlik harika kullanıcı deneyimlerinin temelidir.

Yararlı Bir Bildirim Çerçevesi Oluşturma

Bir bildirim çerçevesini iyi tasarlamak için bildirimleri “sinyal gücü” açısından düşünmek faydalı olabilir. Hangi çevresel mesajlar daha fazla veya daha az dikkat gerektiriyor? Örneğin, potansiyel olarak yıkıcı olabilecek etkileşimler için "daha yüksek" bildirimler gerekir ve yıkıcı olmayan etkileşimler "daha sessiz" bildirimlere ihtiyaç duyar.

İnsanlara doğru miktarda bildirim göndermek bir dengeleyici eylemdir ve aşırıya kaçmak tehlikelerle doludur; ürün çok fazla olumsuz geri bildirim alabilir veya en kötü ihtimalle insanları ondan vazgeçecek kadar uzaklaştırabilir. Bu nedenle tasarımcıların UX'i dikkatlice düşünmesi ve yalnızca iyi tanımlanmış bir amacı olan mesajlar göndermesi gerekir. Kullanıcılara tüm bildirimleri veya en azından bazı bildirimleri kapatma esnekliği vermek de iyi bir fikirdir.

Bildirim tasarımına yönelik ilk yaklaşımın üç düzeyde sınıflandırılması gerekir: yüksek, orta ve düşük dikkat , yani “önem düzeyi”. Bunu takiben, bildirim türlerinin uyarılar, uyarılar, onaylar, hatalar, başarı mesajları veya durum göstergeleri olsun, bu üç düzeydeki belirli özniteliklerle daha fazla tanımlanması gerekir.

Bildirim nitelikleri belirlendikten sonra, çerçeveyi oluşturacak çeşitli bildirimlerin bir sınıflandırmasını oluşturmanın zamanı geldi. Aşağıdakiler hiçbir şekilde kapsamlı bir liste değildir; bildirim türleri ürüne, kullanım durumlarına ve diğer değişkenlere göre farklılık gösterecektir. ( Lütfen dikkat : Belirtildiği gibi, farklı ekipler çeşitli terminolojiler kullanır. Örneğin, yıkıcı bir etkileşime devam etmek için kullanıcı onayı gerektiren bir bildirime “onay” diyoruz. Bazı ekipler “onay” terimini bir terim olarak kullanabilir. bir başarı mesajı.)

Yüksek dikkat

• Uyarılar (acil müdahale gerekir)
• Hatalar (acil işlem gerekli)
• İstisnalar (sistem anormallikleri, bir şey çalışmadı)
• Onaylar (devam etmek için kullanıcı onayına ihtiyaç duyan potansiyel olarak yıkıcı eylemler)

Orta derecede dikkat

• Uyarılar (acil işlem gerekmez)
• Teşekkür (kullanıcı eylemleri hakkında geri bildirim)
• Başarı mesajları

Düşük dikkat

• Bilgilendirici mesajlar (pasif bildirimler olarak da bilinir, bir şey görüntülenmeye hazırdır)
• Rozetler (genellikle simgeler üzerinde, son etkileşimden bu yana yeni bir şeyi ifade eder)
• Durum göstergeleri (sistem geri bildirimi)

Harika Bildirim Kullanıcı Deneyimi Tasarlama

Harika bir UX ile bir ürün tasarlamak için tasarımcıların, bildirimlerin yardımcı olabileceği tüm kullanım durumlarının bir listesini yapması gerekir. Çoğu durumda tarafsız olabileceğinden ve tasarımcının dikkate almamış olabileceği uç durumlarda sorun gidermeye yardımcı olabileceğinden, bu işlemin bir geliştiriciyle işbirliği içinde yapılması önerilir.

Tasarımcılar ayrıca, kullanıcı testi sırasında bildirimlerin UX'i geliştirmek için değer sağlayabileceği tüm etkileşimleri not etmelidir.

Listeyle donatıldıktan sonraki adım, bildirimleri istenen dikkat düzeyine ve niteliklere göre sınıflandırmaktır. Yine, bildirimlerin müdahaleci olmaması gerektiği için bunun dikkatli bir şekilde yapılması gerekir. Bu süreçte sorulacak sorulardan bazıları şunlardır:

• Bildirimi ne tetikler?
• Ne tür bir geri bildirim iletiliyor?
• Bildirim nerede ve nasıl görünecek?
• Hangi bildirim anında etkileşim gerektirir?
• Bildirim kalıcı mı yoksa kalıcı mı?

Ardından, renk kodlaması ve simgeler belirlenmeli ve bir tasarım sistemine (veya stil kılavuzuna) yerleştirilmelidir. Bu süreçten geçerken, tasarımcıların bir bildirimin görüneceği her durumu göz önünde bulundurması ve tüm arka planlarda doğru şekilde oluşturulduklarından emin olmaları gerekir.

Bildirimlerin yerleşimi de önemlidir. Bariz olanı belirtme riski altında, arayüzün karartılmasını önlemek için bildirimler, kullanıcı arayüzünün üstünde veya altında veya köşelerine yakın bir yerde görünmelidir. Dahası, tasarım duyarlıysa, tasarımcıların bildirimlerin görünümünü çeşitli görünüm pencereleriyle test etmesi gerekir. Hata mesajlarının duyarlı mobil formlarla gösterilebileceği durumlar özellikle önemlidir.

Bir bildirim çerçevesi tasarlamak kolay değildir. Farklı senaryolar altında meydana gelen birçok küçük detayın dikkate alınması gerekir. Erişilebilirlik ve okunabilirliğin ötesinde, gelecekteki yerelleştirmenin akılda tutulması gerekir. İngilizce'de mükemmel görünen bir bildirim sistemi, Almanca veya Japonca bir platformda kullanıldığında tamamen çökebilir.

Bildirimlerin davranışını tanımlamaya gelince sorulacak diğer sorular:

• Bir uyarı veya uyarının kalıcı olması amaçlanıyorsa, tasarımcılar, ilk ekrandan ayrıldıktan sonra insanların bunlara erişmeye devam etmesini nasıl sağlar?
• Bir bildirim arşivinin görülebileceği yerde rozetli bir uyarı simgesinin eklenmesi gerekir mi?
• Bir bildirim kalıcı değilse, kaybolması ne kadar sürer ve kaybolmadan önce bildirimi kapatma seçeneği olmalı mı?

Mobil uygulamalar için yalnızca uygulama içi bildirimler değil, anlık bildirimler (sistem düzeyinde, uygulama dışında) da titizlikle tasarlanmalıdır. Bunlar çoğunlukla kesintilerdir, bu nedenle bildirimin kopyasına ve bunları göndermek için nasıl ve ne zaman izin isteneceğine bakmak çok önemlidir. Çok fazla kullanılırsa, insanları uygulamayı kullanmaktan vazgeçirebilirler. Çok fazla gereksiz bildirim, daha sonra bildirimleri susturabilecek veya uygulamayı kullanmayı tamamen bırakabilecek kullanıcıları hayal kırıklığına uğratabilir.

Tasarımcılar, insanların bir uygulamayı açmadan üretken olmalarını sağlayan eyleme geçirilebilir bildirimleri de dikkate almalıdır. Kullanıcıların bir uygulamaya girmeden küçük görevleri yerine getirmelerini sağlamak, UX'i geliştirmede güçlü bir araç olabilir.

Mobil push bildirimleri için en iyi UX uygulaması, insanlar uygulamayı biraz keşfetme şansı bulana kadar her türlü bildirimi (bir kişinin konumuna erişim isteme, anında iletme bildirimleri gönderme vb.) geciktirmektir.

Harika UX için Bildirim En İyi Uygulamaları

Aşağıdaki en iyi uygulamaları gözlemlemek, insanların bildirimleri kesintiler olarak değil, değer sağlayan olarak algılamasını ve böylece kullanıcı deneyimini geliştirmesini sağlayacaktır. Bir bildirim sistemi tasarlamadan ve bunları bir tasarım sistemine yerleştirmeden önce şu temel en iyi uygulamaları göz önünde bulundurun:

• Bildirimleri daha önce tartışılan üç dikkat düzeyine göre sınıflandırın. Ardından, bu üç düzeydeki çeşitli bildirim biçimlerinin sınıflandırmasını tanımlayın.
• Bildirim sistemi için bir stil kılavuzu oluştururken, yayınlanacağı tüm dillerde bildirim için maksimum karakter uzunluklarını belirtin.
• Farklı içerik türlerine ve metin uzunluklarına uyum sağlamak için uyarlanabilirliğe ve esnekliğe özellikle dikkat edin.
• Tutarlı ikonografinin yanı sıra üç dikkat düzeyi için tutarlı bir renk şeması oluşturun.
• Yararlı bilgiler sağlayan kısa ve okunması kolay bildirimler oluşturun.
• Neyi ve ne zaman göndereceğinizi dikkatlice düşünün. Mobil cihazlarda, insanları yabancılaştırmamak için yeni indirilen uygulamalarda bildirim göndermeyi geciktirin. Bağlamı inceleyin ve vakaları yakından kullanın.
• Uyarılar veya uyarılar veya diğer yüksek ila orta dikkat durum güncellemeleri olsun, daha az bildirim gösterme tarafında hata. Bunun yerine, insanların onları görmek istediklerinde erişebilecekleri bir listeye koyun (kullanıcı arayüzünde bir simge rozeti ile gösterilir).
• Bildirimleri "tekrar gösterme" olarak işaretleme seçeneğine sahip bir sistem düşünün.
• "Snack barlar" gibi kalıcı olmayan bildirimler, en az dört saniye ve en fazla sekiz saniye sonra ekrandan kaybolmalıdır ve daha erken kapatma ve uygun olduğunda "geri alma" seçeneğiyle birlikte.
• Mobil cihazlarda yüksek dikkat düzeyi bildirimleri için, mümkün olduğunda sesli ve dokunsal geri bildirimleri göz önünde bulundurun.
• Okunabilirlik için bildirimlerde ve bildirimlerin göründüğü arka plan arasında uygun kontrastı sağlayın. Akıcı, duyarlı tasarımlarda arka planın bildirim altında değişebileceğini unutmayın.

Hata Mesajları için En İyi Uygulamalar

• Hata mesajları basit ve doğrudan olmalı, tercihen eyleme geçirilebilir olmalı, okunması kolay ve anlaşılması hızlı bir dilde yazılmalıdır.
• “ Alınan yanıtın başarısı yanlış” gibi belirsiz kodlardan ve kısaltmalardan kaçının. ”
• “ Bir hata oluştu” yerine sorunun kısa ve net tanımlarını sağlayın. ”
• İnsanları suçlamaktan veya yanlış bir şey yaptıklarını söylemekten kaçının - örneğin, bunun “ yasadışı bir emir” olduğunu söyleyerek. ”
• İnsanların sorunu çözebilmesi için bağlam içi yapıcı hata mesajları sağlayın.
• Sadece alanı kırmızıya çevirerek bir hata belirtmekten kaçının. Engelliler için erişilebilir hale getirmez. Renk körünün görebileceği diğer görsel ipuçlarını eklemek her zaman en iyisidir.
• Formlardaki giriş alanları için satır içi doğrulamayı kullanın.
• İnsanlar sorunu çözene kadar hata mesajları kaybolmamalıdır.

Özet

Bildirimler, insanların bir hedefe ulaşmasına yardımcı olan bir deneyime katkıda bulunur ve diğer herhangi bir dijital ürün bileşeni gibi ele alınmalıdır. Ancak, bildirimler her iki yolu da kesebilir. İyi yönetilirlerse UX'i artırabilir ve etkileşime yardımcı olabilirler, ancak kötü yürütüldüklerinde sıkıntı yaratma riski vardır. Doğru dengeyi sağlamak anahtardır.

Bildirimler sonradan düşünülmüş olarak ele alınmamalıdır. Bunları doğru bir şekilde yapabilmek için tasarımcılar, kullanım durumlarını erkenden ele almalı, ürün tasarım yaşam döngüsü boyunca çeşitli formları tanımlamalı ve bunları kapsamlı bir şekilde test etmelidir.

Bildirimleri tasarlamanın doğru yolunun kısa bir özeti:

• Bildirim tasarımına sonradan değil, erken başlayın.
• Bildirimleri üç dikkat düzeyine göre sınıflandırın: yüksek, orta ve düşük.
• Renk kodu, simgeler atayın ve yerleşimleri belirleyin.
• Bunları türe göre sınıflandırın: kalıcı veya kalıcı olmayan, açılır pencere, başlık sayfası, iletişim kutusu vb.
• Bunları bir tasarım sistemine dahil edin.

Bildirimlerin ne zaman ve nasıl kullanılacağını anlamak, ürün mesajlaşmasında mükemmel kullanılabilirlik sağlamak ve tutarlılık oluşturmak için çok önemlidir. Tasarımcılar, doğru zamanda gösterilmesi gereken çevresel mesajlaşmayı dikkatlice değerlendirerek, bir ürünün verimliliğini artırabilir ve kullanıcı deneyimini iyileştirebilir.

Haydi ne düşündüğünü söyle! Lütfen düşüncelerinizi, yorumlarınızı ve geri bildirimlerinizi aşağıya bırakın.

• • •

Toptal Tasarım Blogunda daha fazla okuma:

• En Önemli Zamanda Uzaktan Nasıl Çalışılır?
• Uzaktan Çalışma Geçişi Kolaylıkla Nasıl Yapılır?
• Mobil Uygulama Tasarımı En İyi Uygulamaları ve Hataları
• E-Ticaret Web Sitesi Tasarımı İçin En İyi Kılavuz
• The Chat Crash – Bir Chatbot Başarısız Olduğunda