ほとんどのウェブデザイナーは、SaaSダッシュボード、eコマースストアフロント、ライフスタイルブランドといった同じようなデザインの制作経験に基づいて訓練を受けています。そのため、鋳造工場、耐火物サプライヤー、ボイラーメーカーといった企業がプロジェクトに加わると、ヒーロービデオ、特大のフォント、パララックススクロールといったお決まりの手法に頼りがちです。しかし、その判断はほとんどの場合間違っています。
産業分野の購買担当者は、一般消費者とは行動様式が異なります。彼らは部品番号、納期、そして数秒単位でしか許容できないスピード感を持ってやってきます。もしあなたのデザインがそれを無視しているなら、せっかく美しいサイトを作っても、本来サービスを提供するはずだった人たちを失望させてしまうでしょう。
重工業分野の顧客向けの設計・開発業務において、自身の専門性を失うことなく取り組むための考え方をご紹介します。
画面の向こう側に実際に誰がいるのかを知る
工業施設のユーザー像は、一般的な買い物客ではありません。調達マネージャー、プラントエンジニア、あるいは特定の課題を抱えた保守責任者といった人々です。彼らは騒がしい工場内でデスクトップパソコンに向かっていることが多く、時にはトラックの中で電話を使っていることもあり、そしてほぼ常に時間的プレッシャーにさらされています。
これにより、「優れたUX」の定義が変わります。B2Bユーザーは、消費者よりも操作の煩雑さを厳しく批判します。なぜなら、彼らの時間は課金対象であり、意思決定は監査されるからです。産業サイトにおける教訓はシンプルです。分かりやすさは喜びよりも重要であり、具体性は説得力よりも重要です。
それをブリーフに反映させましょう。クライアントに、購入者が電話をかける前に必ず尋ねる3つの質問を尋ねてください。そして、それらの回答が重要なページの目立つ場所に表示されるようにしてください。
情報アーキテクチャは真の設計作業である
よく構築されたサプライヤーサイトを見てみましょう。例えば、材料ブローカーのサイトなど。 ダイバーシファイド・セラミック・サービス社 ナビゲーションは、仕入れている素材とサービスを提供している業界という2つの軸を中心に構成されていることにお気づきでしょう。これはデザイン上の選択ではなく、購入者がどのように検索するかを反映した構成なのです。
カオリンを探している陶器メーカーは、あなたのブランドストーリーなど気にしません。彼らが知りたいのは、あなたがカオリンを取り扱っているか、どのような形態で扱っているか、そして彼らの地域に供給しているかどうかです。こうした顧客の心理を反映した建築は、どんなに視覚的に凝った装飾を施しても、その効果を凌駕するでしょう。
Figmaを開く前に、分類体系をスケッチしておきましょう。ホワイトボードに2つの列を描きます。1つは会社が販売する商品、もう1つは購入者です。構築したすべてのページは、どちらの列からでも2クリックでアクセスできるようにする必要があります。
産業分野の購入者にとって、性能とアクセシビリティは選択肢ではなく必須条件である。
工場内のネットワークは高速ではありません。現場の接続も不安定です。もしあなたの製品紹介ページで4MBの自動再生動画が表示されたら、テネシー州の田舎でホットスポットを使っている顧客は既に獲得できていないでしょう。
Google独自の コアWebバイタル ガイドラインでは、迅速なLCP（ライフサイクルコスト）と安定したレイアウトが推奨されており、これらの指標は工業用地ではより重要になる。アクセシビリティについても同様で、高齢の購入者、薄暗い環境、手袋をしたままタッチスクリーンを操作するといった状況は、現実的な問題である。
- メディアの重量を減らしてください。 調達ページでは、背景動画よりも静止画や最適化された画像の方が効果的です。動画は事例紹介などに限定しましょう。
- 動きの制限を尊重してください動きの少ないメディアを好むというリクエストを尊重してください。長時間勤務の工場技術者の方々はきっと感謝するでしょう。
- WCAG AAを最低限満たす強いコントラスト、明確なフォーカス状態、キーボードナビゲーションは、アクセシビリティを演出するための見せかけではありません。これらは基本中の基本です。
- スロットリング接続でのテストChrome DevToolsで低速な3G回線でサイトが使えないなら、そのサイトは国内の半分の地域では使えないということだ。
真剣な読者に向けたポグラフィとビジュアル言語
工業的だからといって醜いわけではなく、真面目だからといって退屈なわけでもない。しかし、視覚的な表現は、流行を追いかけるのではなく、能力を示すものでなければならない。ストリートウェアブランドには適した太字のディスプレイフォントは、耐火レンガの仕様を定める工場長には、真面目さに欠ける印象を与えるだろう。
ヒューマニスティックなサンセリフ体やトランジショナルセリフ体と、力強い数字を組み合わせるのが良いでしょう。仕様、部品番号、測定単位はこれらのサイトの至る所に表示されるため、表形式の数値と、データテーブル用の明確な等幅フォントの組み合わせは、時間をかけて検討する価値があります。
色は装飾ではなく、役割を果たすべきです。強いアクセントカラーは、行動喚起（CTA）や安全に関する重要な情報表示のために取っておきましょう。それ以外の部分は、商品画像と競合しない控えめな色調で統一してください。
重工業でコンバージョンにつながるコンテンツパターン
産業資材サプライヤーにとって、リード獲得はランディングページの下部にある派手なフォームから生まれることは稀です。それは、買い手があなたの会社が彼らの業務プロセスを理解していると信頼したときに初めて実現するのです。
- 素材と製品ページ形状、等級、代表的な用途、およびそれらを使用する産業分野を含めてください。キャスタブル耐火物に関するページは、パンフレットではなく、仕様書のような内容であるべきです。
- 業界ページ顧客の視点に立つ。鋳造所向けのページでは、一般的なマーケティングコピーではなく、鋳造所特有の専門用語を用いるべきである。
- サービスエリアの明確化顧客が10州に発送する場合は、その州を明記してください。発送先が分からないと、購入者はすぐに購入を断念します。
- 実際の接触経路ヘッダーに電話番号を記載することは、どんなチャットボットよりも効果的です。クライアントによっては、このたった一つの決定が、どんなデザイン変更よりも質の高い問い合わせを増加させる効果を発揮します。
サイトを便利に保つための引き継ぎ
産業分野の顧客は、複雑なCMSを維持管理するためのマーケティングチームを抱えていることは稀である。
クライアントが実際に更新できるスタックを選択してください製品仕様用のカスタムブロックを備えた軽量なWordPress構築は、スタッフの誰も触れることができない特注のヘッドレス設定よりも長持ちするでしょう。
パターンを文書化する新しい素材や業界ページを追加する際の簡単なLoom動画を録画してください。半年後、クライアントが新しい分野に進出した際に、あなたに連絡することなく公開できるようになります。
産業分野の顧客向けデザインは、抑制を重視する姿勢を高く評価する。買い手にとって不要なものを削ぎ落とし、必要な部分を磨き上げれば、その仕事は年間を通して最も満足のいくものの一つとなるでしょう。