工務店・ハウスメーカーのサイトのメニュー設計 訪問者が迷わない分類

工務店サイトのメニューは、どんな名前で、どこまで分ければよいのでしょうか。出発点は、訪問者が何を知りたくて来たかです。「施工事例を見たい」「家づくりの方針を知りたい」「見学を申し込みたい」といった目的と入口を対応させると、分類の理由が明確になります。

01.名前から行き先を想像できるようにする

社内で使い慣れた略語や独自の商品名も、初めて来た人には内容が伝わらないことがあります。メニュー名には、開いた先で何が分かるかを表す言葉を使います。

次は編集部による分類案です。特定の工務店の実績ではなく、自社の情報を分ける際のたたき台として示しています。

項目数を先に固定する必要はありません。たとえば見学会と個別相談の案内がそれぞれ多ければ、入口を分ける選択があります。共通の案内ページで違いを説明できるなら、一つの入口にまとめても構いません。判断するのは項目の少なさより、目的の情報がどこにあるかを予想できるかです。

ブログや資料が増えたときも、更新した部署ごとに入口を増やす前に、どの疑問に答える内容かを考えます。会社の考え方と、所在地などの基本情報を分けるのも、探しているものが違うためです。

02.探してもらうと、分類と操作の問題を分けられる

分類案ができたら、制作に関わっていない人に「見学できる日を探す」「気になる施工事例から相談先へ進む」などの目的を伝え、スマートフォンで試してもらう方法があります。どの項目を開くか迷うなら名称や分類を、行き先は分かるのに押せないなら操作部分を見直す手掛かりになります。

メニューを開閉できることに加え、指で押しやすいか、今いるページが分かるか、事例の詳細から一覧へ戻れるかも見ます。W3Cも、明確なメニュー、現在地の表示、タッチ操作の押しやすさを重視しています。W3C：メニューの解説

パソコンとスマートフォンで見せ方を変えても、同じ項目の名称や行き先をそろえると対応関係が分かります。画面サイズが変わっても、表示する項目の順序・名称・行き先を一貫させる考え方はW3Cの構造解説にもあります。W3C：メニュー構造

また、ページを読み終えた人が次に知りたい情報へ進めるよう、内容に合う関連ページや相談先へのリンクを本文の終わりにも置きます。施工事例の詳細なら別の事例や相談案内など、そのページを読む目的から次の行き先を選ぶと、メニューを探し直す手間を減らせます。