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

<BODY BGCOLOR="#ffffff"> <DL> <DT> <IMG SRC="../gif/gb-bar-2.gif" ALT="技術文書・ビジネス文書に役立つ知識" ALIGN=bottom width="540" height="26"><DT> <img border="0" src="../gif/t2.gif" alt="電子マニュアルの考え方とタブレット端末で読める電子版図解マニュアルの作り方" width="570" height="150"></DL> <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="margin:1 10; line-height: 150%; 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%; margin: 1 10; text-indent:15"> 「動き」によって手順を表すことは理にかなった考え方です．手順の数がさほど多くなく「基本事項（見てわかる動き）」でほぼ構成される作業ならば，文書スタイルよりも数分で見られる動画ですみ作る側にも利用者にもメリットがあります．しかし，「<font color="#800000">目的を達成するための手順の数が多く，かつ分析もしくは判断を伴う作業</font>」を動画で表そうとすると，動画自体が長くなるとともにその構成も複雑になります．</p> <ul> <li> <p style="line-height: 150%; margin-top:0; margin-bottom:15"> <font color="#000080"> 作業のトレーニングにもビデオがしばしば用いられます．しかし，トレーニングには指導員が付き添い習熟度を確認（必要ならば指導）をします．「繰り返して行う限定的な作業」を多くの作業員が習得するには，「ビデオを見る」はトレーニングの効率を上げるのに有効です．</font></p> </li> <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: 1 10; text-indent:15"> 「文書に置き換わる動画マニュアル」の要件も「人にとって“わかりやすい”とは何か」から導かれます．テクニカルライティングの手法によって文書スタイルのマニュアルをわかりやすく表す際の要件と根本は同じです．</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>「<font color="#800000">見続ける負担</font>」の軽減</h4> <p style="line-height: 150%; margin: 1 10; 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">文を表す際の「段落（あるいは文）の長さ」には目安があります（例：1段落は150～200字が目安）．動画においても段落に相当する区切り（例：作業の1工程が完了すると，次の1工程の要点が告知される）が必要です．あわせて，利用者自身が区切りごとに動画を見直せる工夫も必要です．</font></p> </li> </ul> <p style="line-height: 150%; margin-top:0; margin-bottom:15" align="center"> <img border="1" src="3013.jpg" vspace="10" 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">要件2：</font>「<font color="#800000">受動的な理解</font>」＋「<font color="#800000">主体的な理解</font>」の構成</h4> <p style="line-height: 150%; margin: 1 10; text-indent:15"> 当コーナーの冒頭で述べたように「動画を見る」あるいは「ナレーションを聞く」は，いわば“<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> <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><font color="#800000">手順全体</font>の見通し</h4> <p style="line-height: 150%; margin: 1 10; 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> <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">要件4：「</font><font color="#800000">文</font>」による明示</h4> <p style="line-height: 150%; margin: 1 10; text-indent:15"> 当コーナーの冒頭で述べた「付随的重要事項（作業の有効性・必要性，条件など）」は，動画よりも読むよる理解と確認（製作側から見れば文によって明示的に表現）が必要となります．製造物責任法（PL法）に関連する事項に限らず，利用者が避けなければならない行動は「<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> <h2><span style="font-weight: 400">「<font color="#800000">文書スタイルに置き換わる動画マニュアル</font>」に有効な手法</span></h2> <p style="line-height: 150%; margin: 1 10; text-indent:15"> 上記の要件は，さらに「<font color="#800000">動画に全体の見通しにつながる区切りを付け，その区切りを利用者がコントロールできる</font>」かつ「<font color="#800000">見る理解（基本事項）と読む理解（付帯的重要事項）で構成する</font>」に要約できます．前者には，文書スタイルでも手順の数が多い場合に用い<font color="#800000">る「工程番号＋告知＋複数手順」の入れ子式の構成</font>が有効です．また後者には，<font color="#800000">「工程の前（あるいは工程間）に図解のページを挿入する」とともに「動画に読む部分を要素化して追加する」手法</font>が有効です．</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>「<font color="#800000">工程番号</font>＋<font color="#800000">告知</font>＋<font color="#800000">複数手順</font>」の構成</h4> <p style="line-height: 150%; margin: 1 10; text-indent:15"> 手順が多い場合は，これをいくつかに分割するとともに手順に先だって「<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="3014.jpg" vspace="10" 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">手法2：</font><font color="#800000">図解による導入部</font>の挿入</h4> <p style="line-height: 150%; margin: 1 10; text-indent:15"> 動画マニュアルも「<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">手法3：</font>動画への<font color="#800000">付帯的重要事項</font>の追加</h4> <p style="line-height: 150%; margin: 1 10; text-indent:15"> 動画中の簡略なキャプションにとどめず，明確に動画中に付帯的重要事項（結果，例外事項，補足，注意など）を「文」で示す必要があります．</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="t2c3s1-f.htm" TARGET="_parent"> <IMG SRC="../t1/nxt.gif" ALT="" ALIGN=BOTTOM width="37" height="37"></A> <B>次ページに進む（ボタンをクリックしてください）</B></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/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 width="282" height="24" hspace="2" vspace="2"></a><a TARGET="_blank" href="../t-smnr-trf/smnr-trf02.pdf"><IMG SRC="../gif/tsub-trf.gif" ALT="セミナー基本料金［抜粋PDF版］" ALIGN=bottom BORDER=0 width="282" height="24" hspace="2" vspace="2"></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> <B>テクニカルドキュメント・ビジネスドキュメントためのテクニカルライティングセミナー</B><BR> <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>