Skip to main content

マルチステップフォーム

Long, complex online forms can make navigation difficult for users.

For example, online order forms like the one in the following image require a lot of data. Users must enter contact information, the items to buy, and the payment method. 

Online order form

A multi-step form represents a single assignment completed by a single user. It is a guided, linear workflow using related UI screens.

補足: The default Create process in the Create stage is a multi-step form. This multi-step form displays as a modal by default.

You can configure a multi-step form to help users complete complicated tasks. For example, instead of having a single, confusing online order form, configure a multi-step form. The multi-step form presents information from the online order form in multiple focused and concise screens. In the following example, the user navigates to different screens by using the navigation menu.

Multi-step form navigation in 8.5

マルチステップフォームの操作

マルチステップ フォームには、横型ナビゲーション、縦型ナビゲーション、標準ナビゲーションといった異なるスタイルを持つ3つのテンプレートが用意されています。 横型および縦型ナビゲーションでは、ユーザーは縦並びまたは横並びのナビゲーションメニューを使用してスクリーンを操作します。 標準ナビゲーションでは、ユーザーは「Continue」ボタンと「Back」ボタンを使ってスクリーンを操作します。

ナビゲーションメニューからは任意の順序で利用可能なスクリーンに移動できます。 ユーザーはスクリーンが送信されていない限り、任意の順序でスクリーンに情報を入力、保存、変更できます。 「Finish」オプションは、マルチステップフォームの最後のスクリーンで利用できます。 

上記のオンライン注文フォームの例では、水平方向のナビゲーションを使用します。 以下の画像の中央にある縦棒をスライドすると、縦型ナビゲーションと標準ナビゲーションの違いを表示できます。

Check your knowledge with the following interaction:

トレーニングを受講中に何か問題がありましたら、こちらをご覧ください: Pega Academy サポートのよくある質問 (FAQ).

このコンテンツは役に立ちましたか?

このコンテンツは 86% のユーザーにとって役に立ちました。

改善できるところはありますか?

We'd prefer it if you saw us at our best.

Pega Academy has detected you are using a browser which may prevent you from experiencing the site as intended. To improve your experience, please update your browser.

Close Deprecation Notice