Skip to main content
バージョンタグがご希望のコンテンツと一致しているかご確認ください。 または、最新バージョンをご利用ください。

Constellationのフォーム

ビューは、ケースとやり取りするために使用できるUI要素の再利用可能な設定です。 フォームはユーザーからデータを収集し、作業を処理するためのインターフェイスです。  フォームには1つ以上のビューを含めることができます。 ただし、ビューは常にフォームになるとは限りません。 たとえば、オンラインショッピングのサイトでは、顧客が個人情報や配送先情報などを入力する必要があります。 ビューには、First Name(名)、Last Name(姓)、State(州)、Country(国)などのUI要素があります。 フォームには、送信ボタンとキャンセルボタンを含めることができます。

Constellation UIアーキテクチャでは、フォームはCancelNextPreviousSubmitなどのボタンによって事前に設定されています。

次の画像で「+」アイコンをクリックすると、フォーム、ビュー、フィールドを連携させてケース用のインタラクティブウェブページを作成する方法の詳細が表示されます。

マルチステップフォーム

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

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

Online order form

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

マルチステップフォームでは、1ユーザーが1つのアサインメントの処理を行います。 誘導型の直線的なワークフローで、関連する複数のUI画面で操作を行います。

補足: 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