あるSEとゲーマーの四方山話　[RSS]

＜てるやん＞
サイトは左２カラム。
これが正解！

「左上の魔術師」理論

では、初めてそのページに訪れたユーザーは最初にどこを見るでしょうか？
答えは、「左上」です。
これは、Webブラウザが横文字で左から右へと文字が進み、端まで行くと下に進んでいく構造が一般的であることに起因しています。

全部読んでる暇がない忙しい人のためにネタばらしですが、
こちらは壮大な釣り記事です。
記事にあるたくさんの大手サイトの分析は的を得てますが、
サイトはただのテキストメモ帳のように、
なんのデザインもなく文字だけが羅列してるわけではありません。

色使い、
文字の大きさ、
ヘッダー、
左メニュー、
右メニュー、
細かな目を引くデザイン、
絵、写真、
動画、

左上ではなく、目立つもの、目を引くものにまっさきに視線がいきます。

モノクロより対比して目立つ色、
小さな字より大きな字、
字よりも絵、
絵よりも動画、
そこにまず目がいくはず。

はてなダイアリー - つれずれなるままに…

「404 Blog Not Found」と「はてなダイアリー日記」。
これらのブログ（日記）を以前から見たことのある方。
最近それぞれがデザインのリニューアルをした際、
読みにくくなったと感じませんでしたか?
（今初めて見る人も、読みにくいと感じませんか?）

 äººã¯ã¾ãšã€å¯¾è±¡ã®ä¸­å¤®ã«è¦–点を動かします。
ウェブページの場合、表示領域の中央あたりに視点を動かすでしょう。
そして全体のデザインを把握した後、目線を本文に移して読み始める。

 ãã†ã€ãã®ä¸­å¤®ã«è¨˜äº‹ã®æœ¬æ–‡ãŒã‚ると、
目をほとんど動かすことなく読み始めることができるのです。

また、基本的に閲覧者はディスプレイにまっすぐ向かって見ているので、
目や首を動かすことなくニュートラルな状態で読めるのも重要です。

それを指摘してるのはこちら。

まず、中央から俯瞰して、そこから視線を移動しはじめる。
これに納得。

であるなら、記事を読みやすくしたいのなら左カラムで
メインの記事を中央に押し寄せるのがいいわけです。
このほうが視点移動が減ります。


▽右か左かはたまた１カラムか？

実は最近、このサイトも「右カラム」にしようかそれとも
「１カラム」にでもしようかとかいろいろ考えたのですよ。
というのも、
「左カラム」はメニューが左にあるため、
大多数の右利きユーザーからすると、
右手にあるマウスで左のメニュー操作をするのは気持ち悪い。
という意見をいくつか聞いたからです。
これも確かに、生理的に考えたら納得いきます。


が、しかしこれに個人的な反論を言えば
やはり文章は左から右に読むものであって、
メニューは記事タイトルとして左にあるほうが、
タイトルから右の記事へとうまく流れるわけです。

さらに、メニューの読み始めも左カラムは
ブラウザの左端に視線を移せばいいところ
右カラムでは、一度右のメニューを捕らえてから
その左端に視線を移すという慣性のふり幅があるため
視線はさらに多く移動します。


右カラム賛成派の意見を知ったので、変えるべきかどうか悩んでたところ
どうも、右が見にくく、左カラムが見やすいのは
いままでのいろんなソフトや自分のブログが左カラムだった習慣なんだろうか？
とか思ってましたが、
この２つの記事で納得いきました。
結局左２カラムが一番見やすいですｗ


頭で考えると知ってる理論しか見えなくなりますね。
感じたままに、自分の感覚を信じるほうが大事みたいです。





、、、、かのブルースリーもいってました。
「考えるんじゃない。感じるんだ。」
と、、途中まで書いてて、
それでもなぜ「右カラム派」「左カラム派」に分かれるのかなぞでした。
見やすい視点があるなら、どっちかにまとまっていいはずなんです。
デザインの問題とかありますが、
デザイン自体は右とか左に左右されないぐらい柔軟性の高いものなので
デザイン優先で右や左に分かれてるわけではありません。


では、なぜどちらにもまとまらず、「右」と「左」に分かれるのか？？

Yes!!　Exactly!!
つまり、結局どっちも見にくいということはないんです。
（上にあれだけ書いておいて？ｗ）


例えばアクセス解析を見るとまだまだ多い
「１０２４ｘ８００」モニター
この程度のモニターサイズでは、
視線移動がどうというほど動きません。
どっちにメニューがあっても、大きな視線移動は必要ないのです。

では高解像度のワイドモニターはというと、
これはフルスクリーンでブラウザを見るということがなく
たいていウィンドウ分割で左か右に配置します。
（僕がそうですｗ）

だから左カラム主体なら、左に。
右カラム主体なら、右にブラウザを置けば自然と記事が中心に来ます。
どっちのサイトも巡回するなら、ブラウザを真ん中におけばいいわけです。
（僕は真ん中においてます）

だから低解像度でも高解像度のモニターでも
どちらに置こうがたいした問題ではなく、
左か右かというのは結局、
自分がよく巡回してるサイト、
もしくは自分のブログ、ホームページとは
違う位置にメニューがあるサイトが見にくいというわけでした(〃￣▽￣〃）
（釣りの釣りで自分のわがままを暴露ｗ）

1. コメントを書く(1)
2. ｜ トラックバック(0)
3. ｜2007/04/22
4. ｜

いろんなデザインが残っているということは圧倒的に強いデザインが無い証拠。
結局、どれも良し悪しがあるからね＾＾

1. #2NZBXl8Y
2. [編集] ｜
3. 2007/04/23