Overview

UI Kit

This site provides information on, and guidance for, designing and building great enterprise apps on the Pega Platform™

Pega’s UI Kit is the software rendering of our design system, a guiding set of guidelines that power the core of our applications. Tried-and-tested techniques and layouts optimize the completion of daily tasks and breathe transparency into whichever application they are applied to.

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

Last updated: Aug 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: Aug 2018

Next: Animation