Redesigning and Differentiating the Online Exam System Interface for Teachers and Students as a Long-Term Profit Strategy

Redesigning and Differentiating the Online Exam System Interface for Teachers and Students as a Long-Term Profit Strategy

Kun Zhang
Ottawa University · BUS 7500: Managerial Economics
Dr. Douglas Copeland · June 28, 2025

---

Executive Summary

The current online exam system uses shared UI components for both students and teachers, leading to usability challenges and lower satisfaction. User feedback and internal testing show that different roles have distinct needs that are not well supported by a single layout. The proposed solution is to redesign the interface by separating the student and teacher views, using role-specific components.

This approach is supported by economic principles such as product differentiation, demand segmentation, and opportunity cost. EdTech platforms like Google Classroom have adopted similar role-specific designs to improve engagement and efficiency. In the short run, additional development and testing will be required, but the rollout can be phased to manage cost and risk. In the long run, the system is expected to achieve higher user satisfaction, increased adoption rates, and enable pricing strategies based on added value.

Overview of the Case

Shurley Instructional Materials, Inc. (SIM) develops English language learning resources for public and homeschool education. To support its curriculum, the company launched a digital exam system for online assessments. This platform allows teachers to assign online assessments and gives students a way to complete them electronically. As a software developer and project manager intern, I contributed to the system’s development and observed several challenges related to user interface design and outdated technology support. This report proposes a redesign that separates the teacher and student interfaces and upgrades the front-end architecture using modern frameworks. The goal is to improve usability, browser compatibility, and long-term maintainability while aligning development decisions with economic principles.

While the system has been successfully launched and adopted by several clients, a recurring challenge has emerged related to the user interface (UI) design. The current version of the platform uses a shared set of UI components and relies on an outdated EcmaScript standard to maintain compatibility with legacy browsers such as Internet Explorer 6. Although this approach reduces development time and preserves visual consistency across platforms, it creates several usability and performance issues. For example, the system does not fully support modern browsers and devices, leading to inconsistent rendering, slower loading times, and limited interactivity. In addition, teachers require detailed controls, report access, and class management tools, while students need a simplified and distraction-free testing interface. Using the same layout and older technology for both groups results in confusion, especially for younger students, and increases the need for training and technical support.

To address these issues, this report proposes separating the UI for teachers and students and rebuilding the front-end using modern frameworks and browser standards. This solution aims to improve compatibility, responsiveness, and accessibility, while allowing greater design flexibility to support the unique needs of each user group.

Literature and Industry Support

The proposed redesign of the exam system is supported by both academic theory and industry best practices. One relevant economic concept is product differentiation, which refers to tailoring products or services to better meet the preferences of distinct customer groups. According to Froeb et al. (2018), product differentiation can increase customer satisfaction, reduce price sensitivity, and lead to long-term profitability. In the context of SIM’s online exam system, differentiating the user interface for students and teachers allows each group to interact with the platform in ways that best fit their needs, which aligns with this theory.

From an industry perspective, leading EdTech platforms such as Google Classroom and Canvas have adopted role-based interface design, providing distinct user experiences for students and teachers. These platforms demonstrate that when users are given interfaces suited to their specific needs, engagement improves, and training needs decrease. Agrawal et al. (2022) documented that personalized recommendations in educational apps led to a 60% increase in engagement and a 14% growth in overall usage compared to non-personalized systems. This finding underscores how differentiating interfaces for different user roles can significantly boost product effectiveness.

Another important concept is opportunity cost, which explains that resources used for one purpose cannot be used for another. In continuing to support older browser technologies such as Internet Explorer 6, the development team is sacrificing performance, security, and user experience on modern platforms. This creates a hidden cost that grows over time—firms must carefully weigh the costs and benefits of continuing with legacy systems versus investing in updated technology that better serves the market in the long run. According to a 2022 report by the Mozilla Developer Network, usage of outdated browser technologies like IE6 has declined to less than 0.1 percent globally, while most web traffic now comes from modern browsers such as Chrome, Safari, and Edge. Supporting outdated technology not only increases maintenance cost but also blocks access to advanced UI capabilities, such as real-time responsiveness, accessibility features, and security enhancements.

These academic and industry sources collectively support the idea that role-based UI separation and a front-end technology upgrade are not only necessary but strategically sound decisions.

Empirical Analysis

The current version of SIM’s online exam system was developed with a unified set of UI components shared between teachers and students. While this reduced development time and enforced visual consistency, it has introduced multiple issues in usability and performance.

From a design perspective, the same interface does not effectively meet the needs of both user groups. Teachers require tools such as grading dashboards, performance reports, and classroom controls. In contrast, students benefit from a streamlined interface that minimizes distractions and focuses on completing assessments. Feedback collected from user onboarding sessions revealed that younger students often struggled to navigate the shared interface, and teachers expressed frustration over the cluttered layout. This mismatch has increased the need for user training and technical support, which in turn slows adoption and lowers satisfaction.

Technically, the system continues to support legacy browsers like Internet Explorer 6, relying on outdated EcmaScript standards. This decision was originally made to ensure backward compatibility for older school hardware, but it now limits the system’s performance on modern browsers such as Chrome and Safari. Pages load slowly, interactive components behave inconsistently, and some modern accessibility features are unavailable. These limitations create a growing opportunity cost as more users access the system on current-generation devices.

To resolve these issues, two major changes are proposed:

1. Separate UI interfaces for students and teachers. The new design will introduce role-specific components while maintaining a shared design system. The teacher interface will include more advanced tools, while the student view will simplify navigation and remove irrelevant features. For example, the student dashboard will focus solely on current assignments and test-taking functionality, while the teacher view will allow report filtering and group management. A/B testing will be conducted to evaluate which layout improves user flow and task completion rates.

2. Upgrade the front-end framework to support modern browsers. The system will be rebuilt using a contemporary JavaScript framework such as React or Vue.js. This transition will remove support for Internet Explorer and optimize performance for modern browsers. The updated architecture will support responsive design, accessibility, and real-time interaction.

In the short run, these changes will require additional development and design resources. The front-end team will need at least 4 to 6 weeks for implementation, including component migration and browser compatibility testing. There may also be short-term disruptions to the release schedule as the interface is phased in.

However, the long-term benefits justify the investment. A cleaner and role-specific interface will enhance usability, reduce support needs, and improve user satisfaction. Upgrading the framework reduces technical debt and improves maintainability, allowing faster iteration in future versions. Additionally, the redesign opens opportunities for pricing segmentation—for example, offering premium analytics features for teachers—aligning with the principle of product differentiation.

Conclusion

SIM’s online exam system has created both usability challenges and technical limitations. These issues reduce efficiency for teachers, increase confusion for students, and slow system adoption across client schools. By implementing role-specific user interfaces and upgrading to a modern browser-compatible framework, the platform can deliver a more intuitive experience while also lowering long-term development and support costs.

This solution is grounded in economic concepts such as opportunity cost and product differentiation, supported by best practices in education technology and web development. While the short-term investment may be significant, the long-term benefits in user satisfaction, platform performance, and strategic flexibility make the transition a sound and sustainable decision. Moving forward, SIM can better meet the diverse needs of its users and position its digital products for continued growth and competitiveness in the educational technology market.

References

Agrawal, K., Athey, S., Kanodia, A., & Palikot, E. (2022). Personalized recommendations in edtech: Evidence from a randomized controlled trial. https://doi.org/10.48550/arXiv.2208.13940

Froeb, L. M., McCann, B. T., Shor, M., & Ward, M. R. (2018). Managerial Economics: A Problem-Solving Approach (5th ed.). Cengage Learning.

Brickley, J. A., Smith, C. W., & Zimmerman, J. L. (2023). Managerial Economics and Organizational Architecture (7th ed.). Cambridge University Press.

Mozilla Developer Network. (2022). Browser Compatibility Data and Trends. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta#browser_compatibility