操作が分かるワイヤーフレームの文章を書く。
利用者の作業と可能な操作を明確にします。現実的なラベルと長さを使い、仮の文と製品側の確認が必要な主張を区別します。
作業手順をタスクに合わせましょう。
利用者の作業と画面の実際の動きを確認し、自然な見出し、ラベル、行動、応答を書きます。必要なら空とエラーの状態も含めます。根拠のない速さ、アクセス、成功の約束を仮の文に入れません。
- 用意するもの
- ページの目的、対象者、必要な行動。
- 得られるもの
- 低忠実度の節と部品の文章案。
入力と結果を確認しましょう。
説明用の入力と出力 · 実際の WebAct 実行ではない学習用サンプル
入力項目サンプル個
Signup wireframe needs a heading, email label, submit action and an error message for an invalid address.
完成例
Heading: Create your account. Label: Email address. Button: Continue. Error: Enter an email address in the format name@example.com. Confirm the actual signup behavior before adding promises about timing or access.
この入力をプロンプトに読み込み、WebAct にコピーして試してください。結果は掲載例と異なる場合があります。
判断のポイントとトラブル対処。
どのボタンも「送信」のような曖昧な名前でよいですか？
動作が確定したら「アカウントを作る」や「続ける」のように実際の操作を示します。
エラーが原因だけを伝え、直し方を示さないのはなぜですか？
必要な修正が抜けているかもしれません。検証規則に合う具体的な次の手順を加えます。
自分の資料で試しましょう。
タスクのプロンプト内の例を自分の資料に置き換えてください。必要な要件を残し、タスクを WebAct にコピーします。
タスクを調整してコピー ↑