2.2. サイトレイアウトの設計

サイトが訪問者に提供するべき情報の一覧を作成します。農産物市場のシナリオでは、次のようなものが含まれます。

各情報を配置する、サイト上のページやページタイプを決定します。

スマートフォンなどの小さな画面と、デスクトップなどの大きな画面で表示した場合を想定して、各ページ向けの大まかなデザインスケッチを作成します。サイト訪問者の多くがスマートフォンのブラウザーを利用することを考慮した場合、あまりスクロールしなくても必要な情報にたどり着けるように、スマートフォンサイズのレイアウトから始めるのはよい考えです。

これらのページレイアウトを設計するにあたり、情報を表示するべきページが適当かどうかについて、設計を見直す必要が生じる場合があります。 たとえば、サイトがデスクトップサイズのブラウザーで表示された場合は、「所在地」、「営業時間」、「最近追加されたレシピの一覧」を、すべてのページの右サイドバーエリアに配置するのが適当と判断するでしょう。 一方で、スマートフォンのブラウザーで表示された場合には、「所在地」と「営業時間」は各ページの最上部に短く表示し、「最近追加されたレシピの一覧」はホームページの最下部だけに表示するのが適当と判断するでしょう。