Saturday, October 4, 2014

PeopleSoft Fluid User Interface – A Completely New User Experience

While going through PeopleTools 8.54 release notes, a feature that was appealing is PeopleSoft Fluid User Interface. Designed as a significant improvement over the PeopleSoft “classic” user interface, the PeopleSoft Fluid User Interface moves away from pixel-perfect page layout and provides greater flexibility with the enhanced use of cascading style sheets (CSS3), HTML5, and JavaScript.

What does Fluid User Interface mean?

PeopleSoft has coined the term "Fluid User Interface" for the Responsive Web Design methodology that recommends the design and implementation of a website that responds to user behavior and environment based on the screen size, orientation and operating system of their device.

PeopleSoft application fluid pages scale gracefully from large screen devices, such as laptops and desktops, to the reduced viewing space of tablets and smartphones. Many commercial websites use a similar design model whereby the presentation and layout of information is adjusted dynamically to conform to the dimensions of the user’s device.

The Fluid User Interface design approach gives developers just this type of control over the user experience. When a larger screen size (a screen with more “real estate”) is detected, the application content will adjust and conform accordingly to fill the space effectively. Similarly, if a smaller screen size is detected, non-essential information can be removed and the presentation of content will adjust to flow in a usable way.

How fluid pages can be developed?

Like PeopleSoft “classic” pages, fluid page definitions are maintained within PeopleSoft Application Designer. Developer will have the ability to define and apply conditional formatting appropriate to smartphone, tablet, or large-screen devices. At runtime, PeopleTools will apply the corresponding formatting according to the device in use.

How user interaction with the application is enhanced?

An end user can interact with fluid pages using a conventional mouse and keyboard or using a touch interface, which is common on tablets and smartphones. These new pages are device-independent and will operate on any certified device browser.

What skills PeopleSoft developer should add to his profile?

The biggest adjustment in working with Fluid Applications is that PeopleSoft developer will need to increase their web skills in the areas of HTML, CSS and JavaScript.  The sole use of Application Designer alone is not enough. Therefore, if you plan to customize any pages that are delivered via Fluid or convert existing customizations to Fluid developers has to improve on their web skills.

No comments:

Post a Comment