印刷 (デザインの基本)
注意
この設計ガイドは Windows 7 用に作成されており、新しいバージョンの Windows では更新されていません。 ガイダンスの多くは原則として適用されますが、プレゼンテーションと例には 現在の設計ガイダンスは反映されていません。
印刷は、紙のユーザー エクスペリエンスです。 見落としやすいですが、全体的なユーザー エクスペリエンスの重要な部分です。
この記事では、 印刷 とは、印刷時のユーザー エクスペリエンスを指し、出力は画面表示ではなく紙に送られます。 プリンターに適した形式 とは、プログラムが画面表示出力に対して行うことができる変更を指し、用紙出力に適しています。
コンピューティングによって "ペーパーレス オフィス" が生じるという予測にもかかわらず、驚くべきことに、今までと同じくらい印刷しています。 Microsoft PowerPoint プレゼンテーション デッキのハード コピーを配布し、オンラインで見つけた記事を印刷しますが、後でより慎重に調査したい、電子形式で受け取った重要な電子メールや履歴書を印刷する、などです。 ユーザー インターフェイスを設計するときに印刷を見落とすのは簡単ですが、印刷は全体的なユーザー エクスペリエンスの重要な部分であることを覚えておいてください。
メモ：一般的なダイアログに関連するガイドラインは、別の記事で示されています。
これは適切なユーザー インターフェイスですか?
プログラムで印刷をサポートする必要があるかどうかを判断するには、次の質問を検討してください。
- どのような種類のプログラムを設計していますか? プログラムの種類は、印刷サポートの適切なレベルを示す適切なインジケーターです。 ドキュメントと画像の作成、表示、および閲覧プログラムには優れた印刷サポートが必要ですが、他の種類のプログラムでは、より少ない程度の印刷サポートしか必要ない場合があります。 (プログラムの種類の一覧については、この記事の 「印刷パターン 」セクションを参照してください)。
- このプログラムは、直接の用紙出力の恩恵を受けるシナリオで使用されますか? その場合は、ユーザーがデータを別のプログラムにコピーして印刷するように要求するよりも、プログラムに印刷サポートを追加する方が便利です。
設計概念
不要な印刷を排除するようにプログラムを設計する
ユーザーが良い印刷を行う必要がある理由は多く、少ない理由がいくつかあります。 ユーザーは、印刷する必要があるためではなく、印刷する必要があります。 ユーザーに印刷を要求することは、機能が不足している兆候である可能性があります。 たとえば、過去のユーザーは、コメントを作成したり、リビジョンを提案したりするためにドキュメントを印刷する必要がありましたが、ユーザーは Microsoft Word ドキュメント内でこれらのタスクを直接実行できるようになりました。 印刷を伴うプログラムのシナリオを確認し、可能な限り、印刷する必要性が省略可能であり、欠落している機能の結果ではないことを確認します。
また、紙やインクなどのリソースを節約することは環境に役立ち、長期的には組織のコストを節約することにも注意する必要があります。
画面表示と印刷の違いを理解する
表示出力と印刷には多くの類似点がありますが、多くの違いもあります。 印刷出力:
- 高 dpi を持つ。 ディスプレイ出力は通常、96 または 120 ドット/インチ (dpi) ですが、プリンター出力は通常 600 dpi 以上です。
- 最適なフォントが異なります。 適切に設計されたフォントは、ディスプレイと印刷の両方に適していますが、セリフフォントはサンセリフフォントよりも大量のテキストの場合、高解像度で読みやすくなっています。 したがって、主に印刷を目的とした大量のテキストはセリフ フォントを使用する必要があります。一方、主に表示を目的としたテキストは sans serif フォントを使用する必要があります。 詳細については、「 フォント (Segoe UI)」を参照してください。
- 縦横比があります。 通常、ディスプレイの 縦横比 は低くなります (4:3 または 5:4)。 一方、印刷では高い縦横比 (標準のページ サイズに基づいて 8.5:11 または 1:1.4142) が使用されます。 これは、 縦モード の印刷が 横モードよりも一般的であるためです。
- ページがあります。 その結果、出力は次のようになります。
- 標準のページ サイズがあります。 米国とカナダの標準は8.5"x11"紙です。他のどこでも標準はA4紙です。
- 改ページがあります。
- ページ余白があります。
- ヘッダーとフッターがあります。
- 片面または両面の出力があります。
- 複数のコピーを含む場合があります。
- 順に印刷するか、または選択的に印刷できます。
- 多くのオプションがあります。 ユーザーは、プリンターと用紙サイズ、プリンター オプション (印刷品質、両面印刷、ホチキス止めなど)、コピー数、ページ範囲、照合順序、印刷形式を選択できます。
- 時間とお金がかかります。 大きな文書や高品質の写真を印刷するのにかなりの時間がかかる場合があり、時間の経過と同時に紙とインクのコストが加算されます。 対照的に、表示出力は瞬時で本質的に無料です。
- 白黒の場合があります。 今日の多くのプリンターは白黒ですが、モノクロのディスプレイはほとんどありません。
- 対話型ではありません。 ユーザーはページやコントロールをスクロールして、より多くのコンテンツを表示することはできません。 リンクやボタンをクリックしたり、コントロールの上にマウス ポインターを置いたりすることはできません。 対話型コンテンツは、印刷時に値を持たない。
- 紙、インク、トナーが不足したり、オフラインになる可能性があります。 そのため、紙の出力には、より多くのエラー処理とトラブルシューティングが必要です。
これらの違いは、印刷設計に影響を与える可能性があります。 適切な印刷エクスペリエンスを作成するには、プログラムの出力をプリンターに送信するだけではありません。
WYSIWYG と画面表示の進化する要件
従来、印刷ユーザー エクスペリエンスの最も基本的な原則は WYSIWYG と呼ばれています ("表示される内容は取得するもの" です)。 この原則は、ディスプレイに表示されるものと印刷される内容の間に強い関係がある必要があることを示唆しています。 WYSIWYG が標準的な方法になる前は、多くの場合、ドキュメントの表示バージョンと印刷バージョンの間に関係はありませんでした。 ユーザーは、ドキュメントが紙の上で実際にどのようなものかを確認するために印刷する必要がありました。 WYSIWYG の使用は、当時のほとんどのプログラムが主にドキュメントの作成と印刷用に設計されていたため、生産性が大幅に向上しました。
現在、Web サイトではディスプレイの最適化が一般的であり、プリンターに適した形式は大きく異なる場合があります。 さらに、小型ディスプレイ用に最適化された出力を必要とする多様なコンピューティングデバイス(スマートフォンやパーソナルデジタルアシスタントなど)があります。 WYSIWYG はドキュメント作成プログラムに最適なアプローチですが、他のプログラムでは、多くの場合、さまざまなターゲット デバイス用に最適化することをお勧めします。 このようなプログラムの場合、PC ディスプレイに表示される内容は、他のデバイス ディスプレイに表示される内容とは異なる場合があります。これは、印刷されたページに表示される内容とは異なる場合があります。
印刷用に最適化する
厳密な WYSIWYG 印刷エクスペリエンスを採用していないプログラムでも、次の方法で印刷用に最適化できます。
ターゲット ページ サイズのレイアウトを再フォーマットします。
印刷プレビューを提供します。ユーザーが印刷ダイアログで直接実験できるようにする簡単なカスタマイズ オプション (余白のドラッグなど) が可能です。
必要に応じて、プリンターに適した形式オプションを指定します。
個別の部分的なドキュメントを 1 つのドキュメントに統合します。
背景やその他のデザイン要素 (特に白黒プリンターに適さない場合) を削除します。
ナビゲーション コントロールやコマンド ボタンなどの対話型要素を削除します。
すべてのデータがスクロール バーやホバーなしで表示されていることを確認します。
表示バージョン:
プリンターに対応したバージョン:
プリンターに対応したバージョンでは、すべてのデータが印刷ページに表示され、対話型要素が削除されます。
リンクを対応するテキストに置き換えます。
普通：
詳細については、「UX ガイド」を参照してください。
印刷用に最適化:
詳細については、「UX ガイド (https://msdn.microsoft.com/windowsvista/uxguide)」を参照してください。
濃い背景の明るいテキストを、白い背景の濃いテキストに変換します。
適切な印刷オプションを含める
[印刷オプション] の一般的なダイアログには、次のオプションが表示されます。
- プリンターと用紙サイズを選択します。
- プリンターのプロパティを設定します。
- ページ範囲、コピー数、照合順序を選択します。
- 用紙の両側を使用します。
プログラムには、ドキュメント コンテンツ オプション (印刷するコンテンツ)、書式設定オプション (印刷の品質、画像サイズ、フレームへのフィットなど)、色のオプションなど、追加のオプションが必要になる場合があります。 追加のオプションを指定する必要がある場合は、[印刷オプション] の共通ダイアログを拡張します。 カスタムの [印刷] ダイアログ ボックスを作成しないでください。
印刷オプションを設計する場合は、複数のドキュメントを印刷するときのエクスペリエンスを考慮してください。 次の印刷ジョブは、最後の印刷ジョブと非常によく似ている可能性があります。 再印刷と同様の印刷ジョブの既定の設定を最適化しても、ユーザーは毎回完全にやり直すことはできません。
パフォーマンスと使いやすさのために印刷プレビューを設計する
印刷ジョブが正しくないと、時間とコストが無駄になります。 ドキュメント作成プログラムの場合、ユーザーは実際の印刷を行う前に結果を評価できる必要があります。 印刷プレビューでは、ユーザーは次のことができるようになります。
- 余白、改ページ、ページの向き、ヘッダー、フッターを評価します。
- すべてのページを参照します。
- 印刷プレビューから直接印刷します。
一部の複雑なドキュメント (コンピューター支援設計 [CAD] 図面など) は、レンダリングに時間がかかる場合があります。 プレビューのパフォーマンスは重要です。印刷プレビューは、各ページのレンダリングに時間がかかる場合、非常に面倒になる可能性があります。 そのため、印刷プレビューは、レンダリング速度が遅い完全に正確なプレビューよりも、ユーザーが印刷結果を評価できるのに十分な精度で迅速にレンダリングされるようにすることをお勧めします。
印刷プレビューを設計する場合は、印刷を準備する作業全体を検討してください。 ユーザーは何を探していますか? 彼らは何を変えるつもりですか? ドキュメント作成プログラムでは、ユーザーがプレビュー内で余白や改行などの頻繁に変更される設定を調整できるように、対話型の印刷プレビューを提供する必要があります。
ただし、可能な限り、プログラムは既定で正しいことを行う必要があります。 必要に応じて、ユーザーが意図したとおりに表示される可能性が低い印刷状況について警告します。 印刷プレビューを使用してユーザーが問題を見つけることに頼らないでください。 たとえば、スプレッドシートの列が多すぎて縦モードで 1 ページに印刷するとします。 プログラムが確認ダイアログ ボックスを表示する可能性がある一方で、適切な解決策は、横モードで自動的に印刷することです。
5 つの操作のみを行う場合...
- プログラムの種類に適した印刷エクスペリエンスを設計します。
- 印刷を含むプログラムのシナリオを確認し、可能な限り、印刷する必要を省略可能にします。
- [印刷] 共通ダイアログをカスタマイズして、便利な印刷拡張機能を提供します。 この目的でカスタムの [印刷] ダイアログ ボックスを作成しないでください。
- 再印刷と同様の印刷ジョブの [印刷] オプションを最適化します。
- 必要に応じてプレビュー機能を提供します。
印刷パターン
プログラムの種類は、適切な印刷エクスペリエンスの主要なインジケーターです。
| Label | 値 |
|---|---|
|
高度なドキュメント作成 ハイエンド ドキュメントの作成、表示、印刷に使用します。 高品質の印刷イメージを作成する機能は、プログラムが存在するメイン理由の 1 つです。 エキスパート ユーザーを対象とする。 |
ユーザーの目標: 完全な結果は、印刷出力を詳細に制御します。 例：Microsoft Word 推奨される印刷エクスペリエンス:
|
|
中間ドキュメントの作成 より複雑なドキュメントを作成および表示するために使用されます。 高品質のプリントアウトを作成する能力は重要ですが、必ずしもプログラムが存在するメインの理由の1つではありません。 中間ユーザーを対象とする。 |
ユーザーの目標: 最小限の労力で良い結果。 印刷出力を制御します。 例： Outlook や Excel などのほとんどの Microsoft Office プログラム。 推奨される印刷エクスペリエンス:
|
|
簡単なドキュメント作成 単純なドキュメントを作成および表示するために使用します。 すべてのユーザーを対象とします。 |
ユーザーの目標: 標準印刷オプションを使用した基本的な印刷サポート。 ユーザーは、調整なしで良い結果を期待します。 例： ワードパッド、ペイント。 推奨される印刷エクスペリエンス:
|
|
ドキュメント ビューアー ドキュメントを表示するために使用します。 ユーザーはドキュメントの内容や形式を変更できません。 |
ユーザーの目標: 標準印刷オプションを使用した基本的な印刷サポート。 ユーザーは、調整なしで良い結果を期待します。 印刷の問題は、ユーザーがドキュメントを変更できないため、自動的に処理されます。 例：Windows インターネット エクスプローラー 推奨される印刷エクスペリエンス:
|
|
ユーティリティまたは基幹業務アプリケーション 単純な特定のタスクを実行するために使用されます。 すべてのユーザーを対象とします。 |
ユーザーの目標: 選択したデータを効率的にエクスポートする機能。 ユーザーは、調整なしで良い結果を期待します。 多くの場合、このようなプログラムでは、ユーザーは印刷サポートをまったく見つけて驚いています。 推奨される印刷エクスペリエンス:
|
ガイドライン
全般
- ヘッダーとフッターだけを含む空白のページやページを印刷しないでください。 ただし、ヘッダーまたはフッターにページ番号が含まれており、それらのページ番号が他の場所で参照されている可能性がある場合は、空白ページを印刷します。
- プログラムをシャットダウンする前に、保留中の印刷ジョブを完全にスプールします。
ページの書式設定
- ターゲット ページ サイズ内に収まるようにテキスト レイアウトの書式を変更します。 テキストを切り捨てない。
- ユーザーがドキュメントの形式を制御しない場合:
- ページ間での拡大縮小、回転、または分割によって、大きなオブジェクトを自動的に処理します。 ラージ オブジェクトの印刷に関する詳細なガイドラインについては、「 サイズの大きいオブジェクト」を参照してください。
- 改ページを最適化して、空白ページとほぼ空白のページを排除します。
- 濃い背景の明るいテキストを、白い背景の濃いテキストに変換します。
- 背景やその他のデザイン要素は、 特に白黒プリンターに適さない場合は削除します。
- プログラムで個別の部分ドキュメントが表示される場合は、印刷用の 1 つのドキュメントに統合するプリンター対応の形式オプションを提供します。
-
対話型要素を削除します。
ナビゲーション コントロールとコマンド ボタンを削除します。
すべてのデータがスクロール バーなしで表示されていることを確認します。
リンクを対応するテキストに置き換えます。
普通：
詳細については、「UX ガイド」を参照してください。
印刷用に最適化:
詳細については、「UX ガイド (https://msdn.microsoft.com/windowsvista/uxguide)」を参照してください。
この例では、リンクはかっこで囲まれたテキストに置き換えられます。
ホバー時に表示される有用な情報をインラインに移動します。
特大オブジェクト
スプレッドシート、グラフィックス、写真などの大きなオブジェクトを処理することは、印刷に固有の問題です。 次のいずれかの方法を使用します。
ページに合わせてオブジェクトを拡大縮小します。 この方法は、オブジェクトが少し大きすぎて印刷できない場合に適切に機能し、オブジェクトを 1 つのページに保持することが重要であり、縮小してもオブジェクトは読みやすくなります。
この例では、大きな画像がページに収まるように拡大縮小されます。
ページを回転します。 この方法は、縦モード (またはその逆) の場合に、いくつかのページが横長モードで印刷される方が適している場合に適しています。
この例では、大きな画像をページに合わせて回転します。
オブジェクトを複数のページに印刷します。 この方法は、オブジェクトをスケーリングできない場合、または拡大縮小すべきでない場合に、ページを回転しても役に立たなかったり、望ましくない場合に適切に機能します。 オブジェクトに内部境界 (スプレッドシート内の列や行の区切り記号など) がある場合は、コンテンツ内ではなく、これらの境界上のページを分割します。 また、凡例や列ヘッダーなど、ページを理解するために必要な要素を繰り返します。 複数のページでオブジェクトを分割する場合は、ページ番号を読み取り順 (左から右、上から下) に割り当てます。
この例では、大きなテーブルが 2 ページに印刷されます。 列ヘッダーはページ間で保持され、理解が容易になります。
オブジェクトを切り捨てます (切り捨 て後もオブジェクトの一部のみが表示されます)。 このアプローチは実装する最も簡単なソリューションですが、許容されるのが最も低い可能性があります。 また、テキストの切り捨ては受け入れられないことにも注意してください。
この例では、大きなイメージが切り捨てられます。
ヘッダーとフッター
- 高度なドキュメント作成プログラムと中間ドキュメント作成プログラムのヘッダーとフッターを指定します。 複数ページのドキュメントに使用する場合は、他の種類のプログラムのヘッダーとフッターを指定することを検討してください。
- ヘッダーとフッターをカスタマイズ可能にします。 ユーザーが左、中央、右の部分を定義できるようにします。
- ヘッダーの場合は、既定でドキュメント名を左側に配置します。
- フッターの場合は、ドキュメントの著作権またはソースを左側に、ページ番号を右側に既定で配置します。
- わかりやすいファイル パスと URL を使用します。 スペースを "%20" ではなくスペースとして表示します。
印刷コマンド
メニュー バーとショートカット メニューの場合は、印刷オプションの共通ダイアログを表示する [印刷] コマンドを使用します。 省略記号を使用して、追加情報が必要であることを示します。
![[ファイル] メニューのスクリーン ショット、選択した [印刷] コマンド](images/exper-printing-image7.png)
この例では、[印刷] コマンドには、詳細情報を取得するための [印刷オプション] 共通ダイアログが表示されることを示す省略記号があります。
メニュー バーで使用されるツール バーの場合は、すぐに印刷コマンドを使用します。 ボタンをクリックすると、文書の 1 つのコピーが既定のプリンターに出力されます。 このようなツール バー コマンドは、すぐに実行する必要があります。 コマンドが即時であることを示すには、ツールヒントに既定のプリンターを配置します。 ユーザーは、メニュー バーから完全な [印刷] コマンドにアクセスできます。
この例では、ツール バーの [印刷] コマンドは、[印刷オプション] 共通ダイアログを表示する代わりに、すぐに印刷します。 ツールヒントに既定のプリンターを配置すると、ユーザーがダイアログをバイパスしているテキストの強化が提供されます。
メニュー バーなしで使用するツール バーの場合は、[分割印刷] ボタンを使用します。 ボタンをクリックすると、文書の 1 つのコピーが既定のプリンターに出力されます。 ボタンの矢印部分をクリックすると、完全な印刷、印刷プレビュー、およびページ設定コマンドを含むメニューがドロップされます。
この例では、Windows インターネット エクスプローラー ツール バーは分割ボタン コントロールを使用して、すべての印刷コマンドを提供します。
リボン コマンドのユーザー インターフェイスの場合は、アプリケーション メニューに [印刷] コマンドを配置します。
リボンの場合は、アプリケーション メニューを使用して [印刷] コマンドにアクセスします。
印刷オプション
- カスタムの [印刷オプション] ダイアログ ボックスを作成しないでください。 追加のオプションを指定する必要がある場合は、[印刷オプション] 共通ダイアログを拡張します。 追加の印刷オプションには別のダイアログを使用しないでください。
正しくない:
![[カスタム印刷オプション] ダイアログ ボックスのスクリーン ショット](images/exper-printing-image11.png)
この例では、Fabrikam は別のダイアログを使用して追加の印刷オプションを使用しています。
開発者： [印刷] 共通ダイアログを拡張する方法については、「 PRINTDLGEX 構造体」を参照してください。
- [印刷オプション] 共通ダイアログを拡張する場合は、既に提供されている機能を複製しないでください。
- ユーザーが印刷ジョブ間で設定を維持する可能性がある場合は、それらの設定を既定値にします。 プログラムの起動後の最初の印刷ジョブでは、既定のプリンターを含む標準の既定値を使用します。 プログラム インスタンス内の後続の印刷ジョブでは、最後に選択したプリンターと用紙サイズを保持します。 コピーまたはページ範囲の数は後で再選択される可能性がはるかに低いため、保持しないでください。
- 現在適用されていないオプションを削除して、設定を最適化します。 選択したプリンターの機能または現在の文書の特性と矛盾するオプションを削除します。 たとえば、写真印刷アプリケーションでは、最適な結果を得る用紙サイズ、用紙の種類、印刷品質の組み合わせを制限できるため、光沢のある用紙オプションを選択すると、用紙形式から封筒が削除される可能性があります。 何らかの理由でユーザーがすべてのオプションを表示する場合は、チェック ボックスなどのコントロールを使用してこの機能を提供できます。
開発者： 選択したプリンターの機能を確認する方法については、「 印刷スキーマ」を参照してください。
- 高度なドキュメント作成プログラムの場合は、ドキュメント自体にドキュメント関連の印刷オプションを保存します。 これらのプログラムでは、印刷オプションはドキュメントの不可欠な部分です。
- その他の種類のプログラムの場合は、ユーザーごとに設定を保存します。
- 特殊印刷用の既定以外のプリンターを選択することを検討してください。 たとえば、写真印刷アプリケーションでは、システムの既定のプリンターに関係なく、プログラムで最後に使用されたプリンターを常に選択できます。 これを行うと、システムの既定のプリンターがフォト プリンターではない可能性が高いと想定されます。 このようなプログラムは、最後に選択したプリンターの設定を保存する必要があります。
- プリンター機能の検出中にプログラムをロックしないでください。 そうすることで、ユーザー エクスペリエンスが低下します。 代わりに、次のいずれかを行います。
- 別のスレッドでプリンター機能の検出を実行します。
- 10 秒後にタイムアウトします。
- ユーザーが取り消せるようにダイアログ ボックスを指定します。
![[接続先] ダイアログ ボックスのスクリーン ショット](images/exper-printing-image12.png)
この例では、 ダイアログ ボックスを使用すると、ユーザーがタスクに時間がかかりすぎると判断した場合に、プリンター機能の検出を簡単にキャンセルできます。
印刷プレビュー
- 必要に応じて印刷プレビュー機能を提供します。 すべてのドキュメント作成プログラムは印刷プレビューの恩恵を受けますが、ユーザーは単純なドキュメント作成プログラムでそれらを期待していません。 高度なドキュメント作成プログラムの場合は、メイン プログラム ウィンドウ内で直接印刷プレビューをサポートすることを検討してください。
この例では、Wordメイン プログラム ウィンドウ内で印刷プレビューがサポートされています。
- ユーザーが次のことが可能な印刷プレビュー機能を提供します。
- 余白、改ページ、ページの向き、ヘッダー、フッターを評価します。
- すべてのページを参照します。
- 印刷プレビューから直接印刷します。
ユーザーがプレビュー内で余白や改行などの頻繁に変更される設定を直接調整できるように、対話型の印刷プレビューを提供することを検討してください。
- 印刷プレビュー ページを 1 秒以内にレンダリングします。 印刷プレビューは、レンダリング速度が遅い完全に正確なプレビューよりも、ユーザーが印刷結果を評価するのに十分な精度を持つ印刷プレビューを使用することをお勧めします。
- 高度なドキュメント作成プログラムの場合は、個別のダイアログを作成するのではなく、プレビュー機能を直接組み込んで標準の [印刷] ダイアログ ボックスを拡張することを検討 してください。
- プレビュー モードを終了するための明確なボタンを指定します。
Wordの印刷プレビュー モードには、明らかな閉じるプレビュー コマンドがあります。
印刷エラー
メモ： 印刷ジョブがプリンターにスプールされると、Windows は後続のエラーを処理します。 プログラムは、印刷ジョブがスプールされる前に発生したエラーのみを処理する必要があります。
- 印刷ジョブをスプールする前に、ユーザーが修正できる可能性のある印刷の問題をチェックします。 印刷を続ける前に、明確で簡潔な確認を提示します。 可能な限り、問題を自動的に解決するように提案してください。 そうすることで、時間とお金の無駄を防ぐことができます。
Text
- 用紙の両面に印刷するオプションについては、[両面印刷] オプションにラベルを付けます。 "手動二重" という語句は使用しないでください。
ドキュメント
- 動詞として印刷ではなく、印刷を使用します。
- 印刷ジョブの結果を参照するには、印刷出力を使用できます。
- プリンター キューではなく、印刷キューを使用します。