Panduan Cara untuk Desain Antarmuka Pengguna Suara Sempurna

Sejak saya melihat bagian pertama Iron Man, saya terpesona oleh potensi teknologi AI Tony, sangat baik dengan asisten AI-nya Jarvis.

Tapi hey! Kami sudah setengah jalan di sana bukan dalam gulungan tetapi kehidupan nyata.

Ingat menggunakan Siri untuk pertama kalinya di iPhone 4S? Itu adalah perasaan dunia lain, bukan? Dan sejak itu, kita semua tahu seberapa jauh kita telah melangkah – Alexa , Google Assistant , Cortona dan ratusan lainnya.

Jadi, sebagai desainer yang terinspirasi, jika Anda sama terpesonanya dengan saya dan ingin memberi kesempatan pada AI berbasis suara, maka Anda perlu mengasah keterampilan dan pengetahuan Anda tentang cara mendesain antarmuka pengguna suara .

Untungnya, Anda telah menemukan artikel yang tepat. Inilah semua yang Anda ingin dan perlu ketahui tentang VUI dan apa yang menjadikannya bagian penting dari desain pencarian aplikasi intuitif.

Apa itu VUI (Antarmuka Pengguna Suara)?

Singkatan dari Voice user Interface, VUI adalah antarmuka yang memungkinkan pengguna untuk berinteraksi dengan sistem melalui perintah suara. Contoh antarmuka pengguna suara yang paling populer dan teratas adalah Google Assistant, Siri, dan Amazon's Alexa.

Keuntungan terbesar dari VUI adalah bahwa mereka memfasilitasi cara berinteraksi dengan sistem tanpa mata dan tangan.

Mirip dengan aplikasi seluler yang berjalan di OS dan perangkat apa pun, VUI berisi tiga lapisan yang perlu bekerja sama untuk interaksi suara yang efisien. Di sini, masing-masing dari tiga lapisan menggunakan lapisan yang ada di bawahnya sambil mendukung yang di atas. Ini adalah dua lapisan atas tempat antarmuka suara berada, berada di cloud dan bukan di perangkat.

Langkah-langkah untuk merancang antarmuka pengguna suara

1. Teliti audiens Anda

Dalam proses mendesain VUI ini, Anda perlu menggunakan desain yang mengutamakan pengguna seperti yang Anda lakukan saat mendesain produk digital lainnya. Tujuan utama di sini adalah untuk mengumpulkan informasi dan memahami perilaku dan kebutuhan pengguna karena informasi inilah yang menjadi dasar persyaratan produk.

Apa yang harus Anda fokuskan pada tahap ini adalah –

• Identifikasi titik nyeri pengguna dan bagaimana pengalaman mereka. Dengan demikian, Anda akan dapat menganalisis di mana pengguna bisa mendapatkan keuntungan.
• Anda harus mengumpulkan informasi tentang bahasa pengguna- bagaimana mereka berbicara dan frasa yang mereka gunakan saat berbicara. Ini akan membantu Anda merancang sistem untuk ucapan yang berbeda.

2 . Mendefinisikan

Pada tahap ini, Anda perlu mendefinisikan kemampuan dan membentuk produk. Ini termasuk -

• Membuat skenario kunci interaksi

Skenario ini muncul sebelum ide spesifik aplikasi dan harus diidentifikasi agar dapat diubah menjadi alur dialog percakapan. Mereka adalah cara untuk memikirkan mengapa seseorang perlu menggunakan VUI. Jadi, Anda perlu merancang skenario yang memiliki nilai tinggi bagi pengguna Anda.

Terkadang, dapat membingungkan skenario mana yang penting dan mana yang dapat diabaikan. Untuk tujuan ini, Anda dapat menggunakan matriks use case untuk mengevaluasi masing-masing dari mereka.

• Pastikan skenario ini bekerja dengan suara

Yang paling penting di sini adalah bahwa pengguna dapat memecahkan masalah tertentu lebih efisien daripada yang dapat mereka lakukan dengan alternatif. Tujuan dari langkah ini adalah untuk menemukan kasus umum dan khusus yang akan dimanfaatkan oleh pengguna.

Di antara banyak, beberapa kasus adalah – A. ketika pengguna sibuk dan tidak dapat menggunakan antarmuka pengguna visual, dan B. ketika mereka ingin melakukan sesuatu dengan cepat. Yaitu, memerintahkan VUI untuk " Memutar musik " jauh lebih sedikit memakan waktu daripada melakukannya secara manual.

• Tiga faktor- Niat, Ucapan, Slot

Mari kita pahami keduanya dengan contoh “ Mainkan musik ” yang disebutkan di atas .

Intent – Ini pada dasarnya menggambarkan tujuan yang lebih luas dari perintah suara. Ada dua jenis maksud – A. Utilitas tinggi ( perintah yang sangat spesifik dan langsung, yaitu, 'menyalakan lampu di ruang tamu) dan B. Utilitas rendah (tidak jelas dan sulit diuraikan). Dalam kasus kami, ini adalah interaksi utilitas tinggi.
Utterance – Ini berkaitan dengan kemungkinan cara pengguna dapat mengutarakan permintaan. Dalam kasus kami, alternatif untuk " Mainkan musik " dapat berupa apa saja dari " Saya ingin mendengar musik " hingga " dapatkah Anda memainkan lagu " dan seterusnya. Semua desainer UI/UX dari VUI harus mempertimbangkan variasi.

Slot – Saat niat tidak cukup, slot mulai beraksi. Mereka merujuk pada informasi tambahan yang diperlukan untuk memberikan hasil terbaik untuk kueri. Mereka dapat opsional dan diperlukan. Dalam contoh kami, slotnya 'santai' tetapi ini opsional karena kategori musik tidak ditentukan oleh pengguna. Namun, jika perintahnya adalah ' pesan taksi di Uber ' slotnya akan menjadi 'tujuan' karenanya, diperlukan.

3. Buat prototipe

Alur dialog tersebut merupakan jawaban atas pertanyaan “bagaimana menciptakan interaksi suara antara pengguna dan teknologi” . Prosesnya dimulai dengan membuat alur dialog untuk setiap persyaratan yang ingin Anda targetkan dengan produk Anda.

Ini adalah poin-poin berikut yang harus dicakup oleh aliran dialog – Kata kunci utama untuk interaksi, kemungkinan cabang tempat percakapan dapat mengarah, dan contoh dialog untuk pengguna dan asisten.

Alur dialog dalam kasus kami tidak lain adalah prototipe yang menggambarkan percakapan bolak-balik antara pengguna dan asisten suara. Mari kita lihat alur dialog bergambar di bawah ini untuk pemahaman yang lebih baik.

Anda dapat menggunakan beberapa alat prototyping yang Anda inginkan untuk VUI. Beberapa yang paling populer adalah Amazon Alexa Skill Builder, Sayspring, dan SDK Google.

Menulis dialog

Kumpulan dialog yang dikompilasi adalah apa yang membuat blok pembangun aliran pengguna suara. Berikut adalah beberapa tip untuk membuat dialog yang menarik dan percakapan –

• Jangan membuat prosesnya terlalu lama. Pertahankan jumlah langkah seminimal mungkin.
• Anda tidak harus mengajarkan perintah kepada pengguna. Ini adalah sesuatu yang alami. Alih-alih, fokuslah untuk membuat asisten suara Anda berbicara.
• Cobalah untuk membuat pertanyaan dan tanggapan Anda singkat. Berikut adalah hal-hal yang harus dan tidak boleh dilakukan.

Jangan –

Pengguna: “Beri tahu saya tempat yang bagus untuk makan masakan Cina”
Sistem: “Saya telah menemukan lima tempat untuk Anda. Yang pertama adalah “Eat Chinese” yang terletak…, 15 menit dari Anda, buka dari jam 8:00 sampai 20:00, yang kedua adalah “Chopsticks” yang terletak di…, 1 jam dari Anda,…”

Mengerjakan -
Pengguna: “Beri tahu saya tempat yang bagus untuk makan masakan Cina”
Sistem: “Ada beberapa restoran Cina di area ini — apakah Anda lebih suka berjalan kaki atau berkendara?”

Identifikasi kesalahan

Bukankah lebih baik untuk mengidentifikasi kemungkinan kesalahan yang dapat Anda buat saat membuat dialog daripada memperbaiki kekacauan yang diperbesar nanti? Berikut adalah beberapa hal yang harus Anda hindari tetapi selalu tetap dalam perspektif untuk menghindari status kesalahan.

• Ambiguitas – Kata-kata pada dasarnya ambigu. Artinya, jika seseorang mengatakan 'Baik' itu bisa berarti 'Oke' atau melambangkan mereka mendengarkan. Jadi, buat AI Anda menyadari semua ambiguitas yang umum terjadi untuk kinerja yang optimal.

• Salah Eja / Salah Mengucapkan – Tidak seperti di atas kertas, kata-kata diucapkan secara berbeda. Satu kata dapat memiliki banyak pengucapan, sesuatu yang dapat menghambat aliran percakapan antara pengguna dan sistem pemrosesan bahasa alami.

• Tidak memberikan opsi yang relevan – Selalu pastikan bahwa pengguna mendapatkan sesuatu yang berharga dan relevan dari percakapan. Hasil yang tidak relevan untuk kueri paling tidak menarik dan bahkan kurang menjadi faktor pendorong bagi pengguna untuk menggunakan produk Anda lagi.

Bahkan jika kueri tidak memiliki hasil yang positif, asisten Anda harus selalu membalas dan tidak membiarkan pengguna menggantung. Yaitu, jika pengguna meminta " Pesan penerbangan ke LA dari Dallas untuk hari Selasa ", yang harus diikuti adalah – " Saya tidak dapat menemukan penerbangan untuk hari Selasa ". Dan yang lebih baik lagi adalah – “ Saya tidak dapat menemukan penerbangan untuk hari Selasa. Apakah Anda ingin saya memeriksa hari Rabu? ”.

Gambarkan identitas merek Anda

Bahkan dalam percakapan manusia, nada suara sangat penting karena memiliki nilai emosional yang melekat padanya. Kemudian, dialog Anda adalah apa yang akan menjadi kepribadian produk Anda dan harus selalu memberi kesan positif di benak pengguna. Anda perlu membuat tidak hanya 'dialog' tetapi juga yang memuaskan kebutuhan emosional pengguna.

Gunakan konten yang ada

Jika Anda menggunakan data yang Anda inginkan (semua percakapan yang dilakukan produk Anda dengan pengguna), Anda dapat sangat mempersonalisasi pengalaman mereka. Misalnya, jika pengguna memerintahkan " Saya ingin memesan mie ", sistem Anda akan mengembalikan " Apakah Anda ingin mengulangi pesanan mie Hakka terakhir Anda dari Sumpit? ”

4. Uji produk Anda

Setelah semuanya mencapai tahap yang hampir selesai, sekarang saatnya untuk menguji benih kerja Anda. Anda perlu menguji VUI yang telah Anda rancang untuk memastikannya memenuhi setiap tolok ukur pada daftar periksa Anda. Ada dua cara yang dapat Anda gunakan untuk menguji prototipe Anda.

• Dengan target pengguna

Anda dapat membuat grup audiens yang ditargetkan dan kemudian menerapkan sesi pengujian untuk mengamati bagaimana pengguna berinteraksi dengan produk Anda. Anda dapat menggunakan kesempatan ini untuk melacak tingkat penyelesaian tugas dan skor kepuasan pelanggan (CSAT).

• Dengan simulator uji

Mirip dengan simulator lain yang digunakan dalam pengembangan aplikasi seluler, Google dan Amazon juga menyediakan alat untuk menguji produk yang dirancang. Anda dapat menguji Alexa Skill dan Google Action produk sehubungan dengan perangkat keras dan pengaturannya.

5. Sempurnakan

Setelah aplikasi Anda mendarat di pasar, sekarang saatnya untuk observasi. Saatnya menikmati analisis UX. Tahap ini berkaitan dengan menganalisis bagaimana pengguna menggunakan produk Anda. Ini bisa sangat menantang jika Anda tidak mengerti tentang metrik apa yang seharusnya Anda amati. Jadi, inilah yang paling menonjol.

• Sesi per pengguna atau pesan per sesi
• Bahasa yang digunakan
• Maksud dan ucapan
• Metrik keterlibatan pengguna
• Aliran perilaku

Pedoman desain untuk antarmuka pengguna suara

"Kata-kata adalah sumber kesalahpahaman" - Antoine de Saint-Exupery

Biasanya, antarmuka pengguna visual juga memiliki masalah yang perlu ditangani, tetapi frustrasi dari antarmuka visual yang salah tidak ada apa-apanya dibandingkan dengan VUI. Jadi, jika asisten suara yang Anda rancang gagal berfungsi dengan baik, itu akan dibuang seperti kentang panas.

(Anda mungkin juga ingin membaca artikel kami tentang Visual Storytelling for App UI/UX Design )

Anda tahu apa yang akan membantu Anda menghentikan hal itu terjadi? – Pedoman desain VUI . Jadi, mari kita lihat mereka sekaligus.

• Jangan tunggu pengguna bertanya dulu

Tidak seperti antarmuka pengguna visual, pengguna mungkin tidak langsung terbiasa dengan fungsionalitasnya. Mereka mungkin bahkan tidak tahu bagaimana memulainya. Dalam hal ini, salah satu praktik terbaik Voice UI adalah mengambil langkah pertama. Misalnya, jika milik Anda adalah aplikasi seluler cuaca yang mendukung suara , aplikasi tersebut dapat mengatakan kepada pengguna – “ Anda dapat menanyakan cuaca hari ini atau prakiraan cuaca mingguan. Selain itu, Anda juga harus menawarkan opsi keluar yang mudah.

• Buat daftar opsi tindakan tetap pendek

Sampai dan kecuali Anda ingin membanjiri pengguna Anda di awal, Anda perlu memastikan bahwa Anda hanya memberikan opsi yang paling tepat dan mendasar.

Isi verbal harus sesingkat dan penuh makna mungkin sekaligus mudah dipahami dalam sekali jalan. Seperti yang direkomendasikan oleh Amazon untuk merancang antarmuka pengguna Voice untuk aplikasi seluler untuk Alexa, seseorang tidak boleh mencantumkan lebih dari tiga opsi untuk interaksi. Melakukan hal ini juga akan memastikan desain UX yang menarik dari VUI.

• KISS – Tetap sederhana dan singkat

Prinsip ini sangat berguna dalam mendesain VUI. Untuk membuat pengembangan aplikasi suara Anda menjadi yang terbaik di luar sana, Anda perlu memudahkan asisten suara Anda untuk memahami perintah. Misalkan, Anda sedang merancang interaksi suara untuk memulai mesin lantai toko, cara paling sederhana adalah dengan menghubungkan beberapa mesin ini dengan angka dan kemudian memberikan perintah seperti " Mulai mesin 1 ", dll.

• Beri tahu pengguna bahwa mereka didengar

Ingat betapa gelisahnya perasaan Anda ketika tidak ada tanda aktivitas di halaman web yang baru saja Anda buka. Sekarang, kalikan frustrasi ini dalam kasus VUI.

Sangat penting untuk menjaganya dalam perspektif bahwa pengguna Anda perlu diberi tahu saat perangkat berinteraksi secara aktif. Anda harus memberi pengguna antrean kapan harus berbicara dan kapan asisten suara mendengarkan. Gambar di atas Asisten Google menunjukkan bagaimana itu mewakili fungsi ini (dengan titik-titik membentuk gelombang) dan dengan Alexa seperti yang ditunjukkan di bawah ini (cahaya kebiruan berputar-putar di sekitar tepi atas perangkat).

• Konfirmasikan saat tugas selesai

Sama seperti Anda membutuhkan konfirmasi setelah Anda melakukan transaksi, hal yang sama diperlukan dengan VUI. Jika tidak, bagaimana pengguna mengetahui bahwa tugas telah dilakukan?

Misalnya, setelah pengguna memberikan perintah “ matikan lampu dapur ”, asisten Anda harus merespons dengan sesuatu seperti “Lampu dapur dimatikan” . Ini akan menghilangkan kebutuhan pengguna untuk memeriksa tugas yang dilakukan secara langsung, yang pada dasarnya merupakan inti dari memiliki AI berbasis Suara.

(Bonus Baca: Kiat & Tren Desain UI Aplikasi Seluler yang Akan Diikuti di 2020 {Eksklusif} )

Tantangan mendesain VUI

Seperti yang lainnya, antarmuka berbasis suara juga mengalami kelemahan . Sebenarnya bukan hanya satu tapi banyak. Jadi, tantangan apa yang sering dihadapi oleh desainer VUI dan lebih sering gagal untuk dikenali atau diselesaikan?

• Privasi dan Keamanan

Fakta bahwa asisten AI berbasis suara ini selalu menunggu antrian mendengarkan suara dari lingkungan mereka menimbulkan kekhawatiran besar bagi pengguna. Paranoia privasi mereka yang dirusak juga tidak irasional.

Awalnya, asisten suara seperti Alexa menyimpan semua percakapan yang mereka temui yang merupakan risiko besar AI suara di mata pengguna. Sesuatu dari mimpi buruk terjadi pada pasangan ketika Alexa tertangkap mengirim rekaman rahasia mereka ke orang asing. Sekarang, beberapa asisten secara otomatis menghapus percakapan yang disimpan setiap 24 jam atau lebih. Namun, ini datang dengan biaya tambahan dan gesekan UI.

• Sampaikan apa yang tidak dapat dilakukan oleh asisten Suara

Menjadi tantangan bagi desainer UI dan UX suara untuk menjelaskan kepada pengguna akhir apa yang tidak dapat dilakukan oleh Voice AI. Misalnya, saat menggunakan Asisten Google ketika Anda mengatakan " Buat acara bernama Rapat tim penjualan untuk Selasa pukul 2 " itu membuat kartu acara secara instan dan bertanya nanti " Apakah Anda ingin menyimpan acara ini? ”

Tapi bagaimana jika nanti Anda perlu mengubah lokasi atau waktu pertemuan, lalu bagaimana? Itu akan menjawab “ Saya tidak yakin dengan apa yang Anda katakan, apakah Anda ingin saya menyimpan acara ini? ”. Untuk menghindari pengalaman pengguna yang buruk, AI hanya bisa mengatakan " maaf, saya masih bekerja untuk menambahkan lokasi ".

• Kesulitan dalam pembuatan prototipe dan pengujian

Tantangan lain yang dihadapi oleh para desainer adalah prototipe dan pengujian UI suara. Misalkan, Anda telah membuat prototipe dan ingin mengujinya. Anda telah memberikan konfirmasi awal bahwa pengguna dapat berbelanja bahan makanan dengan asisten suara Anda.

Tantangannya dimulai di sini – Pengguna dapat mengatakan hal tertentu dalam gaya yang berbeda, sesuatu yang sulit untuk dilacak. Menjadi semakin sulit untuk menguji prototipe pada kueri seperti itu ketika belum sepenuhnya dikembangkan dengan teknologi pencarian suara .

• Dukungan bahasa

Karena prinsip utama teknologi suara adalah bahasa, menjadi penting bagi AI berbasis suara untuk fasih dalam memahami dan berbicara. Sayangnya, teknologi hanya berkembang dalam beberapa bahasa saja. Namun demikian, menambahkan bahasa lain dan aksen berbeda ke antarmuka masih dalam proses.

Masa depan VUI

Ibarat sebuah ritual, kita terikat untuk melihat prospek masa depan setiap teknologi dan suara tidak berbeda. Dari apa yang kami kumpulkan dari kasus penggunaan antarmuka suara seperti Alexa, kami tahu bahwa integrasi teknologi suara saja tidak dapat memenuhi kebutuhan sehari-hari pengguna.

Cara terbaik untuk diadopsi sepenuhnya adalah dengan berjabat tangan dengan antarmuka pengguna visual – seperti Asisten Google dan Siri. VUI dan antarmuka pengguna visual bersama-sama dapat mengimbangi kekurangan satu sama lain yang memberikan pengalaman asisten suara yang luar biasa kepada pengguna . Selain itu, ini akan memungkinkan mereka untuk melakukan tugas-tugas kompleks dengan perintah suara sederhana, yang merupakan kekurangan antarmuka suara pada saat ini dalam pengembangan mereka.

Dan siapa yang tahu pada saat dekade ini berakhir, kita semua mungkin memiliki Jarvis kita dan akan dapat melakukan semuanya seperti Tony Stark tanpa tampilan fisik.

Catatan Akhir

VUI akan tetap ada dan akan diintegrasikan ke dalam lebih banyak produk di masa mendatang. Kami berharap blog kami membantu dalam menghilangkan semua keraguan Anda tentang perancangan antarmuka pengguna suara. Namun, jika Anda masih memiliki pertanyaan atau ingin mempelajari lebih lanjut tentang VUI, Anda dapat terhubung dengan tim kami dan pakar kami akan dengan senang hati membantu Anda dengan solusi inovatif.