ブラウザーで実際に行う作業の流れ

ステップごとのガイド
作り方

役立つガイドには、明確な開始地点、1つずつ進める操作、結果の確認方法があります。ブラウザーのツールで未払いの注文を探す短い例を見てみましょう

1 · 目指す結果から始める

「注文」より「未払いの注文を探す」のように具体的なタイトルを使いましょう。ログイン済みであること、注文一覧にアクセスできること、関連データの閲覧権限があることなど、必要な前提条件を読み手に伝えます

1つのガイドには1つの手順をまとめましょう。作業が異なる承認や支払いの流れに分かれる場合は、このガイドの終点を説明し、共有先のシステムで次のガイドにリンクします

サンプルのワークスペースでフィルターを開き、未払いの注文を選んで適用します。操作の直前のスクリーンショットを使うと、読み手がクリックすべき場所を確認できます

フィルターを開く
注文フィルター 1
1042 · Field Studio · 保留中
1041 · Form Design · 支払い済み
クリックする項目： フィルター （注文一覧）
未払いの注文を選ぶ
支払い状況
✓ 未払い 2
選択する項目： 未払い – まだ支払いが必要な注文だけを残します
適用して一覧を確認する
支払い状況 · 未払い適用 3
クリックする項目：適用– 表示された注文一覧が選択したステータスに一致することを確認します

操作を先に書き、読み手に見えているボタンなどの名前を示します。理由は判断に役立つときにだけ添えましょう。「ここをクリック」より「未払いを選び、支払いが必要な注文を確認」のほうが役立ちます

名前や値はスクリーンショットと一致させましょう。ツールのラベルが変わったら、説明文も更新します。確認していないステップは追加しないでください

話した説明から手順へ

あなたの言葉：「では、フィルターを開いて…ここでは未払いの注文だけを見たいです」

ガイドの文章：「フィルターを開き、未払いの注文を選ぶ」

記録しながら各操作を説明しましょう。GuidePackが音声を対応するステップに結び付け、編集可能な説明に変換します音声機能の図解デモを見る

共有する前に書き出したファイルを開いて確認しましょう。固定レイアウトの配布資料にはPDF、追加編集にはWord、ブラウザーで開くにはHTMLが適しています。手順が変わったときに更新できるよう、編集可能なバックアップを残してください

架空の注文処理でGuidePackのガイド作成を試しましょう。クリックがステップになり、実際の業務データやマイクを使わずに結果をダウンロードできます