Ses Prototipleriyle Geleceği Tasarlamak

(Bu makalenin sponsoru Adobe tarafından yapılmıştır.) Ses etkin arabirimler, grafik kullanıcı arabirimlerinin uzun süreli egemenliğine meydan okuyor ve hızla günlük hayatımızın ortak bir parçası haline geliyor. Adobe tarafından yürütülen bir ankete göre, akıllı hoparlör sahiplerinin yüzde 76'sı geçen yıl sesli asistan kullanımlarını artırdı.

Bu yazıda, ses tabanlı deneyimler oluşturmak için kullanabileceğiniz bir akış paylaşacağım. Ancak ses için nasıl tasarım yapılacağına ilişkin özel önerilere geçmeden önce, kullanıcının bu konudaki beklentilerini anlamak önemlidir.

İnsanlar Neden Sesten Daha Fazlasını Bekliyor?

Sesli Kullanıcı Arayüzleri (VUI'ler) yalnızca insanların makinelerle etkileşim biçiminde bir değişiklik getirmekle kalmaz, aynı zamanda etkileşim kalitesi için çıtayı da yükseltir . İnsanlar GUI'lerle etkileşime girdiğinde ve onlarla sorun yaşadıklarında, genellikle kendilerini suçlarlar, ancak insanlar VUI'lerle etkileşime girdiğinde ve bir görevi tamamlayamadıklarında, sistemi suçlarlar.

Nedenmiş? Konuşmak, insanlar arasındaki iletişim için doğal olarak en uygun ortamdır ve insanlar konuşma becerilerine güvenirler. Bu, tutma oranı üzerinde doğrudan bir etkiye sahip olabilir: Voicelabs tarafından hazırlanan bir 2017 raporu, bir kullanıcının bir ses uygulamasını indirdikten sonraki ikinci hafta içinde aktif olma şansının yalnızca yüzde 6 olduğunu belirtir.

Tasarım aşaması

Birçok tasarımcı, ses tabanlı deneyimler tasarlamanın grafiksel kullanıcı arayüzlerinden tamamen farklı olduğunu düşünüyor. Bu doğru değil.

Ses tabanlı deneyimler tasarlamak, UX tasarımında yeni bir yön değildir; bir sonraki doğal adımdır. Görsel arayüzler için kullandığımız tasarım sürecini ses tabanlı ürünlere uyarlamak mümkün.

Bir ses ürünü geliştirmeye başlamadan önce gerçekleştirilmesi gereken beş adım vardır:

1. Araştırma
2. Tanımlamak
3. Yaratmak
4. Ölçek
5. rafine

Bu işlemle ilgili en güzel şey, ister sesli, ister yalnızca sesli, ister öncelikli sesli olsun, her tür ses arabirimine uygulanabilmesidir.

1. Araştırma

Tasarladığımız diğer tüm dijital ürünlerde olduğu gibi, sesli kullanıcı arayüzleri bağlamında kullanıcı öncelikli tasarımı uygulamamız gerekiyor. Kullanıcı araştırmasının amacı, hedef kullanıcının ihtiyaçlarını ve davranışlarını anlamaktır. Bu adımda topladığınız bilgiler, ürün gereksinimleri için bir temel oluşturacaktır.

Hedef Kitleyi Belirleyin

Bir ürünün hedef kitlesini belirlemek ve araştırmak tasarım sürecinin ilk adımlarından biri olmalıdır.

İşte bu adımda odaklanmanız gerekenler:

• Mevcut deneyime ve kullanıcıların problemlerini şimdi nasıl çözdüğüne bakın. Sorunlu noktaları belirleyerek , sesin kullanıcılarınıza fayda sağlayabileceği durumları bulacaksınız.
• Kullanıcı dili . Hedef kullanıcının diğer insanlarla konuşurken kullandığı tam ifadeler. Bu bilgi, farklı ifadeler için bir sistem tasarlamamıza yardımcı olacaktır.

2. Tanımla

Bu adımda, gelecekteki ürünümüzü şekillendirmemiz ve yeteneklerini tanımlamamız gerekiyor.

Etkileşimin Temel Senaryolarını Tanımlayın

Senaryolar, uygulama için belirli fikirlerden önce gelir; bunlar, birinin VUI kullanmasının nedenlerini düşünmenin bir yoludur. Hedef kullanıcılarınız için değeri yüksek tasarım senaryolarına ihtiyacınız var. Çok sayıda senaryonuz varsa ve hangilerinin önemli olduğunu ve hangilerinin olmadığını bilmiyorsanız, her bir senaryoyu ayrı ayrı değerlendirmek için kullanım durumu matrisi oluşturun. Matris size hangi senaryoların birincil, neyin ikincil, neyin olması güzel olduğunu söyleyecektir.

Temel Senaryoların Sesle Çalıştığından Emin Olun

Sesi kullanmak için zorlayıcı bir neden olmalıdır. Kullanıcılar, sesi kullanarak sorunu alternatif deneyimlerden herhangi birine göre daha hızlı veya daha verimli bir şekilde çözebilmelidir.

Kullanıcılar için sesli etkileşimin tercih edilebileceği birkaç yaygın durum:

• Kullanıcının elleri meşgul olduğunda (araba sürerken veya yemek pişirirken);
• Sesi kullanmak, etkileşim kurmanın daha kolay ve daha doğal bir yoludur (örneğin, bir medya merkezine atlamak ve bir GUI kullanarak doğru seçeneği seçmek yerine akıllı hoparlörünüze “Çal Caz” demek çok daha kolaydır).

Bu adımdaki amacınız, kullanıcılarınızın yararlanacağı hem yaygın hem de özel durumları belirlemektir. Ses etkileşimlerinin sınırlamalarını da dikkate almak önemlidir. Örneğin, uzun bir menü öğesi listesinden seçim yapmak, sesli etkileşimlerde sorun yaratır. İyi bir kural, seçimleri kısa ve öz tutmaktır - maksimum 3 seçim. 3'ten fazla olduğunu tespit ederseniz, senaryoyu yeniden çerçevelemek en iyisidir.

3. Oluştur

Ses prototipleriyle, çizim tahtasından başlamak önemlidir. İlk adım, tüm kullanıcı etkileşiminin geri döneceği temel olan deneyiminizin sesli kullanıcı akışlarını ele almaktır.

Storyboard'ları kullanın

Storyboard'lar, etkileşimleri ve akışları bağlam içinde görselleştirir ve daha gerçekçi hissettirir.

Diyaloglar Yaz

Diyaloglar, sesli kullanıcı akışlarının yapı taşlarıdır. Ses uygulamasının destekleyeceği her önemli senaryo için, kullanıcı ile uygulama arasında konuşma diyalogları oluşturmaya başlayın. Uygulamayla etkileşim kurmayı, gerçek bir kişiyle düzenli bir konuşma yapmak kadar tanıdık hale getirmeye çalışın. İnsan konuşması karmaşıktır; çoğu zaman birçok viraja sahiptir. Senaryolarınız üzerinde çalışırken ve diyaloglar yazarken bunu hesaba katmanız önemli olacaktır.

Harika diyaloglar oluşturmak için birkaç genel öneri:

• Bir görevi tamamlamak için atılan adım sayısını azaltın.
  Gereksiz bilgi ve soruları mümkün olduğunca ortadan kaldırmaya çalışın. Tasarım, kullanıcının problemini minimum sayıda adımla çözmelidir. Görevi tamamlamak ne kadar uzun sürerse, deneyimin o kadar az zevkli hale geldiğini unutmayın. Değerli zamanını boşa harcayan ürünleri kimse sevmez ve bu özellikle tekrarlayan işler için geçerlidir. Uygulamanız, bir kullanıcının görevi ilk kez tamamlaması veya bu ay 100. kez tamamlaması fark etmeksizin keyifli bir kullanıcı deneyimi sağlamalıdır.
• “Komutları” öğretmeyin.
  Sesle keşfetmenin ne kadar zor olabileceği göz önüne alındığında, bazı tasarımcılar kullanıcılara ne söyleyeceklerini bilmeleri için komutları öğretmeye çalışır. Bunu yapma. İfadeler doğal ve sezgisel olmalıdır, böylece kullanıcılar belirli durumlarda ne söyleyeceklerini bilirler.
• Sorularınız ve yanıtlarınız konusunda kısa olun.
  Uzun cümleler kullandığınızda, kullanıcıları çok fazla bilgi ile aşırı yüklemek nispeten kolaydır. Mümkün olan her yerde mesajları özüne göre basitleştirmeye çalışın. Kullanıcılar, VUI'den gelen özlü ve iyi tanımlanmış bilgilerin keyfini çıkarır. Hangi bilgilerin birincil, hangi bilgilerin ikincil olduğunu düşünün. Bir konuşmacının dinleyiciye etkileşimin algılanan amacını ilerletmek için gerektiği kadar bilgi sağladığını söyleyen Maksimum Miktar ilkesini izleyin, ancak çok fazla değil.

İşte Maksimum Miktar ilkesine uymayan bir diyalog:

Kullanıcı : “Pizza yemek için iyi bir yer neresidir?”

Sistem : “Senin için beş yerim var. İlki 1300-1398 Diamond St San Francisco'da, sizden 15 dakika uzaklıkta, 08:00 - 20:00 saatleri arasında açık olan “Pizza & Pasta”, ikincisi ise 4100- üzerinde bulunan “İtalya”. 4148 20th St San Francisco, sizden 1 saat uzaklıkta, sabah 9'dan akşam 6'ya kadar açık,...”

Diyalog, tüm seçenekleri tek bir sırayla sunmaya çalışır. Açıklayıcı bir soru sorarak listeyi daraltmaya çalışmak daha iyidir:

Kullanıcı : “Pizza yemek için iyi bir yer neresidir?”

Sistem : "Bölgede birkaç pizza restoranı var - yürümek mi yoksa araba kullanmak mı istersiniz?"

Hataları İşle

VUI'niz ne kadar iyi olursa olsun, kesin olan bir şey var: işler ters gidecek. Ve bu durumlar için tasarım yapmanız gerekiyor. Hataların zarif bir şekilde ele alınması, ses için tasarım yaparken karşılaşacağınız en büyük zorluklardan biridir ve diyaloglarınızı yazarken tam olarak bunun hakkında düşünmeye başlamanız hayati önem taşır.

Hata durumlarına neden olabilecek birkaç yaygın durum şunlardır:

• yazım hataları
  Bazı kullanıcılar kelimeleri yanlış telaffuz edebilir ve doğal dil işleme sistemi isteği anlamayacaktır.
• belirsizlik
  İnsanlar arasında bile konuşma bazen belirsizdir. Örneğin, birisi “İyi” diyebilir ve bu 'Evet, katılıyorum' olarak tanımlanabilir veya sadece dinlediğinin bir göstergesi olabilir.
• Sistemin kullanıcılar için değerli bilgiler sağlayamadığı durumlar . Örneğin, kullanıcı bir uçuş rezervasyonu yapmak istiyor ancak sistemin ilgili seçenekleri yok.

Her durumda, diyalog çıkmaza girmemelidir; sistem değerli seçenekler sunmalıdır. Her zaman diyaloğu tekrar rayına oturtmaya çalışın.

İlk örneği inceleyelim:

Kullanıcı : "Bana Pazartesi günü San Diego'dan Dallas'a bir uçuş rezervasyonu yapın."

Sistem : “Pazartesi günü San Diego'dan Dallas'a uçuş bulamadım.”

Kullanıcıların bir çıkmazla karşı karşıya olduğu açıktır. Ancak, kullanıcılara bazı seçenekler sağlamak için iletişim kutusunu değiştirmek nispeten kolaydır:

Kullanıcı : "Bana Pazartesi günü San Diego'dan Dallas'a bir uçuş rezervasyonu yapın."

Sistem : “Pazartesi günü San Diego'dan Dallas'a uçuş bulamadım. Başka bir tarih aramak ister misiniz?”

Yemek siparişi uygulaması için başka bir örnek:

Kullanıcı : “Teslimat için posta kodu nedir?”

Sistem : “Hmm, 811415”

Kullanıcı : “Bu ZIP geçersiz. Tekrar deneyin."

“Geçersiz” kelimesi çok teknik olmakla kalmaz, aynı zamanda kullanıcının tekrar yola çıkmasına yardımcı olmaz. Daha sonra ne yapmaları gerektiğini anlayabilmeleri için bir kullanıcıya bir ipucu sunmak daha iyidir:

Sistem : “Teslimat için posta kodu nedir?”

Kullanıcı : “Hmm, 811415”

Sistem : “Bu ZIP beklenenden daha uzun. Altı değil, beş basamaklı olmalı.”

kullanıcı : “81415”

Benzersiz Kimliğinizi Yansıtın

İster planlayın ister yapmayın, tüm sesler bir kişilik yansıtır. VUI kişiliğinizi şansa bırakmayın, özgün markanızı ve kimliğinizi yazdığınız diyaloglara yansıtın. İdeal çalışanınızın müşterilerle nasıl etkileşim kurması gerektiğini hayal edin ve bunu diyaloglarınızda yansıtmaya çalışın.

Ses tonunun, kullanıcıların bir ürüne ilişkin algıları üzerinde ölçülebilir etkileri vardır. Bu nedenle, bir ton seçerken kullanıcılarınızın duygusal ihtiyaçlarını göz önünde bulundurmanız önemlidir.

Etkileşimlerde Empati Yapın

Ses arayüzleri, kullanıcı duygularını hesaba katmalıdır. İnsanlar sadece arkadaş canlısı insanları değil, aynı zamanda arkadaş canlısı bilgisayarları da severler. Örneğin, birisi bir uçuş için bilet rezervasyonu yapmak istediğinde ve bir yolculuk hakkında bilgi verdiğinde, sistem 'Kulağa eğlenceli bir yolculuk gibi' yanıtını verebilir. Bir makine ile etkileşim hissini önlemek için yanıt her seferinde biraz farklı olmalıdır.

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

Kullanıcıların konuşma akışının neresinde onaya ihtiyaç duyduğunu düşünmek hayati önem taşır. Genellikle insanlar bir diyaloğun sonunda nihai bir onay beklerler. Örneğin, bir kullanıcı bir etkinlik planladığında "Etkinlik şimdi takviminizde" ifadesini duymak isteyebilir. Başka bir tipik senaryo, bir ödeme akışıdır - kullanıcıya işlemin başarıyla kaydedildiğini bildirin.

Önemli eylemler için açık ve rutin görevler için örtülü onay kullanın. Örneğin, Alexa'nızdan arkadaşınıza para göndermesini isterseniz, bir kullanıcı muhtemelen "Tamam" yerine "[para miktarı] [kişinin adına] gönderildi" ifadesini duymak ister. Aynı zamanda, Alexa'dan bir garajdaki ışıkları kapatmasını istediğinizde, "Garajdaki ışıklar kapalı" ifadesini her zaman duymak çok fazla olabilir, bu nedenle kullanıcılarınızın hangi onayları öğrenmek için onayları dikkatlice test ettiğinizden emin olun. VUI ile başarılı hissetmek için hissetmek çok önemlidir.

Bağlamdan Yararla

İyi bir konuşma sistemi, önceki tüm dönüşleri ve önceki etkileşimleri ezberleyerek diyaloğu takip eder. Sağlam bir sistem, daha kişiselleştirilmiş bir deneyim sunarak kullanıcılar için daha iyi bir deneyim oluşturmak için bu bilgileri kullanacaktır.

Örneğin, bir kullanıcı pizza sipariş ettiğinde, sistem onlara önceki siparişlerini hatırlatabilir:

Kullanıcı : “Pizza sipariş etmek istiyorum.”

Sistem : “En son Quattro Formaggio'yu Pizza & Pasta'dan sipariş ettin. Tekrar sipariş etmek ister misin?”

Kullanıcı : “Evet, yapıyorum!”

Alternatif İfadeleri Kapatın

İnsanlar aynı şeyi tanımlamak için farklı kelimeler kullanabilir ve VUI'nizi tasarlarken bu anı dikkate almak çok önemlidir. Önceki adımda tasarladığınız her sesli kullanıcı akışı için, kullanıcıların bu istekleri ifade edebilecekleri farklı yolları düşünün. Kullanabilecekleri kelime varyasyonlarını ve eş anlamlılarını düşünün.

Ses ürününüzün özelliklerine bağlı olarak, kullanıcıların VUI ile etkileşime girerken seslendirebilecekleri ifadelerin sayısı kolayca yüzlerce olabilir, bu da onları haritalandırma görevini gerçekten karmaşık hale getirir. Neyse ki, bu konuda size yardımcı olacak özel araçlar var. Örneğin, Alexa için uygulamalar tasarlıyorsanız bu amaç için Amazon Echo Utterance Expander'ı kullanabilirsiniz.

Diyaloglarınızı Test Edin

Şimdi tüm diyaloglarınızı yazdığınızda, onları test etmeye başlamanın zamanı geldi. Niye ya? Çünkü konuşma şeklimiz, yazma şeklimizden çok daha az resmi. Kulağa doğal gelen diyaloglar tasarladığınızdan emin olmak için prototip oluşturmaya geçmeden önce bunları test etmek çok önemlidir. İki basit teknik bunu yapmanıza yardımcı olacaktır:

• Diyaloglarınızla ses kaydedin ve oynatın. Doğal olmayan kelimelerin ve cümlelerin nüanslarını duyacaksınız.
• Doğal ve sezgisel olduklarından emin olmak için rol oynama konuşmaları. 'Oz Büyücüsü' adlı bir teknik, diyaloglarınızdaki sorunları hızlı bir şekilde belirlemenize yardımcı olacaktır. Mac kullanıcısıysanız, işleri kolaylaştırmak için Say Sihirbazı adlı bir araç kullanabilirsiniz.

Uygulamanızın Prototipini Yapın

Artık diyaloglarımızı yazdık, haritasını çıkardık ve test ettik ve sonunda deneyimi tasarlamaya ve prototiplemeye geçebiliriz. Adobe XD, tasarımcıların sesli Amazon veya Google uygulamaları için çalışan bir prototip oluşturmasını ve gerçek kullanıcılarla test etmesini kolaylaştırır. Araç, uygulama için gerçek ses girişlerini ve çıkışlarını prototiplemenize olanak tanır. Tipik bir etkileşim, kullanıcı girişi ve sistem yanıtlarından oluşur:

• Kullanıcı isteklerini tasarlamak için sesli tetikleyiciler oluşturmamız gerekiyor. Yeni bir sesli tetikleyici eklemek için, bağlayıcıyı bir çalışma yüzeyindeki bir öğeden diğerine sürükleyin. Nitelikler menüsü açıldığında, Tetik menüsünden Voice seçin ve Komut alanına sözünüzü ekleyin.
• Speech Playback , sesli uygulamanın yanıtını simüle eder. Konuşma Oynatma eklemek için Trigger olarak Zaman'ı seçmeniz ve eylemi Speech Playback olarak ayarlamanız gerekir.

Adobe XD, Amazon Echo Show gibi ses öncelikli ürünler ve Google Home gibi yalnızca sesli ürünler için prototip oluşturmanıza olanak tanır.

Birkaç kişi #adobexd'de yalnızca sesli prototipler hakkında sorular sordu - aşağıda XD'de bir Google Home zamanlayıcısının hızlı bir prototipini yaptım:

Illustrator'dan XD'ye vektör dosyası
Işıklar için Otomatik Animasyon
Tetikleyici olarak Sesli Komut
konuşma yanıtı

...ekran yok, sorun yok pic.twitter.com/pz3pEvZVmZ— Susse Snderby (@SusseSonderby) 23 Ekim 2018

Son olarak, Amazon Echo Show veya Amazon Echo Spot için Amazon Alexa Skill tasarlarsanız, XD bu cihazlar için bir VUI kiti sağlar. Buradan indirebilirsiniz. Bu VUI kiti, bir Alexa becerisi oluşturmaya başlamak için ihtiyacınız olan tüm yapı taşlarını sağlar.

4. Testi

Test, tasarım sürecinin zorunlu bir parçasıdır. Test etmeden uygulamanızın kullanıcılarınız için çalışıp çalışmayacağını söyleyemezsiniz.

Prototiplerinizi Hedef Kullanıcılarla Test Edin

Hedef kitlenizden temsilcilerle kullanılabilirlik testi oturumları gerçekleştirin ve kullanıcıların uygulamanızla nasıl etkileşime girdiğini gözlemleyin. Görevlerin tamamlanma oranını ve CSAT'ı (Müşteri Memnuniyeti Puanı) takip edin. Mümkünse, her oturum için bir video kaydetmeye çalışın.

Test Simülatörlerini Kullanın

Hem Amazon hem de Google, donanım cihazlarının ve ayarlarının simülasyonunda Beceri veya Eyleminizi test etmenize olanak tanıyan test araçları sağlar. Bu test, gerçek dünyadaki ses deneyimi için size iyi bir fikir verecektir.

5. İncelt

Pazara gönderdikten sonra ses uygulamasını iyileştirin.

Analizleri Toplayın

Uygulamanızı kullanıma sunduktan sonra, uygulamanın analizlerle nasıl kullanıldığını izlemelisiniz. Dikkat etmeniz gereken bazı temel metrikler şunlardır:

• Niyetler ve sözler,
• Kullanıcı etkileşimi metrikleri,
• Davranış akışı.

İhtiyacınız olan metriklerin çoğu, herhangi bir ek kodlama olmadan Beceri geliştirici hesabınızda bulacaksınız.

Çözüm

İnsan-bilgisayar etkileşimi hiçbir zaman grafiksel kullanıcı arayüzleri ile ilgili olmadı. Her şeyden önce, her zaman iletişimle ilgili olmuştur. Sesin, yeni nesil kullanıcılar için teknoloji ile etkileşim kurmanın doğal bir yolu olacağı açıktır ve bir tasarımcı olarak, etkileşim tasarımına bakmanın yeni yolları için bu yeni zorluklara ve bunların kilidini açan fırsatlara hazır olmalısınız.

Bu makale, Adobe tarafından desteklenen UX tasarım serisinin bir parçasıdır. Adobe XD aracı, fikirden prototipe daha hızlı geçmenizi sağladığı için hızlı ve akıcı bir UX tasarım süreci için yapılmıştır. Tasarım, prototip ve paylaşım - hepsi tek bir uygulamada. Behance'de Adobe XD ile oluşturulan daha ilham verici projelere göz atabilir ve ayrıca UX/UI tasarımına yönelik en son trendler ve içgörüler hakkında güncel kalmak ve bilgi sahibi olmak için Adobe deneyim tasarımı bültenine kaydolabilirsiniz.