« レイアウトは、漫画のコマワリだ!2 | メイン | インフォメーションアーキテクチャーと居酒屋のお品書き »

2005年10月14日

レイアウトは、マンガのコマワリだ!3

さて、左上、右下へのレイアウトの流れで、も少しだけ続きを、・・・。

さて、目線が左上から右下へ、自然の流れとして流れていく、ということをお話しました。

あくまでも、私の限られた経験と、先輩からの教えを元にしたセオリーですが。

で、もうひとつ、考えといたほうがいいこと。

マウスもまた、右下へ行きたがる、ということです。

いや、これも万人がそうだというわけではないのですが・・・。

たとえば、最初は、お気に入りとかからなんかのサイトを開きます。

その後、そのページにあるリンクをクリックして、べつのページをひらき、それがブログなんかだったりして、下へスクロールするとします。

マウスは、どこへ行きますか?

そう、右端です。

もちろん、ホイールマウスなんかを使用している場合は、その必要はないかもしれません。

でも、マウスをテキストの上から避けたりはしませんか? そのとき、マウスは左に行きますか? 右に行きますか?

また、ホイールマウスを使っていても、右端の棒や矢印を使ってスクロールすることはありませんか?

そして、ウィンドウがいくつも開いているとき、大きさを調節したいと思ったら、どこをクリックしますか?

全面化をするためには右上に行きますか、そうじゃなければ、当然右下です。

これは、ほとんどの人が右利きのせいなのか、それとも単純に文章が左から右にながれるせいなのか、よくわからないですが、とにかく、マウスも右にいきたがる性質がある、ということです。

だから、右下って結構美味しい場所だったりするんです。

でも、HTMLになれてないころとか、右下にどうやって置くんだ?などと思っていましたが・・・。

で、アメリカ版ヤフーを見たら、右下にクレジットカードのバナーがおいてありました・・・。気が付くと、ちょっとおっとなってクリックしてしまいたい位置ですね・・・。

あとメニューを左コラムにするか、右コラムにするかで、昔は圧倒的に左コラムが多かったし、進められてもいました。

でも、ブログなんかは気軽にいじれるせいか、右コラムが増えてきています。

個人的には、自分はこれからばんばん右コラムメニューを使っていこうと思います。

まず、最初に左のコンテンツを見せて、それから右にメニューを置いてやる。

これも、人間は左を最初に見る、それでマウスは右に行きたがる、という法則の応用例だと思います。

ほかにもいろいろと応用があると思います。

みなさんも、よろしければ、あたまの片隅にでもちょろっとおきながらページのレイアウトなど考えて・・・も効果の保証はいたしません!(^^;;

結局、人が相手の物事に確実なのはありないですからね・・・。

以上、レイアウトに関する図解つきの解説はメルマガのほうでまたいつかやりますので、登録のほうよろしくお願いします!

お役に立った!と思われたら・・・

ブログランキング、ご協力をお願いします。

投稿者 itoh : 2005年10月14日 22:34

トラックバック

このエントリーのトラックバックURL:
http://www.beyond-yourself.com/cgi/mt/mt-tb.cgi/10

コメント

コメントしてください




保存しますか?