gihyo.jp » WEB+DESIGN STAGE » 連載 » Webゆえに考える テキスト編集のテクニカルコンセプト » 第2回 可読性を高める(1)情報を分かりやすく整理する

Webゆえに考える テキスト編集のテクニカルコンセプト

第2回 可読性を高める(1)情報を分かりやすく整理する

説明の主旨が先にわかるようにする

新聞や論文では,以下に挙げるように,主旨を先に伝えた上で説明していくスタイルが徹底されています。

  • 記事の内容が具体的にわかる見出しにする
  • 記事の冒頭に要約文を置いた上で細かく説明していく
  • 話の結論を先に示した上でその理由を説明する

説明の"答え"がわかった状態で読んでいけるので,理解に要する労力がぐんと減ります。また,主旨を先に伝えておくことで,長い文章でも最後まで読んでもらえるだけの強い期待感を,読者に与えることができます。

何かの説明を目的とした文章では全般的に使えるテクニックなので,とくに字数の多いコンテンツでは徹底しておくと良いでしょう。

i. 本文の内容が伝わる具体的な見出しにする

図4 i. 本文の内容が伝わる具体的な見出しにする

ii. 冒頭に説明全体の要約文を置いておく

図5 ii. 冒頭に説明全体の要約文を置いておく

iii. 結論を先に示す

図6 iii. 各段落は結論から書くようにする

図表を積極的に利用する

Webに掲載する情報の中には,製品データ,商品の外観,店舗へのアクセス方法といった,文章だけでは説明しにくいものがたくさんあります。これを無理に言葉だけで伝えようとしても,かなりのボリュームを要するうえ,「百聞は一見にしかず」の通り,結局上手に伝わりません。図表は用意するのが面倒なパーツですが,強い説得力と豊富な表現力を持っていて,意味を簡潔に伝えることができます。無理に文章だけで説明せず,図表を併用して説明するようにしましょう。

i. 目に見えるモノの説明には写真・イラストを併用する

図7 i. 目に見えるモノの説明には写真・イラストを併用する

ii. 数量の変化や分布はグラフで表す

図8 ii. 数量の変化や分布はグラフで表す

iii. 概念的・空間的な関係性は模式図や地図で表す

図9 iii. 概念的・空間的な関係性は模式図や地図で表す

iv. 多くの情報を羅列するときには表組みを用いる

図10 iv. 多くの情報を羅列するときには表組みを用いる

もちろん"読みやすいデザイン"もお忘れなく

編集/ライティングの領域からは少し離れますが,画面を"見やすく"デザインしておくことも,文章の可読性を考える上で忘れてはならない作業要素です。フォントサイズ,文字ピッチ,マージン,配色,レイアウトなどに気を付け,文字が見やすく,見出しが見出しとして目立ち,情報のまとまりや属性の違いが見た目にも分かる,ユーザブルなデザインを心がけましょう。

著者プロフィール

松下健次郎(まつしたけんじろう)

Webを中心に活動するフリーランスの編集ライター。自著に"プロフェッショナルWebライティング"(技術評論社)がある。バイクとお酒をこよなく愛する子年生まれの乙女座O型。

ブログ:松下健次郎のブログ

トラックバック

コメント

コメントの記入

パスサポ

多数の情報処理技術者試験対策書籍の発行実績を誇る技術評論社がお届けする,資格試験合格サイト「めざせ! 情報処理試験 パスサポ」が開設されました。

ピックアップ

サクセスストーリーに続く,快適サーバー運用管理のヒント!

データの増大,煩雑な管理,システムダウン,セキュリティなど,迫りくる課題からシステム管理者の負担を軽くするポイントを解説します。

gihyo.jp インフラエンジニア情報局

ネットワークやITにかかわるあらゆる業種で必要とされるインフラエンジニアに向けた技術情報や心構え,その魅力について多角的に紹介。

テストエンジニア ステーション

いま,ITに関わるあらゆる開発業務で注目されつつあるテスト系エンジニアをターゲットにしたコンテンツサイトを展開します。

一行クイックアンケート

gihyo.jpで取り上げてほしいネタは?

※検索はページ右上の検索ボックスをご利用ください。

その他の連載

もっと便利に!jQueryでラクラクサイト制作(実践サンプル付き)

本連載では,実践サンプルとともに,jQueryを上手に活用してサイト制作の品質向上・効率化を実現するための実践テクニックを解説します。

サクセスストーリーに続く,快適サーバー運用管理のヒント!

サーバーを自社で運用管理するのはもう限界…。データの増大,煩雑な管理,システムダウン,セキュリティなど,迫りくる課題からシステム管理者の負担を軽くするポイントを解説します。

続・先取り! Google Chrome Extensions

2010年1月のリリースが予定されているGoogle Chrome 4に搭載されるExtensionsについて,その詳細を先取りで解説します。最新情報から,ユーザースクリプトやテーマの作り方など関連情報もお届けします。

モダンPerlの世界へようこそ

この連載では,Perlの世代間ギャップに悩んでいる方に,いくらかの背景知識と,これだけは知っておいたほうがよいという最低限の慣用句をお届けします。

Hosting Department:ホスティングを活用するための基礎知識

本連載では,ホスティングサービスを活用する上で知っておきたい基礎知識を解説します。

Blogopolisから学ぶ計算幾何

計算幾何学は,図形に関するアルゴリズムを研究するコンピュータサイエンスの一分野です。本連載では,ビジュアルブログ検索エンジン「Blogopolis」で採用されている計算幾何のアプローチを例に取り上げながら,計算幾何の初歩を実践的に学習します。

Windows phoneアプリケーション開発入門

Windows Marcketplace for Mobileがサービス開始され,作成したアプリケーションを個人でも世界をターゲットに公開できる環境が整ってきました。これを機にWindows phoneアプリケーションの開発をしてみませんか?

いま,見ておきたいウェブサイト

この連載では,国内外の最新のウェブサイトを隔週更新で取り上げ,これら最新サイトの特徴や素晴らしい部分を,さまざまな角度から解説していきます。

連載一覧

gihyo.jp

  • DEVELOPER STAGE
  • ADMINISTRATOR STAGE
  • WEB+DESIGN STAGE
  • LIFESTYLE STAGE
  • SCIENCE STAGE
  • NEWS & REPORT

書籍案内

  • 新刊書籍
  • 書籍ジャンル一覧
  • 書籍シリーズ一覧
  • 新刊ピックアップ
  • ロングセラー
  • 電脳会議

定期刊行物一覧

  • Software Design
  • WEB+DB PRESS
  • Web Site Expert
  • 組込みプレス

最近のコメント