Sesli Tavsiye: UX Sesleri Tasarlamak İçin Hızlı Bir Kılavuz

Yayınlanan: 2022-03-11

Çiftleşme çağrıları, uyarı homurtuları ve destekleyici uğultular, hayvanlar aleminde duyulan seslerden bazılarıdır. Tüm türler birbirleriyle iletişim kurmak ve diğerlerini bir eylem veya davranış hakkında bilgilendirmek için ince ayarlanmış sesler kullanır. Biz insanlar o kadar da farklı değiliz.

Oldukça karmaşık bir konuşma dilimiz olmasına rağmen, insanlar iletişim kurmak için sesi de kullanır (örneğin, Fransızca'da asla bir kelime oluşturmayan bir dizi sözlü ipucu vardır). Şehirler ve toplumlar inşa ederken, anlamı belirtmek için her türlü sesi kullanırız. Bir kamyon geri dönerken diğerlerini uyarmak için bip sesi çıkarır, su kaynadığında su ısıtıcısı ıslık çalar ve son derece tasarlanmış bir BMW otomobil kapısının kapanırken çıkardığı ses mühendislik becerisini gösterir. Ve her zaman var olan dijital dünya ile, bir kısa mesaj pingi, bir bildirime dikkat çekiyor.

İşitilebilir sesler, dünyayı ve çevremizi anlamlandırmanın ayrılmaz bir parçasıdır. UX tasarımının etkileşimli deneyimlerinde de aynı şekilde düşünülmeleri gerekmez mi?

UX ses tasarımını göstermek için bir geyik körüğü ve bir su ısıtıcısı ıslık sesi
Ses, hayvanlar aleminde ve insanların toplum boyunca inşa ettiği deneyimlerde iletişim kurmak için kullanılır. Tasarımcılar dijital alanda deneyimler yaratırken ses gözden kaçırılmamalıdır.

Neden Tasarımda UX Seslerini Düşünmelisiniz?

Bir köpeğin hırlamasının bir antagonize ediciye geri bildirim sağlaması gibi, dijital bir durumdaki ses de aynı şekilde çalışmalıdır. 10 Kullanılabilirlik Sezgisel İlkesinin yaratıcısı Jakob Nielsen, başarılı bir kullanıcı deneyimi için geri bildirimin gerekli olduğu konusunda kararlıdır. Bir kullanıcının eyleminin durumunu paylaşmada, hataları önlemede ve kullanıcıyı hataları tanıması, teşhis etmesi ve düzeltmesi için donatmada faydalıdır.

Tasarımcıların sıklıkla unuttuğu şey, bu şeyleri başarmanın tek yolunun görsel bileşenler olmadığıdır. UX'teki ses tasarımı şunlara katkıda bulunabilir (ve olmalıdır):

  • Bir kullanıcının eylemi veya sistem durumu hakkında geri bildirim sağlama
  • Bir kullanım senaryosu bağlamı ve anlayışı oluşturma
  • Uyarı veya fırsat gibi önemli bilgilere dikkat çekmek
  • Marka kişiliği ve tanınırlığı oluşturma

Form ve İşlev Nasıl Dengelenir

Güzel ama UX amacına hizmet etmeyen bir ses ve çalışan ancak markanın ses tonuyla eşleşmeyen bir ses, eksik olan kritik bileşenlerdir. Arayüz sesleri oluşturmak hem ergonomik/kullanılabilirlik perspektifini hem de yaratıcı/markalaşma perspektifini içerir. Onları rafine bir nihai sonuca yakınlaştırmanın anahtarı, onları birbirine bağımlı olarak düşünmektir. Aşağıdaki ipuçları, hem kullanışlı hem de güzel olan UX tasarımının bir parçası olarak sesler oluşturmak için bir kılavuz sağlayacaktır.

İlk olarak, Faydaya Odaklanın

Bir üründeki özelliklerle etkileşim kurarken, insanlar yararlı bulduklarını severler. Ses özellikleri farklı değil. Bu nedenle, tasarımcıların çarpıcı ses efektleri tasarlamak için Ableton'a dalmadan önce, kullanıcıların geri bildirim almak isteyebilecekleri temel eylemleri düşünmesi gerekir.

Ses ipuçları için olasılıkları belirlemenin en iyi yolu, kullanıcı akışına bakmaktır. Sesin tam kullanıcı deneyimini nerede geliştirebileceğini düşünün. Yükleme tamamlandı mı? Bir dosyayı kaydederken bir şeyler ters mi gitti? Cihaz şarj oluyor mu? Kullanıcının bir şey üzerinde hareket etmesi gerekiyor mu? Sesin işlevi, bir etkileşime sesli geri bildirim sağlarken en etkili olabilir.

Bir etkileşimde "negatif alan" oluşturmak için sesler de dahil edilebilir ve kullanıcının bir ses onları eylemin tamamlandığını bildirene kadar dikkatini başka bir yere çevirmesine izin verir. (Ses Leo Foureaux tarafından; Animasyon Jordan DeVos tarafından)

Skeuomorfizm Yerine Metaforları Kullanın

"Sistem ile gerçek dünya arasında bir eşleşme" (Nielsen'in Kullanılabilirlik Sezgilerinden temel bir kullanılabilirlik ilkesi) oluştururken, bir tasarımcı ya fiziksel nesnelere ya da duygulara ve deneyimlere atıfta bulunabilir.

İlk yaklaşım, dijital arayüzlerin analog muadilleri gibi görünmesini veya akmasını sağlayan bir yöntem olan skeuomorfizm olarak adlandırılır. Apple'ın Notes uygulamasını sarı çizgili bir kağıt destesini taklit ettiyseniz veya bir dosyayı silip kağıdın buruşmasını duyduysanız, muhtemelen bunu ilk elden görmüşsünüzdür.

Bu strateji kullanıcı dostu bir çözüm gibi görünse de genellikle ruhsuz arayüzler oluşturur. Skeuomorfizm nadiren kullanıcıyla duygusal bir bağ oluşturur. Tasarım 90'ların nostaljisini gerektirmedikçe, gerçek görseller ve ses efektleri kullanmamak en iyisidir.

Daha insancıl ve sofistike bir yaklaşım, belirli bir etkileşimi çevreleyen duyguları uyandırmak veya taklit etmektir. Tasarımcılar sonik metaforu kullanabilirler: geçmişte yaşadıkları deneyimler gibi hissettirdiği için kullanıcıların hemen yorumlayıp tanıyabilecekleri soyut bir sesli geri bildirim. Bir sürpriz, yeni bir başlangıç ​​ve bir görevi tamamlama gibi senaryolarla ilişkili duygular, dijital karşılıklarına dahil edilebilir.

Skeuomorfizmden farklı olarak, metaforlar gerçek görsel veya ses tanıma gerektirmez. Aksine, bir etkileşim sırasında bir metaforun uyandırdığı duyum, tanıdık ve duygusal bir deneyime bağlanır.

Ses, Discord uygulamasında kullanıcı eylemini geliştirir. Birisi aramaya katıldığında, etrafta bir arkadaşa sahip olmanın neşeli hissini uyandıran parlak, yukarı doğru bir ses çalar. Birisi aramayı terk ettiğinde, yumuşak, aşağı doğru bir ses çalar.

Bir “Ses Stili Kılavuzu” oluşturun

Bir marka veya tasarım sistemi, kullanıcı deneyiminde tutarlılık ve bütünlük oluşturan her temas noktasında önceden belirlenmiş bir dizi öğe kullanır. Ses, görsel bir arayüz için bir stil kılavuzu oluştururken aynı şekilde ele alınmalıdır. Bir dizi öğenin çeşitli yeniden düzenlemeleri olarak görülmelidir. Belki bir ürün, her melodi için benzer tınılar kullanabilir veya su damlaları, rüzgarlı fısıltılar ve kum çıngırağı gibi doğal sesler içerebilir.

Bu kavramların hem ortaya çıktığını hem de bir ürünün marka kişiliğini oluşturduğunu belirtmek önemlidir. Görsel UI tasarım bileşenleri, mikro etkileşimler ve seslerin tümü, kullanıcının bakış açısına göre bir araya gelecek ve bir markayı nasıl algıladıklarını şekillendirecektir.

Ses, bir markanın veya deneyimin algılanmasına çok katkıda bulunabilir. Yukarıdaki bu iki ses aynı görsele eşlik eder ancak iki farklı işitsel deneyim sağlar. (Ses Leo Foureaux tarafından; Animasyon Jordan DeVos tarafından)

UX Seslerini Basit Tutun

İkonik ürün tasarımcısı Dieter Rams, bugün hala güçlü olan on tasarım ilkesi oluşturdu. Onuncu ve son ilke şudur: “İyi tasarım, mümkün olduğu kadar az tasarımdır.

Daha az ama daha iyi—çünkü temel yönlere odaklanıyor ve ürünler gereksiz şeylerle yüklü değil. Saflığa dönüş, sadeliğe dönüş.” Sesler, aşırı değil, niyetlerinde kısa olmalıdır.

Harmonik olarak karmaşık sesler önceliği belirtir ve büyük önem taşıyan şeylere dikkat çeker. Sonuç olarak, ses hemen dikkat gerektirmeyen bir eyleme geri bildirim sağladığında, karmaşık bir ses uygun değildir. Aslında, bir kullanıcı önemli bir şey bulamamak için sesi ele alırsa, yarardan çok zarar verebilir.

Aynı sadelik seviyesi, UX tasarımında bir sesin uzunluğu için de geçerlidir. Genel bir kural olarak, bir geçiş veya mikro etkileşim sesi hiçbir zaman ilişkili animasyondan 0,3 saniyeden daha uzun sürmemelidir. Bir ses, kullanıcı tarafından algılanacak kadar kısa olmalıdır. Bir referans noktası olarak, Samsung düdük bildirim sesi aşırı derecede fazladır.

Cihaz için UX Sesleri Tasarlayın

Bir mobil veya web uygulaması bir kullanıcının elinde olduğunda, seslerin pek de hi-fi olmayan hoparlörler aracılığıyla yeniden üretilmesi muhtemeldir. Genellikle, mobil cihazlar ve dizüstü bilgisayarlar, düşük frekansları azaltmak ve orta-yüksek frekansları artırmak için tasarlanmıştır. Tasarımcılar, ezgilerini tasarladıkları cihazlardan dinlemeli ve şunları sormalıdır:

  • Ses ağır mı yoksa boğuk mu geliyor? Düşük frekanslardan bazılarını kaldırın ve yüksek olanları vurgulayın.
  • Ses gıcırtılı veya kırılgan mı geliyor? Daha yüksek frekanslardan bazılarını oyup orta ila düşük aralığı artırın.

Orta menzilli frekanslar insan sesine karşılık geldiğinden, taşınabilir cihazlar oldukça iyi bir yanıt verme eğilimindedir. Tasarımcılar bunu kendi avantajlarına kullanmalı.

Tipik dizüstü bilgisayar frekans yanıtı, düşük, orta ve yüksek frekansları gösterir
Tipik dizüstü bilgisayar hoparlörleri, yüksek ve düşük frekansları vurgular. Soldaki vadiyi görüyor musun? Bassız Kanyon.

UX Ses Tasarımında Tekrarlanan Toleransa Dikkat Edin

En sevdiğiniz neşeli şarkıyı alarm sesiniz olarak ayarladınız mı? Dayanılmaz hale gelmesi ne kadar sürdü?

Tekrarlanan tolerans, aynı sesi tekrar tekrar duymaya ne kadar sıklıkla dayanabileceğimizin bir sınırı olduğunu gösterir. Bir görev tamamlandı olarak her işaretlendiğinde bir "ta-da" sesi duymak tatmin edici olabilir, ancak 100. kez, insanlar tamamlanmış görevleri kontrol etmek için alternatif (sessiz) bir araç kullanmayı tercih edebilirler. Ya da daha da kötüsü, istenmeyen sesin ürünün çok ötesinde bir etkisi olabilir ve kullanıcının rahatsız edici melodiyi duymamak için ertelemesine neden olabilir. Bir sesin hiç var olmamasını dilemeden önce tekrarlanma sayısının bir sınırı vardır. Dahası, ses daha karmaşık hale geldikçe eşik önemli ölçüde düşer.

Ses dağınıklığı, kullanıcılar için genellikle dağınık bir görsel arayüzden daha can sıkıcıdır. Kullanıcılar, her beş saniyede bir bip sesi gibi tekrarlayan şekilde ağırlaştırıcı sesler içeren uygulamaları sessize alabilir ve kapatabilir. Genel bir kural olarak, bir üründe bir ses ne kadar sık ​​olursa, o kadar ince, daha kısa ve daha sıcak olması gerekir.

Tekrarlanabilirlik ve fark edilebilirlik tablosu, tatlı noktanın ve acı noktasının ne zaman oluştuğunu gösterir
Bir ses zamanla tekrar tekrar meydana geldiğinden, bir kara tahta üzerinde tırnakları duymak kadar acı verici hale gelebilir. Fark edilebilirlik ve tekrarlanabilirliğin tatlı noktasını bulmak, bir UX tasarımının başarısı için muazzam sonuçlara sahip olacaktır.

UX Seslerini Test Etme

Kullanıcı testi, UX tasarımı için standart uygulamadır. Bir arayüzü sesli ve sessiz olarak test etmek de aynı derecede önemlidir; sessize alma ve sesi açma. Kullanıcı deneyimi her iki durumda da eşit derecede uyumlu olmalıdır. Ek olarak, kullanıcılar test sırasında ürünün sesini kapatmak için her zaman kolay bir yola sahip olmalı ve açıp kapama sıklığı kaydedilmelidir.

Tüm kullanıcıların yetenekleri teste dahil edilmelidir. Sesli geri bildirim görme engelli kişiler için çok yararlı olsa da, işitme engelli kullanıcıların bir ürünün önemli bir bölümünü kaçırmamalarını sağlamak için görsel bir karşılık önemli olabilir.

Bir arayüzün geri kalanı gibi, yineleme, kullanıcıların seveceği ses efektlerini elde etmek için esastır. Tasarımcılar, sesin deneyimi iyileştirebileceği ilginç fırsatların yanı sıra gereksiz ses ipuçlarının da peşinde olmalıdır.

UX Seslerinin Gücünü Ortaya Çıkarın

İnsanların iletişim kurmak ve çevrelerindeki dünyayı anlamlandırmak için seslere güvenmelerinin biyolojik nedenleri vardır; işitilebilir ipuçları genellikle bir eylem veya davranışa geri bildirim sağlar. Ses tasarımını kullanıcı deneyimlerine entegre eden UX tasarımcıları, çok etkili olduğunu kanıtlayacak çok duyusal bir etkileşim yaratabilir. Akıllı cihazlar modern toplumda daha yaygın hale geldikçe, hem güzel hem de kullanışlı sesler, bir deneyimi istilacı olmayan bir şekilde zenginleştirebilir. Ses, etkili bir ürünün başarısına büyük ölçüde katkıda bulunabilir.

• • •

Toptal Tasarım Blogunda daha fazla okuma:

  • Üretken Tasarım Eleştirisi İçin İpuçları
  • Kötü Kullanıcı Deneyiminde Öne Çıkan Faktörler
  • Daha İyi UX için UI Stil Kılavuzu Oluşturma
  • Deneyim Her Şeydir – En İyi Kullanıcı Deneyimi Kılavuzu
  • Becerilerinizi Keskinleştirin: Çok Disiplinli Tasarımın Değeri