At-A-Glance 👀

Continuous Performance Management (CPM)is a SuccessFactors feature, that helps improve employee engagement and overall workforce performance by providing a more continuous dialogue between managers and employees. With this continuous approach, managers have increased visibility into employee activities and achievements, enabling them to provide guidance when it’s relevant. All roles within the organization can use features within CPM to manage activities, track achievements, and support 1:1 meetings.

Multiple Roles [Responsive]

What is Multiple Roles?

Multiple roles allow organizations to adapt and respond to changing conditions - increasing the need to go beyond the traditional manager-employee relationship. Organizations need a platform for structuring these multiple roles to allow for ongoing conversations while managing and tracking performance.

Problem

Since CPM is a mobile friendly feature, we needed to make sure that anything that is implemented on any Native iOS devices, we replicate it across all other devices. At the time of the project, we had designs for an iPhone and not for an iPad.

HOW MIGHT WE HELP USERS ACCESS THESE FEATURES ON ALL DEVICES?

Design Approach

These iPad screens were designed using SAP's Fiori for iOS Design Guideline. This Design Guideline is embedded on a webpage, providing me with approved brand colors, fonts and UI components. For my designs, there are 2 sizes classes that I'm working with; regular and compact. These classes apply to both horizontal and vertical space. According to the Fiori for iOS Design Guidelines, the regular size class is associated with expansive space, in most cases referring to iPad, while the compact size class is associated with constrained space, in most cases referring to iPhone.

Screen Shot 2021-12-14 at 9.49.42 PM.png

Since this project already existed, we went straight into wireframing. I referenced the iPhone design file to design the iPad screens to make sure that we were following the best practices already approved. I leveraged the Fiori for iOS Design Guideline to find the the specified "regular sized" component to align with the iPhone's "compact sized" components. While designing, I realized that some of the "regular sized" components didn't align correctly within the iPad Modals so I had to adjust some of the components in order to fit the responsive designs.

After completion of the iPad wireframes, they were handed off to the Senior UX Designer to review. After our session, the feedback that was given was make sure that all the components were symbols aligning back to the Fiori for iOS Design Guideline. This is a best practice because we needed to make sure that the developers had everything they needed to put this design into production once it was uploaded to Zeplin.

Solution

A high fidelity wireframe based on SAP's Fiori design system