実践テクニカルライティングセミナー－マニュアル作成の進め方とわかりやすいマニュアルのポイント－

<BODY BGCOLOR="#ffffff" LINK="#ffffff" ALINK="#ebc83d" VLINK="#ffffff"> <P> <img border="0" src="../gif/sec4.gif" alt="ビジュアル化のポイント" width="540" height="26"><BR> <IMG SRC="../gif/tw2-6.gif" ALT="マニュアルに適した図解の手法" width="570" height="150"><hr><H1> <span style="font-weight: 400"> 「<font color="#800000">図解</font>」の考え方</span></H1> <blockquote> <blockquote> <table border="0" cellspacing="0" width="75%" style="border-collapse: collapse" bordercolor="#111111" cellpadding="0"> <tr> <td width="10" bordercolor="#000000" bgcolor="#008080" bordercolorlight="#FFFFFF" bordercolordark="#FFFFFF">　</td> <td bordercolor="#000000" bgcolor="#FFFFFF" bordercolorlight="#FFFFFF" bordercolordark="#FFFFFF"> <p style="line-height: 150%; margin-top: 2; margin-bottom: 0; margin-left:10; margin-right:10; text-indent:15"> 技術文書で用いられる図には、さまざまな形態（グラフ、構造図、概念図など）があります。<font color="#800000">基本の書式を統一</font>するとともに、それぞれの<font color="#800000">図からも要点（あるいは要点への補足）が読みとれる工夫</font>が適当です。わかりやすい図の工夫は、「<font color="#800000">図解</font>」に通じます。</p> </td> </tr> </table> </blockquote> </blockquote> <hr> <h2><span style="font-weight: 400">図への「<FONT COLOR="#800000">読む</FONT>」の追加</span></h2> <p style="line-height: 150%; text-indent:15; margin-left:10; margin-right:10; margin-top:2; margin-bottom:0"> わかりやすい図の第一のポイントは、第2部の「段落構成の考え方と箇条書き、図・表、注記の使い方」で述べたように<font color="#800000">段落と図が対応</font>していることです。また、第二のポイントは<font color="#800000">読者との「共通の規範」に基づいた書式</font>で構成されていることです。</p> <ul> <li> <p style="line-height: 150%; margin-top: 0; margin-bottom: 15"> <font color="#000080">たとえば、数値グラフと特性図の書式（縦軸、横軸の使い方、見出しの表記法など）を適切に使い分ける必要があります。</font></p> </li> </ul> <p style="line-height: 150%; text-indent:15; margin-left:10; margin-right:10; margin-top:2; margin-bottom:0"> さらに、第三のポイントとして、「図の要点」となる箇所に<font color="#800000">視線を誘導</font>するとともに、<font color="#800000">「読む」情報を補足</font>することです。</p> <ul> <li> <p style="line-height: 150%; margin-top: 0; margin-bottom: 15"> <font color="#000080"> 図をただ見せるだけでは、理解につながりません。「どこを見てほしいのか」、「その箇所で何を伝えたいのか」を補足することが適当です。</font></p> </li> </ul> <p align="center"> <img border="1" src="1092.jpg" vspace="10" width="384" height="288"></p> <hr> <h2><span style="font-weight: 400">「<FONT COLOR="#800000">図解</FONT>」の考え方</span></h2> <p style="line-height: 150%; text-indent:15; margin-left:10; margin-right:10; margin-top:2; margin-bottom:0"> 先にも述べましたが、図解とは「<font color="#800000">図によって読者に有用な情報を伝える工夫</font>」の総称と言えます。「<font color="#800000">実体図</font>（グラフ、構造図など）<font color="#800000">に読むあるいは視線を誘導する要素を追加する工夫</font>」と「<font color="#800000">論理・概念を視覚化して表す工夫</font>」に大別できます。</p> <ul> <li> <p style="line-height: 150%; margin-top: 0; margin-bottom: 15"> <font color="#000080"> 「図解」には、さまざまな定義があります。また、その用語（例：チャート）にもさまざまな解釈がありますが、当コーナーでは、「図によって読者に有用な情報を伝える工夫」の総称とします。</font></p> </li> </ul> <p style="line-height: 150%; text-indent:15; margin-left:10; margin-right:10; margin-top:2; margin-bottom:0"> 図解の最初の発想は、「読む」と「見る」を関係付けることです。前述のように、図は「見る」だけでは十分な理解とはなりえません。「読む」理解があってこそ読者に伝わります。「見る」と「読む」の距離を縮めることも「図解」の一つであり基本です。</p> <ul> <li><p style="line-height: 150%; margin-top: 0; margin-bottom: 15"><FONT COLOR="#000080"> しばしば、図に引き出し線と丸付き数字を付し、傍らの名称の一覧と参照付けた構成図を見かけます。製図の一手法ではありますが、「見る」と「読む」の間に距離がありユーザに製品を理解してもらうという点では便利とは言い難い図です。「翻訳する際に楽」との意見もありますが、執筆者側の「楽」が読者の「苦」になるのはいささか解せません。</FONT></li> </ul> <p align="center"> <img border="1" src="1093.jpg" vspace="10" width="384" height="288"></p> <p style="line-height: 150%; text-indent:15; margin-left:10; margin-right:10; margin-top:2; margin-bottom:0"> 図解の手法は、<font color="#800000">「読む理解」と「見る理解」の相乗</font>に加え、<font color="#800000">複数の「見る」要素および「読む」要素を整理しかつ関係付ける</font>手法によって構成されます。</p> <ul> <li><p style="line-height: 150%; margin-top: 0; margin-bottom: 15"><FONT COLOR="#000080"> 図解の手法は、いくつかを組み合わせると効果的です。とりわけ、図要素が多い複雑な図をまとまりよく見せる工夫が有効です。</FONT></li> </ul> <p style="line-height: 150%; margin: 1px 10px; text-indent:15"> 　</p> <div align="center"> <center> <table border="1" cellpadding="10" cellspacing="0" style="border-collapse: collapse" bordercolor="#808080" width="85%"> <tr> <td width="50%" align="center" bgcolor="#CCFFCC"> 目　的</td> <td width="50%" align="center" bgcolor="#CCFFCC"> 図解の手法</td> </tr> <tr> <td width="50%" rowspan="2" bgcolor="#FFFFCC"> 「<font color="#800000">読む理解</font>」と「<font color="#800000">見る理解</font>」の<font color="#800000">相乗</font>を図る</td> <td width="50%"> 図への「<font color="#800000">読む</font>」<font color="#800000">の追加</font>（例：吹出し、表）</td> </tr> <tr> <td width="50%"> <p> 「読む」と「見る」の1対1の<font color="#800000">関係付け</font></td> </tr> <tr> <td width="50%" rowspan="2" bgcolor="#FFFFCC"> 複雑な<font color="#800000">図要素を整理</font>し、かつ読者の<font color="#800000">視線を効果的に誘導</font>する</td> <td width="50%"> 複数の図要素の「<font color="#800000">構図化</font>」</td> </tr> <tr> <td width="50%"> <p> 複数の図要素の「<font color="#800000">グループ化</font>」と「<font color="#800000">命名</font>」</td> </tr> <tr> <td width="50%" rowspan="2" bgcolor="#FFFFCC"> 図要素間の<font color="#800000">「関係」を視覚的</font>に表す</td> <td width="50%"> <font color="#800000">組合せ</font>による「<font color="#800000">位置付け</font>（例：部分と全体）を表す関係」の表現</td> </tr> <tr> <td width="50%"> <p> <font color="#800000">矢印</font>による「<font color="#800000">変化・効果</font>（例：収束、発散）を表す関係」の表現</td> </tr> </table> </center> </div> <p style="line-height: 150%; margin: 1px 10px; text-indent:15"> 　</p> <HR> <p> <A HREF="t-2-6abs08fa.htm" TARGET="_parent"> <IMG SRC="../gif/0000.gif" ALIGN=bottom width="37" height="37"></A> <B>次ページに進む</B><FONT COLOR="#008080"><B>（ボタンをクリックしてください）</B></FONT></p> <HR> <DIV ALIGN=CENTER> <p style="margin:1 10; line-height:150%; text-indent:15"> <img border="0" src="../gif/trp-000.gif" alt="山之内総合研究所の出張開催セミナー" width="300" height="20"></DIV> <DIV ALIGN=CENTER> <p style="margin:1 10; "> <a target="_parent" href="../t6-1st-a/gb-smnr-1st.htm"> <img border="0" src="../gif/trp-1st-a.gif" hspace="2" vspace="2" width="282" height="24"></a><a target="_parent" href="../t6/gb-smnr.htm"><img border="0" src="../gif/trp-gb-a.gif" hspace="2" vspace="2" width="282" height="24"></a></DIV> <DIV ALIGN=CENTER> <p style="margin:1 10; "> <a target="_parent" href="../t7/mn-smnr.htm"> <img border="0" src="../gif/trp-mn-a.gif" hspace="2" vspace="2" width="282" height="24"></a><a target="_parent" href="../t5a/tp-smnr.htm"><img border="0" src="../gif/trp-tp-a.gif" hspace="2" vspace="2" width="282" height="24"></a></DIV> <DIV ALIGN=CENTER> <p style="margin:1 10; "> <a TARGET="_parent" href="../t-smnr-faq/faq-101f.htm"> <IMG SRC="../gif/tsub-faq.gif" ALT="セミナー／コンサルティングFAQ" ALIGN=bottom BORDER=0 hspace="2" vspace="2" width="282" height="24"></a><a TARGET="_blank" href="../t-smnr-trf/smnr-trf02.pdf"><IMG SRC="../gif/tsub-trf.gif" ALT="セミナー基本料金［抜粋PDF版］" ALIGN=bottom BORDER=0 hspace="2" vspace="2" width="282" height="24"></a></DIV> <hr> <p align="center" style="margin-top: 0; margin-bottom: 0"><A HREF="../../index.htm" TARGET="_parent"> <IMG SRC="../gif/modoru.gif" ALT="" ALIGN=BOTTOM width="180" height="50"></A></p> <hr> <p> <font color="#000066"><b>実践テクニカルライティングセミナー</b></font><font color="#008000"><BR> </font> <b>マニュアル作成の進め方とわかりやすいマニュアルのポイント</b><BR> Copyright:Takaaki-YAMANOUCHI/2002-2010<BR> 山之内孝明／有限会社　山之内総合研究所<BR> Takaaki Yamanouchi/ Yamanouchi Research Institute,Ltd.<BR> <IMG SRC="../gif/email.gif" ALT="" ALIGN=BOTTOM width="23" height="13"><FONT SIZE=4 COLOR="#000080">　</FONT><A HREF="mailto:takaaki@yamanouchi-yri.com"><FONT SIZE=4 COLOR="#000080">takaaki@yamanouchi-yri.com</FONT></A></p> </BODY>