To address UI design issues, I conducted research to understand the underlying causes and identify effective solutions. Additionally, I explored the implementation of a new module to streamline daily operational tasks for frontline staff. This research aims to gain insights into improving the UI design and optimizing the new module's functionality for efficient workflow management.
Time consumed
The interviews are estimated to last between 3 to 4 hours.
# of interviewee
A group interview, total of four individuals, including owners, managers, and front-line staff.
Flow of interview
We will begin by discussing the existing modules of the EMS system. After that, our focus will shift to the development and implementation of a new module.
Location
The interviews will take place at the participants' company in a designated private room.
" Can you specify UI issues with the calendar design. "
" What are the new module you expected to add into the system? "
" What is the usage of student app in this EMS system ?"
Problem statement
Christian Leung, a 43-year-old HR master's graduate, became the Operations Manager at a prestigious music school. Recognizing the need for improvement, she collaborated with you, the school representative, to revamp the existing EMS.
By creating user journey maps, I wanted to illustrate the process of how Christian Leung behaves, feels, and what she thinks while accomplishing her goals to address pain points or provide moments of delight.
To ensure ease of navigation and access to relevant features and functionalities of the EMS system, we will employ a flat structure with a hierarchy layer sitemap. This approach offers several benefits. Firstly, there will be three distinct sitemaps: one for the existing EMS, and separate sitemaps for the teacher and student mobile apps. This separation allows for a focused and tailored experience for each user group.
Secondly, the existing modules and new modules will be displayed differently, maintaining a clear distinction between them. This logical organization of information facilitates efficient usage and prevents confusion. Additionally, the hierarchy layer sitemap enables different levels of access and permissions based on roles and responsibilities, ensuring appropriate data security and user management.
Moodboard & Paper wireframes
Digital wireframes will primarily focus on the new module and its flow within the EMS system. While developing the wireframes, we will rely on the design style that has been consistently used before to maintain visual continuity and a cohesive user experience.
The emphasis will be on creating an intuitive and efficient user flow, ensuring that the new module seamlessly integrates with the existing design. By aligning the UI design with the established style, we can provide a familiar interface to users while introducing new functionality in a visually consistent manner.
the low-fidelity prototype will specifically prioritize the functionality of the new module and outline the step-by-step process for completing actions within it. The emphasis will be on capturing the core functionalities and user interactions required for the module's successful implementation.
While the prototype may lack intricate design elements, it will effectively demonstrate the flow and user journey, allowing stakeholders to provide feedback and validate the functionality before proceeding to higher-fidelity iterations.
View prototype:
Low-fidelity prototype
Time consumed
The interviews are estimated to last between 3 to 4 hours.
# of interviewee
A group interview, total of four individuals, including owners, managers, and front-line staff.
Flow of interview
We will begin with the EMS system. And we will shift focus to the app.
Location
The interviews will take place at the participants' company in a designated private room.
How to add a teacher to the EMS system
How the student and teacher will entry the leave record thought the App
What is the change of the existing timetable to a new design
The process of enquiry module
Based on the client's request, the enquiry module allows for the status of a student to be changed at any time.
The first two images demonstrate the direct transition from a trial student to a regular student without the need for a trial class.
In contrast, the second set of images depicts the normal flow where a student undergoes a trial class before being converted to a regular student. This flexibility in status transition accommodates different scenarios and provides the client with the desired options for managing student enrolment.
In response to the client's request, the student profile will clearly reflect the status of each lesson. This visibility will ensure that students are aware of their enrolled classes. Additionally, a button will be provided to allow students to opt-out of automatic class registration if desired.
Moreover, students will have the ability to expand the accordion of each class in their profile to view detailed invoices associated with that particular lesson. This feature enables students to access and review invoice details conveniently. By incorporating these functionalities, we enhance transparency and provide students with greater control and access to information related to their lessons and invoices.
I have added a dedicated section to reflect deactivated classes. This section will clearly indicate which classes are currently inactive, preventing any confusion or misunderstandings. Additionally, a list of icons with accompanying text will be displayed to convey specific messages related to each icon's meaning. This ensures that users can easily understand the status or message associated with each class.
Furthermore, the time intervals in the timetable will be properly aligned, allowing for a clear and organized representation of the schedule. These enhancements enhance user experience and facilitate effective class management.
Based on the design rules we previously established and the valuable insights gathered during the interview, I have taken the initiative to create high-fidelity prototypes for both the app and EMS system.
These prototypes reflect the intricate details, visual aesthetics, and interactive flows that will shape the final products. By immersing myself in the user's perspective, I aim to ensure that the designs effectively meet their needs and expectations.
I will organize user testing sessions to gather valuable feedback and insights on the prototype. This will help identify any usability issues, validate design decisions, and make necessary refinements to ensure the EMS system meets user needs effectively.
Based on the feedback received from user testing, I will iterate on the design, addressing identified pain points and improving the overall user experience. This involves refining interaction flows, visual elements, and incorporating user suggestions to create a more polished and user-friendly EMS system.
I will closely collaborate with the development team to ensure seamless implementation of the design. This involves providing detailed design specifications, addressing any technical challenges that may arise, and actively participating in discussions and reviews to maintain design integrity throughout the development process.
Thank you for watching my entire project portfolio.
Your interest is greatly appreciated.
