今日は文章を書くに当たって、一番気を使いながらブログを書くことにします。
なぜなら、この記事は読みやすさについて言及する記事だからです。
せっかく書いたブログの記事が、文字の大きさだったりフォントの指定だったり、
行間の問題で読みにくいものとなっていたらとても損をしています。
それは、
“思った以上にユーザーの皆さんは流し読みをしている”ために、
読みにくい文字だと読むことをやめてしまうからです。
ブログを書いている本人は丹誠込めて、想いを文章にしていきますが、読む側からすると
良い記事かどうかは最期まで読んでみないとわからないのです。
今回は記事の内容についてではなく、記事を読みやすくするための『文字』について、
私なりに色々と調べて分かってきたことを書きたいと思います。
ブログを構成する文字と文章の要素として大きく
6つの要素があります。
(1)文字の大きさ
(2)文字のフォント
(3)文字のカラー
(4)文章の行間
(5)改行
(6)見出しのつけ方
この6つの要素によって文章が読みやすいかどうかが決まってくるのです。
早速この6つの要素について、一つずつ私なりの解説をしていきたいと思います。
(1)文字の大きさ文字の大きさはフォントサイズで
12pxが標準的な大きさで良く使われているようです。
文字の大きさは主観的要素が強いために、人それぞれ読みやすさが異なる
要素ですがコンパクトタイプのノートパソコンで12pxの文字を見ると、
少し小さくて読みにくい感じを受けます。
そこで14pxで試してみたところ、違和感なくしっくりと文章を読むことが
出来ました。(あくまで私の主観です)
今度は16pxで試してみたところ、少し大きいかな?と感じる大きさでした。
一般的な意見はどうなのだろうと、検索してみたところフォントサイズに
ついての読みやすさアンケート集計を行っているサイトを発見。
⇛
読みやすさアンケート結果 (1)文字サイズ14pxが一番多くの人が読みやすいと答えていました。次いで15px。
これはもう14pxか15pxで作っておいたほうがいいということですね。
一つフォントサイズについて解決しました。
(2)文字のフォントホームページでもブログでもフォントの種類をCSSで指定して
表示することができます。どんなフォントが読みやすいのか。
ネット上で色々検索していたところ、『メイリオ』が読みやすい
という記事が幾つも出てきました。『メイリオ』とはWindows Vista
以降で標準搭載された新しいフォントでWindows XPより前のPCでは
別途インストールする必要があります。
『メイリオ』の語源は「明瞭」からきているようです。
まさに明瞭なフォントですね。
私の構築するブログでも『メイリオ』表示するようCSS指定をしています。
(3)文字のカラーカラーの使い方は基本、はっきりとしたカラーをメインに使い、
強調したい箇所を
赤や濃い目の別カラーで配色をするというのが
一般的です。これで私も良いと思います。一番伝えたい箇所に
配色してあげる。これをセオリーとすることにしました。
間違ってもむやみにカラフルにしたり、薄いフォントカラーで
読みにくくしてしまったりしないように心がけたいところです。
(4)文章の行間行間については先ほど取り上げた、ミノタウロスさんのアンケートで
実施されていました。こちらは%表示で取り上げられていますが、
140%が一番。次に160%。そして150%となっていました。ということは、
平均をとって150%にて作成しておけば間違いなさそうです。
ちなみに150%という表示方法は1.5emと表示するのと同じ値となります。
⇛
読みやすさアンケート結果 (2)余白、行間(5)改行ブログを書くときに最も気をつけたいことが『改行』です。
文字の大きさやフォントは、予めCSSで指定していれば固定されます。
毎回記事を書くごとに気をつける必要はあまり無いのですが、
改行はCSSでは指定できません。
これこそ、文章を綺麗に読みやすくするために、心がけないといけないこと
なのかもしれませんね。
一般的に一行の文字数は25文字から30文字が読みやすいとされているようです。
これはブログのサイズや文字の大きさによっても左右されますので、一概に
25文字から30文字に合わせるというよりも、サイトの幅に合わせて読みやすい
改行を自分で見つけることが良いと思います。
幅が細いサイトであれば25文字も入らない可能性もありますし、幅広のサイトで
25文字だとあまりにも短く感じるかもしれません。
バランスが大切だと思います。
ちなみに改行を意識して今回の文章は買いてみましたが、なかなか綺麗に
まとめることって難しいですね・・。
(6)見出し他の人のブログを読んでいるとき違和感なく読みやすいな、と思うサイトが
あります。このサイトをよくよく見ていると、見出しのつけ方がとっても上手で
なるほどなと感心させられます。
見出しをうまく使えば文章がすっきり見えますし、目次的に途中から読みたい
箇所だけを見つけて読むこともでき、とても効果的です。
全く見出しがないと、最初からずっと読みすすめなければいけないので、
最後にとっておきの情報を盛り込んだとしても、途中で読むことをやめ、
とっておきの情報に辿り着く前にすでにサイトから離脱してしまっていた、
ということもしばしばあるのです。
見出しは有効的に使い、読者の方に優しい作りを目指したいですね!
最後にこの文章、本当にうまく書けているのかどうか不明です。
この記事がより読みやすい文章を作るための、心がけにつながれば、
それでいいなと思っております。
今日も真面目な文章をお届けしました。