ビューでのデータキャプチャ
ビューは、ケースとユーザーのインタラクションと、そのケースを完了するために必要なデータとをリンクする機能です。 ビューは、ユーザーがケースで入力または選択するデータを制御します。 ケースを正常に処理するために各ステージで必要な正確なデータを収集または表示するビューを設計することが重要です。
このトピックでは、既定のConstellationデザインシステムを使用して、ケース完了を促進するビューの作成と使用について確認します。
Constellationの既定のデザインシステム
デザインシステムは、体系化された一連のデザインルールやパターンを通じて一貫性のあるユーザーエクスペリエンスを提供します。 デザインの拡張と反復を可能にするために、デザインシステムには、基本的なテクノロジーや、デジタルおよびプリントなどの他の種類のアセットとデザインがどのように機能するかをコンテキスト化する構造フレームワークが含まれています。 システム化されたコレクションにより、設計と開発の時間が短縮され、ソフトウェア開発の一貫性と効率が向上し、ビジネス成果が向上します。
デザインシステムは、以下の共有ライブラリを含むビルダーキットです。
- UI要素
- スタイル
- コンポーネントで構成されるUXパターン
- テーマ
- ガイドライン
Constellationデザインシステムを使用すると、Pega Platform™アプリケーションをすばやく構築でき、将来のリリースに向けてアプリケーションを簡単に更新できます。
Constellationデザインシステムは、情報アーキテクチャ、インタラクション、アクセシビリティ、データビジュアライゼーションなどを備えた、完全に決められたプレゼンテーションレイヤーを提供し、すべてが複数のテクノロジー上で供給・実装されます。 ケースマネジメントアプリケーションのユースケースを持つ大規模な組織のニーズに対応する完全なUXツールキットです。
Constellationデザインシステムは、プリセットの設定による情報に基づいたデザインとテンプレートのセットである既定のデザインパターンに従うことで、設計時間を短縮し、アプリケーションデベロッパーや設計者がユーザーのニーズに焦点を当てたページやフローを作成できるように設定されています。 Constellationには、複雑なケースマネジメントアプリケーションのビューとワークフローを最適化するために特別に設計されたUX/UIテンプレート、パターン、コンポーネントの完全な標準フロントエンドライブラリが用意されています。
Constellationでは、フロントエンドのコアエクスペリエンス(ナビゲーション、ワークフロー、情報アーキテクチャ)が規定されていますが、設定の変更は可能です。 Pegaビジネスアーキテクト(BA)、シチズンデベロッパー、システムアーキテクト(SA)は、App Studioでアプリケーションのビューをすべて設定できます。
レイアウトとフロントエンドのコアエクスペリエンスは高度に規定されているため、アップデートはシームレスで、アプリケーションの一貫性が高まり、顧客はビジネス価値を短期間で達成できます。 Constellationでは、スクリーンリーダーとの互換性、ローカリゼーションなど、標準アクセシビリティコンプライアンスの改善も行っています。
Constellationのビュー
ビューは、ユーザーからデータを収集したり、ユーザーにデータを表示したりするUIコンポーネントです。 ビューには、現在のタスクまたはアサインメントを完了するために必要なフィールドとインストラクションが表示されます。
たとえば、ローン申請で、申請者が個人情報、ローンの詳細、関連する財務情報を入力できるフィールドを備えたオンラインビューが提供されたとしましょう。 申請者の情報を読み取り専用フィールドとみなし、承認・不承認の結果とその説明を編集可能なフィールドに入力する内部ローン担当者には、異なるビューが提示される場合があります。
アプリケーションデベロッパーは、ビューに関連するフィールドを追加します。 Pega Platform™では、フィールドの名前とデータ要素の値をローカルストレージまたは外部のシステムオブレコードに保存し、情報を再利用できるようにします。 ビューの設定では、保存されたデータ要素を編集できるようにしたり、読み取り専用にしたりできます。
ビューに関する考慮事項
ローンを組むためのプロセスを実行する場合を考えてみます。 この例では、次の2つの手順があります。
- プロセスの最初のステップでは、顧客はローン申請の情報を入力する必要があります。 このフォームには、顧客の名前、ローンの金額、ローンの種類などの情報を入力するためのフィールドが表示されます。 顧客がフォームを記入すると、審査のためにシステムからローン担当者にリクエストが送信されます。
- プロセスの2つ目のステップでは、ローン担当者は、申請から収集されたデータをローン担当者ビューで確認できます。 ローン担当者は顧客情報を読み取ることはできますが、更新することはできません。 また、ローン担当者ビューには、ローン保険の適性や申請の承認結果などの情報を担当者が入力するためのフィールドが表示されます。
次の画像の中央にある縦線をスライドさせると、ローン申請プロセスのステップを表示できます。
アプリケーション開発プロセスに携わるPega BAとして、ユーザーがケースタイプワークフローを進める際に必要なステップを考慮し、各タスクを実行するために入力またはアクセスすべきデータを決定します。 次に、その情報の表示方法を検討します。
たとえば、ローン申請ビューには、顧客がローン申請を完了するために必要なフィールドをすべて含める必要があります。 ビューには明確なインストラクションが必要であり、操作も簡単でなければなりません。 顧客はローンの金額などのデータを入力する必要がありますが、申請したいローンの種類など、一部の情報は選択できます。
次のローン申請ビューの画像で、「+」アイコンをクリックすると、ビューを作成する際に検討すべき項目や質問が表示されます。
フィールドグループ
フィールドグループは、個々のフィールドのクラスターです。個々のフィールドがまとまって、ビュー内で関連データを表示します。 個々のフィールドは、ケースタイプのデータモデルまたはさまざまなデータオブジェクトから取得できます。
フィールドグループは、関連フィールドを1つのヘッダーのもとにまとめて整理するのに役立ち、インストラクションを追加したり、ビュー内の折りたたみ可能なセクションのフィールドを一時的に非表示にしたりするツールを提供します。
ビュー内にフィールドグループを作成した場合、これはそのビューのみに固有のものです。
再利用を目的としたビューの設計
アプリケーションの設計に関わるPega BAとして、個々のビューは複数のケースタイプを持つアプリケーションで再利用できることに留意してください。 たとえば、製品名、説明、SKU、価格などのフィールドを含む小売製品のデータオブジェクトに関する情報を表示するビューは、製造企業の販売および流通のケースタイプに関連するビューに適用できます。
以下のインタラクションで理解度をチェックしてください。