Overview

UI Kit

Pega’s UI Kit is the realization of the design system. It is an OOTB UI layer which provides reusable desktop UI functionality and styling, and showcases Pega's newest UI capabilities.

Learn more about the UI Kit

The current UI Kit is version 11, and was released with Pega 7.4

Learn about Pega compares to leading UI frameworks.

Last updated: Sep 2018

Design team mission

  • Create a sustainable and scalable UX design methodology for Pega and for our customers.

  • Drive business value via optimal experiences in Pega apps, out-of-the-box, tested against enterprise metrics

  • Design the world’s best application authoring tool.

  • Maintain an extensive design system to improve usability, efficiency, accuracy, and to reduce training.

Laptop and mobile phone showing placeholder UI

Last updated: Aug 2018

UX process

Pega follows a six-step Agile UX design process guided by the following three principles:

Design

Every Pega product and feature must start with design from the Product Design team.

Validation

Designs must be validated before investment in development.

Agile

Keep it agile — collaborate, adapt, and iterate.

Last updated: Aug 2018

The six-step process

  • Number one

    Define business goals

    Explore, determine and document the business goals of the product or feature, focusing on highest value outcomes for both end-users, and the business, while keeping an open mind about how to achieve the goal.

    We believe UX design is the critical coordination between business value and what end-users are trying to acheive.

  • Number two

    Conduct research

    Discover the requirements necessary to achieve the established goals, complete a competitive analysis, review feasibility, and define scope of the design work.

  • Number three

    Explore concept design

    Consider relevant existing paradigms as well as alternative design approaches. Seek feedback from UX design colleagues and other key stakeholders. Build a vision of the product or feature including sketches, wireframes and prototypes to validate in usability testing.

  • Number four

    Document design plan

    Create the necessary documentation and assets including validated and refined screens, POCs, videos of interaction design and any other relevant design files.

  • Number five

    Build

    Implement and monitor the design plan, modifying as needed to accommodate feasibility issues that arise during the course of development.

  • Number six

    Release product or feature

    Monitor post-release success, focusing on where to improve usability and value to the market for the next release. Learn about the OOOO Metric

Last updated: Sep 2018

Next: Animation