SEMS & LEMS

A MicroFocus SAAS webservice UI & UX Refactoring

UX Case Study

Summary: This UX case study details the significant redesign and UX research conducted for the SEMS/LEMS SAAS application, focusing on optimizing workflow, responsiveness, user permission levels, introducing functional dashboards, and providing a limited interface for lower-resolution devices.

Introduction Research Design Redesign Enhancements Evaluation Conclusion

1.0 Redesign and UX Research of SEMS/LEMS SAAS Application

The SEMS/LEMS application is a SAAS (Software-as-a-Service) platform that provides and manages application certificates to corporate clients. This case study aims to outline a significant redesign and UX research conducted for the SEMS/LEMS application. The primary goals of this redesign are to optimize the application workflow, improve responsiveness, define user permission levels and roles, and introduce functional dashboards for managers and license administrators. Additionally, a responsive limited version of the interface for resolutions less than HD Ready will be developed.

2.0 Research Phase

2.1 User Research:

To begin the redesign process, extensive user research was conducted to gain insights into the needs and pain points of the application’s target users. The research involved interviews, surveys, and usability testing sessions with existing corporate clients, managers, and license administrators. Key findings from the research included:

Users found the current workflow of the application complex and time-consuming.
The lack of responsiveness made it difficult for users to access the application on different devices.
Users requested more granular user permission levels and clearer user roles.
Managers and license administrators expressed the need for intuitive dashboards to monitor and manage licenses effectively.

2.2 Competitive Analysis:

A comprehensive competitive analysis was performed to understand the strengths and weaknesses of similar SAAS applications in the market. This analysis helped identify opportunities for improvement and innovative features that could be incorporated into the redesigned SEMS/LEMS application.

3.0 Design Phase

3.1 Information Architecture:

Based on the research findings, the information architecture of the application was redesigned to streamline the workflow and enhance user efficiency. A user-centered approach was adopted to ensure that tasks were organized logically and presented in an intuitive manner. The navigation was simplified, and redundant steps were eliminated to reduce user friction.

3.2 Wireframing and Low-Fidelity Prototyping:

Low-fidelity wireframes were created to visualize the new information architecture and design concepts. These wireframes were used to iterate and gather feedback from stakeholders and end-users. The prototypes were tested with representative users to validate the new design direction and make iterative improvements.

4.0 Redesign Enhancements Phase

4.1 Optimization of Application Workflow:

The redesigned SEMS/LEMS application focused on simplifying the workflow by reducing unnecessary steps and introducing task-based interfaces. Frequently performed actions were made more accessible, and wizards were implemented to guide users through complex processes. The aim was to minimize the time and effort required to manage application certificates.

4.2 Responsiveness:

To address the issue of responsiveness, a responsive design approach was adopted. The user interface was designed to adapt seamlessly to different screen sizes and resolutions, ensuring that users could access the application on a wide range of devices, including smartphones and tablets.

4.3 User Permission Levels and Roles:

Clear and granular user permission levels were defined to ensure appropriate access control within the application. User roles were established, such as administrators, managers, and license administrators, each with distinct permissions and responsibilities. This allowed for more efficient management of licenses and improved security.

4.4 Functional Dashboards:

Functional dashboards were introduced for managers and license administrators to provide them with an overview of license usage, status, and other relevant metrics. These dashboards offered actionable insights, allowing users to make informed decisions and efficiently manage licenses.

4.5 Responsive Limited Version:

To accommodate users with lower resolution devices, a responsive limited version of the interface was developed. This version prioritized essential functionalities and streamlined the user interface for optimal performance on lower-resolution screens.

5.0 Evaluation Phase

5.1 Usability Testing:

After the implementation of the redesigned SEMS/LEMS application, usability testing sessions were conducted with representative users to evaluate the effectiveness of the changes. Feedback was collected and analyzed to identify areas of improvement and validate the success of the redesign in meeting the project goals.

Conclusion

The significant redesign and UX research of the SEMS/LEMS SAAS application aimed to optimize the workflow, improve responsiveness, define user permission levels and roles, and introduce functional dashboards. The redesign process involved extensive user research, competitive analysis, information architecture redesign, wireframing, low-fidelity prototyping, and usability testing. The resulting application provided a streamlined workflow, responsive design, granular user permission levels, intuitive dashboards, and a limited version for lower-resolution devices. The redesign aimed to enhance user satisfaction, improve productivity, and provide a more efficient and user-friendly experience for corporate clients of MicroFocus International PLC.

Resources & Assets

The Assets section of this case study includes a collection of screens from the actual SEMS/LEMS application, showcasing the redesigned interface and new features. These screens provide a visual representation of the optimized workflow, responsive design, user permission levels, functional dashboards, and the limited version for lower-resolution devices.

existing application lo-fi prototype

By including these assets, the case study aims to provide a comprehensive visual understanding of the redesigned SEMS/LEMS application and its key enhancements, showcasing the evolution from the initial prototype to the final product.

Additionally, the Assets section includes the initial prototype used for gathering feedback from stakeholders and conducting a Business Intelligence (BI) review. The prototype serves as a starting point for iterative improvements and incorporates feedback obtained during the early stages of the redesign process.

Post Wireframe LoFi Prototype (Adobe xD)

Click here to preview the xD prototype.
Version to gather feedback from stakeholders and end-users

LoFi Prototype (Adobe xD)

Click here to preview the xD prototype
Version with added basic interactions and bright color scheme different than the corporate identity

SEMS & LEMS

UX Case Study

1.0 Redesign and UX Research of SEMS/LEMS SAAS Application

2.0 Research Phase

2.1 User Research:

2.2 Competitive Analysis:

3.0 Design Phase

3.1 Information Architecture:

3.2 Wireframing and Low-Fidelity Prototyping:

4.0 Redesign Enhancements Phase

4.1 Optimization of Application Workflow:

4.2 Responsiveness:

4.3 User Permission Levels and Roles:

4.4 Functional Dashboards:

4.5 Responsive Limited Version:

5.0 Evaluation Phase

5.1 Usability Testing:

Conclusion

Resources & Assets

Places I love to visit

Find me

hilight

SEMS & LEMS

UX Case Study

1.0 Redesign and UX Research of SEMS/LEMS SAAS Application

2.0 Research Phase

2.1 User Research:

2.2 Competitive Analysis:

3.0 Design Phase

3.1 Information Architecture:

3.2 Wireframing and Low-Fidelity Prototyping:

4.0 Redesign Enhancements Phase

4.1 Optimization of Application Workflow:

4.2 Responsiveness:

4.3 User Permission Levels and Roles:

4.4 Functional Dashboards:

4.5 Responsive Limited Version:

5.0 Evaluation Phase

5.1 Usability Testing:

Conclusion

Resources & Assets

Share this entry

Places I love to visit

Find me

hilight