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

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

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

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

5caee8d2ccdb42a940545c47c6c01373?s=128

Kuniaki Shimizu

June 29, 2019
Tweet

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 • カナダのスタートアップによる今注目のサービス ◦ 起業後2ヶ月で6000万円を調達! ◦ 更に最近4億円調達! • ノンコーディング・グラフィカルに誰でも簡単に スキル開発

    ◦ ブロック並べて、発話書いて、線でつなげるだけ • 活発なコミュニティとサポート ◦ Facebookグループとかドキュメントとかチュートリアル 動画とか ◦ 不具合報告したらサクッと直してくれたりします ◦ 日本ユーザグループできました!(後程ご紹介)
  13. 13 実際のスキル作成 ※デモは怖いので動画で

  14. 14

  15. 15 実質5分程度で サクッと作成!

  16. 16 のよいところ • 対話フローをビジュアルで作れるのでわかりやすい ◦ 流れや全体を俯瞰できる ◦ Amazon ConnectやAdobe XDとかと同じ

    • 作ってすぐに試してすぐ直せる ◦ ボタン一発でAmazon側にアップロードして テスト、おかしかったら修正して再アップ ◦ 実機に近いかたちでテストできる • ノンコーディングで対話設計とテストに集中 ◦ VUIのキモは実装ではなく、設計とテスト! ◦ 目的のための手段を学ばなくてよい
  17. 17 さらに

  18. 18 豊富な機能 • 画面付きデバイス(APL)やアプリ(カード)にも対応 • 外部API連携機能。特にGoogleスプレッドシート ならクリックしていくだけでデータベース的利用も • その他 ◦

    変数やIFなどロジックが書ける上、JavaScriptコード の埋め込みも可能 ◦ インテントやスロット、永続セッション ◦ スキル内課金にも対応(日本向けはまだ未対応) 本格的なスキル開発も可能!
  19. 19

  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?