友部のゼミ用HP 友部のゼミ用HP

5つのwebの構造パターン

Webサイト制作にあたり、サイトの設計で多く採用されるものとして5つパターンがある。



・ 階層型分類構造

・ファセット型構造

・Web型構造

・直線型構造

・ハブ&スポーク型構造



階層型分類構造

ツリー構造とも呼ばれる情報構造。古くからOS等のディレクトリ管理でも採用されている為、Webに限らず目にする機会が多い。

<例>SANTORY

ファセット型構造

ECサイトなどで頻繁に採用されている。ある商品をカテゴリ分けしていく際、2つ以上に分類出来るケースが多々ある。 その際にどのカテゴリに紐付けるかを考えるのではなく、該当するすべてのカテゴリに分類しておき、様々なユーザーの要望に対してコンテンツを提供できる体勢にしている。

Web型構造

コンテンツ同士がリンクされ、またそのコンテツが別のコンテンツとリンクされるといった形で、構造が網状なのが特徴。

<例>楽天市場

直線型構造

お問い合わせフォーム等で頻繁に採用される構造。

ハブ&スポーク型構造

一つのメインとなるページを中心に、自転車の車輪のように放射状に広がる構造を持ったタイプ。

<例>facebook

<参考>https://wp.yat-net.com/?p=3121#p2-1

inserted by FC2 system