LATCHとは

LATCHとは、リチャード・ソール・ワーマンによって提唱された情報整理の主要です。以下の5つの基準ですべて情報整理できるとしています。

• ●  Location：位置
• ●  Alphabet：文字（アルファベット）
• ●  Time：時間
• ●  Category：カテゴリー
• ●  Hierarchy：階層

基準によって分類した情報に対して適切な名前付けるラベリングにより、ウェブサイトにおいても利便性を高めることができます。

---

構造とレイアウト

ウェブサイト構築にあたっては、情報をある共有の特性を持ったブロックとして整理し、それらの情報の関連性を明確に構造化することが大切です。ウェブサイトのレイアウト手法として、ヘッダとフッタに挟まれている部分の横分割の数の単位をカラム（column）といいます。また、ユーザーにとって最もわりやすい情報のカテゴライズ、位置、領域（ゾーン）に区分する、枠組みごとに分けることをゾーニング [1] という。

---

サイトマップとは

サイトマップは、ウェブサイトの全体的な構成をツリー構造の図などを使ってわかりやすく俯瞰的に表現したものです。サイトマップでは把握しにくいプログラム側での処理はフローチャートにして動的なサイトを視覚的に把握することができます。サイトマップは、ツリー型とリニア型が一般的に使われています。

ツリー型とは

トップページがはじめにあり、階層が深くなるごとに上下もくしは左右にページを配置していく形態。

リニア型とは

単一方向へのリンクを順番にたどらせる形態。用語集などで使用される。

---

デザインの種類

ウェブサイトの画面レイアウトを行ううえで、一般的に以下の手法が使われています。ちなみに「グランドデザイン」とは、長期間にわたる計画全般を指し、「システムデザイン」はコンピュータプログラムの開発を指します。

グリッドデザインとは

文字や画像、カラムなどの要素を画面を方眼紙のように格子状に分割してレイアウトする手法のこと。グラフィックは直感的なアプローチであるのに対し、グリッドはきわめて論理的に情報を整理する。

リキッドデザインとは

ブラウザの横幅を変更した時にコンテンツの表示サイズも変更されるタイプのデザインのこと。サイズ可変デザイン。対義語はソリッドデザイン。

ソリッドデザインとは

ブラウザの横幅を変更してもコンテンツの表示サイズが固定されていて変更されないタイプのデザインのこと。サイズ固定デザイン。対義語はリキッドデザイン。

---

ページネーションとは

ページネーションは、丁付け、ページ割りという意味です。ウェブページの場合、長い文章を複数のページに分割し、各ページへのリンクを並べてアクセスしやすくしたり、逆に、１ページの内部で長い文章を分割し、切り替えて表示したりすることを指します。

---

画面サイズ

画面サイズは、基本的に4：3の比率で構成されており、さまざまな解像度のものがあります。実際には画面上にメニューバーやスクロールバーなどの諸要素があるため、表示可能領域は下記より小さくなります。主な規格名称に以下のものがあります。

• ● SVGA：800×600px （W3C の WCAGで推奨）
• ● XGA ：1,024×768px
• ● SXGA：1,280×1,024px
• ● UXGA：1,600×1,200px