SlideShare a Scribd company logo
1 of 5
マニュアルを考える
第4回
ページレイアウト
2015/2/14
マニュアルを考察する要素
構成 主に章立て。マニュアル全体はどんな内容、順番で構成されて
いるか。
構造 完結する1つのパート(節、項、ページなど)が、どんなパーツ、
順番で構成されているか。見出し、リード、説明、参考、注意、
補足情報など。
ページレイアウト デザイン、フォーマットはマニュアルの目的、ターゲットユー
ザーなどに合っているか。
ビジュアル イラスト、図、ピクトなどのビジュアル素材は見やすく、わかりや
すいか。
文章 文章のレベル、表現、用字用語、表記などはマニュアルの目的、
ターゲットユーザーに合っているか。
検索性 ユーザーは必要な情報、ページ、箇所を探しやすいか。
メディア 冊子、PDF、ヘルプ、HTMLなど提供するメディアはユーザーに
適して目的に合っているか。
ページレイアウトの考え方
 ページを構成する要素
 ヘッダー/フッター/ノンブル/柱
 見出し/本文/表組み/ビジュアル/付加情報(注意、参考など)/参照
 ページを決定する基本要件
 サイズ/色数/見開き・単ページ/メディア(紙、PDF等)
 余白/版面率/
 文字サイズ/書体/段組
考慮すべき要素
 配置
 構成要素の配置は目的、ターゲットユーザーに配慮している
か?
 可読性
 読みやすいか?
 検索性
 情報は探しやすいか?
 メンテンス性
 作りやすいか?修正はしやすいか?
レイアウトを決める
① ページ構成要素を書き出してみる
② サムネイルを書いて配置してみる
③ いくつかのパターンを作り検証してみる
④ DTPソフトでサンプルページを作成してみる

More Related Content

Viewers also liked

JANOG 15 - DNS 512bytesの壁 OCN DNSトラヒック分析より
JANOG 15 - DNS 512bytesの壁 OCN DNSトラヒック分析よりJANOG 15 - DNS 512bytesの壁 OCN DNSトラヒック分析より
JANOG 15 - DNS 512bytesの壁 OCN DNSトラヒック分析よりChika Yoshimura
 
JANOG 36 インターネットのうた
JANOG 36 インターネットのうたJANOG 36 インターネットのうた
JANOG 36 インターネットのうたtomomi_pepper
 
ネットワーク図作成ツール nwdiag の紹介 2011/07 #janog28
ネットワーク図作成ツール nwdiag の紹介 2011/07 #janog28ネットワーク図作成ツール nwdiag の紹介 2011/07 #janog28
ネットワーク図作成ツール nwdiag の紹介 2011/07 #janog28Takeshi Komiya
 
ツール導入のお話
ツール導入のお話ツール導入のお話
ツール導入のお話Ken SASAKI
 
​PowerPoint スライド用のスタティックな図の効果
​PowerPoint スライド用のスタティックな図の効果​PowerPoint スライド用のスタティックな図の効果
​PowerPoint スライド用のスタティックな図の効果Su Ry
 
Apacheからnginxにリニューアルしようとしてるお話
Apacheからnginxにリニューアルしようとしてるお話Apacheからnginxにリニューアルしようとしてるお話
Apacheからnginxにリニューアルしようとしてるお話Shohei Koyama
 
ソーシャルゲーム運用チームにJIRAを導入してみた話
ソーシャルゲーム運用チームにJIRAを導入してみた話ソーシャルゲーム運用チームにJIRAを導入してみた話
ソーシャルゲーム運用チームにJIRAを導入してみた話Kimura Ryota
 
勉強会への一歩を踏み出すために
勉強会への一歩を踏み出すために勉強会への一歩を踏み出すために
勉強会への一歩を踏み出すためにAkihiko Horiuchi
 
情報共有ツールの情報共有
情報共有ツールの情報共有情報共有ツールの情報共有
情報共有ツールの情報共有Ken SASAKI
 
freeeで全自動化マニュアル オリジナル図解集 ver.1
freeeで全自動化マニュアル オリジナル図解集 ver.1freeeで全自動化マニュアル オリジナル図解集 ver.1
freeeで全自動化マニュアル オリジナル図解集 ver.1Takeo Hiromasu
 
PDCAで仕事を進める
PDCAで仕事を進めるPDCAで仕事を進める
PDCAで仕事を進めるjunji44
 
いまさら聞けないパスワードの取り扱い方
いまさら聞けないパスワードの取り扱い方いまさら聞けないパスワードの取り扱い方
いまさら聞けないパスワードの取り扱い方Hiroshi Tokumaru
 
09 manual writing20130611
09 manual writing2013061109 manual writing20130611
09 manual writing20130611和也 高山
 
最近、僕がハマったFuelPHPの紹介
最近、僕がハマったFuelPHPの紹介最近、僕がハマったFuelPHPの紹介
最近、僕がハマったFuelPHPの紹介Naoto Mawatari
 
ご注文は監視自動化ですか?
ご注文は監視自動化ですか?ご注文は監視自動化ですか?
ご注文は監視自動化ですか?Masahito Zembutsu
 
ネットワーク運用自動化お悩み相談会
ネットワーク運用自動化お悩み相談会ネットワーク運用自動化お悩み相談会
ネットワーク運用自動化お悩み相談会Yuya Rin
 
開発者を支える生産性向上チームの取り組み -CI, Browser Test, Tools and Infrastructure-
開発者を支える生産性向上チームの取り組み -CI, Browser Test, Tools and Infrastructure-開発者を支える生産性向上チームの取り組み -CI, Browser Test, Tools and Infrastructure-
開発者を支える生産性向上チームの取り組み -CI, Browser Test, Tools and Infrastructure-Jumpei Miyata
 
JIRA / Confluence の 必須プラグインはこれだ
JIRA / Confluence の必須プラグインはこれだJIRA / Confluence の必須プラグインはこれだ
JIRA / Confluence の 必須プラグインはこれだNarichika Kajihara
 
プログラマが欲しい仕様書とは
プログラマが欲しい仕様書とはプログラマが欲しい仕様書とは
プログラマが欲しい仕様書とはKatsutoshi Makino
 
Docker基礎+docker0.9, 0.10概要
Docker基礎+docker0.9, 0.10概要Docker基礎+docker0.9, 0.10概要
Docker基礎+docker0.9, 0.10概要Kazuyuki Mori
 

Viewers also liked (20)

JANOG 15 - DNS 512bytesの壁 OCN DNSトラヒック分析より
JANOG 15 - DNS 512bytesの壁 OCN DNSトラヒック分析よりJANOG 15 - DNS 512bytesの壁 OCN DNSトラヒック分析より
JANOG 15 - DNS 512bytesの壁 OCN DNSトラヒック分析より
 
JANOG 36 インターネットのうた
JANOG 36 インターネットのうたJANOG 36 インターネットのうた
JANOG 36 インターネットのうた
 
ネットワーク図作成ツール nwdiag の紹介 2011/07 #janog28
ネットワーク図作成ツール nwdiag の紹介 2011/07 #janog28ネットワーク図作成ツール nwdiag の紹介 2011/07 #janog28
ネットワーク図作成ツール nwdiag の紹介 2011/07 #janog28
 
ツール導入のお話
ツール導入のお話ツール導入のお話
ツール導入のお話
 
​PowerPoint スライド用のスタティックな図の効果
​PowerPoint スライド用のスタティックな図の効果​PowerPoint スライド用のスタティックな図の効果
​PowerPoint スライド用のスタティックな図の効果
 
Apacheからnginxにリニューアルしようとしてるお話
Apacheからnginxにリニューアルしようとしてるお話Apacheからnginxにリニューアルしようとしてるお話
Apacheからnginxにリニューアルしようとしてるお話
 
ソーシャルゲーム運用チームにJIRAを導入してみた話
ソーシャルゲーム運用チームにJIRAを導入してみた話ソーシャルゲーム運用チームにJIRAを導入してみた話
ソーシャルゲーム運用チームにJIRAを導入してみた話
 
勉強会への一歩を踏み出すために
勉強会への一歩を踏み出すために勉強会への一歩を踏み出すために
勉強会への一歩を踏み出すために
 
情報共有ツールの情報共有
情報共有ツールの情報共有情報共有ツールの情報共有
情報共有ツールの情報共有
 
freeeで全自動化マニュアル オリジナル図解集 ver.1
freeeで全自動化マニュアル オリジナル図解集 ver.1freeeで全自動化マニュアル オリジナル図解集 ver.1
freeeで全自動化マニュアル オリジナル図解集 ver.1
 
PDCAで仕事を進める
PDCAで仕事を進めるPDCAで仕事を進める
PDCAで仕事を進める
 
いまさら聞けないパスワードの取り扱い方
いまさら聞けないパスワードの取り扱い方いまさら聞けないパスワードの取り扱い方
いまさら聞けないパスワードの取り扱い方
 
09 manual writing20130611
09 manual writing2013061109 manual writing20130611
09 manual writing20130611
 
最近、僕がハマったFuelPHPの紹介
最近、僕がハマったFuelPHPの紹介最近、僕がハマったFuelPHPの紹介
最近、僕がハマったFuelPHPの紹介
 
ご注文は監視自動化ですか?
ご注文は監視自動化ですか?ご注文は監視自動化ですか?
ご注文は監視自動化ですか?
 
ネットワーク運用自動化お悩み相談会
ネットワーク運用自動化お悩み相談会ネットワーク運用自動化お悩み相談会
ネットワーク運用自動化お悩み相談会
 
開発者を支える生産性向上チームの取り組み -CI, Browser Test, Tools and Infrastructure-
開発者を支える生産性向上チームの取り組み -CI, Browser Test, Tools and Infrastructure-開発者を支える生産性向上チームの取り組み -CI, Browser Test, Tools and Infrastructure-
開発者を支える生産性向上チームの取り組み -CI, Browser Test, Tools and Infrastructure-
 
JIRA / Confluence の 必須プラグインはこれだ
JIRA / Confluence の必須プラグインはこれだJIRA / Confluence の必須プラグインはこれだ
JIRA / Confluence の 必須プラグインはこれだ
 
プログラマが欲しい仕様書とは
プログラマが欲しい仕様書とはプログラマが欲しい仕様書とは
プログラマが欲しい仕様書とは
 
Docker基礎+docker0.9, 0.10概要
Docker基礎+docker0.9, 0.10概要Docker基礎+docker0.9, 0.10概要
Docker基礎+docker0.9, 0.10概要
 

Recently uploaded

UniProject Workshop Make a Discord Bot with JavaScript
UniProject Workshop Make a Discord Bot with JavaScriptUniProject Workshop Make a Discord Bot with JavaScript
UniProject Workshop Make a Discord Bot with JavaScriptyuitoakatsukijp
 
リアル戦国探究in米沢 事前講座2スライド(スタッフ共有用)『両雄の強さの秘密』についてのスライド
リアル戦国探究in米沢 事前講座2スライド(スタッフ共有用)『両雄の強さの秘密』についてのスライドリアル戦国探究in米沢 事前講座2スライド(スタッフ共有用)『両雄の強さの秘密』についてのスライド
リアル戦国探究in米沢 事前講座2スライド(スタッフ共有用)『両雄の強さの秘密』についてのスライドKen Fukui
 
リアル戦国探究in米沢 当日講座1(スタッフ共有用)『兵は詐をもって立つ』についてのスライド
リアル戦国探究in米沢 当日講座1(スタッフ共有用)『兵は詐をもって立つ』についてのスライドリアル戦国探究in米沢 当日講座1(スタッフ共有用)『兵は詐をもって立つ』についてのスライド
リアル戦国探究in米沢 当日講座1(スタッフ共有用)『兵は詐をもって立つ』についてのスライドKen Fukui
 
リアル戦国探究in米沢 当日講座2スライド(スタッフ共有用)『人を致すも人に致されず』についてのスライド
リアル戦国探究in米沢 当日講座2スライド(スタッフ共有用)『人を致すも人に致されず』についてのスライドリアル戦国探究in米沢 当日講座2スライド(スタッフ共有用)『人を致すも人に致されず』についてのスライド
リアル戦国探究in米沢 当日講座2スライド(スタッフ共有用)『人を致すも人に致されず』についてのスライドKen Fukui
 
ゲーム理論 BASIC 演習105 -n人囚人のジレンマモデル- #ゲーム理論 #gametheory #数学
ゲーム理論 BASIC 演習105 -n人囚人のジレンマモデル- #ゲーム理論 #gametheory #数学ゲーム理論 BASIC 演習105 -n人囚人のジレンマモデル- #ゲーム理論 #gametheory #数学
ゲーム理論 BASIC 演習105 -n人囚人のジレンマモデル- #ゲーム理論 #gametheory #数学ssusere0a682
 
リアル戦国探究in米沢 事前講座1スライド(スタッフ共有用)『川中島の謎』についてのスライド
リアル戦国探究in米沢 事前講座1スライド(スタッフ共有用)『川中島の謎』についてのスライドリアル戦国探究in米沢 事前講座1スライド(スタッフ共有用)『川中島の謎』についてのスライド
リアル戦国探究in米沢 事前講座1スライド(スタッフ共有用)『川中島の謎』についてのスライドKen Fukui
 
TEAMIN Service overview for customer_20240422.pdf
TEAMIN Service overview for customer_20240422.pdfTEAMIN Service overview for customer_20240422.pdf
TEAMIN Service overview for customer_20240422.pdfyukisuga3
 
リアル戦国探究in米沢 当日講座3スライド(スタッフ共有用)『糧は三度はさいせず』についてのスライド
リアル戦国探究in米沢 当日講座3スライド(スタッフ共有用)『糧は三度はさいせず』についてのスライドリアル戦国探究in米沢 当日講座3スライド(スタッフ共有用)『糧は三度はさいせず』についてのスライド
リアル戦国探究in米沢 当日講座3スライド(スタッフ共有用)『糧は三度はさいせず』についてのスライドKen Fukui
 

Recently uploaded (8)

UniProject Workshop Make a Discord Bot with JavaScript
UniProject Workshop Make a Discord Bot with JavaScriptUniProject Workshop Make a Discord Bot with JavaScript
UniProject Workshop Make a Discord Bot with JavaScript
 
リアル戦国探究in米沢 事前講座2スライド(スタッフ共有用)『両雄の強さの秘密』についてのスライド
リアル戦国探究in米沢 事前講座2スライド(スタッフ共有用)『両雄の強さの秘密』についてのスライドリアル戦国探究in米沢 事前講座2スライド(スタッフ共有用)『両雄の強さの秘密』についてのスライド
リアル戦国探究in米沢 事前講座2スライド(スタッフ共有用)『両雄の強さの秘密』についてのスライド
 
リアル戦国探究in米沢 当日講座1(スタッフ共有用)『兵は詐をもって立つ』についてのスライド
リアル戦国探究in米沢 当日講座1(スタッフ共有用)『兵は詐をもって立つ』についてのスライドリアル戦国探究in米沢 当日講座1(スタッフ共有用)『兵は詐をもって立つ』についてのスライド
リアル戦国探究in米沢 当日講座1(スタッフ共有用)『兵は詐をもって立つ』についてのスライド
 
リアル戦国探究in米沢 当日講座2スライド(スタッフ共有用)『人を致すも人に致されず』についてのスライド
リアル戦国探究in米沢 当日講座2スライド(スタッフ共有用)『人を致すも人に致されず』についてのスライドリアル戦国探究in米沢 当日講座2スライド(スタッフ共有用)『人を致すも人に致されず』についてのスライド
リアル戦国探究in米沢 当日講座2スライド(スタッフ共有用)『人を致すも人に致されず』についてのスライド
 
ゲーム理論 BASIC 演習105 -n人囚人のジレンマモデル- #ゲーム理論 #gametheory #数学
ゲーム理論 BASIC 演習105 -n人囚人のジレンマモデル- #ゲーム理論 #gametheory #数学ゲーム理論 BASIC 演習105 -n人囚人のジレンマモデル- #ゲーム理論 #gametheory #数学
ゲーム理論 BASIC 演習105 -n人囚人のジレンマモデル- #ゲーム理論 #gametheory #数学
 
リアル戦国探究in米沢 事前講座1スライド(スタッフ共有用)『川中島の謎』についてのスライド
リアル戦国探究in米沢 事前講座1スライド(スタッフ共有用)『川中島の謎』についてのスライドリアル戦国探究in米沢 事前講座1スライド(スタッフ共有用)『川中島の謎』についてのスライド
リアル戦国探究in米沢 事前講座1スライド(スタッフ共有用)『川中島の謎』についてのスライド
 
TEAMIN Service overview for customer_20240422.pdf
TEAMIN Service overview for customer_20240422.pdfTEAMIN Service overview for customer_20240422.pdf
TEAMIN Service overview for customer_20240422.pdf
 
リアル戦国探究in米沢 当日講座3スライド(スタッフ共有用)『糧は三度はさいせず』についてのスライド
リアル戦国探究in米沢 当日講座3スライド(スタッフ共有用)『糧は三度はさいせず』についてのスライドリアル戦国探究in米沢 当日講座3スライド(スタッフ共有用)『糧は三度はさいせず』についてのスライド
リアル戦国探究in米沢 当日講座3スライド(スタッフ共有用)『糧は三度はさいせず』についてのスライド
 

マニュアルを考える第4回