SlideShare a Scribd company logo
1 of 17
Download to read offline
Voice UIのデザインとは
2019年11月27日
株式会社サイバード
Voice UI部 副部長
プロデューサー・Voice UI/UXデザイナー 元木理恵
自己紹介 印刷会社、広告代理店を経て
2006年1月、株式会社サイバード入社。
入社以来、一貫してコンテンツ事業の企
画・プロデュースに携わる。
2016年2月より、Voice UI事業のR&Dを
開始。
現在、Voice UIに関するあらゆる案件の
プロデューサー兼Voice UI/UXデザイ
ナーを務める。
Voice UI系のイベントはほぼ
参加・時々LT登壇していま
す!
株式会社サイバード
Voice UI部 副部長
プロデューサー/Voice UI/UXデザイナー
元木 理恵
(@vui_rie)
■みじかいおはなし366
■レオナルド・ダ・ヴィンチの時間
■フィンセント・ファン・ゴッホの時間
合計22タイトル+α準備中
3
■オートレースライブ
■委員長・椎名乙葉 昭和平成クイズ
■アタック25(スキル内課金)
■政宗の部屋(スキル内課金・HTML5)
こんなスキル作ってます
■セバスチャンとおやすみ(Googleアシスタ
ント課金)
Voice UIってなあに? 音声によるユーザー
インターフェイス
ユーザーが声でコンピューター
や端末をコントロールできるよう
にするのが、音声ユーザーイン
ターフェース (Voice User
Interface: VUI)です。 声で「頼
む」だけで、速く、簡単に、そして
楽しく操作できるようになるの
で、ユーザーの世界は今までと
比べものにならないほど素晴ら
しい世界に変わるはずです。
Voice UIってなあに?
あなたの身の周りの
Voice UIで思いつくも
のって、どんなもの?
スマートスピーカーの
音声アシスタント
駅で聞く遅延情報
信号機の「青になりました」
「お風呂が沸きました」
それは一方通行?
それとも双方向?
スマートスピーカーの音声アシ
スタント
→双方向
駅で聞く遅延情報
→一方通行
信号機の「青になりました」
→一方通行
「お風呂が沸きました」
→一方通行
Voice UIが発展すると
どうなるの?
生活が便利になる!
高齢者や子供でも扱いやすいも
のが増える!
寂しくない!
Voice UI/UX
デザイナーって
何する仕事なの?
人間と音声アシスタントの
やり取りをスムーズで
心地よいものにする
会話設計をするお仕事
具体的にどんなことに
気をつけて
会話設計を作っていけ
ばいいの?
話し始めると長くなる
Alexa音声デザインガイド
https://developer.amazon.com/ja/designi
ng-for-voice/
を詳しくはご覧ください!
私からは3点+おまけ情報
だけ!
デザインプロセス
誰のための何のための
スキルなのか?
スキルの履歴書を作ろう!
* スキル/アクション名称
音声アプリの名称を記入します。
* 誰が使うか
ユーザーのターゲットを決め、その音声ア
プリは一体誰が使うものなのかを記入し
ます。
* 誰が喋るか
音声アシスタントが喋るのか、キャラク
ターや声優、俳優さんが喋るのか、具体
的に記入します。
* 喋る人のイメージ
音声アシスタントであれ、キャラクターや
声優、俳優さんであれ、喋る人のイメージ
を記入します。フランクで優しい感じ、きっ
ちりと折り目正しい感じ、などというよう
に。
* スキル/アクション概要
その音声アプリの概要を記入します。でき
るだけ細かくどんなことが出来るのかを書
いておくことをオススメします。
・・・など、まだ項目があるのですが、
Connpassに載せておきます!
ユーザーによる発話
超自由な発話をどれだ
けこぼさずに受け止め
て返答できるか?
synonim(同義語)を
たくさん用意しよう
例:おはよう
おはよう、おはようございます、
おっはー、ぐんもー、
政宗おはよう etc
Alexaによるセリフにつ
いて
あんまりダラダラ話して
もユーザーに聞いても
らえない…
一息で言い切れる長さに
しよう
ユーザーは音声アシスタントと
会話する時に、早く喋り
たがる傾向にあります。
短い言葉で簡潔に
ユーザーに伝える必要がありま
す。
ただし、
キャラクターや芸能人を
使う場合は別!
Amazon Alexaの
画面付き端末で
HTML5が使えるように
なった!
Alexa web API
for Games
視覚的にリッチで、音声でインタ
ラクティブに制御できるゲームを
作成するためのウェブ技術と
ツールを導入
ローンチ時対応は世界で
4アプリのみ。日本では弊
社が作った
『政宗の部屋』だけ!
ご静聴 ありがとうございました

More Related Content

What's hot

2017年1月24日開催「App Talk Night」発表資料
2017年1月24日開催「App Talk Night」発表資料2017年1月24日開催「App Talk Night」発表資料
2017年1月24日開催「App Talk Night」発表資料LocoPartners
 
Prottとsketchとzeplinのススメ
ProttとsketchとzeplinのススメProttとsketchとzeplinのススメ
ProttとsketchとzeplinのススメAsami Yamamoto
 
2017年1月24日開催「App Talk Night」発表資料
2017年1月24日開催「App Talk Night」発表資料2017年1月24日開催「App Talk Night」発表資料
2017年1月24日開催「App Talk Night」発表資料LocoPartners
 
Uxマップを使ったサービス改善
Uxマップを使ったサービス改善Uxマップを使ったサービス改善
Uxマップを使ったサービス改善Keisuke Tsukayoshi
 
20160124_GPL勉強会
20160124_GPL勉強会20160124_GPL勉強会
20160124_GPL勉強会rie05
 
ゆめみ流 クライアントワークにおけるトライアル&エラー
ゆめみ流 クライアントワークにおけるトライアル&エラーゆめみ流 クライアントワークにおけるトライアル&エラー
ゆめみ流 クライアントワークにおけるトライアル&エラーShusuke Toda
 
エクスペリエンス・デザイン
エクスペリエンス・デザインエクスペリエンス・デザイン
エクスペリエンス・デザインSaori Baba
 
デザイナーとディレクターのイイ関係の作り方
デザイナーとディレクターのイイ関係の作り方デザイナーとディレクターのイイ関係の作り方
デザイナーとディレクターのイイ関係の作り方Take Bo
 
女子の心をつかむUIデザインポイント - MERY編 -
女子の心をつかむUIデザインポイント - MERY編 -女子の心をつかむUIデザインポイント - MERY編 -
女子の心をつかむUIデザインポイント - MERY編 -Shoko Tanaka
 
UXデザインをゆるく学ぶ意味
UXデザインをゆるく学ぶ意味UXデザインをゆるく学ぶ意味
UXデザインをゆるく学ぶ意味Tatsuya_Yokoyama
 
191112 asobitaosukai onsen_bba
191112 asobitaosukai onsen_bba191112 asobitaosukai onsen_bba
191112 asobitaosukai onsen_bbaRieMotoki
 
最速でリリースするためのAndroidアプリデザイン
最速でリリースするためのAndroidアプリデザイン最速でリリースするためのAndroidアプリデザイン
最速でリリースするためのAndroidアプリデザインNaoki Aoyama
 
デザインに自信がつく、タイポグラフィの基本
デザインに自信がつく、タイポグラフィの基本デザインに自信がつく、タイポグラフィの基本
デザインに自信がつく、タイポグラフィの基本Takuya Nishitani
 
2014年CROSS - エンジニアの恋と愛とセックスのDevOps
2014年CROSS - エンジニアの恋と愛とセックスのDevOps2014年CROSS - エンジニアの恋と愛とセックスのDevOps
2014年CROSS - エンジニアの恋と愛とセックスのDevOpsAya Komuro
 
デザインツール戦争とMaterial Theme Editor
デザインツール戦争とMaterial Theme Editorデザインツール戦争とMaterial Theme Editor
デザインツール戦争とMaterial Theme EditorAsami Yamamoto
 
Prott user meetup 16 効率よく、品質良く、アプリを育てよう。
Prott user meetup 16 効率よく、品質良く、アプリを育てよう。Prott user meetup 16 効率よく、品質良く、アプリを育てよう。
Prott user meetup 16 効率よく、品質良く、アプリを育てよう。Musashi Kobayashi
 
ABC2014 Winter: Material Design
ABC2014 Winter: Material DesignABC2014 Winter: Material Design
ABC2014 Winter: Material DesignNobuya Sato
 
Developers Summit 2014【13-C-3】Smashing Android UI, Androidデザインの極意
Developers Summit 2014【13-C-3】Smashing Android UI, Androidデザインの極意Developers Summit 2014【13-C-3】Smashing Android UI, Androidデザインの極意
Developers Summit 2014【13-C-3】Smashing Android UI, Androidデザインの極意Nobuya Sato
 
これまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイト
これまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイトこれまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイト
これまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイトYuya Toida
 

What's hot (20)

まいにちUX
まいにちUXまいにちUX
まいにちUX
 
2017年1月24日開催「App Talk Night」発表資料
2017年1月24日開催「App Talk Night」発表資料2017年1月24日開催「App Talk Night」発表資料
2017年1月24日開催「App Talk Night」発表資料
 
Prottとsketchとzeplinのススメ
ProttとsketchとzeplinのススメProttとsketchとzeplinのススメ
Prottとsketchとzeplinのススメ
 
2017年1月24日開催「App Talk Night」発表資料
2017年1月24日開催「App Talk Night」発表資料2017年1月24日開催「App Talk Night」発表資料
2017年1月24日開催「App Talk Night」発表資料
 
Uxマップを使ったサービス改善
Uxマップを使ったサービス改善Uxマップを使ったサービス改善
Uxマップを使ったサービス改善
 
20160124_GPL勉強会
20160124_GPL勉強会20160124_GPL勉強会
20160124_GPL勉強会
 
ゆめみ流 クライアントワークにおけるトライアル&エラー
ゆめみ流 クライアントワークにおけるトライアル&エラーゆめみ流 クライアントワークにおけるトライアル&エラー
ゆめみ流 クライアントワークにおけるトライアル&エラー
 
エクスペリエンス・デザイン
エクスペリエンス・デザインエクスペリエンス・デザイン
エクスペリエンス・デザイン
 
デザイナーとディレクターのイイ関係の作り方
デザイナーとディレクターのイイ関係の作り方デザイナーとディレクターのイイ関係の作り方
デザイナーとディレクターのイイ関係の作り方
 
女子の心をつかむUIデザインポイント - MERY編 -
女子の心をつかむUIデザインポイント - MERY編 -女子の心をつかむUIデザインポイント - MERY編 -
女子の心をつかむUIデザインポイント - MERY編 -
 
UXデザインをゆるく学ぶ意味
UXデザインをゆるく学ぶ意味UXデザインをゆるく学ぶ意味
UXデザインをゆるく学ぶ意味
 
191112 asobitaosukai onsen_bba
191112 asobitaosukai onsen_bba191112 asobitaosukai onsen_bba
191112 asobitaosukai onsen_bba
 
最速でリリースするためのAndroidアプリデザイン
最速でリリースするためのAndroidアプリデザイン最速でリリースするためのAndroidアプリデザイン
最速でリリースするためのAndroidアプリデザイン
 
デザインに自信がつく、タイポグラフィの基本
デザインに自信がつく、タイポグラフィの基本デザインに自信がつく、タイポグラフィの基本
デザインに自信がつく、タイポグラフィの基本
 
2014年CROSS - エンジニアの恋と愛とセックスのDevOps
2014年CROSS - エンジニアの恋と愛とセックスのDevOps2014年CROSS - エンジニアの恋と愛とセックスのDevOps
2014年CROSS - エンジニアの恋と愛とセックスのDevOps
 
デザインツール戦争とMaterial Theme Editor
デザインツール戦争とMaterial Theme Editorデザインツール戦争とMaterial Theme Editor
デザインツール戦争とMaterial Theme Editor
 
Prott user meetup 16 効率よく、品質良く、アプリを育てよう。
Prott user meetup 16 効率よく、品質良く、アプリを育てよう。Prott user meetup 16 効率よく、品質良く、アプリを育てよう。
Prott user meetup 16 効率よく、品質良く、アプリを育てよう。
 
ABC2014 Winter: Material Design
ABC2014 Winter: Material DesignABC2014 Winter: Material Design
ABC2014 Winter: Material Design
 
Developers Summit 2014【13-C-3】Smashing Android UI, Androidデザインの極意
Developers Summit 2014【13-C-3】Smashing Android UI, Androidデザインの極意Developers Summit 2014【13-C-3】Smashing Android UI, Androidデザインの極意
Developers Summit 2014【13-C-3】Smashing Android UI, Androidデザインの極意
 
これまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイト
これまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイトこれまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイト
これまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイト
 

Similar to 191127 vu idesign

VUIを仕事にすること
VUIを仕事にすることVUIを仕事にすること
VUIを仕事にすることRieMotoki
 
200904 riemotoki techstreet
200904 riemotoki techstreet200904 riemotoki techstreet
200904 riemotoki techstreetRieMotoki
 
200617 let's organize online event rie_motoki
200617 let's organize online event rie_motoki200617 let's organize online event rie_motoki
200617 let's organize online event rie_motokiRieMotoki
 
190917rpagirlsriemotoki
190917rpagirlsriemotoki190917rpagirlsriemotoki
190917rpagirlsriemotokiRieMotoki
 
Voice lunchjp#01
Voice lunchjp#01Voice lunchjp#01
Voice lunchjp#01RieMotoki
 
デザイナーが複業でデザイナーしてる話
デザイナーが複業でデザイナーしてる話デザイナーが複業でデザイナーしてる話
デザイナーが複業でデザイナーしてる話Yuya Toida
 
息のながーいB2Bサービスで、デザイナーが価値を発揮するための取り組み
息のながーいB2Bサービスで、デザイナーが価値を発揮するための取り組み息のながーいB2Bサービスで、デザイナーが価値を発揮するための取り組み
息のながーいB2Bサービスで、デザイナーが価値を発揮するための取り組みYuya Toida
 
心地よいUIの温度 - 言葉と気遣いで高めるUI -
心地よいUIの温度 - 言葉と気遣いで高めるUI -心地よいUIの温度 - 言葉と気遣いで高めるUI -
心地よいUIの温度 - 言葉と気遣いで高めるUI -wariemon
 
ABC2014 Spring: UI/UX Design Trends 2014
ABC2014 Spring: UI/UX Design Trends 2014ABC2014 Spring: UI/UX Design Trends 2014
ABC2014 Spring: UI/UX Design Trends 2014Nobuya Sato
 
重要なのはリサーチ・プランニング・プロトタイプの三本柱
重要なのはリサーチ・プランニング・プロトタイプの三本柱重要なのはリサーチ・プランニング・プロトタイプの三本柱
重要なのはリサーチ・プランニング・プロトタイプの三本柱Yuya Toida
 
エンジニアの移住交流会 自己紹介
エンジニアの移住交流会 自己紹介エンジニアの移住交流会 自己紹介
エンジニアの移住交流会 自己紹介Rie Tokumi
 
IxD of AWA - インタラクションの考え方
IxD of AWA - インタラクションの考え方IxD of AWA - インタラクションの考え方
IxD of AWA - インタラクションの考え方hidetoshi murohashi
 
禍つヴァールハイトを支えるレイアウト業務
禍つヴァールハイトを支えるレイアウト業務禍つヴァールハイトを支えるレイアウト業務
禍つヴァールハイトを支えるレイアウト業務KLab Inc. / Tech
 
福井で「しあわせデザイナー」になるために
福井で「しあわせデザイナー」になるために福井で「しあわせデザイナー」になるために
福井で「しあわせデザイナー」になるためにMiho Yamamori
 
Fukui Biz Cafe Side.I #1 「デザイナーのひきだし」
Fukui Biz Cafe Side.I  #1 「デザイナーのひきだし」Fukui Biz Cafe Side.I  #1 「デザイナーのひきだし」
Fukui Biz Cafe Side.I #1 「デザイナーのひきだし」Miho Yamamori
 
noteの決して止まらないカイゼンを支える、 エンジニアリングへの挑戦
noteの決して止まらないカイゼンを支える、 エンジニアリングへの挑戦noteの決して止まらないカイゼンを支える、 エンジニアリングへの挑戦
noteの決して止まらないカイゼンを支える、 エンジニアリングへの挑戦Kon Yuichi
 
PMと並走してプロダクトにつなげるUXリサーチ
PMと並走してプロダクトにつなげるUXリサーチPMと並走してプロダクトにつなげるUXリサーチ
PMと並走してプロダクトにつなげるUXリサーチJunNomura1
 
風呂場で考えるUIデザイナーの未来
風呂場で考えるUIデザイナーの未来風呂場で考えるUIデザイナーの未来
風呂場で考えるUIデザイナーの未来Masayuki Uetani
 
アプリ時代はデザイナーとエンジニア! 一方その頃ディレクターって?
アプリ時代はデザイナーとエンジニア! 一方その頃ディレクターって?アプリ時代はデザイナーとエンジニア! 一方その頃ディレクターって?
アプリ時代はデザイナーとエンジニア! 一方その頃ディレクターって?Takahiro YAMAGUCHI
 

Similar to 191127 vu idesign (20)

VUIを仕事にすること
VUIを仕事にすることVUIを仕事にすること
VUIを仕事にすること
 
200904 riemotoki techstreet
200904 riemotoki techstreet200904 riemotoki techstreet
200904 riemotoki techstreet
 
200617 let's organize online event rie_motoki
200617 let's organize online event rie_motoki200617 let's organize online event rie_motoki
200617 let's organize online event rie_motoki
 
190917rpagirlsriemotoki
190917rpagirlsriemotoki190917rpagirlsriemotoki
190917rpagirlsriemotoki
 
Voice lunchjp#01
Voice lunchjp#01Voice lunchjp#01
Voice lunchjp#01
 
デザイナーが複業でデザイナーしてる話
デザイナーが複業でデザイナーしてる話デザイナーが複業でデザイナーしてる話
デザイナーが複業でデザイナーしてる話
 
息のながーいB2Bサービスで、デザイナーが価値を発揮するための取り組み
息のながーいB2Bサービスで、デザイナーが価値を発揮するための取り組み息のながーいB2Bサービスで、デザイナーが価値を発揮するための取り組み
息のながーいB2Bサービスで、デザイナーが価値を発揮するための取り組み
 
心地よいUIの温度 - 言葉と気遣いで高めるUI -
心地よいUIの温度 - 言葉と気遣いで高めるUI -心地よいUIの温度 - 言葉と気遣いで高めるUI -
心地よいUIの温度 - 言葉と気遣いで高めるUI -
 
ABC2014 Spring: UI/UX Design Trends 2014
ABC2014 Spring: UI/UX Design Trends 2014ABC2014 Spring: UI/UX Design Trends 2014
ABC2014 Spring: UI/UX Design Trends 2014
 
重要なのはリサーチ・プランニング・プロトタイプの三本柱
重要なのはリサーチ・プランニング・プロトタイプの三本柱重要なのはリサーチ・プランニング・プロトタイプの三本柱
重要なのはリサーチ・プランニング・プロトタイプの三本柱
 
P5sound
P5soundP5sound
P5sound
 
エンジニアの移住交流会 自己紹介
エンジニアの移住交流会 自己紹介エンジニアの移住交流会 自己紹介
エンジニアの移住交流会 自己紹介
 
IxD of AWA - インタラクションの考え方
IxD of AWA - インタラクションの考え方IxD of AWA - インタラクションの考え方
IxD of AWA - インタラクションの考え方
 
禍つヴァールハイトを支えるレイアウト業務
禍つヴァールハイトを支えるレイアウト業務禍つヴァールハイトを支えるレイアウト業務
禍つヴァールハイトを支えるレイアウト業務
 
福井で「しあわせデザイナー」になるために
福井で「しあわせデザイナー」になるために福井で「しあわせデザイナー」になるために
福井で「しあわせデザイナー」になるために
 
Fukui Biz Cafe Side.I #1 「デザイナーのひきだし」
Fukui Biz Cafe Side.I  #1 「デザイナーのひきだし」Fukui Biz Cafe Side.I  #1 「デザイナーのひきだし」
Fukui Biz Cafe Side.I #1 「デザイナーのひきだし」
 
noteの決して止まらないカイゼンを支える、 エンジニアリングへの挑戦
noteの決して止まらないカイゼンを支える、 エンジニアリングへの挑戦noteの決して止まらないカイゼンを支える、 エンジニアリングへの挑戦
noteの決して止まらないカイゼンを支える、 エンジニアリングへの挑戦
 
PMと並走してプロダクトにつなげるUXリサーチ
PMと並走してプロダクトにつなげるUXリサーチPMと並走してプロダクトにつなげるUXリサーチ
PMと並走してプロダクトにつなげるUXリサーチ
 
風呂場で考えるUIデザイナーの未来
風呂場で考えるUIデザイナーの未来風呂場で考えるUIデザイナーの未来
風呂場で考えるUIデザイナーの未来
 
アプリ時代はデザイナーとエンジニア! 一方その頃ディレクターって?
アプリ時代はデザイナーとエンジニア! 一方その頃ディレクターって?アプリ時代はデザイナーとエンジニア! 一方その頃ディレクターって?
アプリ時代はデザイナーとエンジニア! 一方その頃ディレクターって?
 

191127 vu idesign