小粋空間  -  a cheap joke and a play on words site

ブログを読みやすくするコツ

１．ユーザはウェブを読んでいない？

「ヤコブ・ニールセンのAlertbox -そのデザイン、間違ってます-」によると、「ユーザはウェブを読んでいない」ようです。言い換えると、「ユーザはウェブを流し読みする傾向がある」とのこと。

個人差はあると思いますが、私自身の場合、たしかに記事を最初から最後までしっかり読むという機会があまり多くないかもしれません。

そういえば、当サイトのカスタマイズの質問で、

「同じ記事の×項に書いておりますので、そちらを参照ください」

という回答をする場合がまれにあります。こういった例も原因の一端でしょうか。

２．ユーザが読みやすくするためには

結論から申し上げると、書籍の元記事である「Jakob Nielsen博士のAlertbox：ユーザはウェブをどう読んでいるか」では、流し読みしやすいテキストとして、次のような手法を推奨しています。

Jakob Nielsen博士のAlertbox：ユーザはウェブをどう読んでいるか

• キーワードの強調
• 意味のある小見出し
• 箇条書きのリスト
• 1段落1アイデア
• 逆ピラミッド型の文体（結論を先に）
• 通常の文章に比べ、語数を半分あるいはそれ以下

この事実を知ってから、手法のひとつである「箇条書きのリスト形式」をエントリーに用いるようにしています。
またカスタマイズ記事の場合、

• 完成イメージの掲載
• 見出しによる作業の細分化
• 簡潔な文章

にこころがけ、ミスが起こらない内容にできればと思いつつ、書いてます。

３．変更例

下記は、流し読みしにくいテキストから流し読みしやすいテキストへの変更例です（「Column Resizer」の説明をサンプルとして用いています）。
もっと詳細で適切な例は「ユーザはウェブをどう読んでいるか」に掲載されてますので、そちらをご覧ください。

流し読みしにくい例

まず最初にカラムレイアウトを選択します。左上のラジオボタンでカラムレイアウトを選択してください。サポートしているカラムレイアウトは、3カラム固定レイアウト・2カラム（左サイドバー）固定レイアウト・2カラム（右サイドバー）固定レイアウトの3種類です。

（多分）流し読みしやすい例

１．カラムレイアウト選択

左上のラジオボタンでカラムレイアウトを選択します。
サポートしているカラムレイアウトは、

• 3カラム固定レイアウト
• 2カラム（左サイドバー）固定レイアウト
• 2カラム（右サイドバー）固定レイアウト

の3種類です。

あと個人的には、パラグラフ（p）を多くても5行程度に収め、パラグラフ内も必要に応じて改行を挿入しています。

４．その他

この手法はブログのスタイルや記事内容にもよると思いますので、一意に推奨している訳ではありません。

また、このエントリー自体が「流し読みしにくい」とツッこまれるのも本意ではありませんので、Alertbox の手法を取り入れてみました（読みにくかったらすいません）が、こうやって改めて書いてみると普段はあまり実践できていないようです。

---

ヤコブ・ニールセンのAlertbox -そのデザイン、間違ってます- Jakob Nielsen 舩井 淳 奥泉 直子 RBB PRESS 2006-07-12 売り上げランキング : 20683 Amazonで詳しく見る by G-Tools