順序の原則 #1 時系列順

投稿日時：
カテゴリ：プレゼンテーション・ロジカルシンキング

ビジネスパワーアップコラム＜ロジカルシンキング編＞　第十四回

前回のロジカルシンキング編コラムでは、ピラミッド思考の原則を構成する最後の原則事項である「順序の原則」についての概要を説明しました。ある論点グループ内での順序を考える際には、

・時系列順＝因果関係もしくは実行ステップの順序
・構造順＝目に見える様子をそのまま書き表した順序
・重要度順＝類似性に基づくグループ内の度合いによる順序

この3つの順序の「どれか一つ」を適用することになりますので、この点を意識しながら順序の検討を進める必要があることがポイントでした。

今回のコラムからは、これらの順序に関する思考方法について詳しく採り上げていきたいと思います。第一回目は「時系列順」です。

時系列順とは「因果関係もしくは実行ステップの順序」と説明をしましたが、時系列順を適用することが可能な論点グループにおいては、原因と結果の関係である「因果関係」、もしくは実行プロセスにおける各「ステップ」の前後関係が明確であることが必要となります。以下、それぞれの簡単な例を示しながら解説をしましょう。

例1：お客様からのクレーム発生に関する報告

1. クレーム発生原因の確認
2. クレーム発生状況の整理
3. お客様への対応状況の整理
4. 再発防止策の確認

まず、因果関係に関する簡単な例を考えてみます。例1に示す「お客様からのクレーム発生に関する報告」においては、「2. クレーム発生状況の整理」（＝実際にどのようなクレームが発生したのか）をまずは報告することを通常は考えると思います。ですが、「○○というクレームが発生しました」という報告だけでは、クレームが発生した「原因」や、クレーム発生に伴う対応の「結果」等が不明確となり、報告としては不十分な印象となります。

このような場合は、クレームが発生した「原因」や、対応の「結果」までを含めて情報を整理し直すことで、論点が明確になります。例えば上記の事例では、まず「1. クレーム発生原因の確認」により、クレームを引き起こしたそもそもの要因に遡ります。その上で、「クレームを生み出す原因」に基づく「結果」として、「2. クレーム発生状況の整理」をし、実際のクレーム内容を報告します。さらに、「3. お客様への対応状況の整理」では、実際に発生したクレームを「原因」と考え、その「結果」としての対応状況をまとめます。最後に「4. 再発防止策の確認」で、今回のクレーム対応結果を「原因」に置き換え、その「結果」として、将来的に同様なクレームの発生を防止するための対策について触れています。

ここでの大切なポイントは、この例における1～4の論点は、それぞれが「原因」と「結果」の関係、すなわち、1を原因として2の結果が生じ、2を原因として3の結果が生じ、3を原因として4の結果が生じている、ということになります。このような「因果関係」が明確に考えられる場合には、原則として説明の順序はこの「原因→結果」の時系列順となります。

それでは、次は実行ステップ順に関する簡単な例を考えてみます。

例2：生産性向上プロジェクトの立ち上げ

1. 現状の業務フローの確認
2. 現場でのヒアリングの実施
3. 改善点の洗い出し

例2に示す「生産性向上プロジェクトの立ち上げ」においては、「1. 業務フローの確認」を行うことで「2. 現場でのヒアリングの実施」が出来、さらに「2. 現場でのヒアリングの実施」を行うことで「3. 改善点の洗い出し」を行うことが可能となります。この場合、ステップ1を実行しなければステップ2は実行できず、さらにステップ2を実行しなければステップ3は実行できませんので、説明の順序は「ステップ1→ステップ2→ステップ3」の時系列順となります。

以上が時系列順で順序を決定する際の基本的な考え方となります。まとめますと、

・因果関係が明確である場合は、説明の順序は「原因→結果」の時系列順となる
・実行ステップの順序が明確である場合は、説明の順序は「ステップ順通り」の時系列順となる

となります。

ただし、実際の説明の際には、上記の順序とは別に「結論」も意識して考える必要があります。時系列順での説明の弱点は

「結果が説明の最後まで見えない」

ことにあります。従って、プレゼン等で時系列順に基づいて説明を行う場合には、

・始めに結論を簡潔に述べる
・その後で要点を時系列順に示す

このような工夫も必要です。

以上の点に注意をし、時系列順での論点整理及び順序決定を行ってみていただければと思います。

（担当：佐藤　啓）

目立つバナーの作製 #2　色の誘目性

投稿日時：
カテゴリ：HTML・CSS・Webデザイン

前回のWeb系ブログコラムでは「既存サイトに新規バナーを追加する」際に検討すべき要素として「色の視認性」ついてお話ししました。今回はシリーズの第2回目として「色の誘目性」について説明したいと思います。

色の誘目性とは、簡単に言うと「人目の引きやすさ」の事です。
色には目立ちやすい色があります。例えば赤、オレンジや鮮やかな青などは注目を集めやすい色です。一方で濃い灰色や鈍い緑などはあまり目立たない色になります。イメージとしては、鮮やかな原色は色の彩度が高いと考えるとわかりやすいと思います。このような誘目性の高い色をバナーに使用することで、容易に人目を引くことが可能です。

それでは、目立たせたいバナーに誘目性の高い、言い換えれば彩度の高い色を使用するだけで良いかと言うと、そう単純ではありません。バナーに使用する色の組み合わせによっては、第1回でお話した視認性の高さを確保できなくなる可能性もあるので、使用する際には注意が必要です。確認になりますが、色の視認性とは、字やモノの認識しやすさの度合いのことでした。
例えば、誘目性の高い真っ赤な背景色の上に赤いりんごの画像を配置しても画像は目立ちません。逆に何の画像が配置されているかを読み手に判別させるというストレスを与える可能性もあります。その場合は、真っ赤な背景色を修正して、具体的には誘目性を確保するための赤は細い枠線のみで使用するにとどめ、背景色には白かそれに準じた明度の高い色を使用する、といったバナー自体の視認性の高さをしっかりと保つ工夫が大切になります。

別のパターンとして、Webサイトのテーマカラーに誘目性の高い赤などを多く使用するデザインがあります。この場合単純に赤色を使用しても、周りに同じ色が並ぶため、期待する誘目性を実現することは難しいです。その場合は「補色」の性質を利用すること、解決することがあります。補色とは、下の色相環の図で対立する色同士は互いを最も引き立てあう関係にある色のことです。黄色と組み合わせて最も目立つ色は紫ですね。この性質を利用すると、例えば緑をバナーに使用することで、元々誘目性の高い赤が多く使用されているWebページであっても、特定のバナーに誘目性の高さを追加することが可能になります。

鮮やかな色の原色をそのまま使う場合、色の効果をストレートに伝達するにはとても良い方法ですが、デザインとの兼ね合いで少し浮いてしまう場合もあります。その場合は彩度や明度を少し増減させることで全体のまとまりが良くなる場合があるので、試行錯誤を行うことで期待する色を実現できることが多いと思います。

今回は、誘目性の高い色を使用することで人目を引きやすくなるが、視認性を損なわないための工夫の有無も考えながら使用することが大切である、というお話をしました。今後にお役立ていただけましたら幸いです。

（担当：斉藤　万幾子）

直近開催のお薦め講座のご紹介

投稿日時：

Access 2003 応用 一日速習研修

日程
詳細

クエリ・リレーションシップの応用からマクロの基礎までをしっかり学ぶ講座です。実務でアクセスを利用する方は、ここまで学ぶと業務への活用の幅が大幅に広がります！
本コースではAccess2003を利用した講習を行います。

Access 2010 初級 一日速習研修

日程
詳細

アクセスの基礎はこれでバッチリ！簡単なデータベース作成を通じて、アクセスの基本操作からリレーションシップの基礎までを学ぶ講座です。
本コースではAccess2010を利用した講習を行います。

Access 2010 応用 一日速習研修

日程
詳細

クエリ・リレーションシップの応用からマクロの基礎までをしっかり学ぶ講座です。実務でアクセスを利用する方は、ここまで学ぶと業務への活用の幅が大幅に広がります！
本コースではAccess2010を利用した講習を行います。

PowerPoint 2010 初級 一日速習研修

日程
詳細

パワーポイントの基本をしっかりマスター！基本操作から図・グラフ・写真等のスライドへの取り込み、アニメーションの設定を学び、効果的なスライド作成の基礎を習得する講座です。
本コースではPowerPoint2010を利用した講習を行います。

HTML/CSS活用 一日速習研修

日程
詳細

Webページ作成スキルであるHTML/CSSの基礎を習得した方向けに、ヘッダー・フッター・サイドメニュー・グローバルナビといった一般的なWebページレイアウトの実装方法や、視覚的に分かりやすいボタン等の作成方法、さらにWebページ作成時に押さえておきたいデザインルール等について実践的に学習するセミナーです。HTML/CSSの基本スキルを習得した方が、実際にWebページを作成し始める前に押さえておきたいポイントが盛りだくさんです。Webページを効率的に作成したい方にオススメです！

jQuery外部ライブラリ「Colorbox その2」

投稿日時：
カテゴリ：VBA・Javascript・PHP・その他プログラミング全般

不定期掲載「jQuery外部ライブラリ紹介」
今回は前回紹介したjQuery外部ライブラリ「Colorbox」の続きを紹介します。

前回のサンプルはコチラで、画像ファイルをポップアップ表示しましたが、今回はインライン機能を使用したポップアップ表示を見てみましょう。
サンプルはコチラです。実行結果とソースコードを確認してみましょう。

	<head>
		<meta charset='utf-8'/>
		<title>Colorboxのサンプル</title>
		
		<!-- 「colorbox.css」「jquery.js」「jquery.colorbox.js」を組み込む -->
		<link rel="stylesheet" href="./colorbox.css" />
		<script src="./jquery.js"></script>
		<script src="./jquery.colorbox-min.js"></script>
		
		<script>
			$(function(){
				
				/*
				id1にcolorboxを適用する。
				inline:trueでインライン機能をONにする。
				*/
				$("#id1").colorbox({inline:true, width:"50%"});
			});
		</script>
		
	</head>
	<body>
		<p>
			<a id="id1" href="#inline" title="インラインで表示">表示する</a>
		</p>
		<!-- 下記の要素をポップアップ表示する。最初は非表示にしておく。 -->
		<div style="display:none">
			<div id="inline">
				表示したいHTMLをこちらに記述してください。
			</div>
		</div>
	</body>

これも色々なサイトで使用されています。
colorboxメソッドのプロパティに「inline:true」を指定する事により、このような機能を簡単に実現できます。
このお手軽さがColorboxの特徴なので、ぜひ参考にしてみてください。

（担当：奥田　英太郎）

ファイルに含まれる「情報」を確認する

投稿日時：
カテゴリ：エクセル・パワーポイント・ワード

WordやExcelなどで作成したファイルを社外にメールで送る、または媒体に保存して配布する機会は多いと思われます。そのファイルに「個人情報」や作成途中の情報が含まれていて、簡単に見ることができるのはご存じでしょうか。
ファイルを右クリック→ [プロパティ] で表示されるダイアログの [詳細] タブを確認すると、作成日時の他に「作成者」「前回保存者」「会社」などの情報が確認できます。

その情報を誰でも見ることができると、問題になる事があると思います。
例えば、下請け会社が制作したデータを客先に納品したり、他の人が作成したファイルを編集して別のデータに変更することもあるでしょう。
また、下記も修正や削除を忘れがちなものとして挙げられます。
・作成途中に確認のために付けた「コメント」
・別のデータを元に作成したときの、以前のヘッダーやフッター
・Excelの非表示の列や行
・PowerPointのノート

それらを一つ一つ確認していくのは手間がかかりますし、見落としもあります。
Office2007以降では、下記の方法で一度に削除が可能です。

1)ファイルに含まれる情報の確認方法
（2007）[オフィスボタン]→[配布準備]→[ドキュメント検査]
（2010）[ファイル]タブ→[情報] →[問題のチェック]→[ドキュメント検査]

2)ファイルに含まれる情報の削除方法
[検査] →検出された項目の [すべて削除]

（担当：瀧川　仁子）