Before you start creating the user interface in your application, learn about the available tools, best practices, and the basic principles that drive user experience design.

By learning about the design templates and the many tools and solutions that are available out-of-the box, you can make building your UI a low-effort but high-effect experience.

As you get familiar with the key paradigms that govern an efficient UI, building low-maintenance and future-proof portals that cater to specific roles in your organization, becomes intuitive.

Discover more about UI design in the following articles:

• Changes in the design process in Theme Cosmos

  Theme UI-Kit and Theme Cosmos are the two UX libraries that are available for use in applications that have a traditional UI architecture that uses section rules, skin rules, and UI controls. While Theme UI-Kit is a classic experience, Theme Cosmos offers a more efficient, research-based approach to case processing.

• Out-of-the-box UI tools

  Pega provides a variety of readily available tools for you to design a comprehensive and functional user interface for your application.

• Future-proof UI design

  Careful design can help you save considerable development effort during regular maintenance and future updates of your application. Pega Platform offers a number of ready-to-use tools for building an adaptive, robust UI that responds well to change.

• Personas

  You can manage users more intuitively through personas, which represent realistic, relatable groups of users of your application. Personas store comprehensive information about user needs and behaviors in the context of the roles that are typical to your organization.

• Major differences between traditional UI and Theme Cosmos components

  Theme Cosmos can support a hybrid architecture where most components retain the classic server-side rendering, but portal authoring components and list views use a React-based library. This approach produces a more efficient and dynamic interface, while leaving most Pega Platform functionalities unchanged.

• Application UI setup

  When building a new application, you can choose the view-based Cosmos React UI or the section-based, server-rendered Theme Cosmos UI that can also support view-based portal landing pages. You can check which UI your application is using to better understand the tools at your disposal.

• Other resources

  Pega Platform developers maintain a vibrant community of practitioners who share knowledge about advanced use cases, feature extensions, and troubleshooting. By making use of the resources listed here, you can learn more about designing the optimal user experience.