blogのレイアウトについて考える
最近blogのレイアウトについて考えさせられる記事を読む機会が偶然にも続いています。
今現在は2カラムの固定レイアウトです。
(メインコンテンツ495px/サイドバー190px)
これはすべてのページでも同じレイアウトです。
一時期3カラム(固定)にしていたときもありましたが、サイドバーに表示させるコンテンツを見直していく内、必要ないものがどんどん削られ「これだったら2カラムでええやん」となったのでした。
BlogPeopleのリンクリスト、最新のトラックバック、人気記事ランキング、Last.fmのプレイリスト、別blogの最新記事…etc
これらは常時表示させる必要がないものと判断してカットしたものです。
考えるきっかけになった記事
まずはWeblog Tools Collectionでの議論を紹介してくださってる記事。
Weblog Tools Collectionの議論では、2カラム3カラム双方を支持する意見があり、どうやら分かれ目は一画面の表示量の好みによる感じ。
[ insomniaque » 2カラム？3カラム？ ]より引用
Accessed Date:2007年3月25日 19:18:47
もうひとつ。
フッターについてのお話。
サイドバーにあれこれ詰め込んでも結局スクロールして元に戻る羽目に陥る事がよくあります。
だったらサイドバーを取っ払ってフッターに集中させてスッキリさせちゃうのもいいのかもしれません。
ワイドなフッターデザインのサイトなんかも去年あたりからよく見られるようになりましたよね。
フッターリンクはページの下部に配置されるナビゲーションリンクであるため、設計時には軽視されがちです。しかし、ユーザにとってはページの上から一通りコンテンツを閲覧した後に出現する関連ページへの最も近い導線であるため、有効な手段となっているわけです。
[ ユーザビリティ 実践メモ : 意外に効果的なフッターリンク アーカイブ ]より引用
Accessed Date:2007年3月25日 19:20:42
最後。
先日userstyles.orgに日本の有名サイトのユーザーCSSがすごい勢いで登録されてる件 | caramel*vanillaという記事を書いたのですが、userstyles.orgへの日本語サイトのユーザーCSSの登録がさらに勢いを増しています。
前はほとんどお1人で登録されてたのが今では何名かいらっしゃるようです。
最新の登録スタイルが掲載されたページは日本のサイトばっかりになってます。
(ココのスタイルが2つも登録されてる!!)
で、広告をカットするだけじゃなく1カラム化するスタイルが非常に多いのが気になったわけです。
広告が邪魔なら広告だけ消せばいいし、それ以外のナビゲーションも含んだサイドバーごと消しちゃうっていうのは実は「あんまり必要とされてない＝見られていない」のかなって思いました。
有名サイトが多いのでRSS購読してるからナビゲーションなんかｲﾗﾈってことなのかな?
アンケートにご協力を
ってわけで長い前置きはコレくらいにして、一般論として読みやすいと思えるレイアウト・見やすいと思えるレイアウトを教えてください。
回答は一通り用意しましたが自由に追加もできます。
RSSリーダーだけでご覧になってる方もぜひひとつポチッとご協力お願いいたします。
1ヶ月程度サイドバーに設置しておきます。
こんばんは。
アンケート、回答させていただきましたが、一言コメントがしたかったため、こちらに書き込みました。
最近、はてな界隈でも話題になっていて、いくつかの記事を読みました。
どなたかのブログで読んで（記事はブクマしていないので、失念しています。ごめんなさい。）、「なるほど」と思ったのですが、サイドバーって、結局、自分が使うために設置しているのかなぁ…という気が、最近、してきています。
caramel*vanillaさんのデザインはすっきりとして、読みやすくて好きなのですが、せっかくある右側のサイドバー、実は、よくよく考えてみると、一度も使ったことがありません。
「デザインによる」に投票しましたが…。
使いやすいでデザイン、すっきり、見やすいデザインなら、読者には、サイドバーとか、カラムはあまり関係ないのかもしれません。
あ、僕も追加してしまったのですがメリッサさんのコメントを後から読んで似た主旨だったことに気付きました。
自分のサイトのいい加減さを棚上げしていると言われればそのとおりですが、訪問者がその目的に沿って読みたいものをいかに正確に識別してそこへ辿り着けるかが大切なのであってレイアウトやデザインそのものはそのための手段以上ではないことを常に心掛けたいという主旨で追加しました。
サイドバーに情報詰め込みすぎてメリハリが無いからもう「サイドバー毎見たくないや」ってなることはありますね。
RSSから飛んでくる用レイアウトを１カラム構成で別に作ってくれたら幸せかもしれない。アーカイブを見たいときだけ本体アクセスしてもらうような。
僕は分野や内容・目的によって、最適なレイアウトって、かなり変わってくるんじゃないかなと思ってるクチですね。
ただ、実際に閲覧者が見たいと思ってる、もしくは傾向的に見ている情報って、結構、限られている気はしていて、たとえば僕の場合だと、（何となくですが）重視している順に…
- エントリーの題名
- 見出し
- 図表や写真
- エントリー本文
- 関連エントリーや参考リソースへのポインタ
- コメント
って感じでしょうか。あとの情報は多分、（特に見慣れたブログほど）ほとんど見ていないと思います。
なぜって、ほとんどフィードか検索エンジン経由で、ダイレクトに目的のエントリーに飛ぶから、読みたい対象が意外とはっきりしているんですよね。しかも、Web 1.0 型サイトと違って、ブログって、基本的にコンテンツを体系的に組み上げていくわけではなく、その時々の需要や気分次第で、テーマもバラバラだから、実はナビゲーションすら利用することは稀だったりして。
こうして考えると、実はブログで本当に必要な構成要素って、意外なくらい少ないのかな…なんて気もします。いっそ、ナビゲーション用のページを完全に別立てにしてしまって、エントリーページのナビゲーションも、home と about（もしくは profile）、それと検索ページへのリンクだけにしてしまうのもアリなのかなと、最近はよく思ったりします。もちろん、そういう体裁がかえって適さないブログもあるでしょうし、一概にはいえないんですけどね。
これはこれで、色々と考察の余地がありそうですね。(^ ^;)
皆様アンケートへのご協力と貴重なご意見どうもありがとうございます!!!!
＞メリッサさん
こんにちは!
ワタシも自分のことを振り返ってみたら確かにサイドバーってあまり見ない＋使わないかもしれません。
特にFeedを購読してるところはそうですね。
新着記事だけ見れれば満足です。
検索やSBM経由で初めて訪れたサイトはどんなカテゴリーがあるのかな?とか見ることもあります。
あと最新記事一覧も見て興味のありそうな記事が他にもないか見たりします。
この2つ以外はほとんど見てない!
見て欲しいところと必要なところは違うって感じでしょうかね。
blogやってる立場としたら複雑というか悩みどころです。
＞OKAMURAさん
こんにちはー
いつもご協力ありがとうございます :-)
OKAMURAさんってアリモノの回答に満足しないですよね :-P
(悪い意味じゃないですよ!)
レイアウトの事を考えてたら訪問者の必要としている情報ってなんだろう?って考えてしまいました。
もちろん人によっていろいろで一概には言えないでしょうけれど、「不必要なものがありすぎて目的のものが探しにくいストレス」と「必要なものがなさすぎて自分で探さなければいけないストレス」どっちも避けられるなら避けたいところです…
確かに辿りやすければカラム数やレイアウトは関係ないかもしれませんが、カラムが多かったり複雑なレイアウトほど辿りやすくするのは難しそう…
＞くみこさん
はじめまして!
ワタシもRSSリーダー経由だとサイドバーほとんど見ないです…
んー全くと言い切ってもいいくらいです。
くみこさんがおっしゃってることって実現可能なことなのかちょっとわからないのですが、レイアウト自体もう1カラムがいいような気になってきました。
＞ゆうさん
こんにちはー
自分が重視するところはなんだろ?
ゆうさんに倣って書いてみると…
・RSSリーダー経由
- エントリー本文
- エントリーの題名
- 見出し
- 関連エントリーや参考リソースへのポインタ
・初見のサイト
- エントリー本文
- エントリーの題名
- 見出し
- 関連エントリーや参考リソースへのポインタ
- カテゴリー
- 最新記事一覧
- アバウト
といった感じです。
逆にこれ以外はあまり見てないですね…
あーーでもお気に入りのblog・気になる人のblogはまた別で、穴の開くほどいろいろ見ると思いますが。
面白そうなwidgetやプラグインをみつけるとついつい試してみたくなりますが、結局は自己満足でしかなくて閲覧者にとってはノイズが増えるだけなのかなー
でも無駄も含めてそれが個性だったり、デザインだったり…
むずかしぃーー
サイドバーをどっちにするかで読みやすさはちがうかも？
リキッドレイアウトのほうが好みだけど、読みにくくなる場合もあるんですよねー。
このブログの場合はまず文字色が問題ですってば！笑
＞ryumu*くん
確かにサイドバーの位置は関係あるかも!
個人的には右にサイドバーがある方が好きだけど個人差ありそう…
あとメインの幅も関係あるかも?
えっらい狭いところがあって読みにくいから。
*文字色はこれ以上つっこまないでー ;-(