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

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/
技術書博覧会
もでます