Somut ve Maddi Olmayanı Karıştırma: Adobe XD Kullanarak Çok Modlu Arayüzler Tasarlama

(Bu makale Adobe tarafından desteklenmektedir.) Kullanıcı arayüzleri gelişmektedir. 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. Otomatik konuşma tanıma (APS) ve doğal dil işlemede (NLP) önemli ilerleme ve etkileyici bir tüketici tabanı (yerleşik ses yardımcılarına sahip milyonlarca mobil cihaz), ses tabanlı arayüzün hızlı gelişimini ve benimsenmesini etkilemiştir.

Sesi birincil arayüz olarak kullanan ürünler giderek daha popüler hale geliyor. Yalnızca ABD'de 47,3 milyon yetişkinin akıllı bir konuşmacıya erişimi var (bu ABD yetişkin nüfusunun beşte biri) ve sayı artıyor. Ancak sesli arayüzlerin yalnızca kişisel ve ev kullanımında parlak bir geleceği yok. İnsanlar sesli arayüzlere alıştıkça, onları iş bağlamında da beklemeye başlayacaklar. "Sunumumu göster" gibi bir şey söyleyerek yakında bir konferans odası projektörünü tetikleyebileceğinizi hayal edin.

İnsan-makine iletişiminin hem yazılı hem de sözlü etkileşimi kapsayacak şekilde hızla genişlediği açıktır. Ancak bu, gelecekteki arayüzlerin yalnızca ses olacağı anlamına mı geliyor? Bazı bilim kurgu tasvirlerine rağmen, ses, grafiksel kullanıcı arayüzlerinin yerini tamamen almayacak. Bunun yerine, yeni bir arayüz formatında ses, görsel ve jest sinerjisine sahip olacağız: ses etkin, çok modlu bir arayüz.

Bu yazıda şunları yapacağız:

• ses etkin arabirim kavramını keşfetmek ve farklı ses etkin arabirim türlerini gözden geçirmek;
• Ses özellikli, çok modlu kullanıcı arabirimlerinin neden tercih edilen kullanıcı deneyimi olacağını öğrenin;
• Adobe XD kullanarak çok modlu bir kullanıcı arabirimini nasıl oluşturabileceğinizi görün.

Ses Kullanıcı Arayüzlerinin Durumu (VUI)

Sesli kullanıcı arayüzlerinin detaylarına girmeden önce, ses girişinin ne olduğunu tanımlamalıyız. Ses girişi, kullanıcının komutları yazmak yerine konuştuğu bir insan-bilgisayar etkileşimidir. Ses girişinin güzelliği, insanlar için daha doğal bir etkileşim olmasıdır — kullanıcılar bir sistemle etkileşim kurarken belirli bir sözdizimi ile sınırlı değildir; tıpkı insan konuşmasında olduğu gibi girdilerini birçok farklı şekilde yapılandırabilirler.

Sesli kullanıcı arayüzleri, kullanıcılarına aşağıdaki faydaları sağlar:

• Daha az etkileşim maliyeti
  Ses etkin bir arabirim kullanmak bir etkileşim maliyeti içermesine rağmen, bu maliyet (teoride) yeni bir GUI öğrenmekten daha düşüktür.
• Eller serbest kontrol
  VUI'ler, örneğin araba sürerken, yemek pişirirken veya egzersiz yaparken, kullanıcıların elleri meşgul olduğunda harikadır.
• Hız
  Bir soru sormak, onu yazmaktan ve sonuçları okumaktan daha hızlı olduğunda ses mükemmeldir. Örneğin, bir arabada sesi kullanırken, yeri dokunmatik ekrana yazmak yerine navigasyon sistemine söylemek daha hızlıdır.
• Duygu ve kişilik
  Bir ses duyduğumuzda ama bir konuşmacının görüntüsünü görmesek bile, konuşmacıyı kafamızda canlandırabiliriz. Bu, kullanıcı etkileşimini iyileştirme fırsatına sahiptir.
• Ulaşılabilirlik
  Görme engelli kullanıcılar ve hareket engelli kullanıcılar bir sistemle etkileşim kurmak için sesi kullanabilir.

Üç Tür Ses Etkin Arayüz

Sesin nasıl kullanıldığına bağlı olarak, aşağıdaki arabirim türlerinden biri olabilir.

Ekran Öncelikli Cihazlarda Ses Aracıları

Apple Siri ve Google Asistan, sesli aracıların başlıca örnekleridir. Bu tür sistemler için ses, daha çok mevcut GUI için bir geliştirme görevi görür. Çoğu durumda, aracı, kullanıcının yolculuğunda ilk adım olarak hareket eder: Kullanıcı sesli aracıyı tetikler ve sesle bir komut sağlarken, diğer tüm etkileşimler dokunmatik ekran kullanılarak yapılır. Örneğin, Siri'ye bir soru sorduğunuzda, bir liste biçiminde cevaplar verir ve o listeyle etkileşime geçmeniz gerekir. Sonuç olarak, kullanıcı deneyimi parçalanır - etkileşimi başlatmak için sesi kullanırız ve ardından devam etmek için dokunmaya geçeriz.

Yalnızca Ses Aygıtları

Bu cihazların görsel ekranları yoktur; kullanıcılar hem giriş hem de çıkış için sese güvenirler. Amazon Echo ve Google Home akıllı hoparlörleri, bu kategorideki ürünlerin başlıca örnekleridir. Görsel bir ekranın olmaması, cihazın bilgi ve seçenekleri kullanıcıya iletme yeteneği üzerinde önemli bir kısıtlamadır. Sonuç olarak, çoğu insan bu cihazları müzik çalmak ve basit sorulara yanıt almak gibi basit görevleri tamamlamak için kullanır.

Önce Ses Cihazları

Önce ses sistemleriyle, cihaz öncelikle sesli komutlarla kullanıcı girişini kabul eder, ancak aynı zamanda entegre bir ekran görüntüsüne sahiptir. Bu, sesin birincil kullanıcı arabirimi olduğu, ancak tek arabirim olmadığı anlamına gelir. Eski "Bir resim bin kelimeye bedeldir" deyişi, modern ses özellikli sistemler için hala geçerlidir. İnsan beyni inanılmaz görüntü işleme yeteneklerine sahiptir - karmaşık bilgileri görsel olarak gördüğümüzde daha hızlı anlayabiliriz. Yalnızca ses cihazlarıyla karşılaştırıldığında, önce ses cihazları, kullanıcıların daha fazla miktarda bilgiye erişmesine ve birçok görevi çok daha kolay hale getirmesine olanak tanır.

Amazon Echo Show, önce ses sistemini kullanan bir cihazın en iyi örneğidir. Görsel bilgiler kademeli olarak bütünsel bir sistemin parçası olarak dahil edilir - ekrana uygulama simgeleri yüklenmez; bunun yerine sistem, kullanıcıları farklı sesli komutları denemeye teşvik eder ("Alexa'yı deneyin, bana 17:00'de hava durumunu göster" gibi sözlü komutlar önerir). Ekran, yemek pişirirken bir tarifi kontrol etmek gibi genel görevleri bile çok daha kolay hale getiriyor - kullanıcıların dikkatlice dinlemeleri ve tüm bilgileri kafalarında tutmaları gerekmiyor; bilgiye ihtiyaç duyduklarında sadece ekrana bakarlar.

Multimodal Arayüzlerin Tanıtılması

UI tasarımında ses kullanımı söz konusu olduğunda, sesi tek başına kullanabileceğiniz bir şey olarak düşünmeyin. Amazon Echo Show gibi cihazlarda bir ekran bulunur ancak birincil giriş yöntemi olarak ses kullanılır ve bu da daha bütünsel bir kullanıcı deneyimi sağlar. Bu, yeni nesil kullanıcı arabirimlerine doğru ilk adımdır: çok modlu arabirimler.

Çok modlu bir arayüz, ses, dokunma, ses ve farklı görsel türlerini tek ve kesintisiz bir kullanıcı arayüzünde harmanlayan bir arayüzdür. Amazon Echo Show, sesin etkin olduğu çok modlu arabirimin tüm avantajlarından yararlanan mükemmel bir cihaz örneğidir. Kullanıcılar Show ile etkileşime girdiğinde, tıpkı yalnızca sesli bir cihazda olduğu gibi istekte bulunurlar; ancak aldıkları yanıt muhtemelen hem sesli hem de görsel yanıtları içeren çok modlu olacaktır.

Multimodal ürünler, yalnızca görsellere veya yalnızca sese dayanan ürünlerden daha karmaşıktır. Neden herkes ilk etapta çok modlu bir arayüz oluşturmalı? Bu soruyu cevaplamak için geri adım atmalı ve insanların çevrelerindeki çevreyi nasıl algıladıklarını görmemiz gerekiyor. İnsanların beş duyusu vardır ve birlikte çalışan duyularımızın birleşimi, şeyleri nasıl algıladığımızdır. Örneğin, canlı bir konserde müzik dinlerken duyularımız birlikte çalışır. Bir duyuyu kaldırın (örneğin, işitme) ve deneyim tamamen farklı bir bağlam alır.

Çok uzun bir süredir, kullanıcı deneyimini yalnızca görsel veya el hareketi tasarımı olarak düşündük. Bu düşünceyi değiştirmenin zamanı geldi. Multimodal tasarım, duyusal yeteneklerimizi birbirine bağlayan deneyimler hakkında düşünmenin ve tasarlamanın bir yoludur.

Çok modlu arayüzler, kullanıcı ve makinenin iletişim kurması için daha insani bir yol gibi geliyor. Daha derin etkileşimler için yeni fırsatlar açarlar. Ve bugün, çok modlu arayüzler tasarlamak çok daha kolay çünkü geçmişte ürünlerle etkileşimleri kısıtlayan teknik sınırlamalar siliniyor.

GUI ve Multimodal Arayüz Arasındaki Fark

Buradaki temel fark, Amazon Echo Show gibi çok modlu arayüzlerin ses ve görsel arayüzleri senkronize etmesidir. Sonuç olarak, deneyimi tasarlarken ses ve görseller artık bağımsız parçalar değil; bunlar sistemin sağladığı deneyimin ayrılmaz parçalarıdır.

Görsel ve Ses Kanalı: Her Biri Ne Zaman Kullanılmalı

Ses ve görselleri girdi ve çıktı kanalları olarak düşünmek önemlidir. Her kanalın kendi güçlü ve zayıf yönleri vardır.

Önce görsellerle başlayalım. Açıktır ki, bazı bilgileri işittiğimizde değil gördüğümüzde anlamamız daha kolaydır. Aşağıdakileri sağlamanız gerektiğinde görseller daha iyi çalışır:

• uzun bir seçenek listesi (uzun bir listeyi okumak çok zaman alacak ve takip etmesi zor olacak);
• veri ağırlıklı bilgiler (şemalar ve grafikler gibi);
• ürün bilgileri (örneğin, çevrimiçi mağazalardaki ürünler; büyük olasılıkla, bir ürünü satın almadan önce görmek istersiniz) ve ürün karşılaştırması (uzun seçenekler listesinde olduğu gibi, yalnızca sesle tüm bilgileri sağlamak zor olurdu) .

Bununla birlikte, bazı bilgiler için sözlü iletişime kolayca güvenebiliriz. Ses, aşağıdaki durumlar için doğru seçim olabilir:

• kullanıcı komutları (ses, kullanıcıların sisteme hızlı bir şekilde komut vermelerine ve karmaşık gezinme menülerini atlamasına olanak tanıyan verimli bir giriş yöntemidir);
• basit kullanıcı talimatları (örneğin, bir reçetenin rutin kontrolü);
• uyarılar ve bildirimler (örneğin, sürüş sırasında sesli bildirimlerle eşleştirilmiş sesli uyarı).

Bunlar görsel ve sesin birleştiği birkaç tipik durum olsa da, ikisini birbirinden ayıramayacağımızı bilmek önemlidir. Ancak hem ses hem de görsel birlikte çalıştığında daha iyi bir kullanıcı deneyimi yaratabiliriz. Örneğin, yeni bir çift ayakkabı almak istediğimizi varsayalım. Sistemden "Bana New Balance ayakkabılarını göster" talebinde bulunmak için sesi kullanabiliriz. Sistem, talebinizi işleyecek ve ürün bilgilerini görsel olarak sağlayacaktır (ayakkabıları karşılaştırmamız için daha kolay bir yol).

Ses Destekli, Çok Modlu Arayüzler Tasarlamak İçin Bilmeniz Gerekenler

Ses, UX tasarımcıları için en heyecan verici zorluklardan biridir. Yeniliğine rağmen, sesli, çok modlu arayüz tasarlamanın temel kuralları, görsel tasarımlar oluşturmak için kullandığımız kurallarla aynıdır. Tasarımcılar kullanıcılarını önemsemelidir. Sorunlarını verimli bir şekilde çözerek kullanıcı için sürtünmeyi azaltmayı amaçlamalı ve kullanıcının seçimlerini netleştirmek için açıklığa öncelik vermelidir.

Ancak çok modlu arayüzler için de bazı benzersiz tasarım ilkeleri vardır.

Doğru Problemi Çözdüğünüzden Emin Olun

Tasarım sorunları çözmelidir. Ancak doğru sorunları çözmek hayati önem taşır; aksi takdirde, kullanıcılara fazla değer getirmeyen bir deneyim oluşturmak için çok zaman harcayabilirsiniz. Bu nedenle, doğru sorunu çözmeye odaklandığınızdan emin olun. Ses etkileşimleri kullanıcı için anlamlı olmalıdır; kullanıcıların diğer etkileşim yöntemleri (tıklama veya dokunma gibi) üzerinden ses kullanmak için ikna edici bir nedeni olmalıdır. Bu nedenle, yeni bir ürün oluşturduğunuzda - hatta tasarıma başlamadan önce - kullanıcı araştırması yapmak ve sesin kullanıcı deneyimini iyileştirip iyileştirmeyeceğini belirlemek çok önemlidir.

Bir kullanıcı yolculuğu haritası oluşturarak başlayın. Yolculuk haritasını analiz edin ve sesin bir kanal olarak dahil edilmesinin UX'e fayda sağlayacağı yerleri bulun.

• Yolculukta kullanıcıların sürtüşme ve hayal kırıklığıyla karşılaşabileceği yerleri bulun. Ses kullanmak sürtünmeyi azaltır mı?
• Kullanıcının bağlamını düşünün. Ses belirli bir bağlam için işe yarar mı?
• Sesin benzersiz olarak neleri etkinleştirdiğini düşünün. Eller serbest ve gözler serbest etkileşim gibi ses kullanmanın benzersiz faydalarını hatırlayın. Ses, deneyime değer katabilir mi?

Konuşma Akışları Oluşturun

İdeal olarak, tasarladığınız arayüzler sıfır etkileşim maliyeti gerektirmelidir: Kullanıcılar, sistemle nasıl etkileşimde bulunacaklarını öğrenmek için fazladan zaman harcamadan ihtiyaçlarını karşılayabilmelidir. Bu, yalnızca sesli etkileşim, sesli komut biçiminde sarılmış bir sistem iletişim kutusu değil, gerçek bir konuşmaya benzediğinde gerçekleşir. İyi bir kullanıcı arayüzünün temel kuralı basittir: Bilgisayarlar insanlara uyum sağlamalıdır, tersi değil.

İnsanlar nadiren düz, doğrusal konuşmalar yapar (yalnızca bir tur süren konuşmalar). Bu nedenle, bir sistemle etkileşimi canlı bir konuşma gibi hissettirmek için tasarımcılar konuşma akışları oluşturmaya odaklanmalıdır. Her konuşma akışı, sistem ve kullanıcı arasında meydana gelen yollar olan diyaloglardan oluşur. Her diyalog, sistemin istemlerini ve kullanıcının olası yanıtlarını içerecektir.

Bir konuşma akışı, bir akış şeması şeklinde sunulabilir. Her akış, belirli bir kullanım durumuna odaklanmalıdır (örneğin, bir sistem kullanarak bir çalar saat ayarlama). Bir akıştaki çoğu diyalog için, işler raydan çıktığında hata yollarını düşünmek hayati önem taşır.

Kullanıcının her sesli komutu üç temel unsurdan oluşur: niyet, ifade ve yuva.

• Amaç, kullanıcının sesle etkinleştirilmiş bir sistemle etkileşiminin amacıdır.
  Niyet, bir dizi kelimenin ardındaki amacı tanımlamanın süslü bir yoludur. Bir sistemle her etkileşim, kullanıcıya bir miktar fayda sağlar. Bilgi ya da eylem olsun, yardımcı program niyetindedir. Kullanıcının amacını anlamak, sesli arayüzlerin çok önemli bir parçasıdır. VUI tasarladığımızda, kullanıcının amacının ne olduğunu her zaman kesin olarak bilemeyiz, ancak bunu yüksek doğrulukla tahmin edebiliriz.
• Söz, kullanıcının isteklerini nasıl ifade ettiğidir.
  Genellikle, kullanıcıların bir sesli komut formüle etmenin birden fazla yolu vardır. Örneğin, “Çalar saati sabah 8'e ayarla” veya “Çalar saat sabah 8'de” veya “Saat 8'de uyanmam gerekiyor” diyerek bir çalar saat kurabiliriz. Tasarımcıların her olası ifade varyasyonunu göz önünde bulundurması gerekir.
• Yuvalar, kullanıcıların bir komutta kullandığı değişkenlerdir. Bazen kullanıcıların istekte ek bilgi sağlaması gerekir. Çalar saat örneğimizde “08:00” bir yuvadır.

Kelimeleri Kullanıcının Ağzına Koymayın

İnsanlar konuşmayı biliyor. Onlara komutları öğretmeye çalışmayın. “Bir toplantı randevusu göndermek için 'Takvim, toplantılar, yeni bir toplantı oluştur' demeniz gerekir” gibi ifadelerden kaçının. Komutları açıklamanız gerekiyorsa, sistemi tasarlama şeklinizi yeniden gözden geçirmeniz gerekir. Daima doğal dil konuşmasını hedefleyin ve farklı konuşma tarzlarına uymaya çalışın).

Tutarlılık için Çalışın

Bağlamlar arasında dilde ve seste tutarlılık sağlamanız gerekir. Tutarlılık, etkileşimlerde aşinalık oluşturmaya yardımcı olacaktır.

Her Zaman Geribildirim Sağlayın

Sistem durumunun görünürlüğü, iyi GUI tasarımının temel ilkelerinden biridir. Sistem, makul bir süre içinde uygun geri bildirim yoluyla kullanıcıları her zaman neler olduğu konusunda bilgilendirmelidir. Aynı kural VUI tasarımı için de geçerlidir.

• Kullanıcının sistemin dinlediğini bilmesini sağlayın.
  Cihaz, kullanıcının isteğini dinlerken veya işlerken görsel göstergeleri gösterin. Geri bildirim olmadan, kullanıcı yalnızca sistemin bir şey yapıp yapmadığını tahmin edebilir. Bu nedenle, Amazon Echo ve Google Home gibi yalnızca sesli cihazlar bile, dinlerken veya bir yanıt ararken bize güzel görsel geri bildirim (yanıp sönen ışıklar) verir.
• Konuşma işaretleri sağlayın.
  Konuşma işaretleri, kullanıcıya konuşmada nerede olduklarını söyler.
• Bir görev tamamlandığında onaylayın.
  Örneğin, kullanıcılar sesli akıllı ev sistemine “Garajdaki ışıkları kapatın” diye sorduğunda, sistem kullanıcıya komutun başarıyla yürütüldüğünü bildirmelidir. Onay olmadan, kullanıcıların garaja girmeleri ve ışıkları kontrol etmeleri gerekecek. Kullanıcının hayatını kolaylaştırmak olan akıllı ev sisteminin amacını ortadan kaldırır.

Uzun Cümlelerden Kaçının

Ses etkin bir sistem tasarlarken, kullanıcılara bilgi sağlama şeklinizi göz önünde bulundurun. Uzun cümleler kullandığınızda, kullanıcıları çok fazla bilgiyle boğmak nispeten kolaydır. İlk olarak, kullanıcılar kısa süreli belleklerinde çok fazla bilgi tutamazlar, bu nedenle bazı önemli bilgileri kolayca unutabilirler. Ayrıca, ses yavaş bir ortamdır - çoğu insan dinleyebildiğinden çok daha hızlı okuyabilir.

Kullanıcınızın zamanına saygılı olun; uzun sesli monologları okumayın. Bir yanıt tasarlarken ne kadar az kelime kullanırsanız o kadar iyi olur. Ancak yine de kullanıcının görevini tamamlaması için yeterli bilgiyi sağlamanız gerektiğini unutmayın. Bu nedenle, bir cevabı birkaç kelimeyle özetleyemiyorsanız, bunun yerine ekranda görüntüleyin.

Sonraki Adımları Sırayla Sağlayın

Kullanıcılar sadece uzun cümlelerle değil, aynı anda seçeneklerin sayısıyla da bunalabilirler. Ses özellikli bir sistemle etkileşim sürecini ısırık büyüklüğünde parçalara ayırmak hayati önem taşır. Kullanıcının herhangi bir zamanda sahip olduğu seçeneklerin sayısını sınırlayın ve her an ne yapacaklarını bildiklerinden emin olun.

Pek çok özelliği olan karmaşık bir ses etkin sistem tasarlarken, aşamalı açıklama tekniğini kullanabilirsiniz: Yalnızca görevi tamamlamak için gereken seçenekleri veya bilgileri sunun.

Güçlü Bir Hata İşleme Stratejisine Sahip Olun

Tabii ki, sistem ilk etapta hataların oluşmasını engellemelidir. Ancak sesli sisteminiz ne kadar iyi olursa olsun, her zaman sistemin kullanıcıyı anlamadığı senaryo için tasarlamalısınız. Bu tür durumlar için tasarım yapmak sizin sorumluluğunuzdur.

İşte bir strateji oluşturmak için birkaç pratik ipucu:

• Kullanıcıyı suçlamayın.
  Konuşmada hata yok. “Cevabınız yanlış” gibi yanıtlardan kaçınmaya çalışın.
• Hata kurtarma akışları sağlayın.
  Önemli bilgileri kaybetmeden bir konuşmada ileri geri gitmek ve hatta sistemden çıkmak için bir seçenek sağlayın. Kullanıcının yolculuktaki durumunu kaydedin, böylece kaldıkları yerden sistemle yeniden bağlantı kurabilirler.
• Kullanıcıların bilgileri tekrar oynatmasına izin verin.
  Sistemin soruyu veya yanıtı tekrar etmesini sağlamak için bir seçenek sağlayın. Bu, kullanıcının tüm bilgileri çalışma belleğine kaydetmesinin zor olacağı karmaşık sorular veya yanıtlar için yararlı olabilir.
• Dur ifadeleri sağlayın.
  Bazı durumlarda, kullanıcı bir seçeneği dinlemekle ilgilenmeyecek ve sistemin bu konuda konuşmayı bırakmasını isteyecektir. Dur ifadeleri, tam da bunu yapmalarına yardımcı olmalıdır.
• Beklenmeyen ifadeleri zarif bir şekilde ele alın.
  Bir sistemin tasarımına ne kadar yatırım yaparsanız yapın, sistemin kullanıcıyı anlamadığı durumlar olacaktır. Bu tür vakaları incelikle ele almak çok önemlidir. Sistemin anlayış eksikliğini kabul etmesine izin vermekten korkmayın. Sistem, ne anladığını iletmeli ve yardımcı tekrarlar sağlamalıdır.
• Hata stratejinizi geliştirmek için analitiği kullanın.
  Analytics, yanlış dönüşleri ve yanlış yorumları belirlemenize yardımcı olabilir.

Bağlamı Takip Edin

Sistemin, kullanıcının girdisinin bağlamını anladığından emin olun. Örneğin, birisi önümüzdeki hafta San Francisco'ya bir uçuş rezervasyonu yaptırmak istediğini söylediğinde, konuşma akışı sırasında "şehir" veya "şehir"den bahsedebilir. Sistem söylenenleri hatırlamalı ve yeni alınan bilgilerle eşleştirebilmelidir.

Daha Güçlü Etkileşimler Oluşturmak İçin Kullanıcılarınız Hakkında Bilgi Edinin

Sesin etkin olduğu bir sistem, kullanıcının ne istediğini anlamak için ek bilgiler (kullanıcı bağlamı veya geçmiş davranış gibi) kullandığında daha karmaşık hale gelir. Bu tekniğe akıllı yorumlama denir ve sistemin kullanıcıyı aktif olarak öğrenmesini ve davranışlarını buna göre ayarlayabilmesini gerektirir. Bu bilgi, sistemin "Eşimin doğum günü için ne hediye almalıyım?" gibi karmaşık sorulara bile yanıt vermesine yardımcı olacaktır.

VUI'nize Bir Kişilik Verin

Her sesli sistem, planlamış olsanız da olmasanız da, kullanıcı üzerinde duygusal bir etkiye sahiptir. İnsanlar sesi makinelerle değil insanlarla ilişkilendirir. Speak Easy Global Edition araştırmasına göre, normal ses teknolojisi kullanıcılarının %74'ü, markaların ses özellikli ürünleri için benzersiz seslere ve kişiliklere sahip olmasını bekliyor. Kişilik yoluyla empati kurmak ve daha yüksek düzeyde kullanıcı katılımı elde etmek mümkündür.

Sunduğunuz ses ve tonda benzersiz markanızı ve kimliğinizi yansıtmaya çalışın. Ses etkin aracınızın bir kişiliğini oluşturun ve diyaloglar oluştururken bu kişiye güvenin.

Güven oluşturmak

Kullanıcılar bir sisteme güvenmediklerinde, onu kullanmak için motivasyonları olmaz. Bu nedenle güven oluşturmak, ürün tasarımının bir gereğidir. Oluşturulan güven düzeyi üzerinde iki faktörün önemli bir etkisi vardır: sistem yetenekleri ve geçerli sonuç.

Güven oluşturmak, kullanıcı beklentilerini belirlemekle başlar. Geleneksel GUI'ler, kullanıcının sistemin neler yapabileceğini anlamasına yardımcı olacak birçok görsel ayrıntıya sahiptir. Ses özellikli bir sistemle, tasarımcıların güvenecekleri daha az araca sahip olur. Yine de, sistemi doğal olarak keşfedilebilir kılmak hayati önem taşıyor; kullanıcı sistemde neyin mümkün olup olmadığını anlamalıdır. Bu nedenle, sesle etkinleştirilmiş bir sistem, sistemin ne yapabileceği veya ne bildiği hakkında konuştuğu, kullanıcının katılımını gerektirebilir. Yerleştirmeyi tasarlarken, insanlara ne yapabileceğini bildirmek için anlamlı örnekler sunmaya çalışın (örnekler talimatlardan daha iyi sonuç verir).

Geçerli sonuçlar söz konusu olduğunda, insanlar sesli sistemlerin kusurlu olduğunu bilirler. Bir sistem bir cevap sağladığında, bazı kullanıcılar cevabın doğru olduğundan şüphe duyabilir. bunun nedeni, kullanıcıların isteklerinin doğru anlaşılıp anlaşılmadığı veya cevabı bulmak için hangi algoritmanın kullanıldığı hakkında herhangi bir bilgiye sahip olmamasıdır. Güven sorunlarını önlemek için, kanıtları desteklemek için ekranı kullanın - orijinal sorguyu ekranda görüntüleyin - ve algoritma hakkında bazı önemli bilgiler sağlayın. Örneğin bir kullanıcı "2018'in en iyi beş filmini göster" diye sorduğunda sistem "İşte ABD gişesine göre 2018'in en iyi beş filmi" diyebilir.

Güvenlik ve Veri Gizliliğini İhmal Etmeyin

Bireye ait olan mobil cihazların aksine, ses cihazları mutfak gibi bir yere ait olma eğilimindedir. Ve genellikle aynı yerde birden fazla kişi vardır. Bir başkasının tüm kişisel verilerinize erişimi olan bir sistemle etkileşime girebileceğini hayal edin. Amazon Alexa, Google Asistan ve Apple Siri gibi bazı VUI sistemleri, sisteme bir güvenlik katmanı ekleyen bireysel sesleri tanıyabilir. Yine de, vakaların %100'ünde sistemin kullanıcıları benzersiz ses imzalarına göre tanıyabileceğini garanti etmez.

Ses tanıma sürekli gelişiyor ve yakın gelecekte bir sesi taklit etmek zor veya neredeyse imkansız olacak. Bununla birlikte, mevcut gerçeklikte, kullanıcıya verilerinin güvende olduğundan emin olmak için ek bir kimlik doğrulama katmanı sağlamak hayati önem taşımaktadır. Sağlık bilgileri veya bankacılık bilgileri gibi hassas verilerle çalışan bir uygulama tasarlıyorsanız, parola, parmak izi veya yüz tanıma gibi fazladan bir kimlik doğrulama adımı eklemek isteyebilirsiniz.

Kullanılabilirlik Testi Yapın

Kullanılabilirlik testi, herhangi bir sistem için zorunlu bir gerekliliktir. Erken test edin, genellikle test edin, tasarım sürecinizin temel bir kuralı olmalıdır. Kullanıcı araştırma verilerini erkenden toplayın ve tasarımlarınızı yineleyin. Ancak çok modlu arayüzleri test etmenin kendine has özellikleri vardır. İşte dikkate alınması gereken iki aşama:

• fikir aşaması
  Örnek diyaloglarınızı test edin. Örnek diyalogları yüksek sesle okuma alıştırması yapın. Bazı konuşma akışlarınız olduğunda, konuşmanın her iki tarafını da (kullanıcının sözleri ve sistemin yanıtları) kaydedin ve kulağa doğal gelip gelmediğini anlamak için kaydı dinleyin.
• Ürün geliştirmenin ilk aşamaları (lo-fi prototipleriyle test etme)
  Oz Büyücüsü testi, konuşma arayüzlerini test etmek için çok uygundur. Oz Büyücüsü testi, bir katılımcının bir bilgisayar tarafından çalıştırıldığına inandığı ancak aslında bir insan tarafından çalıştırıldığına inandığı bir sistemle etkileşime girdiği bir test türüdür. Test katılımcısı bir sorgu formüle eder ve diğer ucunda gerçek bir kişi yanıt verir. Bu yöntem adını Frank Baum'un Harika Oz Büyücüsü kitabından alır. Kitapta sıradan bir adam, güçlü bir büyücü gibi davranarak bir perdenin arkasına saklanır. Bu test, olası her etkileşim senaryosunu belirlemenize ve sonuç olarak daha doğal etkileşimler oluşturmanıza olanak tanır. Say Wizard, macOS'ta bir Wizard of Oz sesli arabirim testi çalıştırmanıza yardımcı olacak harika bir araçtır.
• Ürün geliştirmenin sonraki aşamaları (hi-fi prototiplerle test etme)
  Grafik kullanıcı arayüzlerinin kullanılabilirlik testinde, kullanıcılardan bir sistemle etkileşime girdiklerinde genellikle yüksek sesle konuşmalarını isteriz. Ses etkin bir sistem için bu her zaman mümkün değildir çünkü sistem bu anlatımı dinliyor olacaktır. Bu nedenle, yüksek sesle konuşmalarını istemek yerine kullanıcının sistemle etkileşimlerini gözlemlemek daha iyi olabilir.

Adobe XD Kullanarak Çok Modlu Bir Arayüz Nasıl Oluşturulur

Artık çok modlu bir arabirimin ne olduğu ve bunları tasarlarken hangi kuralları hatırlamanız gerektiği konusunda sağlam bir anlayışa sahip olduğunuza göre, çok modlu bir arabirimin prototipinin nasıl oluşturulacağını tartışabiliriz.

Prototipleme, tasarım sürecinin temel bir parçasıdır. Bir fikri hayata geçirebilmek ve başkalarıyla paylaşabilmek son derece önemlidir. Şimdiye kadar prototip oluşturmaya sesi dahil etmek isteyen tasarımcıların güvenebilecekleri çok az araç vardı ve bunların en güçlüsü bir akış şemasıydı. Bir kullanıcının bir sistemle nasıl etkileşime gireceğini hayal etmek, akış şemasına bakan birinin çok fazla hayal gücü gerektiriyordu. Adobe XD ile tasarımcılar artık ses ortamına erişebilir ve bunu prototiplerinde kullanabilirler. XD, ekran ve ses prototiplemeyi tek bir uygulamada sorunsuz bir şekilde birbirine bağlar.

Yeni Deneyimler, Aynı Süreç

Ses, görselden tamamen farklı bir ortam olsa da, Adobe XD'de ses için prototip oluşturma süreci, bir GUI için prototip oluşturma ile hemen hemen aynıdır. Adobe XD ekibi, sesi herhangi bir tasarımcı için doğal ve sezgisel hissedecek şekilde entegre eder. Tasarımcılar, prototiplerle etkileşim kurmak için sesli tetikleyicileri ve konuşma oynatmayı kullanabilir:

• Ses tetikleyicileri, bir kullanıcı belirli bir kelimeyi veya ifadeyi (sözce) söylediğinde bir etkileşim başlatır.
• Konuşma oynatma, tasarımcılara bir metinden sese motoruna erişim sağlar. XD, bir tasarımcı tarafından tanımlanan kelimeleri ve cümleleri konuşacaktır. Konuşma oynatma birçok farklı amaç için kullanılabilir. Örneğin, bir bildirim (kullanıcılara güven vermek için) veya rehberlik işlevi görebilir (böylece kullanıcılar daha sonra ne yapacaklarını bilirler).

XD'nin en güzel yanı, sizi her bir ses platformunun karmaşıklığını öğrenmeye zorlamamasıdır.

Yeterli kelime - nasıl çalıştığını görelim. Aşağıda göreceğiniz tüm örnekler için Amazon Alexa için Adobe XD UI kiti kullanılarak oluşturulan çalışma yüzeylerini kullandım (bu, kiti indirmek için bir bağlantıdır). Kit, Amazon Alexa için deneyimler oluşturmak için gereken tüm stilleri ve bileşenleri içerir.

Aşağıdaki çalışma yüzeylerine sahip olduğumuzu varsayalım:

Bazı sesli etkileşimler eklemek için prototipleme moduna geçelim. Sesli tetikleyicilerle başlayacağız. Dokun ve sürükle gibi tetikleyicilerin yanı sıra artık sesi tetikleyici olarak kullanabiliyoruz. Başka bir çalışma yüzeyine giden bir tutamaçları olduğu sürece, ses tetikleyicileri için herhangi bir katmanı kullanabiliriz. Çalışma yüzeylerini birbirine bağlayalım.

Bunu yaptığımızda, “Tetikleyici” altında yeni bir “Ses” seçeneği bulacağız. Bu seçeneği seçtiğimizde, bir ifade girmek için kullanabileceğimiz bir “Komut” alanı göreceğiz - bu XD'nin gerçekten dinleyeceği şey. Tetikleyiciyi etkinleştirmek için kullanıcıların bu komutu söylemesi gerekir.

Bu kadar! İlk sesli etkileşimimizi tanımladık. Artık kullanıcılar bir şey söyleyebilir ve bir prototip buna cevap verecektir. Ancak konuşma oynatmayı ekleyerek bu etkileşimi çok daha güçlü hale getirebiliriz. Daha önce bahsettiğim gibi, konuşma oynatma, bir sistemin bazı kelimeleri söylemesine izin verir.

İkinci bir çalışma yüzeyinin tamamını seçin ve mavi tutamacı tıklayın. Gecikmeli bir “Zaman” tetikleyicisi seçin ve 0,2 saniyeye ayarlayın. Eylemin altında “Konuşma Oynatma” öğesini bulacaksınız. Sanal asistanın bize söylediklerini yazacağız.

Prototipimizi test etmeye hazırız. İlk çalışma yüzeyini seçin ve sağ üstteki oynat düğmesine tıklamak bir önizleme penceresi açacaktır. Ses prototipleme ile etkileşim kurarken mikrofonunuzun açık olduğundan emin olun. Ardından, sesli komutu söylemek için boşluk çubuğunu basılı tutun. Bu girdi, prototipteki bir sonraki eylemi tetikler.

Deneyimi Daha Dinamik Hale Getirmek için Otomatik Animasyonu Kullanın

Animasyon, UI tasarımına birçok fayda sağlar. Aşağıdakiler gibi net işlevsel amaçlara hizmet eder:

• nesneler arasındaki uzamsal ilişkilerin iletilmesi (Nesne nereden geliyor? Bu nesneler ilişkili mi?);
• iletişim uygunluğu (Daha sonra ne yapabilirim?)

Ancak, animasyonun tek faydası işlevsel amaçlar değildir; animasyon ayrıca deneyimi daha canlı ve dinamik hale getirir. Bu nedenle UI animasyonları çok modlu arayüzlerin doğal bir parçası olmalıdır.

Adobe XD'de bulunan “Auto-Animate” ile, sürükleyici animasyon geçişleriyle prototipler oluşturmak çok daha kolay hale geliyor. Adobe XD sizin için tüm zor işleri yapıyor, bu yüzden endişelenmenize gerek yok. İki çalışma yüzeyi arasında animasyonlu bir geçiş oluşturmak için yapmanız gereken tek şey, bir çalışma yüzeyini çoğaltmak, klondaki nesne özelliklerini (boyut, konum ve döndürme gibi özellikler) değiştirmek ve bir Otomatik Canlandır eylemi uygulamaktır. XD, her çalışma yüzeyi arasındaki özelliklerdeki farklılıkları otomatik olarak canlandıracaktır.

Bakalım tasarımımızda nasıl çalışıyor. Amazon Echo Show'da mevcut bir alışveriş listemiz olduğunu ve sesli kullanarak listeye yeni bir nesne eklemek istediğimizi varsayalım. Aşağıdaki çalışma yüzeyini çoğaltın:

Düzende bazı değişiklikler yapalım: Yeni bir nesne ekleyin. Burada sınırlı değiliz, bu nedenle metin nitelikleri, renk, opaklık, nesnenin konumu gibi herhangi bir özelliği kolayca değiştirebiliriz - temel olarak, yaptığımız herhangi bir değişiklik, XD bunların arasında hareket edecektir.

“Eylem”de Otomatik Animasyonu kullanarak prototip modunda iki çalışma yüzeyini birbirine bağladığınızda, XD her çalışma yüzeyi arasındaki özelliklerdeki farklılıkları otomatik olarak canlandıracaktır.

İşte etkileşimin kullanıcılara nasıl görüneceği:

Bahsedilmesi gereken çok önemli bir şey: Tüm katmanların adlarını aynı tutun; aksi takdirde Adobe XD otomatik animasyonu uygulayamaz.

Çözüm

Bir kullanıcı arayüzü devriminin şafağındayız. Yeni nesil arayüzler - çok modlu arayüzler - kullanıcılara yalnızca daha fazla güç sağlamakla kalmayacak, aynı zamanda kullanıcıların sistemlerle etkileşim şeklini de değiştirecektir. We will probably still have displays, but we won't need keyboards to interact with the systems.

At the same time, the fundamental requirements for designing multimodal interfaces won't be much different from those of designing modern interfaces. Designers will need to keep the interaction simple; focus on the user and their needs; design, prototype, test and iterate.

And the great thing is that you don't need to wait to start designing for this new generation of interfaces. You can start today.

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.