Skip to main content

Pega Constellationデザインシステム

デザインシステムは、体系化された一連のデザインルールやパターンを通じて一貫性のあるユーザーエクスペリエンスを提供します。 デザインの拡張と反復を可能にするために、デザインシステムには、基本的なテクノロジーや、デジタルおよびプリントなどの他の種類のアセットとデザインがどのように機能するかをコンテキスト化する構造フレームワークが含まれています。 システム化されたコレクションにより、設計と開発の時間が短縮され、ソフトウェア開発の一貫性と効率が向上し、ビジネス成果が向上します。

デザインシステムは、以下の共有ライブラリを含むビルダーキットです。

  • UI要素
  • スタイル
  • コンポーネントで構成されるUXパターン
  • テーマ
  • ガイドライン

開発チームは、この情報を使用および参照して、一貫したユーザーエクスペリエンスを提供します。 デザインシステムには、次のような抽象的な要素も含まれています。

  • ブランドバリュー
  • 共通の仕事の進め方
  • UXの考え方 

Constellation デザインシステムを使用すると、Pega Platform™アプリケーションをすばやく構築でき、将来のリリースに向けてアプリケーションを簡単に更新できます。 

Constellationデザインシステムは、情報アーキテクチャ、インタラクション、アクセシビリティ、データビジュアライゼーションなどを備えた、完全に決められたプレゼンテーションレイヤーを提供し、すべてが複数のテクノロジー上で供給・実装されます。 ケースマネジメントアプリケーションのユースケースを持つ大規模な組織のニーズに対応する完全なUXツールキットです。

補足: Pega Platform™バージョン8.8では、ConstellationデザインシステムTheme Cosmosデザインシステムの2つの異なるデザインシステムがあります。 Constellationデザインシステムは、Constellationアーキテクチャをサポートしています。 Theme Cosmosデザインシステムは、従来のUIアーキテクチャをサポートしています。 Pega Platform UIアーキテクチャとその違いの詳細については、「ユーザーエクスペリエンス」を参照してください。 

Constellationデザインシステムのサンプル

次の図は、Constellationデザインシステムを使用するPega Platformアプリケーションで実行されている単一のPega Platformケースを持つダッシュボードを示しています。 セールスツールの保険金請求ケースのダッシュボードでは、スクロールする必要なく情報を確認できます。 この画面はアプリケーションストアで提供されている一般消費者向けアプリケーションのように動作が軽く快適です。

この情報アーキテクチャとビジュアル構造を使用することで、ほぼすべてのビジネスオブジェクトの基本情報を見やすく表示できます。 画面の構造は、請求、異議申立、住宅ローンの申請のために別の目的で使用できます。   

Example of a full case page in Constellation

以下のインタラクションで理解度をチェックしてください。


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

トレーニングを実施中に問題が発生した場合は、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