ホットペッパーグルメにAoGを使ってローンチしてみた

ホットペッパーグルメにAoGを使ってローンチしてみた株式会社リクルートライフスタイル KUMA (@kumakumakkk)

Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis
non erat sem 無事リリースできました！

non erat sem 最初にデモ

non erat sem 目次・デモ・ホットペッパーグルメActionの概要・デザイン/ペルソナ・構成・気づき・今後・まとめ

Proprietary + Confidential ホットペッパーグルメActionの概要

non erat sem ホットペッパーグルメAction概要・エリア、利用用途、日付、ジャンル、予算、時間、人数等を条件にマッチした飲食店を提案・より詳しく知りたい場合は、提案された飲食店をクリックすると『ホットペッパーグルメ』のサイトに遷移し、そのままネット予約することも可能・画面ありデバイスと画面なしデバイスでは挙動が全く違う (Conversation branching)

non erat sem ホットペッパーグルメAction概要

Proprietary + Confidential デザイン/ペルソナ

non erat sem デザイン/ペルソナコンシェルジュをイメージ具体的な使用例を書く

non erat sem デザイン/ペルソナ

non erat sem デザイン/ペルソナコンシェルジュをイメージ具体的な使用例を書くアプリから切らない

non erat sem デザイン/ペルソナコンシェルジュをイメージ具体的な使用例を書くアプリから切らない何を認識できたか言い換えて表現する Chat Bubbleを表示してよくある回答例を提示する

non erat sem

Proprietary + Confidential 構成・開発体制

non erat sem 構成そのままJSONでやり取りをしている中はjsではないのでActionsSDKも使ってない… Dialogflow(旧名api.ai)は使用していない WebhookからJSONのやり取りのみをしている GCPを使用とてもベタな構成

non erat sem 構成 ZONE B Content Server Compute Engine Autoscaling ZONE A Content Server Compute Engine Autoscaling Cloud Load Balancing Cloud DNS Redis Server Compute Engine Autoscaling Chat Backend

non erat sem 開発体制(AoG部分) 新規事業プロダクト開発 UX、開発系全般広報連携ホットペッパーグルメ商品企画担当 UX、文言、ブランド全般

Proprietary + Confidential 気づき

non erat sem 気づき STT(Speech to Text)が意図しない言葉を拾ってくるバイアスも何故かかからない長い文章はとても良く拾ってくれる例：「よにん(4人)」→「余人」「ない」　　　 →「ナイン」、「9」、「できない」、「4」どうしても仕方ないときは除き、４文字以上の言葉をユーザに発話してもらうようにする

non erat sem 気づき TTS(Text to Speech)をちゃんと調教しないといけない「11月21日(火)ですね」→「じゅういちがつ　にじゅういちにち　かっこひ　ですね」怪しそうな表記をする場合は textToSpeech, displayText両方適切に設定する

non erat sem 気づき UIで次のアクションを促すのではなく、対話的に次のアクションを提示する・あくまでBotとユーザの会話・そうしないとレビューが通らない

non erat sem ←もともとなかったが追加

non erat sem ←もともとは　「お店の詳細情報です」　としか書いてなかったが追記

non erat sem 気づき ngrok 最強ローカルのサーバに URLを振ってインターネットからアクセスできるようにする Request, Responseをモニタリング管理ページがある ngrok Rocks!!

non erat sem

non erat sem 気づき Brand Verificationをする We reserve major brand names as invocation names for developers who prove they're affiliated with that brand. For example, if you want to use the name “Personal Chef,” you must first connect your app with www.personalchef.com and verify your affiliation. 今後どうなるかわからないので “Major brand names”に該当するかはさておき、 Brand Verificationを一応しておく

non erat sem 歯車 -> Project settings -> BRAND VERIFICATIONタブ

non erat sem 気づきログ監視を監視するどのように使われているか、どんなクエリが来ているか、何が認識されていて、何がご認識されているかを監視する

non erat sem Botとユーザの会話ログ ←チームメンバのコメント Botとユーザの会話ログ ←管理Botにメンション ←チケット作成完了すると絵文字で返信

Proprietary + Confidential 今後

non erat sem 今後

non erat sem 今後 Handoff機能の実装もしユーザが、画面を持ち、 Assistantが使えるデバイスを持っている場合、　　そのデバイスに誘導することができる機能

non erat sem 今後

non erat sem というわけでデモと、言いたいところだが

non erat sem なぜか動かない… 宿題にしたいと思いますすみません…

non erat sem まとめできるだけ具体的に、例文として会話文を書いて考える Actions SDKを使うと、TTS, STT, その他情報をそのまま渡してくれる多分Dialogflowのfulfillment使っても同等だとは思う新機能が続々と出てきたり、パラメータが増えたり、頻繁にアップデートが行われている ngrok おすすめ

ホットペッパーグルメにAoGを使ってローンチしてみた

ホットペッパーグルメにAoGを使ってローンチしてみた

More Decks by kumakumakkk

Other Decks in Technology

Featured

Transcript