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

#AAJUG京都 #0 のLT資料です。VoiceflowをつかってビジュアルにVUIデザインしよう、という話をしてきました。

https://aajug.connpass.com/event/132134/

Transcript

1. ノンコーディングではじめる ビジュアルVUIデザイン プロトタイピング AAJUG KYOTO #0
2. 最初に 1
3. 3 プロトタイピング の話ほとんどしません ※Adobe XDの話もあったし
4. 4 本当は、時間に 収まらなかった からです・・・
5. 5 大変申し訳ございません
6. ノンコーディングではじめる ビジュアルVUIデザイン プロトタイピング AAJUG KYOTO #0
7. 7 今日話すこと • ノンコーディングでAlexaスキル開発が簡単にできる 「Voiceflow」のご紹介 ◦ いかに簡単に作れるか？ ◦ どこまでできるか？ ◦ これから始めてみたい人へのおすすめ情報
8. 自己紹介 1
9. Kuniaki Shimizu (@kun432) - シナジーマーケティング株式会社 - マーケティングプラットフォーム・インフラ担当 - Twitter/Facebook/Github/Hatena/Alexa - Portfolio： https:/ /kun432.github.io/ 9 ❤ Hello!
10. My Skills & Actions 10 - Alexa (JP): 11 - Google: 1 - Clova: 1 #スキル開発100チャレンジ - Alexa (US): 1
11. ノンコーディングで Alexaスキル開発ができる 「Voiceflow」のご紹介 2
12. 12 • カナダのスタートアップによる今注目のサービス ◦ 起業後２ヶ月で6000万円を調達！ ◦ 更に最近４億円調達！ • ノンコーディング・グラフィカルに誰でも簡単に スキル開発 ◦ ブロック並べて、発話書いて、線でつなげるだけ • 活発なコミュニティとサポート ◦ Facebookグループとかドキュメントとかチュートリアル 動画とか ◦ 不具合報告したらサクッと直してくれたりします ◦ 日本ユーザグループできました！（後程ご紹介）
13. 13 実際のスキル作成 ※デモは怖いので動画で
15. 15 実質５分程度で サクッと作成！
16. 16 のよいところ • 対話フローをビジュアルで作れるのでわかりやすい ◦ 流れや全体を俯瞰できる ◦ Amazon ConnectやAdobe XDとかと同じ • 作ってすぐに試してすぐ直せる ◦ ボタン一発でAmazon側にアップロードして テスト、おかしかったら修正して再アップ ◦ 実機に近いかたちでテストできる • ノンコーディングで対話設計とテストに集中 ◦ VUIのキモは実装ではなく、設計とテスト！ ◦ 目的のための手段を学ばなくてよい
17. 17 さらに
18. 18 豊富な機能 • 画面付きデバイス（APL）やアプリ（カード）にも対応 • 外部API連携機能。特にGoogleスプレッドシート ならクリックしていくだけでデータベース的利用も • その他 ◦ 変数やIFなどロジックが書ける上、JavaScriptコード の埋め込みも可能 ◦ インテントやスロット、永続セッション ◦ スキル内課金にも対応（日本向けはまだ未対応） 本格的なスキル開発も可能！
20. 20 無料！ 機能制限はなし ※無料の場合は9スキルまで、有料でスキル数無制限
21. 21 Voiceflow Japan User Group https://www.facebook.com/groups/vfjug/
22. まとめ 3
23. 23 まとめ • これから始める人 ◦ ノンコーディングでかんたん、無料でスキル開発 を始めれる ◦ 情報も多い、日本語ユーザグループも • 経験者の方 ◦ グラフィカル・スピーディーにVUI設計とテストができる Voiceflowは、プロトタイピングと相性が良い ◦ 豊富な機能で、プロトタイピングにとどまらず、そのま まリリースもできる Voiceflowおすすめです！
24. 24 興味が湧いたら…
25. 25 Voiceflowハンズオン 関西でやります！
26. 26 今後の #aajug をチェック！
27. Thanks! Any questions?