20191112_VUI開発で最も大切なデザインのお話

2019年11月12日
#スマートスピーカーを遊びたおす会

Transcript

1. VUI開発で最も大切な デザインのお話 松葉 有香
2. 松葉 有香 まつば ゆか 某SIer勤務のシステムエンジニア → UXデザイナー @a093_jp #アカペラ #HADO #Alexa #Clova #Lambda #Node.js #スキル開発100チャレンジ #イラスト
3. 本を書きました
4. 【加藤家の食卓】サークルページ https://techbookfest.org/event/tbf07/circle/5730552053235712
6. 出版までの経歴
7. ※ スキル＝VUIにおけるアプリケーション #スキル開発100チャレンジ 2017.12
8. Why? 出展：ロボットスタート（https://robotstart.info/2018/12/04/japanese-alexa-skill-2000.html） 2018年12月4日 日本国内のスキル数 2000突破
9. Why? 2000分の100 って、5%？ 作れたら、すごくね？ （´-`）.｡oO
11. #スキル開発100チャレンジ ※ スキル＝VUIにおけるアプリケーション 2017.12
12. 今は115個
13. 2019.6.8〜6.9 2019.6.22〜6.23 2019.7.27 1位
 2位
 2位
 Alexaスキルアワード2019 ハッカソン すごろく脱出ゲーム お姫さまの国 うん◯出た
14. 4ヶ月連続達成！
15. これらの経験を通して 気づいたこと
16. ユーザーに 愛 されるため に大切な要素 GOOD VUI DESIGN
17. ユーザーに 愛 されるため に大切な要素 便利 心地よい 面白い
18. ユーザーに 愛 されるため に大切な要素 if(心地よい && (便利 || 面白い))
19. ユーザーに 愛 されるため に大切な要素 if(心地よい && (便利 || 面白い)) こ の 大 切 さ を 伝 え た い
21. GOOD VUI DESIGN VUIデザインとは なぜよいVUIデザインが大切なのか HOW TO DESIGN VUI FAILURE EXAMPLES 1. 2. 3. 4.
22. 1 VUIデザインとは
23. UI DESIGN どのように操作すればどのように動くかを定義すること VUI DESIGN?
24. おすすめのレシピを 教えて ♪ 和洋中どれがいいで すか？ 和かな ♪ 和のレシピですね。 それなら… VUI DESIGN? VUI DESIGN どのように発話すればどのように応答するかを定義すること
25. おすすめのレシピを 教えて ♪ 和洋中どれがいいで すか？ 和かな ♪ 和のレシピですね。 それなら… VUI DESIGN? VUI DESIGN どのように発話すればどのように応答するかを定義すること ユーザーにどう言わせるのか それに対してどう答えるのか
26. おすすめのレシピを 教えて ♪ 和洋中どれがいいで すか？ 和かな ♪ 和のレシピですね。 それなら… VUI DESIGN? VUI DESIGN どのように発話すればどのように応答するかを定義すること ユーザーにどう言わせるのか それに対してどう答えるのか 会 話設 計
27. なぜ よいVUIデザイン が大切なのか 2
28. VUI の特徴 学習することなく自然に操れる 手や目が拘束されない ×
29. VUI の特徴 学習することなく自然に操れる × これをいかに実現するかが よいVUIデザイン になるか否かの分かれ道 会話設計に依存
30. よい VUI DESIGN ができないと… 負の体験が蓄積 VUIが衰退 使ってもらえない
31. よい VUI DESIGN ができないと… 負の体験が蓄積 VUIが衰退 使ってもらえない そ ん な の嫌 ！
32. スマートスピーカーを愛する私たちのために これから愛して欲しい人たちのために 私たちは よいVUIデザイン を考えなければいけない
33. if(心地よい && (便利 || 面白い)) だからよいVUIデザインが大切
34. HOW TO DESIGN VUI 3
35. HOW TO DESIGN VUI ユーザーに与える体験を定義する ユーザーペルソナを決める
36. ターゲットに適した話し方を考える SLOWLY EASILY BRIEFLY アシスタントの役割を決める GAME MASTER BUDDY ENEMY NARRATOR アシスタントの性格を決める HOW TO DESIGN VUI セリフを考える（会話設計） ♪ 口調 テンショ ン スタンス
37. アシスタントの役割を決める GAME MASTER BUDDY ENEMY NARRATOR アシスタントの性格を決める HOW TO DESIGN VUI セリフを考える（会話設計） ♪ 口調 テンショ ン スタンス HOW ターゲットに適した話し方を考える SLOWLY EASILY BRIEFLY VUIデ ザ イ ナ ー は ま る で 『 映 画 監 督 』
38. 難しいのはやったことがないから そして一見難しく見えないから 会話なんて 誰でもできるじゃーん
39. そして本当は難しくない だってみんな 心地よさは判断できるはず 気持ちわるいよー！
40. FAILURE EXAMPLES SUCCESSFUL EXAMPLES ひとつひとつの会話に 真剣に向き合うことが大切
41. FAILURE EXAMPLES 4
42. FAILURE EXAMPLES 〇〇スキルへようこそ。このスキルで は、〇〇ができます。〇〇をするため には、まず、〇〇と言ってください。す ると、〇〇となりますので、そうしたら … 長ぇなぁ… 説明が長い 1
43. FAILURE EXAMPLES 長ぇなぁ… 説明が長い 1 起動回数に応じて説明を変える 〇〇スキルへようこそ。このスキルで は、〇〇ができます。〇〇をするため には、まず、〇〇と言ってください。す ると、〇〇となりますので、そうしたら …
44. 〇〇〇スキルへようこそ。 このスキルでは、〇〇ができます。 どうしますか？ FAILURE EXAMPLES サポート不足 何言えば いいの…？ 2
45. FAILURE EXAMPLES サポート不足 何言えば いいの…？ 2 ロールプレイで試してみる 〇〇〇スキルへようこそ。 このスキルでは、〇〇ができます。 どうしますか？
46. 〇〇スキルへようこそこのスキルでは 〇〇ができます早速始めますか？ FAILURE EXAMPLES 間がない 聞き取り づらい… 3
47. FAILURE EXAMPLES 間がない 聞き取り づらい… 3 心地よい間の長さを探る 〇〇スキルへようこそこのスキルでは 〇〇ができます早速始めますか？
48. FAILURE EXAMPLES 正確に聞き取りにくい 海岸? 開眼? 4 カイガンでカイガンしました
49. FAILURE EXAMPLES 正確に聞き取りにくい 海岸? 開眼? 4 カイガンでカイガンしました ↓ 海辺で開眼しました なるべく訓読みを使う
50. 〇〇は１番、△△は２番は、□□は３ 番、◇◇は４番、▼▼は５番、 ΔΔは６番、どれにしますか？ FAILURE EXAMPLES 大量の情報を与える どれだっけ… 5
51. 〇〇は１番、△△は２番は、□□は３ 番、◇◇は４番、▼▼は５番、 ΔΔは６番、どれにしますか？ FAILURE EXAMPLES 大量の情報を与える どれだっけ… 5 メイン機能のみ伝えてヘルプに移譲・スキル分割
52. FAILURE EXAMPLES どこのイベントが知りたいですか？ 大量の情報を聞く 長ぇなぁ… どんなジャンルがいいですか？ いつのイベントが知りたいですか？ 6
53. FAILURE EXAMPLES どこのイベントが知りたいですか？ 大量の情報を聞く 長ぇなぁ… どんなジャンルがいいですか？ いつのイベントが知りたいですか？ 6 スキル分割・VUI化しない
54. 今日もついたち 頑張っていきましょう！ FAILURE EXAMPLES 発話が間違っている 7
55. FAILURE EXAMPLES 発話が間違っている ついたち…? いちにち!? 7 今日もついたち 頑張っていきましょう！
56. FAILURE EXAMPLES 発話が間違っている ついたち…? いちにち!? 7 読みに注意 今日もついたち 頑張っていきましょう！ イントネーション の調整も！
57. FAILURE EXAMPLES 1 2 3 4 5 6 7 説明が長い サポート不足 間がない 正確に聞き取りにくい 大量の情報を与える 大量の情報を聞く 発話が間違っている
58. FAILURE EXAMPLES 1 2 3 4 5 6 7 説明が長い サポート不足 間がない 正確に聞き取りにくい 大量の情報を与える 大量の情報を聞く 発話が間違っている 人 と 人 と の 会 話 だ と 思 っ て 違 和 感 を な く し て い く
59. SUMMARY
60. SUMMARY 負の体験が蓄積 VUIが衰退 心地よい &&（便利 || 面白い） ！ 会話設計 GOOD VUI DESIGN
61. SUMMARY FAILURE EXAMPLES SUCCESSFUL EXAMPLES ひとつひとつの会話に 真剣に向き合って心地よさを判断
62. SUMMARY FAILURE EXAMPLES ユーザーにとって便利な・心地よい・面白い VUIデザインを目指しましょう！ に陥らないように 1 2 3 4 5 6 7 説明が長い サポート不足 間がない 発話が間違っている 大量の情報を与える 大量の情報を聞く 正確に聞き取りにくい
63. @a093_jp Thank you ♪ BOOTH, Kindleで販売中 http://a093.jp/goods/ 技術書博覧会 もでます