本文へ移動

§23-04Help & Support

Live chat

担当者や bot とリアルタイムに会話する窓口。

問い合わせフォームより早く返事を得られ、画面を離れずに疑問を解消できる。購入や設定の途中で詰まった利用者を取りこぼさない。

実装のポイント

新着メッセージは aria-live=polite で読み上げ、受信時は最下部へスクロールする。担当者のオンライン状態と待ち時間の目安をヘッダーに出す。

特徴
  • リアルタイム
  • モック
デモで使っているもの
  • lucide-react

このパターンが効く目的