Categories:

Responsive Design: what is it and why is it important to Oracle® PeopleSoft customers?

In our conversations with Oracle® PeopleSoft customers about modernizing and mobilizing their PeopleSoft pages and customizations, we always introduce the concept of Responsive Design.

What is Responsive design? According to Wikipedia:

Responsive web design (RWD) is a web design approach aimed at crafting sites to provide an optimal viewing experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from mobile phones to desktop computer monitors).

There are a number of significant benefits from leveraging responsive design techniques in a mobile strategy for PeopleSoft pages and customizations:

  • Instead of different solutions/code lines for each device and form factor, there is only a single Responsive Design solution/code line to build and maintain
  • A Responsive Design solution is more adaptable to the ever-changing device landscape. For example, in addition to smartphones and tablets, phablets are gaining market adoption at a rapid rate. Proper Responsive Design architecture will automatically adapt to these new device types.

When applying Responsive Design techniques to legacy PeopleSoft transactions, there are a number of hurdles to overcome:

  • Many PeopleSoft pages contain hundreds of data elements that must be incorporated into Responsive Design
  • Stripping down PS pages is generally not an acceptable practice because each element has a specific purpose
  • PS pages have a structure that must be retained in any Responsive Design application
  • When generating HTML, PeopleTools incorporates hard-coded length and width attributes that defeat efforts to allow the browser to respond to device sizes

PeopleSoft Timesheet

To illustrate these challenges, let’s take a look at the PeopleSoft Timesheet where there is a complex structure with lots of data elements, hard coded widths and a grid that is wider than a standard desktop view.

Standard Desktop View

With GreyHeller’s Responsive Design technology, we make this transaction responsive out-of-the-box.

Responsive Design view on an iPhone

Note how the data reflows and that grid information is vertical and summarized, yet all data entry fields are easily accessible.

Responsive Design view on an iPad

Note page elements are displayed side-by-side, and the grid responds to display in a tabular versus vertical format.

Tips and Techniques, UX/Mobile/Responsive
July 4, 2014
2 mins read
Chris Heller By Chris Heller
Categories:

Customer Success: H-E-B

GreyHeller was brought into H-E-B to help compete against Workday who was leveraging internal user dissatisfaction with PeopleSoft.

  • Retail Grocery:  Texas and Mexico www.HEB.com: Our Story
  • 340 stores and 76,000 employees
  • Phase 1: Mobilize HCM 8.9 / PeopleTools 8.49
  • Phase 2: Mobilize HCM 9.2 /PeopleTools 8.54
  • Use Cases:
    • View Paycheck
    • 401(k) Company Match
    • Your Total Rewards
    • Benefits Summary
    • Benefits Enrollment
    • HEB Partner Profile
    • Education
    • Honors and Rewards
    • Languages
    • Licenses and Certificates
    • Memberships
    • Personal Information Summary
    • Home and Mailing Address
    • Phone Numbers
    • Email Addresses
    • Emergency Contacts
    • Marital Status
    • Name Change
    • Ethnic Groups
    • Prior Work Experience
    • Navigation
    • Branding
    • SharePoint Portal
  • Project timeline
    • Software installation: March 2014
    • Phase 1 go-live: June 2014
  • H-E-B resources:
    • PeopleSoft IT team (1/4 FTE)
    • HR functional (1/4 FTE)
    • Web development (1/4 FTE)
  • Sample PeopleMobile® screen vs. standard PeopleSoft desktop screen
UX/Mobile/Responsive
July 2, 2014
< 1 mins read
Hendrix Bodden By Hendrix Bodden