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
55
Voice Interface Vs. Touch Interface : Where the Battle is Heading
otsuyu1025
0
200
VUIリーグ決勝に参加して
otsuyu1025
1
510
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
850
瞬間英作文@VUIリーグ決勝審査会 20191124
otsuyu1025
0
760
あなたのスキル愛してください(2019.9.28)
otsuyu1025
0
190
Other Decks in Design
See All in Design
一人ひとりのポテンシャルを活かしたナレッジマネジメントとは?
atsushihomma
0
340
共創するのはモノではなく価値 ── 日本の「はたらく」を変える挑戦 / Designship2024 MainStage
visional_engineering_and_design
1
700
開発チームの中心で心理的安全性をつくる、UXデザイナーの問いかけ方
takuto_yonemichi
2
660
ABEMAの進化 – 複雑化したコンテンツ構造とUI改善への道 – / abema-ui-improve
cyberagentdevelopers
PRO
2
550
LLMによるRAG評価用合成テストデータの生成
licux
6
600
【デザイン初め新年会2025|01.08】事業貢献するデザイン組織の挑戦 - 2025年、課題解決をリードする。
payatsusan213
0
8.9k
AIネイティブな時代におけるUXデザインの在り方とは
kuni29
0
1.2k
デザインできるもの、できないもの | Designship 2024 | Yasuhiro Yokota
yasuhiroyokota
2
1k
How to go from research data to insights?
mastervicedesign
0
210
Les petites aventures de CSS, saison 2025
goetter
3
3.9k
pixel-art-skill-and-knowhow/ドット絵の経歴と知見
aokashi
0
200
20250129_DAST28_実空間にデジタル資源の接点をデザインする
majimasachi
0
160
Featured
See All Featured
Dealing with People You Can't Stand - Big Design 2015
cassininazir
365
25k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.7k
For a Future-Friendly Web
brad_frost
176
9.5k
Side Projects
sachag
452
42k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Designing for Performance
lara
604
68k
Unsuck your backbone
ammeep
669
57k
GraphQLとの向き合い方2022年版
quramy
44
13k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.3k
Embracing the Ebb and Flow
colly
84
4.5k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
28
2.2k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
52k
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