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.6k
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
61
Voice Interface Vs. Touch Interface : Where the Battle is Heading
otsuyu1025
0
210
VUIリーグ決勝に参加して
otsuyu1025
1
530
UX JAM Online #06:面白すぎて深すぎる Voice UX の世界 - Welcome to VUI沼 -
otsuyu1025
1
540
CES2020 - VUI
otsuyu1025
1
140
Alexaスキルで習慣化 - JAWS DAYS 2020
otsuyu1025
0
850
すごろく脱出ゲーム@VUIリーグ決勝審査会 20191124
otsuyu1025
0
880
瞬間英作文@VUIリーグ決勝審査会 20191124
otsuyu1025
0
780
あなたのスキル愛してください(2019.9.28)
otsuyu1025
0
200
Other Decks in Design
See All in Design
今更聞けないデザイン思考 - 高専キャリア2024冬 / imasara-design-thinking
chige
6
980
Dinosaur Mayhem
storyartist
PRO
0
160
Rayout Pattern 01
one0
0
1.7k
Where to Start with a Design System Across Different Frontend Frameworks | SpectrumTokyoMeetup#15
tararira
0
150
パンくずリストかわいい(breadcrumb so cute)
ysuda
0
220
成長する組織のナレッジベースのつくりかた_知識基盤のデザインとメタデザイン
gaussbeam
0
970
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜
tak073
0
300
【pmconf2024】ユーザーになりきる「コスプレUX」で リサーチ解像度を上げる
kamechi7222222
1
8.8k
Social Anxiety
ksmith2024
0
160
LayerX DesignersDeck
layerx
PRO
0
6.5k
ポートフォリオ_藤田歩希(ほまれ)
akifujita_homarecreate
0
290
Webデザイナーが押さえておきたいエンジニアとの連携ポイント
448jp
0
3.3k
Featured
See All Featured
Speed Design
sergeychernyshev
28
860
The Art of Programming - Codeland 2020
erikaheidi
53
13k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
22
2.6k
Writing Fast Ruby
sferik
628
61k
For a Future-Friendly Web
brad_frost
176
9.6k
The Power of CSS Pseudo Elements
geoffreycrofte
75
5.7k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.2k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
60k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.4k
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