ootani's Journal

« 好きな色はやっぱり．．． | メイン | 右クリック禁止の簡単解除方法 »

2005年07月13日 （水曜日）

WEBページの構成テクニック(基礎編)　-　8.テクニカルガイド

【配置】
ページレイアウトを考える際に、人間の目線の移動には法則性がある点を考慮することが効果的です。人の目線は左から右へ移動し、さらに上から下へと移動します。つまり、左上から右下への対角線の視野をもっていると言うことです。このことから、写真を左にその説明の文章(文字)を右に配置し、まず写真でイメージを掴んでもらい、次にその説明文を読んでもらうことで、分かりやすいコンテンツとすることができます。

【色】
色は言語を超えたサインとまで言われ、色の持つ力は人の心を変えるとまで言われています。

・寒色系より暖色系の方が心理的温度が高い
・寒色系(青、青緑など)や暗い色は後退色と言い、後ろに下がって見える
・暖色系(赤、橙色など)や明るい色は進出色と言い、前に飛び出して見える
・白は他の色を引き立たせる
・赤は活動色で人を興奮させる
・黄は実際よりも大きく見える
・緑(自然色)は安らぎを与える
・青は理論的、実践的な感じを与える

【速度】
「Macromedia FLASH」をトップページに配備したサイトは、早くコンテンツにたどり着きたい人にとっては障害でしかなく、リピータにとっては同じオープン画面は邪魔な存在でしかありません。「Zona Research」の調査結果によると、WEBページが8秒以内に表示されないと、他サイトへ移ってしまうと分析されています※1。また、フレーム構成も複数ページの構成となり、表示アクセスが重くなる傾向にあります。

【階層】
トップページまたは最初に訪れたページからの遷移確率は、約20%と言われます。つまり、訪れたページから次のページを閲覧しようとする人は、約20%しかいないと言うことです。よって、階層が1段深くなる毎に約80%ずつ減少すると想定され、主要なコンテンツ部分は2階層までに配備するのが、望ましいと言うことになります※2。

※1：(1999年Zona Research社「The Need for Speed」より)
※2：(2002年初版「コンサルがあかす儲かるWEB虎の巻」より)

wrote by ootani : 2005年07月13日 21:50