13
New JAGGAER User Interface All Spend, All Processes, One Platform: Now with an improved User Experience 1 © Copyright 2019 Jaggaer All Rights Reserved

New JAGGAER User Interface - Utah Division of Purchasing ...Future UI Alignment 1. Typography 2. UI Elements (Buttons, Tabs, Checkboxes etc.) 3. Formfields, Lists… 10 Additional

  • Upload
    others

  • View
    0

  • Download
    0

Embed Size (px)

Citation preview

Page 1: New JAGGAER User Interface - Utah Division of Purchasing ...Future UI Alignment 1. Typography 2. UI Elements (Buttons, Tabs, Checkboxes etc.) 3. Formfields, Lists… 10 Additional

New JAGGAER User Interface

All Spend, All Processes, One Platform: Now with an improved User Experience

1© Copyright 2019 Jaggaer – All Rights Reserved

Page 2: New JAGGAER User Interface - Utah Division of Purchasing ...Future UI Alignment 1. Typography 2. UI Elements (Buttons, Tabs, Checkboxes etc.) 3. Formfields, Lists… 10 Additional

Introducing the New JAGGAER User Interface

2

As part of our JAGGAER ONE unified platform strategy, the User Experience team is

excited to introduce a new User Interface that provides a common user experience across

all JAGGAER ONE modules.

Benefits of the new UI include:

- More usable screen space

- A more intuitive user experience across all of our solutions

- A more aesthetically pleasing user experience

Page 3: New JAGGAER User Interface - Utah Division of Purchasing ...Future UI Alignment 1. Typography 2. UI Elements (Buttons, Tabs, Checkboxes etc.) 3. Formfields, Lists… 10 Additional

What You Will See in the New UI

The most visible changes include:

1. New Sidebar Navigation (incl. Configurable Colors)

2. Standardization of Solution Icons (in Navigation)

3. A more streamlined Header

3

Our primary goal with the new UI is to align the look & feel across all JAGGAER ONE

modules, from Source-to-Contract to Procure-to-Pay and Supply Chain Management.

The initial focus is on the major elements displayed on all solutions, a user’s interaction with

those elements, and providing a more clean and open workspace.

Page 4: New JAGGAER User Interface - Utah Division of Purchasing ...Future UI Alignment 1. Typography 2. UI Elements (Buttons, Tabs, Checkboxes etc.) 3. Formfields, Lists… 10 Additional

Sidebar Navigation Themes

4

Dark and light themes with configurable color choices provide

options for supporting your brand colors

Page 5: New JAGGAER User Interface - Utah Division of Purchasing ...Future UI Alignment 1. Typography 2. UI Elements (Buttons, Tabs, Checkboxes etc.) 3. Formfields, Lists… 10 Additional

Solution Icons

5

Existing Icons:

Variation across solutions

New Icons:

Standard across solutions

Standardized across

all solutions

Page 6: New JAGGAER User Interface - Utah Division of Purchasing ...Future UI Alignment 1. Typography 2. UI Elements (Buttons, Tabs, Checkboxes etc.) 3. Formfields, Lists… 10 Additional

Streamlined Header

6

Improving overall aesthetic and

expanding usable workspace

Page 7: New JAGGAER User Interface - Utah Division of Purchasing ...Future UI Alignment 1. Typography 2. UI Elements (Buttons, Tabs, Checkboxes etc.) 3. Formfields, Lists… 10 Additional

Configurable Color Elements within Themes: Logo, Links, Navigation

7

Page 8: New JAGGAER User Interface - Utah Division of Purchasing ...Future UI Alignment 1. Typography 2. UI Elements (Buttons, Tabs, Checkboxes etc.) 3. Formfields, Lists… 10 Additional

Examples

8

Existing User Interface

New User Interface

Page 9: New JAGGAER User Interface - Utah Division of Purchasing ...Future UI Alignment 1. Typography 2. UI Elements (Buttons, Tabs, Checkboxes etc.) 3. Formfields, Lists… 10 Additional

Examples

9

Existing User Interface

New User Interface

Page 10: New JAGGAER User Interface - Utah Division of Purchasing ...Future UI Alignment 1. Typography 2. UI Elements (Buttons, Tabs, Checkboxes etc.) 3. Formfields, Lists… 10 Additional

Future UI Alignment

1. Typography

2. UI Elements (Buttons, Tabs, Checkboxes etc.)

3. Formfields, Lists…

10

Additional UI elements are being considered for future upgrades and alignment across all

JAGGAER solutions

Page 11: New JAGGAER User Interface - Utah Division of Purchasing ...Future UI Alignment 1. Typography 2. UI Elements (Buttons, Tabs, Checkboxes etc.) 3. Formfields, Lists… 10 Additional

How will these changes affect my organization and users?

11

• More intuitive navigation through a clean & functional platform UI while supporting

branding and color schemes (see examples)

• Standardization of Icons and workspace UI across all solutions

• In certain cases, changes from a banner to logo will be required to fit in the streamlined

Header. Review and manage prior to or during UIT and Prep.

Page 12: New JAGGAER User Interface - Utah Division of Purchasing ...Future UI Alignment 1. Typography 2. UI Elements (Buttons, Tabs, Checkboxes etc.) 3. Formfields, Lists… 10 Additional

UI Rollout Timeline

• Formerly Indirect Modules – 19.2 Beta, 19.3 Beta, 20.1 Standard

• Formerly Advantage Modules – 19.3 Beta, 20.1 Standard

• Formerly Direct Modules – 19.3 Beta, 20.1 Standard

• Sourcing Optimizer is not included in this initial release of UI enhancements

You will be able to review the new UI beginning with the Beta releases shown above, and you can choose to adopt the new UI for all of your users with the 19.3 release. The UI changeover will take effect for all customers with the 20.1 release.

Please contact your JAGGAER Account Manager for more information or if you have any questions about the new JAGGAER UI.

12

Page 13: New JAGGAER User Interface - Utah Division of Purchasing ...Future UI Alignment 1. Typography 2. UI Elements (Buttons, Tabs, Checkboxes etc.) 3. Formfields, Lists… 10 Additional

THANK YOU!