How do I do that?

Vinay Kamath & Bob Taylor

This information is not a commitment, promise or legal obligation to deliver any material, code, or functionality and the development, release and timing of any features or functionality described for our products remains at our sole discretion. 2016. Confidential. Pegasystems, Inc.©2016 Pegasystems Inc.

3

Why Pega UI?

4

Integrated Platform for User Engagement. Built for the Enterprise

5

Scalability

C u s t o m e r

F i e l d s e r v i c e w o r k e r

C u s t o m e r s u p p o r t r e p .

Complete Customer Experience

9

Reliable

Extensible

Accessible

للترجمةالقابلة

10

11

12

13

Designers

Domain experts

Technologists

14

15

The only thing that is constant is CHANGE

16

17

Modern UI development toolkit Build complete enterprise grade customer experiences

18

19

20

Building UI for the enterprise

21

UI Designer Pega developer

22

The Pega developer

Process + Data + Integration + UI

23

Eas

e of

use

Lo

Lo

Hi

Hi

Pega express

Designer studio

UI authoring capability

UI Authoring

Note: Not a vendor comparison

24

UI Designer Business centric developer

+

25

Design templates

26

Design templates

L Actions

Main content

Label

27

Design templates

L

Main content

Actions

Label

Helper content

28

Student loan application

29

U+ Financial - Student loan application

30

7 Templates available in 7.2.1as part of Pega Express

31

Eas

e of

use

Lo

Lo

Hi

Hi

Designer studio

Pega Express + Design templates

UI Author

UI authoring capability

UI Author

Note: Not a vendor comparison

32

Whats next…

33

Styling

34

Styling

Colors, Fonts, borders, backgrounds

Configuration of layouts

Responsiveness of the UI

35

U+ - Global COE

Personal loans Commercial loans

Student loans Home loans

Styling the enterprise

OK

OK

OK

36

Define & createDesign templates

Map contents to Templates

UI Designer / Specialist Business centric developer

Define core styling Styling Adjustments

37

Date formatsCurrency formatsDecimal formatsDifferent languagesRight-to-left languages

Localization

38

At Pega, our mission is to deliver strategic applications that can be used by everyone, including people with impairments, so that our customers can realize their true business potential. The Pega 7 platform, which these strategic applications are built upon, is WCAG 2.0 AA capable and provides configuration capabilities to build an accessible application so that users with or without disabilities can perform their work as efficiently as possible with or without assistive technologies.

39

ProcessCase ManagementDecisioning

Pega Web Mashup

Recap

• Needs of the enterprise• Building consistent applications

• Design Templates• Skin Inheritance

• Achieve full business potential• Internationalization and Localization• Accessibility

• The power of Pega Web Mashup

40

41

Q & A

Pega 7 UI: The Possibilities

42

Pega Customer Service

Pega Sales Automation

Pega Sales Automation (Mobile)

Pega Marketing

Responsive UI

Responsive UI

C U S T O M E R

T R A I N E R

O R G A N I Z A T I O N

Complete Customer Experience

Customer Mobile App

Customer Webpage

Trainer App

Consumer Website-like UI Built in Pega

B2C User Interface Example

Digital Newsstand

Drink ordering app

Mobile field services