Pega Constellation design system basics
A design system is a builder kit, which consists of a shared library of UX patterns comprised of components that offer the following benefits:
- Provide a consistent user experience through a systemized collection of design rules and patterns
- Speed up design and development time
- Produce better business outcomes by increasing consistency and efficiency in software development
A design system is also defined as a set of the following information:
- UI elements
- Styles
- Patterns
- Themes
- Guidelines
Development teams use and reference this information to provide a consistent user experience. A design system also includes more abstract elements, such as:
- Brand values
- Shared ways of working
- UX mindset
The Pega Constellation design system allows you to build applications quickly and keeps the application easy to update for future releases.
The Constellation design system provides a complete, prescribed presentation layer that includes information architecture, interactions, accessibility, data visualizations, and more, all supplied and implemented on multiple technologies. It is a complete UX toolkit that meets the needs of large organizations that have case management application use cases.
Sample Constellation design system
The following figure shows a Pega Platform application that uses the Constellation design system. The page displays information in a dashboard without needing to scroll.
The dashboard shows a single Pega case. The structure of the screen can work for a claim, a mortgage application, or a disputed bill. Using this information architecture and visual structure, you can display the essentials of almost any business object better.
The screen shows a great deal of information, and you can view most of it without much scrolling. However, the screen feels comfortable and light, similar to a consumer app from an app store.
Check your knowledge with the following interaction:
This Topic is available in the following Module:
If you are having problems with your training, please review the Pega Academy Support FAQs.
Want to help us improve this content?