Pega Cosmos Design System & Table

Help clients create business applications quickly with excellent user experience

BACKGROUND

The Pega Cosmos design system is a complete UX toolkit for the needs of large organizations and built around the use-cases of case management applications. It helps teams quickly achieve ideal experiences in their business apps. Pega's Cosmos design system has evolved alongside Pega technology. It is a complete App Studio-configurable (low-code) front-end system for app builders, extensible by front-end developers using tools of their choice.

HOW DOES IT OPTIMIZE BUSINESS APPLICATIONS EXPERIENCE?

WORK RESPONSIVELY ACROSS DIFFERENT DEVICES

TABLE

Tables are highly requested and needed in many business apps. Pega decided to have its table to be powerful yet aligning the Cosmos design system and reusable any related apps in the future.
From the most powerful tables in excel sheet to any table you can draw in slices...

HOW MIGHT WE...

Prioritize the features needed for Pega apps

HOW MIGHT WE...

Help users navigate it with the least amount of learning curve

HOW MIGHT WE...

Make it part of Cosmos design system components

DESGIN IN DETAIL

TABLE AT A GLOBAL LEVEL
SORT

FILTER

Filtering is easier said than done. The challenges here are:

There are many field types in a table. How might we come up with a design to accommodate all the field types?
When applying multiple filters on a table, the logic matters a lot to get the right result. How might we come up with a design to accommodate all the field types?

I started by summarizing the operators table with data fields.

FILTER AT COLUMN LEVEL
FILTER AT GLOBAL LEVEL

OTHER FEATURE

SAVE VIEWS
EXPANDABLE TABLE

MOBILE

YOU MAY ALSO INTERESTED IN...