2019年11月12日 #スマートスピーカーを遊びたおす会
VUI開発で最も大切なデザインのお話 松葉 有香
View Slide
松葉 有香まつば ゆか某SIer勤務のシステムエンジニア→ UXデザイナー@a093_jp#アカペラ #HADO #Alexa #Clova#Lambda #Node.js#スキル開発100チャレンジ#イラスト
本を書きました
【加藤家の食卓】サークルページhttps://techbookfest.org/event/tbf07/circle/5730552053235712
出版までの経歴
※ スキル＝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
#スキル開発100チャレンジ ※ スキル＝VUIにおけるアプリケーション2017.12
今は115個
2019.6.8〜6.9 2019.6.22〜6.23 2019.7.271位 2位 2位 Alexaスキルアワード2019 ハッカソンすごろく脱出ゲーム お姫さまの国 うん◯出た
4ヶ月連続達成！
これらの経験を通して気づいたこと
ユーザーに 愛 されるために大切な要素GOOD VUI DESIGN
ユーザーに 愛 されるために大切な要素便利 心地よい 面白い
ユーザーに 愛 されるために大切な要素if(心地よい && (便利 || 面白い))
ユーザーに 愛 されるために大切な要素if(心地よい && (便利 || 面白い))この大切さを伝えたい
GOOD VUI DESIGNVUIデザインとはなぜよいVUIデザインが大切なのかHOW TO DESIGN VUIFAILURE EXAMPLES1.2.3.4.
1VUIデザインとは
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 TODESIGN VUI3
HOW TO DESIGN VUIユーザーに与える体験を定義するユーザーペルソナを決める
ターゲットに適した話し方を考えるSLOWLY EASILY BRIEFLYアシスタントの役割を決めるGAMEMASTERBUDDY ENEMY NARRATORアシスタントの性格を決めるHOW TO DESIGN VUIセリフを考える（会話設計）♪口調 テンションスタンス
アシスタントの役割を決めるGAMEMASTERBUDDY ENEMY NARRATORアシスタントの性格を決めるHOW TO DESIGN VUIセリフを考える（会話設計）♪口調 テンションスタンスHOWターゲットに適した話し方を考えるSLOWLY EASILY BRIEFLYVUIデザイナーはまるで『映画監督』
難しいのはやったことがないからそして一見難しく見えないから会話なんて誰でもできるじゃーん
そして本当は難しくないだってみんな心地よさは判断できるはず気持ちわるいよー！
FAILUREEXAMPLESSUCCESSFULEXAMPLESひとつひとつの会話に真剣に向き合うことが大切
FAILUREEXAMPLES4
FAILURE EXAMPLES〇〇スキルへようこそ。このスキルでは、〇〇ができます。〇〇をするためには、まず、〇〇と言ってください。すると、〇〇となりますので、そうしたら…長ぇなぁ…説明が長い1
FAILURE EXAMPLES長ぇなぁ…説明が長い1起動回数に応じて説明を変える〇〇スキルへようこそ。このスキルでは、〇〇ができます。〇〇をするためには、まず、〇〇と言ってください。すると、〇〇となりますので、そうしたら…
〇〇〇スキルへようこそ。このスキルでは、〇〇ができます。どうしますか？FAILURE EXAMPLESサポート不足何言えばいいの…？2
FAILURE EXAMPLESサポート不足何言えばいいの…？2ロールプレイで試してみる〇〇〇スキルへようこそ。このスキルでは、〇〇ができます。どうしますか？
〇〇スキルへようこそこのスキルでは〇〇ができます早速始めますか？FAILURE EXAMPLES間がない聞き取りづらい…3
FAILURE EXAMPLES間がない聞き取りづらい…3心地よい間の長さを探る〇〇スキルへようこそこのスキルでは〇〇ができます早速始めますか？
FAILURE EXAMPLES正確に聞き取りにくい海岸? 開眼?4カイガンでカイガンしました
FAILURE EXAMPLES正確に聞き取りにくい海岸? 開眼?4カイガンでカイガンしました↓海辺で開眼しましたなるべく訓読みを使う
〇〇は１番、△△は２番は、□□は３番、◇◇は４番、▼▼は５番、ΔΔは６番、どれにしますか？FAILURE EXAMPLES大量の情報を与えるどれだっけ…5
〇〇は１番、△△は２番は、□□は３番、◇◇は４番、▼▼は５番、ΔΔは６番、どれにしますか？FAILURE EXAMPLES大量の情報を与えるどれだっけ…5メイン機能のみ伝えてヘルプに移譲・スキル分割
FAILURE EXAMPLESどこのイベントが知りたいですか？大量の情報を聞く長ぇなぁ…どんなジャンルがいいですか？いつのイベントが知りたいですか？6
FAILURE EXAMPLESどこのイベントが知りたいですか？大量の情報を聞く長ぇなぁ…どんなジャンルがいいですか？いつのイベントが知りたいですか？6スキル分割・VUI化しない
今日もついたち頑張っていきましょう！FAILURE EXAMPLES発話が間違っている7
FAILURE EXAMPLES発話が間違っているついたち…?いちにち!?7今日もついたち頑張っていきましょう！
FAILURE EXAMPLES発話が間違っているついたち…?いちにち!?7読みに注意今日もついたち頑張っていきましょう！イントネーションの調整も！
FAILURE EXAMPLES1234567説明が長いサポート不足間がない正確に聞き取りにくい大量の情報を与える大量の情報を聞く発話が間違っている
FAILURE EXAMPLES1234567説明が長いサポート不足間がない正確に聞き取りにくい大量の情報を与える大量の情報を聞く発話が間違っている人と人との会話だと思って違和感をなくしていく
SUMMARY
SUMMARY負の体験が蓄積 VUIが衰退心地よい &&（便利 || 面白い）！会話設計GOOD VUI DESIGN
SUMMARYFAILUREEXAMPLESSUCCESSFULEXAMPLESひとつひとつの会話に真剣に向き合って心地よさを判断
SUMMARYFAILURE EXAMPLESユーザーにとって便利な・心地よい・面白いVUIデザインを目指しましょう！に陥らないように1234567説明が長いサポート不足間がない発話が間違っている大量の情報を与える大量の情報を聞く正確に聞き取りにくい
@a093_jpThank you ♪BOOTH, Kindleで販売中http://a093.jp/goods/技術書博覧会もでます
otsuyu1025
greensmile
ohtristanart
siteengine
ozontech
ks91
fujiiitakarin
nishina
chima
ryanm519
kento55
m_ma2i
dougneiner
bryan
kneath
3n
addyosmani
lauravandoore
thoeni
sugarenia
zenorocha
jakevdp
sferik
lara