Tips & Tricks

長い PDF を通して読者を追跡するフローティング ナビゲーション ボタンを追加する方法

200 ページのリファレンス マニュアルでは、読者がスクロールせずにどのページからでも目次に戻ることができる方法が必要です。各ページの隅にあるナビゲーション ボタンは、スクロール位置に関係なく常に表示され、ワンクリックで目次、索引、または次の章にアクセスできます。読者はナビゲーションを探す必要はありません。ドキュメントを通じてそれらを追跡します。

PDF ナビゲーション ボタンは、アクションが関連付けられたボタン フォーム フィールドです。ボタンは、すべてのページに表示され、固定位置を維持し、クリックされたときにナビゲーション アクションを実行するように構成できます。ボタンは PDF ページ コンテンツの一部であり、インタラクティブなフォーム要素をサポートする PDF リーダーに文書とともに送信されます。

How to Add a Floating Navigation Button That Follows the Reader Through a Long PDF

ナビゲーションボタンフォームフィールドの作成

フォーム作成ツールを備えた PDF エディターで、最初のページにボタン フィールドを追加します。ボタンを表示したい場所 (通常はアクセス可能だが邪魔にならない右下隅) に配置します。快適にクリックまたはタップできる大きさのボタンを、少なくとも 0.5 インチ四方の大きさにします。

ナビゲーション コマンドを実行するためのボタン アクションを構成します。最も一般的なアクションは、特定のページとズーム レベルに移動する「ページ ビューに移動」です。ページフィットズーム時の目次ページに移動先を設定します。追加のボタンを使用すると、次の章または索引に移動できます。

適切に配置された 1 つのボタンにより、読者は際限なくスクロールする必要がなくなります。

ラベル、アイコン、またはその両方を使用してボタンのスタイルを設定します。 TOC というラベルの付いたボタンは、その目的を明確に伝えます。矢印アイコンはナビゲーションを示します。アイコンとツールチップ(ユーザーがボタンの上にマウスを置いたときに表示されるテキスト)を組み合わせると、最も明確なガイダンスが提供されます。

WukongPDF

PDFを編集してみる

インストールは必要ありません。ブラウザで直接動作します。

始める →

すべてのページでボタンを複製する

最初のページにボタンを作成したら、それをすべてのページに複製します。ほとんどの PDF エディターには、ページ間で複製または複数ページにコピー機能が含まれています。ボタンを選択し、ターゲット ページ、すべてのページ、または範囲を選択すると、エディターは選択したすべてのページの同じ位置にボタンのコピーを配置します。

各ボタンのコピーは、同じプロパティとアクションを持つ別個のフィールドです。あるページでボタンのプロパティを編集しても、他のページのコピーは自動的に更新されません。ボタンのアクションまたは外観を変更する必要がある場合は、各コピーを更新するか、すべてのコピーを削除して、更新されたボタンを再度複製する必要があります。

WukongPDF は、PDF リンク とブラウザを介したフォーム編集を提供します。ナビゲーション要素を PDF ページに追加し、宛先アクションを構成できます。ブラウザベースの編集では、編集中にドキュメントがデバイス上に保持されます。

ボタン配置のテストと調整

さまざまな画面サイズとデバイスでナビゲーション ボタンをテストします。レターページの右下隅にあるボタンは、縦向きの携帯電話では画面外に表示される場合があります。読者が使用すると思われる最小および最大の画面でテストします。

ボタンを印刷しないように設定します。このボタンは画面のナビゲーションには便利ですが、印刷されたページが乱雑になります。ボタンのプロパティで、表示設定を「表示されるが印刷されない」に設定します。このボタンは画面上に表示され、ドキュメントを印刷すると非表示になります。

フォームまたはアプリケーションとして配布されるインタラクティブ PDF ドキュメントの場合、ナビゲーション ボタンによりドキュメント内を移動するのに必要な労力が軽減され、ユーザー エクスペリエンスが向上します。適切に設計されたナビゲーション システムにより、複数ページの PDF がばらばらのページの積み重ねではなく、まとまったアプリケーションのように感じられます。

ナビゲーション ボタンは、単純なページ ナビゲーションを超えたアクションをトリガーできます。ボタンでは、Web リンクを開いたり、サウンドを再生したり、フォーム データを送信したり、JavaScript アクションを実行したりできます。サポート Web サイトを開くすべてのページにある [ヘルプ] ボタンは、ドキュメント全体にわたって状況に応じた支援を提供します。

ボタンの表示/非表示は、PDF ビューアのズーム レベルによって制御できます。 150% ズーム以上でのみ表示されるように設定されたボタンは、通常の読書中は非表示になり、読者が詳細を調べるためにズームインすると表示され、最も必要な瞬間にナビゲーションを提供します。

タッチスクリーン デバイスの場合、ボタンのサイズは指のタップに対応できる必要があります。ボタンの最小サイズは 44 × 44 ポイント、約 0.6 インチで、タッチ ターゲットのアクセシビリティ ガイドラインを満たしています。ボタンが大きいほど正確にタップしやすくなります。

ボタンのツールチップは、読者がクリックするかどうかを決定するのに役立つコンテキストを提供します。 「目次に戻る (ページ 3)」というツールチップは、目次を 1 つ読むよりも有益です。追加の単語には費用がかからず、使いやすさが向上します。

ナビゲーション ボタンは、前のセクション、目次、次のセクション、索引などの複数のボタンを備えたボタン バーに編成できます。ボタン バーは、どのページからでも包括的なナビゲーションを提供します。

ワード プロセッサで作成したドキュメントにナビゲーション ボタンを追加する場合は、最終エクスポート後にワード プロセッサではなく PDF エディタでボタンを追加します。ワード プロセッサのページ リフローにより、エクスポート中にボタンの位置が移動する可能性があります。

スクリーン リーダーを使用してナビゲーション ボタンをテストし、アクセシビリティを確認します。スクリーン リーダーはボタンのラベルとアクションを読み上げる必要があります。アクセス可能なラベルのないボタンは、スクリーン リーダー ユーザーには見えません。

Web ブラウザを通じて配布された PDF の場合、ブラウザに組み込まれた PDF ビューアはボタン アクションをサポートしていない場合があります。最初のページに、ドキュメント ナビゲーション ボタンが Adobe Acrobat または専用の PDF ビューアで最適に機能するという注記を含めます。

ボタンの外観は、読者が簡単に見つけられるように、ページのコンテンツと対照的なものにする必要があります。色付きの背景と白いテキストまたはアイコンを持つボタンは、一般的な白地に黒のドキュメント ページに対して目立ちます。

ドキュメントが完成したら、誤って変更されないようにボタンのプロパティをロックします。ロックされたボタンは、ロックを解除しない限り、移動、サイズ変更、または再構成することはできません。

ナビゲーション ボタンには、標準のアイコン フォントまたはカスタム SVG グラフィックのアイコンを含めることができます。矢印アイコンはナビゲーション要素として広く理解されています。家のアイコンは、ホームまたは目次を示します。

ボタンのタブ オーダーでは、タブ シーケンスのメイン コンテンツの後にナビゲーション ボタンを配置する必要があります。キーボード ナビゲーションを使用する読者は、自然な読み上げ順序に従って、最初にコンテンツに到達し、最後にナビゲーション ボタンに到達します。

高度なナビゲーション ボタンのテクニック

ナビゲーション ボタンをドキュメント JavaScript と組み合わせて、最後に表示したページに戻るなど、ナビゲーション履歴の追跡が必要な、より複雑なナビゲーション動作を作成できます。この機能は、Web ブラウザーの「戻る」ボタンを模倣しています。

アクセシビリティに準拠するために、ナビゲーション ボタンには、スクリーン リーダーが読み上げることができる代替テキストの説明が必要です。ボタンのツールチップは代替テキストとして機能します。すべてのナビゲーション ボタンには説明的なツールチップが必要です。

ナビゲーション ボタンのビジュアル デザインは、ドキュメントのデザイン言語と一致している必要があります。ドキュメントの配色とタイポグラフィーに一致するボタンは、意図的に作られているように見えます。ドキュメントのデザインと衝突するボタンは、後付けで追加されたように見えます。

長い PDF の各ページに表示されるナビゲーション ボタンは、読書エクスペリエンスを直線的なスクロールからインタラクティブな探索に変換し、読者が場所を失ったりナビゲーション コントロールを探したりすることなくセクション間を自由に移動できるようにします。

PDF 内の適切に設計されたナビゲーション ボタンは、読者がスクロールしたり検索したりする必要がなく、常に利用できる一貫した予測可能なナビゲーション コントロールを提供することで、読者の認知的負荷を軽減します。

PDF にナビゲーション ボタンを追加するのに数分かかると、そのドキュメントを使用するすべての読者に効果があり、読者数が多い、または頻繁に読むドキュメントにとっては、高い利益をもたらす投資となります。

PDF に永続的なナビゲーション要素を追加すると、PDF は静的なドキュメントから、読者の時間と注意を尊重するインタラクティブな読書エクスペリエンスに昇格します。

ナビゲーション ボタンは、直線的な PDF の閲覧エクスペリエンスを、読者が常に手の届くところにある一貫したコントロールを使用してセクション間を自由に移動できる、インタラクティブなドキュメント探索に変換します。

長い PDF にナビゲーション ボタンを追加するために必要な労力は初期設定に集中しますが、そのメリットはドキュメントを使用するすべての読者にその耐用年数を通じて広がります。

適切に設計されたナビゲーション コントロールにより、長い文書を読み進めるために必要な認知的労力が軽減され、読者はナビゲーションの仕組みではなくコンテンツに注意を集中できます。

ナビゲーション ボタンの可視性と配置は、ドキュメントの閲覧者が使用する可能性が最も高いデバイスと画面サイズでテストし、表示環境全体でボタンがアクセス可能で機能し続けることを確認する必要があります。

読者が順番に読むのではなく繰り返し参照する参考文書の場合、永続的なナビゲーション ボタンを使用すると、スクロールしたり検索したりせずに、頻繁に参照するセクションにすぐにアクセスできます。

ナビゲーション ボタンの追加により、PDF は受動的なドキュメントから、読者の時間を尊重し、効率的な情報アクセスに必要なコントロールを提供する能動的な読書ツールに昇格します。

ドキュメントのすべてのページにわたって表示されるフローティング ナビゲーション ボタンにより、読者は、場所を失ったり読書の流れを中断したりすることなく、重要なセクションにすぐに戻ることができるため、安心して自由に探索することができます。

適切に設計されたナビゲーション システムにより、複数ページの PDF がばらばらのページのスタックではなく、まとまったアプリケーションのように感じられ、文書の読書体験と知覚品質の両方が向上します。

ナビゲーション ボタンは、高度なプログラミングや特殊なデザイン スキルを必要とせずに、PDF にプロフェッショナルな対話性を追加する最も簡単な方法の 1 つです。

ボタンプロパティ推奨設定注記
アクションページビューに移動目次、インデックス、または章の先頭に移動します
位置右下隅コンテンツをブロックせずにアクセス可能
サイズ最小 44x44 ポイントタッチターゲットのアクセシビリティガイドラインに適合
可視性表示されるが印刷されない画面のみ。きれいな印刷出力
ツールチップ説明的なアクションテキスト例: 目次 (ページ 3) に戻る
WukongPDF

PDFを編集してみる

インストールは必要ありません。ブラウザで直接動作します。

始める →