Webに文章を書く時には、その内容だけではなく「見た目」も気にしながら書く必要があります。見た目ひとつで、内容まで読んでもらえるか、2秒で引き返してしまうかが決まるからです。見た目のデザインも書き手の仕事の一つと捉えましょう。作例をお見せします。
Webでは、「びっしり詰まった文章」を作ってはいけない
見た方が早いので、読みやすい文章とそうでない文章を比べてみましょう。
アボカドの毒性について説明した適当なサンプルを作りました。
猛毒のアボカドを食べられるのは、人間だけ！？
スーパーに当たり前のように並ぶアボカド。実は、ほとんどの動物にとっては毒だということをご存じでしょうか。ペットや家畜がアボカドを大量に摂取すると、けいれん、下痢、嘔吐、呼吸困難、心筋損傷、乳腺炎の症状が出ることがあるのです。怖いですね！その原因は、アボカドに含まれている「ペルシン」という毒素のせい。顔色一つ変えずアボカドを食べられるのはほぼ人間だけと言われていますが、なぜほかの動物には猛毒で、人間だけが平気なのでしょうか？その理由も明確にはわかっていません。ただ、実際に人間はアボカドを食べられるので、何らかの方法でペルシンを無害化しているのではないかと推測されているのみです。アボカドを食べて中毒症状を起こしたことが報告されている動物は、インコ、オウム、モルモット、ウサギ、ヤギ、馬、牛、犬、猫、フェレットです。これらのペットや家畜を飼っている人は、誤ってアボカドを摂取させないように注意が必要です。
見出しの下にぎっしり本文があります。雑誌ではこういう形はよく見ますが、この量のテキストをびっしり詰めた塊にするのは、Webではよくありません。
雑誌や新聞はいいのに、なぜWebではいけないのか
読みにくいからです。ネットのトラフィックの70%はスマホ。腰を据えてPCの前でクリック……をやっているのは少数派です。多くの人が、電車の中で、寝る前に布団の中で、人を待ちながら、休憩時間にと、ながら利用をしています。当然、集中力がない。
元々ネットユーザーは短気で集中力がないと言われ続けていましたが、スマホ利用にシフトしたことで、その傾向はますます強まったと言っていいでしょう。
だから、「びっしり詰まった文章」を見るだけで、もう「読むのに時間がかかりそう」「面倒くさそう」と拒否感が生じるのです。
スクロールが必要という媒体特性も大きいです。画面を動かしちゃうと、続きの文章の文頭を見つけにくいですからね。
書きながら見た目をデザインして、読みやすさを作る
一気に書いてから整える人、書きながらやる人、両方いますが僕は個人的に書きながらデザインするのがいいと思う。書く内容が見た目にも左右されるからです。
「見た目をデザインしながら書く」の具体例は、次の3つです！
1 適度に改行する
文章の塊は見るだけで読む気をなくしますが、適度に改行を入れるだけでずっとフレンドリーになります。上に挙げたアボガドの話に改行を加えてみましょう。
猛毒のアボカドを食べられるのは、人間だけ！？
スーパーに当たり前のように並ぶアボカド。実は、ほとんどの動物にとっては毒だということをご存じでしょうか。
ペットや家畜がアボカドを大量に摂取すると、けいれん、下痢、嘔吐、呼吸困難、心筋損傷、乳腺炎の症状が出ることがあるのです。
怖いですね！
その原因は、アボカドに含まれている「ペルシン」という毒素のせい。ペルシンは、近年分離された毒素で、詳細はまだ解明されていません。顔色一つ変えずアボカドを食べられるのはほぼ人間だけと言われていますが、なぜほかの動物には猛毒で、人間だけが平気なのでしょうか？その理由も明確にはわかっていません。ただ、実際に人間はアボカドを食べられるので、何らかの方法でペルシンを無害化しているのではないかと推測されているのみです。
アボカドを食べて中毒症状を起こしたことが報告されている動物は、インコ、オウム、モルモット、ウサギ、ヤギ、馬、牛、犬、猫、フェレットです。これらのペットや家畜を飼っている人は、誤ってアボカドを摂取させないように注意が必要です。
2 箇条書きとインデントを使って強調する
上のままでもいいと言えばいいのですが、まだ読みにくさがあります。データ部分は本文から独立させたり、箇条書きにしてみましょう。さらに、その部分のインデントを下げます。インデントとは文頭位置を変更する字の組み方のことです。
猛毒のアボカドを食べられるのは、人間だけ！？
スーパーに当たり前のように並ぶアボカド。実は、ほとんどの動物にとっては毒だということをご存じでしょうか。
ペットや家畜がアボカドを大量に摂取すると、次の症状が出ることがあるのです。
けいれん、下痢、嘔吐、呼吸困難、心筋損傷、乳腺炎
怖いですね！
その原因は、アボカドに含まれている「ペルシン」という毒素のせい。ペルシンは、近年分離された毒素で、詳細はまだ解明されていません。
顔色一つ変えずアボカドを食べられるのはほぼ人間だけと言われていますが、なぜほかの動物には猛毒で、人間だけが平気なのでしょうか？
その理由も明確にはわかっていません。ただ、実際に人間はアボカドを食べられるので、何らかの方法でペルシンを無害化しているのではないかと推測されているのみです。
アボカドを食べて中毒症状を起こしたことが報告されている動物は、次の通り。
・インコ
・オウム
・モルモット
・ウサギ
・ヤギ
・馬
・牛
・犬
・猫
・フェレット
これらのペットや家畜を飼っている人は、誤ってアボカドを摂取させないように注意が必要です。
2 適宜、行間を空ける
さらに、行間を適宜空けることでより読みやすくなります。行間を空ける場所はどこでもいいわけではなく、これも読みやすさを考慮してやります。次の場所がいいでしょう。
1 文意が変わる場所
2 抜き出しの前後
猛毒のアボカドを食べられるのは、人間だけ！？
スーパーに当たり前のように並ぶアボカド。実は、ほとんどの動物にとっては毒だということをご存じでしょうか。
ペットや家畜がアボカドを大量に摂取すると、次の症状が出ることがあるのです。
けいれん、下痢、嘔吐、呼吸困難、心筋損傷、乳腺炎
怖いですね！
その原因は、アボカドに含まれている「ペルシン」という毒素のせい。顔色一つ変えずアボカドを食べられるのはほぼ人間だけと言われていますが、なぜほかの動物には猛毒で、人間だけが平気なのでしょうか？その理由も明確にはわかっていません。ただ、実際に人間はアボカドを食べられるので、何らかの方法でペルシンを無害化しているのではないかと考えられるだけです。
アボカドを食べて中毒症状を起こしたことが報告されている動物は、次の通り。
・インコ
・オウム
・モルモット
・ウサギ
・ヤギ
・馬
・牛
・犬
・猫
・フェレット
これらのペットや家畜を飼っている人は、誤ってアボカドを摂取させないように注意が必要です。
これでだいぶ読みやすくなったのではないでしょうか。
ただし、芸能人のかつてのアメーバブログのように、スッカスカの改行しまくりはよくありません。
スッカスカの改行しまくりブログっていうのは、
こういうやつのことです(-_-)
改行……
しすぎでしょ！
いらぬ改行は害悪でしかありません。
全人類に告ぐ。無駄な改行はやめろ。
どこ行ったとか昼に何食ったとかいう話が
そんなに溜めて言うほどの
情報か。
お前は壊れたファービーか！
ただただ、猛烈に不親切ですよね。
飽きたんでやめます。すみません。
アメブロが改行しまくりなのは行数が多いとスマホで見た時に分割されるので、次のページが表示されるたびにview数が稼げるからなんだそうです。
ただ、これもスマホファーストの観点から最近は減少傾向になっています。無駄な改行は嫌われるから、
やめましょう！