説明と入力欄を左右に並べた、開いた瞬間に迷わないフォームを実現

AIカスタマーサポートシステム「ヘルプドッグ」を提供するnoco株式会社(本社:東京都中央区、代表取締役:堀辺 憲、以下「当社」)は、このたび、「ヘルプドッグ」の無料で使えるフォーム作成機能に新しいレイアウト「2カラムフォーム」を追加し、提供を開始しました。
画面の左側に説明文や画像を、右側に入力欄を並べて配置できるレイアウトで、案内の多いフォームでも、利用者は入力欄を見失うことなく入力を進められます。無料プランを含むすべてのプランで、追加の申し込みや料金なしに利用できます。
■ 背景:案内を充実させるほど、入力欄が見つけにくくなるという課題
問い合わせや資料請求、キャンペーン応募などのフォームでは、入力時の注意事項や電話窓口の受付時間、問い合わせ先の案内など、入力前に伝えておきたい情報が少なくありません。
一方、従来の1カラムフォーム(1段組みレイアウト)では、こうした案内を丁寧に記載するほど入力欄がページの下方へ押し出され、フォームを開いた直後に「どこに入力すればよいか」が利用者に伝わりにくくなっていました。入力の途中で注意事項を確認し直す際にも、画面を上下にスクロールして案内まで戻る必要があります。
案内の丁寧さと入力のしやすさが両立しにくく、フォームを設置する企業が案内を充実させるほど、利用者にとっては入力しづらいフォームになりやすい状態にありました。
■ 左に案内、右に入力欄を配置する「2カラムフォーム」
「2カラムフォーム」は、画面の左側に説明文や画像を、右側に入力欄を配置する2段組みのレイアウトです。ページを開いた瞬間に入力欄が視界に入るため、利用者は迷わずに入力を始められます。
左側には、入力時の注意事項や電話窓口の受付時間などの案内を掲載できます。案内が入力欄のすぐ隣にあるため、利用者は画面をスクロールせずに、注意事項を確認しながら入力を進められます。また、用件別フォームへのリンクを左側に置けば、問い合わせ先が異なる利用者を、入力前に適切なフォームへ案内できます。
案内が少なく項目がシンプルなフォームには1カラムフォーム、注意事項やリンクなどの案内を添えたいフォームには2カラムフォームというように、フォームの用途や情報量に応じて選択できます。

■ 今後の展開:「フォームを無料に データをもっと自由に」
当社は今夏、フォーム機能全体のバージョンアップとして、今回の「2カラムフォーム」を含む新機能を順次公開していく予定です。「フォームを無料に データをもっと自由に」をスローガンに掲げ、個人利用からビジネス用途まで、誰もが本格的なフォームを無料で使える環境の実現を進めてまいります。
「ヘルプドッグ」は、AIを活用したオールインワンのカスタマーサポートシステムとして、利用者の自己解決から有人対応まで、サポート業務全体の負担軽減に今後も取り組んでまいります。
■ 提供概要
[表1: https://prtimes.jp/data/corp/38439/table/100_1_38a8a9eff2a9af057a1a4b44ecbeda06.jpg?v=202609101945 ]
フォーム作成機能:https://helpdog.ai/form/
フォームのテンプレート集:https://helpdog.ai/form/templates/
機能の詳細はこちら
■ ヘルプドッグとは

ヘルプドッグは、フォーム作成・FAQサイト・AIチャットボット・メール問い合わせ管理・ライブチャットをひとつにした、AIカスタマーサポートシステムです。AIがお客様や社員の自己解決を後押しし、問い合わせ対応の負担を減らします。無料プランなら毎月0円でご利用いただけます。
公式サイト:https://helpdog.ai/
料金プラン:https://helpdog.ai/pricing/
料金プランの比較:https://helpdog.ai/pricing-comparison/
公式サイトはこちら
■ noco株式会社について
私たちは、「企業と顧客の架け橋となり、すべての声を価値に変える」というミッションのもと、ユーザーの疑問や課題を解決するテクノロジーを提供しています。AIカスタマーサポートシステム「ヘルプドッグ」や、マニュアル作成ツール「ヘルプドッグマニュアル」などを通じて、企業の問い合わせ削減・業務効率化・顧客体験向上を支援しています。「ヘルプ・インフラストラクチャ」の実現を掲げ、あらゆる人がスムーズに情報へアクセスし、誰もが迷わず行動できる社会の実現に挑戦しています。
会社概要
[表2: https://prtimes.jp/data/corp/38439/table/100_2_2f7fb1f783387851cd4f933cf79ef7c1.jpg?v=202609101945 ]