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