JACO-BASS » 読みやすいブログの記事とは?

ひとに寄り添うデザインの追求

読みやすいブログの記事とは?

「君のブログ身内でも読みにくいから、書き方工夫した方が良い」ってメンバーから駄目出しくらいました。何か駄目出しばっかくらってるんですが…

でも確かに言われたことは納得できることばかりなので、これからアドバイスを基に書き方を工夫してみようと思う次第です。復習も兼ねてここにアドバイスを書いておこうと思います。

意味ごとに段落を作る

中村の記事が読みにくい理由の1つとして、(文章表現はさておき)構成が悪いということが挙げることができそうです。話が急に飛んで流れが悪かったり、言いたいことをまとめ切れてなかったり。

なので記事を書く時はきちんと自分が言いたいことを整理して、基本である「起承転結」で構成するか、読み手が混乱しないように話の流れを組み立てていかなければなりません。

段落ごとに見出しをつける

次に大事なのがその段落に見出しをつけることです。中村の記事に対するメンバーからの指摘をそのまま引用してみます。

記事が読みにくいと感じる要因はただ1つだけです。記事のどの部分に注目していいのかわからないからです。

ウェブで記事を読む場合ユーザーは、文章の長短に関わらず、その記事が読みたい内容であるか否かを瞬時に判断します。記事に興味を持てばしっかり読みますし、逆に興味が無ければ読みません。興味を持ってもらうためには、判断材料を多く提供する事が重要になってきます。

リンクや強調、リストや見出しや写真など、見た目の変化が一切ない記事だと、どこに視点を置いて良いのか分からず、タイトル以外に何が書かれている記事なのか判断できません。そうすると、読む側はタイトルを見て興味が無ければ、その内容がたとえ面白くても記事を読むのが面倒になって立ち去ってしまいます。

見た目に変化があると、記事が何を伝えているのかをすぐに目で拾う事が出来ます。すると、タイトルにあまり興味がなくても、内容が面白そうだと判断すれば記事を読んでくれます。

つまり「この記事は(あるいは記事中のこの部分は)こういうことについて書いてるんですよ」ということを見出しやテキスト自体の視覚効果を利用して魅力的かつ簡潔にユーザーに伝わるよう配慮しなければならないということですね。

考え方は広告と同じ

そういえば「ユーザーが知りたいと思う情報をわかりやすく魅力的に伝える」という行為は広告の考え方と全く同じですね。

普段の仕事では“メッセージ・情報”をいかに伝えるかを考えているのに、自分のブログでそれができていなかったんです。

お恥ずかしい限り。反省しなければなりません。指摘された時は「何クソ!」って腹も立ちましたが、このことを指摘してくれたメンバーに感謝しなければなりませんね。

テキスト表現の例

最後に代表的なタグを載っけておきましょう。他にも色々ありますが、これだけでも大分と表現の幅が拡がると思います。

  • 文字のサイズ font size
  • 文字のカラー font color
  • 訂正のための打ち消し del
  • 訂正のための追記 ins
  • 軽い強調 em
  • 強い強調 strong
  • 小見出し h3
  • インラインの引用 q
  • ブロックの引用 blockquote

追記:font タグですが、HTML 4 以降では使わない方がよい要素とされています。

さてさて今回の記事はいつもより読みやすかったでしょうか?「読みやすくなった」と思って頂ければ良いのですが…

次回は読み比べが出来るように1つ記事を選んで、実際に修正を加えてみようと思います。もしよろしければそちらもご覧になって下さい。

2 Comments

  1. 身内が言うのも何ですが、非常に読みやすくなったと思います。最初から最後まで自然な流れで読む事ができました。

    ただ、一点だけ補足するべき事があります。

    font タグですが、HTML 4 以降では使わない方がよい要素とされています。

    つまり、強調部分の色を変えたいのであれば、font color を使うのではなく、CSS で em や strong の色を変えるなどの対応が望ましいということです。

    Posted 2007-11-01 at 04:38 | Permalink
  2. デザイン担当 中村

    返事遅くなりましたが…どもども、読みやすくなって良かったです。

    指摘してくれた、リスト部分は修正・追記しといたよ。少しずつ読みやすくてそれでいて楽しい記事が書けるよう訓練してきます。

    そうそう、emやstrongの指定もすぐに対応してくれたみたいで助かるわ、ありがとう。

    Posted 2007-11-03 at 14:19 | Permalink

コメントを書く

  • メールアドレスが公開されたり他で使われたりすることはありません
  • * 印の項目は必須です
*
*

この記事のタグ

関連記事

back to top