Application user interface design

Design intuitive, efficient user interfaces in Pega Platform™ using the Constellation architecture. Explore how to use different View types, such as Full Page Views, Lists, Partials, and Forms, to organize and present information during case processing. Configure customizable areas within Views, apply common field settings, and use Field Groups, Multi-step Forms, and hierarchical forms to structure content clearly. Use Primary Fields to improve data clarity and accessibility, and implement dynamic field behavior and When Rules to create responsive, user-centric experiences.

Beginner

Constellation

User Experience

English

After completing this module, you should be able to:

Describe how different View types and templates manage user interface elements during Case processing.

Explain the importance of the Preview in Pega Blueprint.

Describe the relationship between Blueprint Preview, Constellation, and the UI in a Pega Platform application.

Identify UX design principles and their importance in application development.

Explain the role and identify common design patterns in Constellation application development.

Explain the purpose of the customizable areas of a Full Page View.

Distinguish the roles of default and hierarchical forms.

Analyze how common field settings, Primary Fields, and Field Groups contribute to consistent and efficient UI design.

Explain how patterns such as cascading drop-down lists enable dynamic field behavior.

Topics

UI design

10 mins

Views in Constellation

10 mins

Automatically-generated Views

10 mins

Form Views

10 mins

Exploring Fields

10 mins

Model-driven UI Controls

10 mins

Module Quiz

10 mins