Çok Modlu Tasarımı Keşfetmek – Bir Adobe XD Eğitimi

Evde akşam yemeği hazırlamaya hazırlanan bir anne, iPad'inde veya SmartTV'sinde bir yemek pişirme uygulaması açar. Dokunma ve sesi kullanarak uygulamayla etkileşime giriyor ve videoya belirli bir bölümü duraklatmasını , hızlı ileri sarmasını veya yeniden oynatmasını söylüyor. İsterse sesini kullanmak yerine ekrana dokunabilir.

Çoklu etkileşim modlarının kullanılması, çok modlu tasarımın dayandığı şeydir.

Çok modlu tasarımı keşfetmeden önce, iki tür etkileşimin temel bir anlayışıyla başlayalım: bilgisayardan insana ve insandan bilgisayara. Bu etkileşimlerin her biri, ses, dokunma ve dokunma geri bildirimi gibi çeşitli modaliteleri içerir.

Bilgisayar-insan Modaliteleri

Bilgisayardan insana (veya bilgisayardan insana) modaliteler, bilgisayarın kullanıcının ne istediğini anlamasına yardımcı olur. En yaygın bilgisayar-insan modaliteleri görme, işitme ve dokunsal yeteneklere dayanır. Birkaç örnek, bilgisayar grafikleri, ses çalma, telefon titreşimleri ve akıllı saat dokunma geri bildirimidir.

İnsan-bilgisayar Modaliteleri

Bilgisayarlarla etkileşim kurmanın birkaç yolunu icat ettik. Birkaç örnek klavyeler, fareler, dokunmatik ekranlar, izleme dörtgenleri ve konuşma tanımadır. Bu durumda, kullanıcılar bilgisayarlarla iletişim kurmak ve bilgisayarlara komut vermek için çeşitli mekanizmalara güvenirler.

Daha karmaşık örnekler, hareket algılamaya yardımcı olan ivmeölçerler, jiroskoplar ve manyetometrelerdir. Bir konsolda tenis oynamayı ve raketin hareketini taklit etmek için oyun kumandasını kullanmayı düşünün. Bu, benzersiz ve ilgi çekici bir [çok modlu] kullanıcı deneyimi oluşturmak için daha birçok fırsat getiriyor.

Neden Multimodal Tasarım

Çok modlu tasarımın arkasındaki fikir, bir ürünün kullanıcı deneyimini geliştirmek için birden çok modaliteyi birleştirmektir. Herkes ürünleri farklı şekillerde ve farklı bağlamlarda kullandığından, kullanıcılara çeşitli geri bildirim mekanizmaları ve bilgisayarlarıyla etkileşim kurmaları için birden fazla yol sunulur.

Tasarımcılar, eylemleri farklı yöntemlerle birleştirerek ve otomatikleştirerek kullanıcılar için hayatı kolaylaştırır. Tek bir modalite mekanizması olsaydı, kullanıcı deneyimini olumsuz etkilerdi ve tasarım, kullanıcının zihninde “başarısız olurdu”.

Bir örnek, bir araba bilgi-eğlence sistemidir. Bu sistemlerin çoğu, kullanıcıların ses ve dokunma ile etkileşime girmesine izin verir. Araba sürerken, telefon görüşmesi yapmak veya navigasyon yapmak için sesimizi kullanmak bariz bir seçimdir, ancak park halindeyken, sistemle etkileşim kurmak için dokunmatik ekranı veya kaydırma tekerleğini kullanmak büyük olasılıkla daha kolaydır.

Çok modlu tasarımda yaygın olarak bulduğumuz birkaç örnek daha:

• Grafiksel bir kullanıcı arayüzü, örneğin bir web sitesi veya dijital bir reklam panosu ile etkileşim kurma vizyonumuza dayanır.
• Sesli kullanıcı arabirimi, etkileşim kurmak için işitsel yeteneklerimize dayanır. Buna Alexa, Google Asistan veya Siri gibi herhangi bir sesli asistan dahildir.
• Dokunma, jestler ve hareket, bir etkileşimi tetiklemek için dokunma algımıza (dokunsal yetenekler) dayanır. Bir mesaj almak veya bir şarkıyı atlamak için sola kaydırmak iki örnektir.

Çok modlu tasarım, belirli sınırlamaları ve engelleri olan kişiler için tasarım yaparken de yararlıdır.

Basit Bir Multimodal Tasarım Örneği: SmartHome

Robert uzun bir günün ardından eve gelir. Ev otomasyon sistemi, garajına bir mil yaklaştığında tetikleniyor. Sistem onun geldiğini anlar ve bir dizi otomatik eylem başlatır. Örneğin ışıkları açar, ısıtma ve soğutmayı ayarlar, alarm sistemini devre dışı bırakır.

Ardından, Robert ya bir uzaktan kumanda kullanabilir ya da yapay zeka destekli asistandan içeri girdiğinde ısıyı düşürmesini isteyebilir.

Karmaşık Bir Multimodal Tasarım Deneyimi: Sağlık

Artık akıllı cihazlar kullanan kullanıcılardan daha karmaşık girdiler alabiliyoruz. Stres seviyeleri, kalp atışı, uyku döngüleri, su alımı ve yakın gelecekte glikoz seviyeleri gibi girdileri ölçebiliriz.

Bu girdiler bir kez saklandıktan sonra, Fitbit ve First Aid by The Red Cross gibi cihazlar ve hizmetler, titreşimli uyarı, bileğe dokunarak "dokunma" veya sesli alarm şeklinde değerli, hayat kurtaran uyarılar sağlar.

Bu, çok modlu tasarımın daha karmaşık bir kullanımıdır çünkü girdiler ve çıktılar arasındaki dengenin doğru hesaplanması gerekir. Tasarım, kullanıcıyı paniğe sevk etme potansiyeline sahip herhangi bir yanlış alarm vermemelidir.

İster basit ister karmaşık çok modlu deneyimler tasarlayın, çok modlu tasarımı daha iyi anlamanın en iyi yollarından biri, tasarlamaya bunu akılda tutarak başlamaktır. Adobe XD kullanarak bunu nasıl başarabileceğimize bakalım.

Adobe XD'de Çok Modlu Bir Deneyimin Prototiplenmesi

Popüler bir UX tasarım aracı olan Adobe XD, son zamanlarda özellik cephaneliğine sesli komutlar ve oynatma ekledi. Bunlardan yararlanarak, çok modlu bir kullanıcı deneyimi oluşturmak için konuşma ve ses çalma gibi modaliteler ekleyebiliriz.

Örnek olarak, bir yemek pişirme uygulaması için mobil yolculuğun prototipini yapalım. Bir şef nasıl biftek pişirileceğini gösteriyor ve insanlar uygulamaya duraklatmasını, tekrar etmesini veya ses veya dokunmayı kullanmaya devam etmesini söyleyebilir.

İlk önce deneyimi göstermek için gereken tüm ekranları prototipliyoruz:

Resmi tam boy görmek için tıklayın.

Ardından, bir ses modalitesini taklit edecek bir sesli komut ekliyoruz. Prototip modunda, birinci ve ikinci ekranı bağlayarak başlıyoruz. Ardından tetik altında sesi seçiyoruz ve bu geçişi tetiklemek için komut altına bir söz yazıyoruz. İki veya daha fazla sesli komut eklemek istiyorsak, her biri için bir bağlayıcı eklememiz gerekecek.

Resmi tam boy görmek için tıklayın.

Bir sonraki ekran için sistemin kullanıcıya cevap vermesini istiyoruz. Bunu, bir zaman tetikleyicisi oluşturarak ve eylem altına konuşma oynatma ekleyerek yapıyoruz. Anında reaksiyon oluşturmak istediğimiz için süreyi 0 saniye olarak belirledik.

Resmi tam boy görmek için tıklayın.

Geleneksel tetikleyicileri de ekleyebiliriz. Bu örnekte, listenin ikinci öğesine bir dokunma tetikleyicisi ekleyeceğiz. Kullanıcı bu öğeye dokunduğunda uygulama bir sonraki ekrana ilerleyecektir. Hem sesli komutları hem de dokunmatik komutları birleştirmek, çok modlu tasarım kullanarak daha iyi, daha düşünceli bir kullanıcı deneyimi sağlamanın harika bir örneğidir.

Resmi tam boy görmek için tıklayın.

Ardından, kullanıcının uygulama içindeki deneyimi nasıl duraklatabileceğini ve devam ettirebileceğini göstermek istiyoruz. Bu uygulamayı Amazon Eko'yu göz önünde bulundurarak tasarladığımız için "Yankı, duraklat" gibi bir sesli komut eklemek istiyoruz.

Resmi tam boy görmek için tıklayın.

Videonun devam etmesi için “Echo, Continue” sesli komutunu ekleyerek aynı işlemi gerçekleştireceğiz.

Resmi tam boy görmek için tıklayın.

Bu, sesli tetikleyici kullanan çok modlu tasarımın temel bir örneğidir. Ek tetikleyiciler, prototipi kontrol etmek için dokunma, sürükleme ve klavyeyi veya oyun kumandasını kullanmayı içerir.

Sırf var oldukları için tetikleyicileri kullanma tuzağına düşmek kolaydır. Tasarımcılar, multimodal tasarımla daha iyi bir kullanıcı deneyimi tasarlamak için, hangi etkileşimlerin ne zaman ve en anlamlı olduğunu test etmek ve öğrenmek isteyeceklerdir.

Multimodal Tasarım ve Zihinsel Modeller

Modaliteleri kullanarak tasarım yaparken, kullanıcıların bir etkileşimin nasıl olması gerektiğine dair önceden belirlenmiş bir dizi beklentileri (zihinsel modeller) olduğunu hatırlamak önemlidir. Örneğin, çoğu kullanıcı izleme dörtgeni veya fare kaydırma tekerleği ile aşağı kaydırdıklarında ekranın yukarı hareket etmesini bekler.

Çoğu durumda bu zihinsel modellerin hala oluşturulmakta olduğunu unutmayın. Telefonu sallamak buna bir örnektir. Bazı satıcılar bunu yazmayı “geri almak” için kullanırken, diğerleri onu şarkıları karıştırmak için kullandığından hala belirsiz bir etkileşimdir.

Ürün tasarımına hangi modaliteleri koyacağınızı seçerken bu zihinsel modellerin farkında olmak önemlidir. Bilinen modaliteleri kullanmak, kullanıcı deneyimini iyileştirebilir. Halen oluşturulmakta olan modaliteler, kullanıcıların kafasını karıştırabilir ve deneyimi bozabilir.

Gelişen Modaliteler: Konuşma Tasarımı

Çok fazla ilgi çeken iki yöntem, sohbet robotları ve sesli kullanıcı arayüzleridir. Bazen konuşma kullanıcı arayüzleri olarak adlandırılan birincil odak, metin ve konuşma etkileşimleridir.

Bir sohbet robotu, metin gibi girdileri almak için bir arayüzden yararlanabilir ve grafikler, bağlantılar, haritalar ve diyalog diyalogları gösterebilir. Bazı sohbet robotları sesli komutlar alabilir ve ardından sonuçları metin olarak veya sentezlenmiş ses kullanarak görüntüleyebilir.

Saf ses etkileşimleri de ortaya çıkıyor. Siri veya Alexa'nın, kullanıcıların hiçbir şey yazmadığı, bunun yerine yalnızca sesle tam etkileşime girdiği akıllı ev cihazlarına genişletildiğini düşünün. Bu tasarımcılar için önemlidir çünkü konuşma tasarımındaki hemen hemen her deneyim çok modlu bir deneyimdir.

Harika bir örnek, Maybe'den Lily'dir. Size Çince (ve diğer dilleri) öğreten ve farklı kanallarda çalışan bir bot. Sohbetler, uygulamada veya botla konuşarak gerçekleşebilir.

Özet

Ses, dokunma, metin ve dokunma geri bildirimini kullanan çok modlu tasarım, daha iyi kullanıcı deneyimleri oluşturmak için farklı modaliteleri birleştirir. Bilgisayar-insan ve insan-bilgisayar etkileşimleri, benzersiz ürün deneyimleri oluşturmak için birleştirilebilir.

Multimodal tasarım, tasarımcılar için yeni fırsatlar ve zorluklar da sunuyor. Adobe XD gibi araçlar, çeşitli modaliteler kullanarak ürünlerin prototipini oluşturmayı kolaylaştırır, ancak bunları birlikte kullanmanın bir sanatı ve bilimi vardır.

Yeni modalitelerin ortaya çıkmasıyla birlikte bu mükemmel dengeyi yakalamak, tasarımcıları kullanıcı deneyimlerini iyileştirme konusunda çıtayı yükseltmeye zorlayacaktır.

• • •

Toptal Tasarım Blogunda daha fazla okuma:

• Hassas Tasarım – Bir Adobe XD İncelemesi
• Tasarım Düşüncesi Eleştirisinin Nedenlerini Keşfetmek
• Chatbot UX – Tasarım İpuçları ve Hususlar
• The Chat Crash – Bir Chatbot Başarısız Olduğunda
• Ürün Tasarımında İnsan Odaklı Tasarımın Önemi