コンテンツにスキップ

ページパターン

ページパターンのイメージ画像

Webサイトを構成するページの役割を踏まえ、コンポーネントを組み合わせたページのレイアウトバリエーションがページパターンです。Science Tokyo CMSを用いて再現可能です。

活用方法

定義したページパターンで想定している役割そのままにWebサイトのページに反映する方法の他に、以下のような活用を想定して提供しています。あくまでも活用の一例あり、新しいアイデアの発想にお役立てください。

  • Webサイトを構成するページの役割の理解
  • 一貫性を持った情報提供のために推奨する情報設計
  • レイアウトバリエーションの選択肢
  • 推奨されるコンポーネントの利用方法

ホームパターン

ホームパターンのイメージ画像

Webサイトのトップページとして利用することを想定したページパターンです。

ホームパターン英語版

日本語・英語で共通で利用できるコンポーネントとして設計していますが、年月日など慣習として表記方法が異なる情報を表示することを考慮して異なるコンポーネントを採用したページパターンについては、英語版のページパターンのサンプルを用意してあります。

インデックスパターン

インデックスパターンのイメージ画像

下層コンテンツへの動線提供を役割とするインデックスページとして利用することを想定したページパターンです。

コンテンツ訴求サマリー型
ビジュアルも活用したサマリー情報を提供し、下層コンテンツをしっかり訴求するためのインデックスページパターンです。
コンテンツ訴求バランス型①
ビジュアルも活用したサマリー情報と、階層化した下層ページ一覧を提供する標準的なバランスの取れたインデックスページパターンです。
コンテンツ訴求バランス型②
ビジュアルも活用したサマリー情報と、階層化した下層ページ一覧を提供する標準的なバランスの取れたインデックスページパターンです。
テキスト誘導型
ビジュアル訴求を必要としないコンテンツ向けに、テキスト中心の下層ページ一覧で誘導するインデックスページパターンです。
人物一覧型
組織の人物情報を主とする下層ページ一覧を提供するインデックスページパターンです。
施設・設備一覧型
施設や設備などの所在地・マップを主とする下層ページ一覧を提供するインデックスページパターンです。
検索結果一覧型
Googleカスタム検索を利用したサイト内検索の結果を表示するインデックスページパターンです。
メディア情報一覧型
メディアプラットフォームを活用したメディア情報のページ一覧を提供するインデックスページパターンです。
イベント一覧型
メディアプラットフォームを活用したイベント情報のページ一覧を提供するインデックスページパターンです。

インデックスパターン英語版

日本語・英語で共通で利用できるコンポーネントとして設計していますが、年月日など慣習として表記方法が異なる情報を表示することを考慮して異なるコンポーネントを採用したページパターンについては、英語版のページパターンのサンプルを用意してあります。

詳細パターン

詳細パターンのイメージ画像

コンテンツの詳細を伝えるためのさまざまな用途に利用することを想定したページパターンです。