訪問者の判断に役立つ地図情報カードをデザインする

訪問者が地図のピンまたは建物の形状をクリックすると、訪問者の方向を示し、重要な詳細を提示し、論理的な次のステップを提示するまでに約 3 秒かかります。ボディコピーが壁一面に詰め込まれた乱雑なカードは認知疲労を引き起こし、直帰率を高めます。

情報カードのコンテンツを厳密な視覚的階層構造で構成します。上部にタイトルとカテゴリのバッジ、高解像度のヒーロー ビジュアル、主要な指標バッジ (価格、サイズ、在庫状況)、2 ～ 3 文の要約、および高コントラストのアクション ボタンがあります。

カードのタイトルは、「UNIT_B4_V2」のようなわかりにくいデータベース ID ではなく、「スイート 402 - オーシャン ビュー コーナー ユニット」または「メイン ステージ - ホール A」のように、簡潔でわかりやすいものにしてください。

高品質の画像は、訪問者が行動を起こす前に場所を理解するのに役立ちます。バルコニーからの眺め、オフィスの内装、展示ブースのファサードなど、実際の環境をキャプチャした 16:9 のヒーロー画像を含めます。

Layerpin のメディア ライブラリを利用して、補足画像ギャラリーを添付します。訪問者は、地図上の場所を失うことなく、二次写真をクリックしたり、全画面の高解像度ビューを確認したりできます。

Matterport 3D 仮想ツアー、YouTube ビデオ ウォークスルー、または建築の 360 度レンダリングをカード本体に直接埋め込み、サイト上で没入型のエクスペリエンスを提供します。

訪問者は地図をスキャンして、面積、月額料金、収容人数、営業時間、連絡先の内線番号などの特定の数字を探します。これらの数字を段落に埋め込むと、ユーザーはゆっくりと読むことになります。

Layerpin の構造化メタデータ フィールドを使用して、次のメトリクスを視覚的なバッジ錠剤として表示します: 「📐 1,450 平方フィート」、「👥 容量: 40」、「⚡ 3 相電力」、「💰 $3,200/月」。

視覚的なバッジにより、比較ショッピングが簡単になります。訪問者は複数のユニットまたはブースをクリックして、主要な統計を数秒で比較できます。

すべての情報カードは、見込み客の獲得、見学のスケジュール、座席の予約、ルート案内などのビジネス目標に役立つ必要があります。訪問者を行き止まりに放置しないでください。

「プライベート ツアーを予約する」、「スペック シートをダウンロード (PDF)」、「価格を問い合わせる」、または「このスペースを予約する」など、直接的なアクション指向のコピーを含む目立つ主要なアクション ボタンを含めます。

Layerpin を使用すると、ボタンを外部の予約 URL、mailto リンク、電話ダイヤラーにリンクしたり、カスタム モーダル ワークフローをトリガーしたりできます。

モバイル デバイスでは、地図上に浮かぶフローティング カードが画面の領域を覆いすぎて、地図のパンが困難になります。 Layerpin は、適応性のあるボトムシート引き出しでこの問題を解決します。

スマートフォンでタップすると、カードが画面の下端から滑らかに上にスライドし、ユーザーは親指 1 つで詳細をスクロールしながら、空間参照用に地図の上部を表示したままにすることができます。

モバイル訪問者がアクションを起こすためにスクロールする必要がないように、最も重要なアクション ボタンと価格情報がドロワーの上半分に表示されるようにします。