PowerPoint プレゼンテーション

Transcription

1 風俗ヨヤク チャット問い合わせ リリース Chat

2 2 SP PC CONTENTS 1. 概要 1. システム概要 2. ページ遷移 3. スケジュール 2. 画面機能 1. 予約フロント 2. ユーザーチャット 3. ヨヤクマネージャー 4. お店チャット

3 1-1. 概要 システム概要 3 ネット予約したユーザーと チャットができるようになります ネット予約のシステムメッセージもチャットで届きます ( 例 : 仮予約が入りました ) 初期構想 お店のチャット機能利用後にネット予約をしたユーザーだけチャットのやり取りができます まずはいたずら防止のため ネット予約をしたユーザーとのやり取りに特化させます 今後の構想 チャット問い合わせが普及したらネット予約をしていないユーザーとのチャットも展開予定です

4 1-2. 概要 ページ遷移 4 チャットシステム全体像 ユーザー お店 チャットシステム チャットシステム 風俗ヨヤク 風俗ヨヤク ヘブンネット 画面遷移チャットのやり取り新着通知

5 1-3. 概要 スケジュール 5 3/29 リリース 4 月リリース予定 年内リリース予定 STEP1 STEP1.5 STEP2 チャットシステム基本機能チャットシステムチャットシステム ( ユーザー ) チャットシステム ( お店 PC) ヘブンヘッダーに未読数表示 ( ユーザー ) ヘブンネットチャットシステム ( ユーザー SP) チャットシステム追加機能 チャットシステム チャットの NG 設定 ( お店 ユーザー ) オンライン状況の表示 ( お店 ユーザー ) メッセ ジの削除 ( お店 ) システムメッセージ送信 ( お店 ユーザー ) ステータス変更のみ追加リリース チャット履歴の削除 ( ユーザー ) ユーザーの検索 ( お店 ) 利用範囲拡大 機能追加 チャットシステム 機能改善グループ送信コース選択 プラチナメールより精度の高い情報発信ツールに FLAG(Web/iOS/Android) 新着通知 ( 並行して SNS 通知を検討中 ) ヘブンネットと連携したチャットシステムの確立 利用範囲拡大により使い勝手 UP

6 2-1. 予約フロント 予約完了画面 6 チャット問い合わせボタン表示条件 以下の条件を満たしている場合 [ チャット問い合わせ ] ボタンが表示されます お店がチャット利用設定している ( ヨヤクマネージャー ) TAP [ チャット問い合わせ ] ボタンを押すことで 対象のお店のユーザーチャット詳細画面に遷移します

7 2-1. 予約フロント 予約履歴画面 7 チャット問い合わせボタン表示条件 以下の条件を満たしている場合 [ チャット問い合わせ ] ボタンが表示されます お店がチャット利用設定している ( ヨヤクマネージャー ) TAP [ チャット問い合わせ ] ボタンを押すことで 対象のお店のユーザーチャット詳細画面に遷移します

8 2-1. 予約フロント チャット入口 8 マイヘブンページ ヘッダーに チャット ボタンと未読数が表示されます ガイドページ マイヘブンログイン時にヘッダー右上 メニュー 内に チャット ボタンと未読数が表示されます

9 2-2. ユーザーチャット 一覧画面 < 表示する情報 > お店アイコン画像 画像中央を中心として 丸型にトリミングする お店名 未読数がある場合 太字で表示 一行に収まらない場合 で表示する 最新メッセージ内容の冒頭 一行に収まらない場合 で表示する 最新メッセージの送受信日時 表記例本日であれば 4:13 年内であれば 7/14 去年以前であれば 2017/12/30 未読数 100 件以上の場合は 99+ [ ] ボタン 前のページへ遷移する前のページがない場合 マイヘブン TOP に遷移する < 初期表示 > 以下の条件すべてに該当する店舗を表示する 過去にチャットのやりとりがあった ( 削除状態問わず ) 店舗データが削除されていない 掲載がされている 予約システムの利用状態は参照しない チャットシステムの利用状態は参照しない

10 2-2. ユーザーチャット 一覧画面 ソート順最新メッセージの送受信日時昇順 新しくメッセージを受信した時 ( リアルタイム ) 1. 受信したお店の未読数を再取得する 2. ソートしなおす 各メッセージの行を押下することで対象店舗とのユーザーチャット詳細画面へ遷移する

11 2-2. ユーザーチャット 詳細画面 表示する方法 :< ヘッダー > [<] ボタン + 未読数 ユーザーチャット一覧画面へ遷移 未読数は 0 件の場合 表示しない 100 件以上の場合 99+ とする お店名 一行に収まらない場合 で表示する 表示する方法 :< チャット > メッセージ ユーザーから ( 緑 )/ お店から ( 白 )/ システムから ( グレー ) お店アイコン画像既読送受信時間 常に 時 : 分 表記例 2:53 日付送受信日の切り替わるメッセージとメッセージの間に表示する 表記例年内であれば 7/14 去年以前であれば 2017/12/30 表示する方法 :< フッター > メッセージ入力 BOX 500 文字まで送信ボタン

12 2-2. ユーザーチャット 詳細画面 < 初期表示 > 画面最下部にスクロールした状態で表示する表示対象メッセージ 1. 最も古い未読メッセージ以降 すべてのメッセージ 2. 上記が 30 件未満の場合 合計 30 件となるようそれ以前のメッセージを取得 表示する ソート順送受信日時昇順 画面表示時すべてのメッセージを既読とする 最上部までスクロールした時読み込んだメッセージの上限までスクロールした場合 次の 30 件を読み込み 画面上に反映する フロントからネット予約時 ( 仮予約 ) 仮予約を受け付けました MM/DD hh:mi~ mm 分 予約日 コース時間 自動メッセージについて 例 ) 仮予約を受け付けました 2/10 18:30~ 60 分 メッセージに URL が含まれる場合ハイパーリンクとする ( 青字 下線付き ) 例 ) タップした場合 別タブでその URL にアクセスする

13 2-2. ユーザーチャット 詳細画面 3 13 新しいメッセージを受信した時 ( システム含む ) 新しいメッセージが閲覧中のお店からの場合 1. 画面上部に 新しいメッセージを受信しました メッセージを表示する 3 秒後に非表示とする 2. 受信メッセージを画面に反映する 3. そのメッセージを既読とする 4. 一番下まで自動スクロール 新しいメッセージが閲覧していないお店からの場合戻るボタンの未読数を再取得する お店がメッセージを既読した時 既読したのが閲覧中のお店へのメッセージの場合 1. 既読されたメッセージに 既読 マークを付与する 既読したのが閲覧していないお店へのメッセージの場合 1. なにもしない 送信ボタン押下時 1. メッセージ本文が空なら処理終了 2.NG ワードチェック NG ワードが本文に含まれている場合 エラーメッセージを表示して処理終了 3. メッセージ送信 お店に対してメッセージ送信イベントを送信 入力したメッセージを本画面に反映する

14 2-2. ユーザーチャット 詳細画面 4 14 以下の条件いずれかに該当する場合 メッセージ入力 BOX と送信ボタンを非活性とする フッター非活性 お店がチャット利用設定していない ( ヨヤクマネージャー ) お店が削除状態のとき お店が非掲載のとき メッセージ入力部で改行が可能 4 行までは入力内容に応じて メッセージ入力部の縦幅を調整する 5 行以上の入力値となる場合 メッセージ入力部内でスクロールさせる 複数行入力 10 時半からで予約しましたが 少し早めの 10 時 15 分からに変更することはできますでしょうか 確認お願いします 送信

15 2-3. ヨヤクマネージャー トップ 15 < チャット通知 > 最新の未読メッセージを表示する表示タイミング : 新着チャット受信時 5 秒後に非表示とする 表示内容 送信者名 メッセージ冒頭 1 行に収まらない場合 で表示する 押下時 お店チャット画面に遷移する 送信者を選択状態とした状態で遷移する 対象画面 マネージャー画面すべて ( お店チャット含む ) チャットボタン 押下時 お店チャット画面に遷移する 以下のいずれかに該当する店舗の場合 非活性表示する お店がチャット利用設定していない ( ヨヤクマネージャー ) チャットボタンは風俗ヨヤク利用店全てに表示されます 非活性時

16 2-4. お店チャット 1 16

17 2-4. お店チャット 2 17 < 顧客一覧 > 顧客名 未読数がある場合 太字で表示 一行に収まらない場合 で表示する 選択中 もしくはマウスオーバーで背景をグレーとする 最新メッセージ内容の冒頭 一行に収まらない場合 で表示する 最新メッセージの送受信日時 表記例本日であれば 4:13 年内であれば 7/14 去年以前であれば 2017/12/30 未読数 0 件の場合 表示しない 100 件以上の場合は 99+ 最大 1000 件取得する 初期表示 : 過去にチャットのやりとりがあったユーザー ソート順 : 送受信日時昇順

18 2-4. お店チャット 3 18 < チャット部 > ヘッダー顧客名 一行に収まらない場合 で表示する メッセージメッセージ ユーザーから ( 緑 ) お店から ( 白 ) システムから ( グレー ) 既読送受信時間 常に 時 : 分 表記例 2:53 日付送受信日の切り替わるメッセージとメッセージの間に表示する 表記例年内であれば 7/14 去年以前であれば 2017/12/30 フッターメッセージ入力 BOX 500 文字まで送信ボタン

19 2-4. お店チャット 4 19 < 初期表示 > 画面最下部にスクロールした状態で表示する表示対象メッセージ 1. 最も古い未読メッセージ以降 すべてのメッセージ 2. 上記が 30 件未満の場合 合計 30 件となるようそれ以前のメッセージを取得 表示する ソート順送受信日時昇順 画面表示時すべてのメッセージを既読とする 最上部までスクロールした時読み込んだメッセージの上限までスクロールした場合 次の 30 件を読み込み 画面上に反映する フロントからネット予約時 ( 仮予約 ) 仮予約を受け付けました MM/DD hh:mi~ mm 分 予約日 コース時間 自動メッセージについて 例 ) 仮予約を受け付けました 2/10 18:30~ 60 分 メッセージに URL が含まれる場合ハイパーリンクとする ( 青字 下線付き ) 例 ) タップした場合 別タブでその URL にアクセスする

20 2-4. お店チャット 5 20 新しいメッセージを受信した時 ( システム含む ) 新しいメッセージがこの顧客からのものの場合 1. 受信メッセージを画面に反映する 2. そのメッセージを既読とする 3. 一番下まで自動スクロール 新しいメッセージがこの顧客以外からの場合該当の顧客部の未読数を再取得する 顧客がメッセージを既読した時 既読したのがこの顧客へのメッセージの場合 1. 既読されたメッセージに 既読 マークを付与する 既読したのが他の顧客へのメッセージの場合 1. 該当の顧客部の未読数を再取得する 送信ボタン押下時 1. メッセージ本文が空なら処理終了 2.NG ワードチェック NG ワードが本文に含まれている場合 エラーメッセージを表示して処理終了 3. メッセージ送信 お店に対してメッセージ送信イベントを送信 入力したメッセージを本画面に反映する

21 2-4. お店チャット 6 21 以下いずれかの状態で画面操作を行なった場合 マネージャートップへ遷移する お店がチャット利用設定していない ( ヨヤクマネージャー ) 複数行入力 メッセージ入力部で改行が可能 4 行までは入力内容に応じて メッセージ入力部の縦幅を調整する 5 行以上の入力値となる場合 メッセージ入力部内でスクロールさせる 当店のお近くのお勧めホテルの場合 2,000 円 ( 税込 )~ でご利用していただくことが可能です 谷町九丁目 日本橋 難波 梅田 十三 京橋 天王寺での待ち合わせが可能です 送信