Skip to main content

マルチステップフォーム

オンラインフォームが長くて複雑だと、ユーザーにとって操作が難しくなるかもしれません。 フォームはユーザーからデータを収集し、作業を処理するためのインターフェイスです。

たとえば、次の画像のようなオンライン注文フォームには、多数の必須データが含まれます。ユーザーは連絡先、購入アイテム、支払方法を入力する必要があります。 

Online order form

マルチステップフォームの利点

マルチステップフォームでは、1ユーザーが1つのアサインメントの処理を行います。ビューと呼ばれる関連するUI画面を使用した誘導型の直線的なワークフローです。

補足: Pega Platformでのビューの設計の詳細については、「ビューを使用する」を参照してください。

マルチステップのフォームを設定することで、複雑なアサインメントも処理しやすくなります。たとえば、1つのオンライン注文フォームにフィールドを詰め込むのではなく、マルチステップフォームを設定できます。 マルチステップフォームでは、オンライン注文フォームの情報を分類された複数の簡単なビューに表示します。

補足: Createステージのデフォルトの作成プロセスは、マルチステップフォームです。 

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

マルチステップフォームには、横型、縦型、標準の3種類のナビゲーションスタイルがあります。3つのスタイルすべてで、ユーザーはNext ボタンとPrevious ボタンを使用して、ビューを操作します。次の図は、標準ナビゲーションを使用するオンライン注文マルチステップフォームを示しています。

Multi-step form that displays standard navigation

横型ナビゲーションと縦型ナビゲーションでは、ナビゲーションメニュー(横向きまたは縦向き)に、マルチステップフォーム内のどのステップでユーザーがオンになっているかを表示します。次の図は、縦型ナビゲーションを使用したオンライン注文マルチステップフォームを示しています。

Multi-step form that displays vertical navigation

マルチステップフォームは、情報を順序立てて入力するのに適していますが、必須フィールドがなく、フォームが送信されていない限り、ユーザーはビュー間を移動できます。Submit オプションは、マルチステップフォームの最後のビューで使用できます。次の図は、縦型ナビゲーションを使用したオンライン注文マルチステップフォームの最後のステップを示しています。

Multi-step form that displays horizontal navigation

次の問題に答えて、理解度をチェックしましょう。


このトピックは、下記のモジュールにも含まれています。

トレーニングを実施中に問題が発生した場合は、Pega Academy Support FAQsをご確認ください。

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

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

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