Bir VUI Tasarlama – Sesli Kullanıcı Arayüzü

Yayınlanan: 2022-03-11

Apple HomePod, Google Home ve Amazon Echo gibi ses kontrollü cihazların sayısı giderek artıyor. Sesli kullanıcı arayüzleri, her türden farklı kullanıcı deneyimini iyileştirmeye yardımcı oluyor ve bazıları, 2020 yılına kadar tüm aramaların %50'sini sesin oluşturacağına inanıyor.

Ses etkin yapay zeka, hemen hemen her şeyi anında halledebilir.

  • "Takvimimde sırada ne var?"
  • "Bana Oxford Caddesi'ne bir taksi ayarla."
  • "Spotify'da bana biraz Jazz çal!"

"Beş Büyük" teknoloji şirketlerinin beşi de (Microsoft, Google, Amazon, Apple ve Facebook) sesli yapay zeka asistanları geliştirdi (veya şu anda geliştiriyor). Apple iOS ve HomePod cihazlarının yapay zeka asistanı Siri, ayda 40 milyondan fazla kullanıcıya yardım ediyor ve ComScore'a göre, bugün ABD'deki her 10 haneden birinin akıllı hoparlörü var.

İster mobil uygulamalar için ister akıllı ev hoparlörleri için VUI'ler (Sesli Kullanıcı Arayüzleri) hakkında konuşuyor olalım, özellikle ekran yorgunluğu bir endişe olduğundan, ses etkileşimleri günümüz teknolojisinde daha yaygın hale geliyor.

Amazon
Echo Spot, Echo Show ile karşılaştırılabilir bir VUI ile GUI'yi birleştiren Amazon'un en yeni akıllı hoparlörüdür.

Kullanıcılar Sesli Komutlarla Ne Yapabilir?

Alexa, Echo akıllı hoparlör ve Kindle Fire tablet gibi ses özellikli Amazon cihazları için AI asistanıdır - Amazon şu anda ses teknolojisinde (satış açısından) öncülük ediyor.

Alexa mağazasında, en popüler uygulamalardan bazıları (“beceriler” olarak adlandırılır) eğlence, çeviri ve haberlere odaklanır, ancak kullanıcılar Uber becerisi aracılığıyla bir gezinti talep etme, Spotify becerisi aracılığıyla biraz müzik çalma veya Domino's becerisiyle pizza bile sipariş edebilirsiniz.

Bir başka ilginç örnek, 2016 yılında Alexa becerisini tanıtan ve bunu yapan ilk banka olan ticari banka Capital One'dan geliyor. Alexa aracılığıyla Capital One becerisini ekleyerek müşteriler bakiyelerini ve vade tarihlerini kontrol edebilir ve hatta kredi kartı faturalarını kapatabilir. PayPal, kullanıcıların iOS veya Apple HomePod'da Siri aracılığıyla ödeme yapmalarına izin vererek konsepti bir adım daha ileri götürdü ve PayPal için bunu başarabilecek bir Alexa becerisi de var.

Ancak VUI'lerin yapabilecekleri ve kullanıcıların bunları gerçekte ne için kullandığı iki farklı şeydir.

ComScore, akıllı hoparlöre sahip kullanıcıların yarısından fazlasının cihazlarını genel sorular sormak, hava durumunu kontrol etmek ve müzik akışı yapmak için kullandığını ve ardından alarmlarını, yapılacaklar listesini ve takvimini yakından takip ettiğini belirtti (bu görevlerin oldukça makul olduğunu unutmayın). doğası gereği temel).

Gördüğünüz gibi, bu görevlerin çoğu soru sormayı içerir (yani sesli arama).

ABD'de akıllı hoparlör kullanımına ilişkin istatistikler
ComScore'a göre ABD'de akıllı hoparlör kullanımı.

Kullanıcılar Sesli Arama ile Neleri Arar?

Kullanıcının ekrana dokunamadığı herhangi bir durum (örneğin yemek pişirirken veya egzersiz yaparken veya işte çoklu görev yapmaya çalışırken) sesli etkileşimler için bir fırsat sunsa da, insanlar çoğunlukla araba kullanırken sesli aramayı kullanır. İşte HigherVisibility'nin tam dökümü.

Android Auto ses uygulaması ve sesli kullanıcı arayüzü
Google Asistan ve Android Auto sayesinde sürüş sırasında gerçek zamanlı trafik güncellemeleri çok daha kolay hale geliyor.

Sesli Kullanıcı Arayüzleri için Kullanıcı Araştırması Yürütme

Kullanıcıların genel olarak sesi nasıl kullandığını bilmek faydalı olsa da, UX tasarımcılarının tasarladıkları VUI uygulamasına özel kendi kullanıcı araştırmalarını yürütmeleri önemlidir.

Müşteri Yolculuğu Haritalaması

Kullanıcı araştırması, gözlem ve geri bildirim yoluyla kullanıcının ihtiyaçlarını, davranışlarını ve motivasyonlarını anlamakla ilgilidir. Sesi bir kanal olarak içeren bir müşteri yolculuk haritası, kullanıcı deneyimi araştırmacılarının yalnızca etkileşimin çeşitli aşamalarındaki kullanıcıların ihtiyaçlarını belirlemelerine yardımcı olmakla kalmaz, aynı zamanda sesin nasıl ve nerede bir etkileşim yöntemi olabileceğini görmelerine yardımcı olabilir.

Henüz bir müşteri yolculuğu haritasının oluşturulmadığı senaryoda tasarımcı, sesli etkileşimlerin kullanıcı akışını nerede etkileyeceğini vurgulamalıdır (bu bir fırsat, kanal veya temas noktası olarak vurgulanabilir). İşletme için zaten bir müşteri yolculuk haritası varsa, tasarımcılar kullanıcı akışının sesli etkileşimlerle iyileştirilip iyileştirilemeyeceğini görmelidir.

Örneğin, müşteriler sosyal medya veya canlı destek sohbeti aracılığıyla her zaman belirli bir soru soruyorsa, bu sesli uygulamaya entegre edilebilecek bir konuşma olabilir.

Kısacası, tasarım sorunları çözmelidir. Kullanıcılar, bir müşteri yolculuğu sırasında hangi sürtüşmeler ve hayal kırıklıklarıyla karşılaşıyor?

VUI Rakip Analizi

Tasarımcılar, rakip analizi yoluyla, rakiplerin sesli etkileşimleri uygulayıp uygulamadığını ve nasıl uyguladığını bulmaya çalışmalıdır. Sorulması gereken temel sorular şunlardır:

  • Uygulamalarının kullanım durumu nedir?
  • Hangi sesli komutları kullanıyorlar?
  • Müşteriler uygulama incelemelerinde ne diyor ve bundan ne öğrenebiliriz?

ABD merkezli tam zamanlı serbest UI tasarımcıları istedi ### Gereksinimlerin Toplanması

Bir sesli kullanıcı arayüzü uygulaması tasarlamak için öncelikle kullanıcıların gereksinimlerini tanımlamamız gerekiyor. Müşteri yolculuk haritası oluşturmanın ve rakip analizi (yukarıda bahsedildiği gibi) yürütmenin yanı sıra, görüşme ve kullanıcı testi gibi diğer araştırma faaliyetleri de faydalı olabilir.

VUI tasarımı için, bu yazılı gereksinimler, geliştiriciler için tasarım özelliklerinin çoğunu kapsayacağından daha da önemlidir. İlk adım, farklı senaryoları, bunları kullanıcı ve sesli asistan arasında bir konuşma diyalog akışına dönüştürmeden önce yakalamaktır.

Haber uygulaması için örnek bir kullanıcı hikayesi şöyle olabilir:

"Bir kullanıcı olarak, ekranıma bakmak zorunda kalmadan olup bitenler hakkında güncel bilgi alabilmek için sesli asistanın en son haber makalelerini okumasını istiyorum."

Bu kullanıcı hikayesini göz önünde bulundurarak, bunun için bir diyalog akışı tasarlayabiliriz.

sesle kontrol edilen kullanıcı arayüzü için sesli komut verilmesi

Sesli Komutun Anatomisi

Bir diyalog akışı oluşturulmadan önce, tasarımcıların bir sesli komutun anatomisini anlamaları gerekir. VUI'leri tasarlarken, tasarımcıların sürekli olarak sesli etkileşimlerin amacını düşünmesi gerekir (yani, kullanıcı bu senaryoda neyi başarmaya çalışıyor? ).

Bir kullanıcının sesli komutu üç temel faktörden oluşur: amaç , ifade ve yuva .

Şu isteği inceleyelim: “Spotify'da biraz rahatlatıcı müzik çal.”

Amaç (Ses Etkileşiminin Amacı)

Amaç, bir kullanıcının sesli komutunun daha geniş amacını temsil eder ve bu, düşük fayda veya yüksek fayda etkileşimi olabilir.

Yüksek fayda etkileşimi , oturma odasındaki ışıkların kapatılmasını veya duşun belirli bir sıcaklıkta olmasını istemek gibi çok özel bir görevi yerine getirmekle ilgilidir. Yapay zeka asistanından ne beklendiği çok açık olduğu için bu istekleri tasarlamak kolaydır.

Düşük hizmet istekleri daha belirsizdir ve deşifre edilmesi daha zordur. Örneğin, kullanıcı Amsterdam hakkında daha fazla şey duymak isterse, önce bunun hizmetin kapsamına girip girmediğini kontrol etmek ve ardından talebi daha iyi anlamak için kullanıcıya daha fazla soru sormak isteriz.

Verilen örnekte amaç açıktır: Kullanıcı müzik dinlemek istiyor.

Söz (Kullanıcı Bir Komutu Nasıl İfade Eder)

Bir ifade , kullanıcının isteğini nasıl ifade ettiğini yansıtır. Verilen örnekte, kullanıcının “Beni çal…” diyerek Spotify'da müzik çalmak istediğini biliyoruz, ancak bir kullanıcının bu isteği yapmasının tek yolu bu değil. Örneğin, kullanıcı “Müzik dinlemek istiyorum…” diyebilir.

Tasarımcıların her ifade varyasyonunu dikkate alması gerekir. Bu, AI motorunun talebi tanımasına ve onu doğru eylem veya yanıta bağlamasına yardımcı olacaktır.

Yuvalar (Gerekli veya İsteğe Bağlı Değişkenler)

Bazen bir niyet tek başına yeterli değildir ve talebin yerine getirilmesi için kullanıcıdan daha fazla bilgi istenir. Alexa buna "yuva" diyor ve yuvalar, isteği tamamlamak için neyin gerekli olduğuna bağlı olarak isteğe bağlı veya gerekli olabilecekleri anlamında geleneksel form alanları gibidir.

Bizim durumumuzda, yuva "rahatlatıcıdır", ancak istek onsuz da tamamlanabileceğinden, bu yuva isteğe bağlıdır. Ancak, kullanıcının taksi rezervasyonu yapmak istemesi durumunda, slot varış noktası olacaktır ve bu gerekli olacaktır. İsteğe bağlı girişler, varsayılan değerlerin üzerine yazar; örneğin, bir taksinin 16:00'da gelmesini talep eden bir kullanıcı, varsayılan "mümkün olan en kısa sürede" değerinin üzerine yazacaktır.

İletişim Akışları ile VUI Konuşmalarını Prototipleme

Prototip tasarımcılarının bir senaryo yazarı gibi düşünmesi ve bu gereksinimlerin her biri için diyalog akışları tasarlaması gerekir. Bir diyalog akışı, aşağıdakileri özetleyen bir çıktıdır:

  • Etkileşime yol açan anahtar kelimeler
  • Konuşmanın nereye varabileceğini temsil eden dallar
  • Hem kullanıcı hem de asistan için örnek diyaloglar

Diyalog akışı, kullanıcı ile sesli asistan arasındaki karşılıklı konuşmayı gösteren bir komut dosyasıdır. Bir diyalog akışı bir prototip gibidir ve bir örnek olarak gösterilebilir (aşağıdaki örnekte olduğu gibi) veya diyalog akışları oluşturmak için kullanılabilecek prototipleme uygulamaları vardır.

VUI tasarımı için bir diyalog akışının bir örneği
Amacı, alanı ve genel konuşmayı gösteren örnek bir iletişim kutusu akışı.

VUI Prototipleme Uygulamaları

Diyalog akışlarının haritasını çıkardıktan sonra, bir uygulama kullanarak sesli etkileşimlerin prototipini oluşturmaya hazırsınız. Birkaç prototipleme aracı şimdiden pazara girdi; örneğin Sayspring, tasarımcıların sesli Amazon ve Google uygulamaları için çalışan bir prototip oluşturmasını kolaylaştırır.

Sayspring ile VUI uygulamalarının prototipini oluşturma
Sayspring, bir Alexa Skill veya Google Home Action'ın prototipini oluşturmayı kolaylaştıran bir araçtır.

Amazon ayrıca, tasarımcıların yeni Alexa Becerileri oluşturmasını kolaylaştıran kendi Alexa Beceri Oluşturucusunu da sunar. Google bir SDK sunar; ancak bu, Google Action geliştiricilerine yöneliktir. Apple henüz rakip aracını piyasaya sürmedi, ancak yakında SiriKit'i piyasaya sürecekler.

Amazon
Tasarımcıların Alexa özellikli cihazlar için VUI'leri prototipleyebilecekleri Amazon'un Alexa Skill Builder'ı.

Ses Uygulamaları için UX Analizi

Alexa için bir "beceri" (veya Google için bir "eylem") sunduktan sonra, uygulamanın analitikle nasıl kullanıldığını takip edebilirsiniz. Her iki şirket de yerleşik bir analiz aracı sunar; ancak, daha ayrıntılı analizler için bir üçüncü taraf hizmeti de entegre edebilirsiniz (örneğin, Amazon Alexa için voicelabs.co veya Google Asistan için dashbot.io). Dikkat edilmesi gereken bazı temel metrikler şunlardır:

  • Kullanıcı başına oturum veya oturum başına mesaj gibi etkileşim metrikleri
  • Kullanılan diller
  • davranış akışları
  • Mesajlar, niyetler ve ifadeler

Alexa
Amazon'un Alexa Metrik Kontrol Paneli, oturumlar, ifadeler ve amaçlar gibi ölçümleri gösterir.

VUI Tasarımı için Pratik İpuçları

İletişimi Basit ve Konuşmaya Dayalı Tutun

Tasarımcılar, mobil uygulamalar ve web siteleri tasarlarken, hangi bilgilerin birincil, hangi bilgilerin ikincil (yani o kadar önemli değil) olduğunu düşünmek zorundadır. Kullanıcılar kendilerini aşırı yüklenmiş hissetmek istemezler, ancak aynı zamanda görevlerini tamamlamak için yeterli bilgiye ihtiyaç duyarlar.

Ses konusunda tasarımcılar daha da dikkatli olmalı çünkü iletişim kurulabilecek tek şey kelimeler (ve belki de nispeten basit bir GUI). Bu, özellikle karmaşık bilgi ve verilerin iletilmesi durumunda işi zorlaştırır. Bu, daha az kelimenin daha iyi olduğu ve tasarımcıların, uygulamanın kullanıcıların hedefini karşıladığından ve kesinlikle sohbet halinde kaldığından emin olması gerektiği anlamına gelir.

Bir Görev Tamamlandığında Onaylayın

Bir e-Ticaret ödeme akışı tasarlarken, ana ekranlardan biri son onay olacaktır. Bu, müşterinin işlemin başarıyla kaydedildiğini bilmesini sağlar.

Aynı konsept VUI tasarımı için de geçerlidir. Örneğin, bir kullanıcı oturma odasında sesli asistanından onay almadan banyodaki ışıkları kapatmasını isterse, oturma odasına girip kontrol etmesi, "ellerin serbest bırakılması" nesnesini yenerek kontrol etmesi gerekir. ” VUI uygulaması tamamen.

Bu senaryoda, "Banyo ışıkları kapalı" yanıtı yeterli olacaktır.

Güçlü Bir Hata Stratejisi Oluşturun

Bir VUI tasarımcısı olarak güçlü bir hata stratejisine sahip olmak önemlidir. Daima asistanın anlamadığı veya hiçbir şey duymadığı senaryo için tasarım yapın. Analitik, hata stratejisinin iyileştirilebilmesi için yanlış dönüşleri ve yanlış yorumları belirlemek için de kullanılabilir.

Alternatif iletişim kutularını kontrol ederken sorulacak temel sorulardan bazıları:

  • Etkileşimin amacını belirlediniz mi?
  • AI, kullanıcı tarafından konuşulan bilgileri yorumlayabilir mi?
  • Yapay zeka, talebi yerine getirmek için kullanıcıdan daha fazla bilgi istiyor mu?
  • Kullanıcının istediğini sunabiliyor muyuz?

Ekstra Güvenlik Katmanı Ekleyin

Google Asistan, Siri ve Alexa artık bireysel sesleri tanıyabilir. Bu, Face ID veya Touch ID'ye benzer bir güvenlik katmanı ekler. Ses tanıma yazılımı sürekli gelişiyor ve sesi taklit etmek giderek zorlaşıyor; ancak, şu anda yeterince güvenli olmayabilir ve ek bir kimlik doğrulaması gerekebilir. Hassas verilerle çalışırken tasarımcıların parmak izi, parola veya yüz tanıma gibi ekstra bir kimlik doğrulama adımı eklemesi gerekebilir. Bu, özellikle kişisel mesajlaşma ve ödemeler için geçerlidir.

Yüz tanıma yazılımı ile Duer sesli asistan
Baidu'nun Duer sesli asistanı birçok KFC restoranında kullanılıyor ve yaşa veya önceki siparişlere göre yemek önerileri yapmak için yüz tanıma özelliğini kullanıyor.

VUI Devriminin Şafağı

VUI'ler kalıcıdır ve önümüzdeki yıllarda giderek daha fazla ürüne entegre edilecektir. Bazıları, bilgisayarlarla etkileşim kurmak için 10 yıl içinde klavyeleri kullanmayacağımızı tahmin ediyor.

Yine de, “kullanıcı deneyimi”ni düşündüğümüzde, ne görebildiğimizi ve dokunabildiğimizi düşünmeye meyilliyiz. Sonuç olarak, bir etkileşim yöntemi olarak ses nadiren dikkate alınır. Ancak, kullanıcı deneyimleri tasarlanırken ses ve görseller birbirini dışlamaz; ikisi de değer katar.

Kullanıcı araştırmasının, sesin UX'i iyileştirip iyileştirmeyeceği sorusuna yanıt vermesi gerekir ve sesle etkinleştirilen cihazların pazar payının ne kadar hızlı arttığını göz önünde bulundurarak, bu araştırmayı yapmak zaman ayırmaya değer olabilir ve bir cihazın değerini ve kalitesini önemli ölçüde artırabilir. uygulama.

• • •

Toptal Tasarım Blogunda daha fazla okuma:

  • eCommerce UX – En İyi Uygulamalara Genel Bir Bakış (Infografik ile)
  • Ürün Tasarımında İnsan Merkezli Tasarımın Önemi
  • En İyi UX Tasarımcı Portföyleri – İlham Veren Vaka Çalışmaları ve Örnekler
  • Mobil Arayüzler için Sezgisel İlkeler
  • Öngörülü Tasarım: Büyülü Kullanıcı Deneyimleri Nasıl Yaratılır