Turn It In
Online Exam Proctoring Platform
DESIGNER
Ruixin J. Zhang
ROLES
Lead Designer
Ruixin J. Zhang
Lead Designer
The primary goal is to enhance the experience for both exam takers and organizers, while also establishing a foundational design system. My role is the sole designer on this project, working within a structured agile environment alongside the Product Owner and development team.
Timeline is From May 2021 to Jul 2021 (<=3 month), design + development + Design system + follow up support. The activities include Design Sprints, Concept Design Workshops, User Journey Mapping, Kick-off and Co-creation sessions, Design Critiques, Design Specifications, Developer Support, defining Success Metrics, User Testing, and Data Tracking.
ProctorExam offers a seamless setup for remote proctoring, supporting both students and exam organizers. Students benefit from a dual-view proctoring system that allows for flexible monitoring options, including screen sharing and a 360° view of their workspace via smartphones. For organizers, ProctorExam provides a fully web-based platform to design and run remote exams, either as a stand-alone solution or integrated within an existing assessment environment.
We began building our design system for several important reasons. One of the biggest challenges was tackling this effort with a relatively small team, while our main focus remained on delivering new features and continuous value to customers. After a year of dedicated design and development, the system has provided us with structured, reusable components that significantly accelerate the product development process. With these new components in place, we can now maintain consistency across the entire platform much more effectively.
ProctorExam is a fully web-based online test proctoring solution - helping exam organisers to design and run remote exams with a stand-alone experience or embedded within an existing assessment environment.
There are three types of exam types - Record, Record + Review, Live Proctoring
The essential details required to set up the exam.
This interface helps exam organizers add, manage, and validate students’ readiness for upcoming exams, ensuring technical requirements are met and proctors are assigned automatically.
This screen is designed to help exam organizers clearly communicate important instructions, provide personalized exam links, and share supporting files with students to ensure they are well-prepared for the exa
This form allows exam organizers to add individual students, configure exam access times, assign proctors, and provide custom instructions, ensuring a smooth exam setup tailored to each participant.
Overall, this interface streamlines exam setup by letting organizers assign managers to oversee exams and quickly import large groups of students in standardized formats.
Help students set up the exams easily. The students should be able to set up three monitoring options, ranging from screen-sharing to a 360° view of the candidates' workspace using their smartphones.
The purpose of this screen is to set clear expectations for exam integrity and video monitoring, ensuring a fair, distraction-free, and secure online exam environment.
This screen shows the Basic Set Up (Step 3 out of 7) for an online exam or digital assessment platform. It helps students ensure their equipment and internet connection are ready before the exam starts.
This screen represents Step 5 out of 7 (ID Card) in the exam setup process, where students are required to verify their identity.
This screen shows the exam instructions page for the UX Basic Knowledge Exam within the ProctorExam platform.
A comprehensive user research plan has been developed to validate the experience of both exam organizers and exam takers, ensuring that the product meets the needs of all stakeholders involved. This plan focuses on understanding how organizers set up, manage, and monitor exams, as well as how exam takers navigate, complete, and reflect on their assessments. By conducting interviews, usability testing, and feedback sessions, the research will uncover pain points, highlight areas for improvement, and validate that the workflows are intuitive and efficient. The benefits of this approach include building confidence that the design supports real-world scenarios, improving overall usability, and reducing the risk of costly redesigns after launch. Ultimately, this research will help deliver a more streamlined, fair, and engaging exam experience, while empowering organizers with tools that simplify their tasks and enhance reliability.
We outlined a structured usability research plan focusing on identifying friction points for exam-takers using ProctorExam, aiming to improve clarity, ease of setup, and the exam-taking experience.
A detailed usability test result document capturing feedback from different perspectives (students and instructor). It validates the system while highlighting pain points like lengthy instructions and confusing notifications, along with recommendations for improved UX.
Part 1 tracks completion and support metrics, while Part 2 digs into behavioral analytics and feedback, together giving a complete view of how students interact with the exam setup process.
A completely new product experience has been created, combining a refreshed visual design system with redesigned user flows to deliver a more modern, consistent, and intuitive interaction for users. The visual design system introduces standardized components, typography, and color palettes that not only strengthen brand identity but also ensure coherence across different modules and touchpoints. At the same time, the user flows have been carefully rethought and simplified, removing unnecessary friction and making each step of the journey more efficient and engaging. Together, these improvements provide users with a seamless, polished experience that feels both familiar and innovative, while also giving our teams the foundation to scale features and maintain consistency across future releases.