Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
20191112_VUI開発で最も大切なデザインのお話
Search
yuka matsuba
November 12, 2019
Design
3
1.5k
20191112_VUI開発で最も大切なデザインのお話
2019年11月12日
#スマートスピーカーを遊びたおす会
yuka matsuba
November 12, 2019
Tweet
Share
More Decks by yuka matsuba
See All by yuka matsuba
UXデザイナーが1人で 未知の分野の プロダクト開発 に挑戦してみた話
otsuyu1025
0
56
Voice Interface Vs. Touch Interface : Where the Battle is Heading
otsuyu1025
0
200
VUIリーグ決勝に参加して
otsuyu1025
1
520
UX JAM Online #06:面白すぎて深すぎる Voice UX の世界 - Welcome to VUI沼 -
otsuyu1025
1
520
CES2020 - VUI
otsuyu1025
1
130
Alexaスキルで習慣化 - JAWS DAYS 2020
otsuyu1025
0
830
すごろく脱出ゲーム@VUIリーグ決勝審査会 20191124
otsuyu1025
0
860
瞬間英作文@VUIリーグ決勝審査会 20191124
otsuyu1025
0
770
あなたのスキル愛してください(2019.9.28)
otsuyu1025
0
190
Other Decks in Design
See All in Design
HCDフォーラム2024 「HCDとHAI ~人間とAIが共存する世界の実現~」
kamechi7222222
0
280
TUNAG BOOK 2024
stmn
0
470
マルチプロダクトにおけるデザイナーの挑戦-デザイン初め新年会2025
u_ri_ta
1
140
【デザイン初め新年会2025|01.08】事業貢献するデザイン組織の挑戦 - 2025年、課題解決をリードする。
payatsusan213
0
9.3k
The Very Small Creatures - dressing up warm sequence
lizziestoryboards
0
190
藤本佳子・ポートフォリオ・2025/01
yoshi_designer
0
3.3k
デザインシステムの力 Webデザイナーとエンジニアのための実践ガイド / The Power of Design System
spindle
9
4.9k
ネットワークセキュリティ科 学科紹介
sklbj_unz
0
160
Findy - デザイナー向け会社紹介 / Hiring Findy's Designers
findyinc
6
66k
セブンデックス カルチャーブック
sevendex
0
1.7k
ゲーム開発における、Figma活用事例の紹介 / applibot-figma
cyberagentdevelopers
PRO
2
620
世界中のチームワークをどうデザインしているのか
ka3zu1ma10
0
280
Featured
See All Featured
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
366
25k
Git: the NoSQL Database
bkeepers
PRO
427
64k
Into the Great Unknown - MozCon
thekraken
35
1.6k
Typedesign – Prime Four
hannesfritz
40
2.5k
Raft: Consensus for Rubyists
vanstee
137
6.8k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
40
2k
Done Done
chrislema
182
16k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.6k
The World Runs on Bad Software
bkeepers
PRO
67
11k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.2k
What's in a price? How to price your products and services
michaelherold
244
12k
Transcript
VUI開発で最も大切な デザインのお話 松葉 有香
松葉 有香 まつば ゆか 某SIer勤務のシステムエンジニア → UXデザイナー @a093_jp #アカペラ #HADO
#Alexa #Clova #Lambda #Node.js #スキル開発100チャレンジ #イラスト
本を書きました
【加藤家の食卓】サークルページ https://techbookfest.org/event/tbf07/circle/5730552053235712
None
出版までの経歴
※ スキル=VUIにおけるアプリケーション #スキル開発100チャレンジ 2017.12
Why? 出展:ロボットスタート(https://robotstart.info/2018/12/04/japanese-alexa-skill-2000.html) 2018年12月4日 日本国内のスキル数 2000突破
Why? 2000分の100 って、5%? 作れたら、すごくね? (´-`).。oO
None
#スキル開発100チャレンジ ※ スキル=VUIにおけるアプリケーション 2017.12
今は115個
2019.6.8〜6.9 2019.6.22〜6.23 2019.7.27 1位 2位 2位 Alexaスキルアワード2019 ハッカソン すごろく脱出ゲーム お姫さまの国
うん◯出た
4ヶ月連続達成!
これらの経験を通して 気づいたこと
ユーザーに 愛 されるため に大切な要素 GOOD VUI DESIGN
ユーザーに 愛 されるため に大切な要素 便利 心地よい 面白い
ユーザーに 愛 されるため に大切な要素 if(心地よい && (便利 || 面白い))
ユーザーに 愛 されるため に大切な要素 if(心地よい && (便利 || 面白い)) こ
の 大 切 さ を 伝 え た い
None
GOOD VUI DESIGN VUIデザインとは なぜよいVUIデザインが大切なのか HOW TO DESIGN VUI FAILURE
EXAMPLES 1. 2. 3. 4.
1 VUIデザインとは
UI DESIGN どのように操作すればどのように動くかを定義すること VUI DESIGN?
おすすめのレシピを 教えて ♪ 和洋中どれがいいで すか? 和かな ♪ 和のレシピですね。 それなら… VUI
DESIGN? VUI DESIGN どのように発話すればどのように応答するかを定義すること
おすすめのレシピを 教えて ♪ 和洋中どれがいいで すか? 和かな ♪ 和のレシピですね。 それなら… VUI
DESIGN? VUI DESIGN どのように発話すればどのように応答するかを定義すること ユーザーにどう言わせるのか それに対してどう答えるのか
おすすめのレシピを 教えて ♪ 和洋中どれがいいで すか? 和かな ♪ 和のレシピですね。 それなら… VUI
DESIGN? VUI DESIGN どのように発話すればどのように応答するかを定義すること ユーザーにどう言わせるのか それに対してどう答えるのか 会 話設 計
なぜ よいVUIデザイン が大切なのか 2
VUI の特徴 学習することなく自然に操れる 手や目が拘束されない ×
VUI の特徴 学習することなく自然に操れる × これをいかに実現するかが よいVUIデザイン になるか否かの分かれ道 会話設計に依存
よい VUI DESIGN ができないと… 負の体験が蓄積 VUIが衰退 使ってもらえない
よい VUI DESIGN ができないと… 負の体験が蓄積 VUIが衰退 使ってもらえない そ ん な
の嫌 !
スマートスピーカーを愛する私たちのために これから愛して欲しい人たちのために 私たちは よいVUIデザイン を考えなければいけない
if(心地よい && (便利 || 面白い)) だからよいVUIデザインが大切
HOW TO DESIGN VUI 3
HOW TO DESIGN VUI ユーザーに与える体験を定義する ユーザーペルソナを決める
ターゲットに適した話し方を考える SLOWLY EASILY BRIEFLY アシスタントの役割を決める GAME MASTER BUDDY ENEMY NARRATOR
アシスタントの性格を決める HOW TO DESIGN VUI セリフを考える(会話設計) ♪ 口調 テンショ ン スタンス
アシスタントの役割を決める GAME MASTER BUDDY ENEMY NARRATOR アシスタントの性格を決める HOW TO DESIGN
VUI セリフを考える(会話設計) ♪ 口調 テンショ ン スタンス HOW ターゲットに適した話し方を考える SLOWLY EASILY BRIEFLY VUIデ ザ イ ナ ー は ま る で 『 映 画 監 督 』
難しいのはやったことがないから そして一見難しく見えないから 会話なんて 誰でもできるじゃーん
そして本当は難しくない だってみんな 心地よさは判断できるはず 気持ちわるいよー!
FAILURE EXAMPLES SUCCESSFUL EXAMPLES ひとつひとつの会話に 真剣に向き合うことが大切
FAILURE EXAMPLES 4
FAILURE EXAMPLES 〇〇スキルへようこそ。このスキルで は、〇〇ができます。〇〇をするため には、まず、〇〇と言ってください。す ると、〇〇となりますので、そうしたら … 長ぇなぁ… 説明が長い 1
FAILURE EXAMPLES 長ぇなぁ… 説明が長い 1 起動回数に応じて説明を変える 〇〇スキルへようこそ。このスキルで は、〇〇ができます。〇〇をするため には、まず、〇〇と言ってください。す ると、〇〇となりますので、そうしたら
…
〇〇〇スキルへようこそ。 このスキルでは、〇〇ができます。 どうしますか? FAILURE EXAMPLES サポート不足 何言えば いいの…? 2
FAILURE EXAMPLES サポート不足 何言えば いいの…? 2 ロールプレイで試してみる 〇〇〇スキルへようこそ。 このスキルでは、〇〇ができます。 どうしますか?
〇〇スキルへようこそこのスキルでは 〇〇ができます早速始めますか? FAILURE EXAMPLES 間がない 聞き取り づらい… 3
FAILURE EXAMPLES 間がない 聞き取り づらい… 3 心地よい間の長さを探る 〇〇スキルへようこそこのスキルでは 〇〇ができます早速始めますか?
FAILURE EXAMPLES 正確に聞き取りにくい 海岸? 開眼? 4 カイガンでカイガンしました
FAILURE EXAMPLES 正確に聞き取りにくい 海岸? 開眼? 4 カイガンでカイガンしました ↓ 海辺で開眼しました なるべく訓読みを使う
〇〇は1番、△△は2番は、□□は3 番、◇◇は4番、▼▼は5番、 ΔΔは6番、どれにしますか? FAILURE EXAMPLES 大量の情報を与える どれだっけ… 5
〇〇は1番、△△は2番は、□□は3 番、◇◇は4番、▼▼は5番、 ΔΔは6番、どれにしますか? FAILURE EXAMPLES 大量の情報を与える どれだっけ… 5 メイン機能のみ伝えてヘルプに移譲・スキル分割
FAILURE EXAMPLES どこのイベントが知りたいですか? 大量の情報を聞く 長ぇなぁ… どんなジャンルがいいですか? いつのイベントが知りたいですか? 6
FAILURE EXAMPLES どこのイベントが知りたいですか? 大量の情報を聞く 長ぇなぁ… どんなジャンルがいいですか? いつのイベントが知りたいですか? 6 スキル分割・VUI化しない
今日もついたち 頑張っていきましょう! FAILURE EXAMPLES 発話が間違っている 7
FAILURE EXAMPLES 発話が間違っている ついたち…? いちにち!? 7 今日もついたち 頑張っていきましょう!
FAILURE EXAMPLES 発話が間違っている ついたち…? いちにち!? 7 読みに注意 今日もついたち 頑張っていきましょう! イントネーション
の調整も!
FAILURE EXAMPLES 1 2 3 4 5 6 7 説明が長い
サポート不足 間がない 正確に聞き取りにくい 大量の情報を与える 大量の情報を聞く 発話が間違っている
FAILURE EXAMPLES 1 2 3 4 5 6 7 説明が長い
サポート不足 間がない 正確に聞き取りにくい 大量の情報を与える 大量の情報を聞く 発話が間違っている 人 と 人 と の 会 話 だ と 思 っ て 違 和 感 を な く し て い く
SUMMARY
SUMMARY 負の体験が蓄積 VUIが衰退 心地よい &&(便利 || 面白い) ! 会話設計 GOOD
VUI DESIGN
SUMMARY FAILURE EXAMPLES SUCCESSFUL EXAMPLES ひとつひとつの会話に 真剣に向き合って心地よさを判断
SUMMARY FAILURE EXAMPLES ユーザーにとって便利な・心地よい・面白い VUIデザインを目指しましょう! に陥らないように 1 2 3 4
5 6 7 説明が長い サポート不足 間がない 発話が間違っている 大量の情報を与える 大量の情報を聞く 正確に聞き取りにくい
@a093_jp Thank you ♪ BOOTH, Kindleで販売中 http://a093.jp/goods/ 技術書博覧会 もでます
None