「テクニカルライティング」とマニュアル作成 -ステップ3［演出］

<BODY BGCOLOR="#ffffff"> <P> <IMG SRC="t1-ttl.gif" ALT="" ALIGN=BOTTOM WIDTH=570 HEIGHT=180><BR> <HR><BR></P><H2>2. テクニカルライティングで考えたマニュアル作成<BR></H2><P><HR><BR></P><H1> 2-4　ステップ3［演出（ビジュアル化）］<BR> <FONT SIZE=5 COLOR="#000080">－情報をレイアウトする-</FONT><BR></H1><P><HR><BR></P><H2><FONT COLOR="#800000">「読ませる・見せる」から「読んでもらう・見てもらう」へ</FONT><BR></H2><UL> 情報をいかに読者にとって関心のあるものにし，かつ自然に受け入れられるようにするための演出（ビジュアル化）が必要となります．<BR> <BR> ビジュアル化にはさまざまな手法があります．身の回りにある本や雑誌にもビジュアル化の手法が多く取り入れられていますが，重要なのはそれぞれの手法の意味をよく理解して使うことです．どのような効果（＝読者の理解）を得るためにどのような手法を使えばよいのか知らずして使うと紙面が煩雑になり逆効果になりかねません．<BR> </UL><P><HR><BR></P><H2><FONT COLOR="#800000">「情報のレイアウト」の提案</FONT><BR></H2><UL> 雑誌やグラビアの分野で使われる「レイアウト」という言葉と少しニュアンスを変えるために，あえて<FONT COLOR="#800000"><B>情報のレイアウト</B></FONT>という言葉を提案します．ここで言う<FONT COLOR="#008080"><B>情報のレイアウトとは，「読む理解」と「見る理解」を組み合わせた表現</B></FONT>を指します．これは<FONT COLOR="#008080"><B>文字表現</B></FONT>（見出し，文章，表の内容，図中の短文）と<FONT COLOR="#008080"><B>図的表現</B></FONT>（図，表の構造，イラスト，ページのレイアウト）などを組み合わせて効果的に読者の理解を得る方法です．<BR> <BR> <UL> <LI TYPE=disc>雑誌やグラビアのレイアウトは，一般のグラフィックデザインに由来するレイアウト（どちらか言えば「見せて納得させる理解」）であり，読者に伝える内容をかなり絞り込んだ場合を主に想定しています．これに対して，マニュアルのように一つのテーマ（例：＊＊の使い方）に対してさまざまなケースを解説したり，注記やデータを補足しなければならない場合には，「読む理解」と「見る理解」を組み合わせることが効果的になります．<BR> </UL></UL><P> <DIV ALIGN=CENTER><IMG SRC="t101fg5.gif" ALT="Fig.T101-5" ALIGN=BOTTOM><BR> 図5 情報のレイアウト：読みやすく，見やすくするテクニックは無限にあります<BR></DIV> <HR><BR></P><H2><FONT COLOR="#800000">情報のレイアウト-「読んでもらう・見てもらう」テクニック-</FONT><BR></H2><UL> 「情報のレイアウト」のテクニックをいくつか解説します．これ以外にもさまざまな手法があります．<BR> <BR> <UL> <LI TYPE=disc>当ホームページにはここで紹介する以外のさまざまな手法の解説していますので下記の関連リンクを参照してください．<BR> </UL></UL><P><IMG SRC="../gif/knrn-lnk.gif" ALT="" WIDTH=140 HEIGHT=35><BR></P><UL> <A HREF="../techwrt-2-6p/t-2-6f.htm" TARGET="_parent"><B>第6部　ビジュアル化する</B></A><FONT COLOR="#800000"><B>-読む理解+見る理解の重要性-</B></FONT><BR> </UL><P><HR><BR></P><H3><FONT SIZE=3 COLOR="#000080">テクニックその1：　</FONT><FONT COLOR="#000080">視線の誘導</FONT><BR></H3><UL> <UL> <LI TYPE=circle>一般的に，横書きの文書ならば読者の眼はまず<B>左上</B>から紙面（あるいは画面）を見始めます．これを利用して左上に一番ランクの大きいタイトル（およびアイキャッチ）を配置します．<BR> <LI TYPE=circle>また，これによりレイアウトが基本統一され，検索性の向上という点でもメリットがあります．<BR> </UL></UL><H3><FONT SIZE=3 COLOR="#000080">テクニックその2：　</FONT><FONT COLOR="#000080">情報の重み付け</FONT><BR></H3><UL> <UL> <LI TYPE=circle>受け手に伝える情報にはそれぞれ重要度（主，従，補）があるはずです．紙面にそれを表現しなければいけません．<BR> <LI TYPE=circle>そのためには，書体（ゴシック体，イタリック体），文字の大きさ，インデント（字下げ）などさまざまな方法を用いて，<B>「送り手から受け手に何を一番伝えたいのか語りかけてくるような紙面」</B>を作ってください．<BR> </UL></UL><H3><FONT SIZE=3 COLOR="#000080">テクニックその3：　</FONT><FONT COLOR="#000080">情報の整理・圧縮</FONT><BR></H3><UL> <UL> <LI TYPE=circle>正確性を高めるために同じ表現を何度も繰り返す例を見ることがあります．特に安全性を重んじるマニュアルを作製する場合などには必要かもしれませんが，繰り返すことがわかりやすさにつながるとはいえません．<BR> <LI TYPE=circle>冗長性を除くことによりわかりやすくなる例の方が多いと思います．補足的な事項などは体現止めをした箇条書きにした場合の方がめいはりがついて受け手が理解しやすくなります．<BR> </UL></UL><H3><FONT SIZE=3 COLOR="#000080">テクニックその4：　</FONT><FONT COLOR="#000080">文章の図解化</FONT><BR></H3><UL> <UL> <LI TYPE=circle>「文章を図解化（チャート化）すると効果的である」ということを頻繁に聞きます．参考書も多く出版されているので参考にされるとよいと思います．<BR> <LI TYPE=circle>これにはある程度の訓練が必要であると思いますが，前節で解説した<B>「マトリクス法」</B>を応用されることをお勧めします<B>「文書表現の中から，文書構造を見い出し，これをビジュアル化する」</B>という点で汎用的な方法になると考えています．<BR> </UL></UL><H3><FONT SIZE=3 COLOR="#000080">テクニックその5：　</FONT><FONT COLOR="#000080">図・表の演出</FONT><BR></H3><UL> <UL> <LI TYPE=circle>この点に関しては，最近はパソコン用のグラフィックスソフトにより表現の幅が飛躍的に広がったといえます．要はこれを使いこなすことです．日頃からできるだけいい事例を見て眼を肥しておく必要があります．<BR> <LI TYPE=circle>加えて自分なりの理論を持つことです．たとえば詳細なデータ示すより定性的な理解を受け手に期待するならば，表をグラフ化するなど，何を伝えるためにどの方法を用いるかを考えてください．<BR> </UL></UL><P><HR><BR></P><UL> <UL> <LI TYPE=disc>これまで説明してきた手法を応用した事例を次にご紹介します．<BR> </UL></UL><P> <A HREF="t101c3.htm" TARGET="_parent"><IMG SRC="nxt.gif" ALT="" ALIGN=BOTTOM></A> <B>次ページに進む（ボタンをクリックしてください）</B><BR> <HR><BR> Copyright:Takaaki-YAMANOUCHI/1995-2001<BR> 山之内孝明／(有)山之内総合研究所<BR> Takaaki Yamanouchi/ Yamanouchi Research Institute,Ltd.<BR> <BR></P></BODY>