電子マニュアルの考え方とタブレット端末で読める電子版図解マニュアルの作り方

<BODY BGCOLOR="#ffffff"> <P style="margin-top: 0; margin-bottom: 0"> <IMG SRC="../gif/sec4c2.gif" ALT="テクニカルライティングの応用" ALIGN=BOTTOM width="540" height="26"><P style="margin-top: 0; margin-bottom: 0"> <IMG SRC="../gif/tw3.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%; text-indent: 15; margin: 1 10"> ここからの数セクションでは、<font color="#800000">文書スタイル</font>を基盤としかつ<font color="#800000">タブレット端末の小さな画面で“読める”</font>電子版図解マニュアルの考え方・作り方を論じます。</p> <ul> <li> <p style="margin:1 10; line-height: 150%; "> <font color="#008080"> ここで言うタブレット端末とは、「10インチ程度の画面を有し、指によるマルチタッチ操作が可能な平板（タブレット）状の軽量な端末」を指します。</font></p> </li> </ul> <p style="margin:1 10; line-height: 150%; text-indent:15"> 電子書籍端末あるいは文書閲覧端末としてのタブレット端末の登場には、印刷物ではなしえない「<font color="#800000">文書の新たな可能性</font>」が開けたとともに「紙に記された文書を“読む”」が「PCの操作によってPCの画面で読む」を経て「<font color="#800000">書籍に近い大きさ・重さの端末を書籍と同様な位置関係・扱い方で“読む”</font>」に回帰した一面があります。この事実は、印刷文書から電子文書へ媒体は変わっても、「人にとって読みやすい文書形態」の本質は変わらない証とも言えます。</p> </td> </tr> </table> </blockquote> </blockquote> <hr> <h2><span style="font-weight: 400"><font color="#800000">表示域</font>から見た<font color="#800000">印刷文書</font>と<font color="#800000">タブレット端末</font></span></h2> <p style="margin:1 10; line-height: 150%; text-indent:15"> 電子文書は「PCで読む」から「タブレット端末（あるいは電子書籍端末）で読む」によって携帯性をはじめとした利便性が高まります。ただし、<font color="#800000">一般的なPCよりもさらに画面サイズが制限される</font>ことを念頭に置かなければなりません。また、<font color="#800000">印刷文書のA4判見開きと比べると、1/4程度の表示領域</font>にすぎません。</p> <ul> <li> <p style="line-height: 150%; margin-top:0; margin-bottom:15"> <font color="#000080">仮にタブレット端末で代表的な「4：3の縦横比を有する10インチ程度の画面（1024×768ピクセル）」は、用紙規格のA5判（148×210mm）に相当します。</font></p> </li> </ul> <p style="line-height: 150%; text-indent: 15; margin: 1 10"> 「画面が小さい」は、執筆者にとっては「表現に制約を受ける」、読者にとっては「全体を見通しづらい」に通じます。</p> <ul> <li> <p style="line-height: 150%; margin-top:0; margin-bottom:15"> <font color="#000080"> マニュアルを含め実務文書では、「読んでいる箇所（部分）がセクション（全体）の中でどのような位置付けにあるいのか」あるいは「部分と部分がどのような関係にあるのか」が重要です。この点で印刷文書は2ページの見開きで全体を見通せ、いくつかの箇所を比較あるいは行きつ戻りつして読めます。電子マニュアルでも、見開きの便利さまでは求めなくとも画面の小ささを補う工夫が必要です。</font></p> </li> <li> <p style="line-height: 150%; margin-top:0; margin-bottom:15"> <font color="#000080"> 小説は部分に着目して読みます。全体は読者の「イメージ」として少しずつ構築されて行きます。また、新聞の記事もマニュアルの1セクションに比べ長くはありません。また、記事それぞれが独立性を有しています。</font></p> </li> </ul> <p style="line-height: 150%; margin-top:0; margin-bottom:15" align="center"> <img border="1" src="t303.jpg" width="432" height="324"></p> <p style="line-height: 150%; text-indent: 15; margin: 1 10"> タブレット端末で読めるマニュアルを作成するには、「文書作成の基本（見出し構成、ページの書式）」に立ち返るとともに「電子媒体ならではの機能」によって小さな画面での読みやすさと扱いやすさを実現する必要があります。</p> <ul> <li> <p style="line-height: 150%; margin-top:0; margin-bottom:15"> <font color="#000080"> 「電子文書は“ワンソースマルチユース（one source multi-use：一つのファイルで表示域・縦横が自由）”のはず」とのご意見があると思います。しかし、「自由度が高い」は「どちらつかず」にもなります。実務文書では、ことさらに自由度を求めるよりも、ユーザが電子マニュアルを使う状況（7インチから11インチ程度の画面）を想定し、画面に応じた使い勝手のよいページレイアウトと書式を選ぶのが適切と言えます。</font></p> </li> </ul> <hr> <h2><span style="font-weight: 400">「<font color="#800000">文書スタイルを基盤にした電子版図解マニュアル</font>」のポイント</span></h2> <p style="line-height: 150%; text-indent: 15; margin: 1 10">  タブレット端末の小さな画面で「<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%; margin-top:0; margin-bottom:15" align="center"> <img border="1" src="t304.jpg" width="432" height="324"></p> <hr color="#000000" width="35%" size="1" align="left"> <h4 style="line-height: 150%; margin-top:0; margin-bottom:15"> <font color="#008080">図解化のポイント1：</font>段落の要素化</h4> <p style="line-height: 150%; text-indent: 15; margin: 1 10"> 図解の文書では、セクションを構成する段落を<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> <hr color="#000000" width="35%" size="1" align="left"> <h4 style="line-height: 150%; margin-top:0; margin-bottom:15"> <font color="#008080">図解化のポイント2：</font>ページの調整</h4> <p style="line-height: 150%; text-indent: 15; margin: 1 10"> 図解マニュアルでは、<font color="#800000">ページの末尾を調整</font>するのが原則です。「段落の途中でページ末となり次のページに続く（例：指示文と注意が別のページになる）」あるいは「段落とこれに対応すべき図が次のページに送られる」ことはありません。</p> <ul> <li> <p style="line-height: 150%; margin-top:0; margin-bottom:15"> <font color="#000080"> ページの末尾が調整されることによって、読者は「区切り」を付けて次のページに進めます。</font>タブレット端末の<font color="#000080">小さな画面で段落の続きを読もうとすると、読者に負担がかかります。</font></p> </li> </ul> <hr color="#000000" width="35%" size="1" align="left"> <h4 style="line-height: 150%; margin-top:0; margin-bottom:15"> <font color="#008080">図解化のポイント3：</font>「読む」と「見る」の相乗　</h4> <p style="margin:1 10; line-height: 150%; text-indent:15"> 図解化による読むと見るの相互補完は、「<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> <HR> <p> <A HREF="t3c1s2-f.htm" TARGET="_parent"> <IMG SRC="../t1/nxt.gif" ALT="" ALIGN=BOTTOM width="37" height="37"></A> <B>次ページに進む（ボタンをクリックしてください）</B></p> <HR> <DIV ALIGN=CENTER><A HREF="../../index.htm" TARGET="_parent"> <IMG SRC="../gif/modoru.gif" ALT="" ALIGN=BOTTOM width="180" height="50"></A></DIV> <HR> <p> <font color="#000066"><b>実践テクニカルライティングセミナー</b></font><font color="#008000"><BR> </font> <b>マニュアル作成の進め方とわかりやすいマニュアルのポイント</b><BR> Copyright:Takaaki-YAMANOUCHI/2002-2011<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>