サイトの計算ツールは、次の行動を決める前に何かを計算する必要があるときに役立ちます。おおよその費用、材料の必要量、サービスオプションの比較などです。制作する最大の理由は、繰り返し寄せられ、信頼できる方法で答えられるお客様の疑問があることです。
まず、どの判断をしやすくしたいかを考えます。計算ツールは、価格の変わり方を説明したり、より具体的な問い合わせの準備を助けたりします。ただし、確かな回答に必要な情報が欠けている場合に、専門的な判断の代わりにはなりません。
担当者が繰り返し答えている質問を探す
最近の問い合わせを見直します。商品がカバーする面積、機能が含まれるプラン、初期見積もりに影響する要素などを聞かれていませんか？同じ計算が頻繁にあり、入力内容が予測できるなら、小さなツールをサイトに置くとよいかもしれません。
例えば床材の販売会社なら、部屋の寸法を入力し、端材分の余裕を選べるようにできます。サービス業なら、作業範囲をいくつか選ぶことで予算帯を示せます。片方は数量、もう片方は想定費用を計算する別のツールです。ラベルと結果で、この違いを明確にします。
計算ツール、選択ツール、簡単なフォームから選ぶ
すべてのインタラクティブ機能に計算が必要なわけではありません。適合性の疑問には商品選択ツールが、固定プランには比較表が役立つ場合があります。案件ごとに会話が必要なら、短い問い合わせフォームが適しています。
少数の意味のある入力を訪問者が行え、事業側がその処理を定義できるなら、独自の計算ツールが有効です。結果が主に専門家の評価に依存する場合、正確そうな数字はかえって混乱を生むことがあります。その場合は要素を説明し、直接の連絡方法を示します。
操作部品を設計する前に結果を定義する
結果の例を平易な言葉で書きます。数量、範囲、おすすめのどれを示すかを決めます。お客様が解釈するために必要な単位と前提条件も含めます。
概算なら、概算と明記します。含むもの、含まない費用、確認が必要なことを説明します。税金、配送、設置、地域ごとの提供可否が影響する場合は、結果の近くに制約を示します。参考の合計額を、確定見積もりや購入可能な商品価格として見せないでください。
その後で入力項目を選びます。本当に回答を変える情報を求めます。結果やその後の相談を改善しない追加項目なら、削除を検討します。
スマートフォンで使いやすくする
常に見える項目名、わかりやすい単位、タッチとキーボードに対応した操作部品を使います。「20」という数値だけでは、メートル、個数、人数のどれかがわからなければ意味がありません。特殊な入力は、求める前に説明します。
W3Cのフォームに関する案内 は、各操作部品に具体的なラベルを関連付けることを勧めています。また、 入力方法の案内に関するガイド は、必須項目や想定する形式も扱います。入力中に消える文字だけに頼らず、対応する操作部品のそばで説明を見られるようにします。
入力が対応範囲を外れている場合は、修正方法を説明します。訪問者のほかの選択は保持します。値をサーバーに送信する場合は、ブラウザーだけでなくサーバー側でも検証します。 MDNはブラウザーの確認だけでは不十分な理由を説明しています.
答えを役立つ次の行動につなげる
事業モデルが許すなら、連絡を求める前に結果を見せます。その後、概算の相談、概要の保存、確定見積もりの依頼など、適切な行動を提示します。問い合わせと一緒に何が送られるかを伝え、返信に必要な情報だけを集めます。
ショッピングサイトでは、ツールが周囲の商品情報に合っているかを確認します。私たちの EC商品ページのチェックリスト は、購入判断の前に必要な情報を扱っています。インタラクティブな機能は、その理解を助けるものにします。
計算の保守担当を決める
開発前に、ルール、丸め方、最小値、例外を文書化します。商品や価格が変わったときの確認担当を決めます。既知の事例で結果をテストし、有効な入力と不完全な入力の両方を確認します。
Fovoyaの オーダーメイドのウェブツールサービス では、より広い ウェブデザインプロジェクトの一環として、計算ツールや案内付き選択ツールを検討できます。まずは、 答えたいお客様の疑問をお聞かせください。利用できる情報と、現在その質問にどう対応しているかもお知らせください。
