ノンコーディングで始めるビジュアルVUIデザイン / Introduction to Visual VUI Design

by Kuniaki Shimizu

Slide 1

Slide 1 text

ノンコーディングではじめるビジュアルVUIデザインプロトタイピング AAJUG KYOTO #0

Slide 2

Slide 2 text

最初に 1

Slide 3

Slide 3 text

3 プロトタイピングの話ほとんどしません ※Adobe XDの話もあったし

Slide 4

Slide 4 text

4 本当は、時間に収まらなかったからです・・・

Slide 5

Slide 5 text

5 大変申し訳ございません

Slide 6

Slide 6 text

ノンコーディングではじめるビジュアルVUIデザインプロトタイピング AAJUG KYOTO #0

Slide 7

Slide 7 text

7 今日話すこと ● ノンコーディングでAlexaスキル開発が簡単にできる「Voiceﬂow」のご紹介 ○ いかに簡単に作れるか？ ○ どこまでできるか？ ○ これから始めてみたい人へのおすすめ情報

Slide 8

Slide 8 text

自己紹介 1

Slide 9

Slide 9 text

Kuniaki Shimizu (@kun432) - シナジーマーケティング株式会社 - マーケティングプラットフォーム・インフラ担当 - Twitter/Facebook/Github/Hatena/Alexa - Portfolio： https:/ /kun432.github.io/ 9 ❤ Hello!

Slide 10

Slide 10 text

My Skills & Actions 10 - Alexa (JP): 11 - Google: 1 - Clova: 1 #スキル開発100チャレンジ - Alexa (US): 1

Slide 11

Slide 11 text

ノンコーディングで Alexaスキル開発ができる「Voiceﬂow」のご紹介 2

Slide 12

Slide 12 text

12 ● カナダのスタートアップによる今注目のサービス ○ 起業後２ヶ月で6000万円を調達！ ○ 更に最近４億円調達！ ● ノンコーディング・グラフィカルに誰でも簡単にスキル開発 ○ ブロック並べて、発話書いて、線でつなげるだけ ● 活発なコミュニティとサポート ○ Facebookグループとかドキュメントとかチュートリアル動画とか ○ 不具合報告したらサクッと直してくれたりします ○ 日本ユーザグループできました！（後程ご紹介）

Slide 13

Slide 13 text

13 実際のスキル作成 ※デモは怖いので動画で

Slide 14

Slide 14 text

Slide 15

Slide 15 text

15 実質５分程度でサクッと作成！

Slide 16

Slide 16 text

16 のよいところ ● 対話フローをビジュアルで作れるのでわかりやすい ○ 流れや全体を俯瞰できる ○ Amazon ConnectやAdobe XDとかと同じ ● 作ってすぐに試してすぐ直せる ○ ボタン一発でAmazon側にアップロードしてテスト、おかしかったら修正して再アップ ○ 実機に近いかたちでテストできる ● ノンコーディングで対話設計とテストに集中 ○ VUIのキモは実装ではなく、設計とテスト！ ○ 目的のための手段を学ばなくてよい

Slide 17

Slide 17 text

17 さらに

Slide 18

Slide 18 text

18 豊富な機能 ● 画面付きデバイス（APL）やアプリ（カード）にも対応 ● 外部API連携機能。特にGoogleスプレッドシートならクリックしていくだけでデータベース的利用も ● その他 ○ 変数やIFなどロジックが書ける上、JavaScriptコードの埋め込みも可能 ○ インテントやスロット、永続セッション ○ スキル内課金にも対応（日本向けはまだ未対応）本格的なスキル開発も可能！

Slide 19

Slide 19 text

Slide 20

Slide 20 text

20 無料！機能制限はなし ※無料の場合は9スキルまで、有料でスキル数無制限

Slide 21

Slide 21 text

21 Voiceﬂow Japan User Group https://www.facebook.com/groups/vfjug/

Slide 22

Slide 22 text

まとめ 3

Slide 23

Slide 23 text

23 まとめ ● これから始める人 ○ ノンコーディングでかんたん、無料でスキル開発を始めれる ○ 情報も多い、日本語ユーザグループも ● 経験者の方 ○ グラフィカル・スピーディーにVUI設計とテストができる Voiceﬂowは、プロトタイピングと相性が良い ○ 豊富な機能で、プロトタイピングにとどまらず、そのままリリースもできる Voiceﬂowおすすめです！