2016/07/09多くのサイトは画面左に本文、右側にカテゴリ等のサイドメニューを配置するレイアウト、2カラム右メニューを採用しています。等等・・・それぞれトップページに違いはあれどもニュースサイトの記事本文のレイアウトはほとんどが2カラム右メニュー。等でもやはり基本は2カラム右メニュー。私が使用しているブログデザインのstingerでも2カラム右メニューが採用されていて、もはやディファクトスタンダードになりつつある(というのは言い過ぎか)。何で2カラム右メニューなのか気になったので考察する。まとめ何故2カラムなのかブログレイアウトとかほとんど気にしない(しなくていい)タレント系ブログ以外では最近はほとんど見なくなった(ような気がする)3カラム。1カラムってのもほとんど見ない気がしますがそれぞれ大きく変わってくるのはやはり本文の文字列の幅ですよね。2カラムなのかを文字列の幅から考えてみます。読みやすい本文の幅とは例えば1カラムで左端から右端まで本文があるサイトってすごい読みにくいですよね。最近PCでスマホ用サイトを読み取ってしまうことがあるんですがその時に画面左端から右端まで文字が並んでしまうってのをたまに見ます。画像をクリックすると拡大されます。これなんで読みにくいかって言うと人間の視野角の問題だと思われます。人間の視野角(水平)は180度を超えて約200度ありますが情報をしっかり認識する角度においてはわずか30度程度しかないようです。Noteこれがまあどういうことかって言うと目と画面の距離が40cmだった場合情報をしっかり認識出来る幅は約29cmしかないってことになります。基に計算(数学ロクに勉強してないけど多分だいたいあってるはず)。モニターのサイズにもよりますが文字列の幅は29cm以内に収めないと非常に読みにくいんじゃないかと思います。眼球スゲー動かさないといけない。ニュースサイトやブログサイトは記事の本文を読んでもらえるよう読みやすさを考慮して作られています。多くの有名サイトでは本文の幅は約600pxくらいに設定されているようです。これが読みやすいブログデザイン!有名サイトの記事幅と余白設定を大公開600pxは19インチのモニターで解像度がSXGA(横1280px)だとだいたい20cmくらいになります多分。一文の長さを考慮すると?視野角を考慮すれば横幅がありすぎると読みにくいことがわかります。3カラムにありがちな300pxくらいはどうなのってことですが、1文の長さの目安を60文字とした場合、一文が4行にも5行にもなってしまうと読みにくいようにも思えます。スマホは当然幅が狭いので一文が4行、5行ってことザラですよね。字が小さくなければPCサイトでも幅がスマホみたいに狭くてもそれほど読みにくくはないと思ってます。それでも1行で読みきれる文章は1行で書かれてた方が読みやすいに決まってますよね。19インチの画面だと大体20cm~25cmくらいの幅が読みやすいんじゃないかなあと思います。右メニューなのか本文の幅に合わせると2カラムがベストだということがわかりました。次に何故右メニューが人気なのか考えてみる。右メニューがいいのは右利きの人はマウスカーソルが右にある方が落ち着くと聞いたことありますが本当なのか。マウスカーソル位置ツールを使って実際にどの位置にマウスカーソルがどのように移動しているのかを調べてみました。するとやはりやや右側に居ることがわかります。実際私もそうなんですが右手でマウス使っていると自然と右側に居座っちゃいますね。メニューの上を通らないのは誤クリックを防ぐためだと思われます。目線を考慮すると?横書きのテキストを読む時当たり前ですが左から右に読み、次の行に移る際一番左に目線が行きます。左に目線が移った時、左端に同じような文字列があると視界に入ってきて気が散ってしまうかもしれません。左カラムにする場合、色分けをする等の工夫をしないととても読みづらいサイトになってしまいます。ニュースサイトの場合、背景を白で統一している場合が多いので左メニューだと読みづらくなってしまうのかも知れませんね。まとめというわけで読みやすさを考慮するとやっぱり2カラム右メニューがベストかなと思いました。実はこの2カラム右メニューのサイトが多すぎて「どこも同じようなデザインのブログばかり」という声を聞くことがありますがちゃんと理由があるんだよってことを言いたかっただけ。なんとな~くみんなやってるからそうしてるわけではないのだよ私はw本当はもっと個性出したい気持ちもあるんだけどね。ブログ運営Tweetうみブログ及びアフィリエイトアフィリエイト収入で生活してます。高知から千葉に移住しました。[...]関連記事wordpress無料テーマ、マテリアルはCSSやhtmlとか全然分からない人に超おすすめ!ブログのカスタマイズは最初は楽しくて頑張っていましたがブログを複数運営するようになったりすると記事書くので手いっぱいになりそこまで行き届かなくなっていた。...アフィリエイトサイトに取り掛かって2カ月になるので経過報告とかやってることとかもう年度末も後半に差し掛かりいよいよ今年度の終焉を迎えております。...SNSで3倍読まれるようにするブログ記事タイトルの付け方SNSを如何に活用するかでブログの成長速度が大きく変化する。...ブログ塾に入ってブログでお金を稼げるようになるかブログ塾というビジネスモデルがスタートして(多分)1年余りが過ぎました。...インターネットで顔出しするメリットを考えてみたけどやっぱりあんまりないだろうと思ったこんにちは。最近(というか前から?)特にブログなどで情報発信をする人がネット上で顔出しをしているのをよく見かけたりします。...アドセンス停止の理由はPVの公開でした。お盆休みに入る前日(8月12日水曜日未明)からグーグルアドセンスが停止していました。...批判を受け入れない人は成長できないは本当なのか?以前記事にもしましたが私は批判コメントは無視すべきだと思ってます(何度でも言ってやるw)。...ブログ、アフィリエイト等副業を長く続けるのが難しい理由とその解決法ブログやアフィリエイトで収益を上げるのには少なくとも数か月間の努力が必要です。その数か月の努力を続けることが出来ず、大半の人が途中でやめてしまいます。...「ですます」調で陥りがちな単調な文章は誰も読まないから気をつけろブログ初めてずっとヤキモキしていたことが昨日スッキリしたりした。面白い人のブログとそうでない人のブログの違い。