How to solve the layout problem for the online assessment questions in PDF and answer sheet?

Overview

We have a platform where students can take an online assessment anytime and anywhere. We offer this online assessment mainly for English, Science, and Math subjects.

The students need to activate the laptop security checks like web camera, microphone, and screen sharing to flag cheating as part of the school requirements.

Use case

Students need to take the online assessment on our platform during the pandemic as the physical classes are suspended.

User

  • NCEA students (High school)
  • Age: 14-17 yrs old
  • Main device: Laptop
  • Screen resolution: 1440 x 900px (Based on the Google Analytics)

Technology requirements

  • Chrome browser only
  • The user should stay in one browser tab only. Navigating or opening a new Chrome tab will be flagged as cheating.

Assessment PDF

The school teachers use the same PDF for the print and digital versions, and we do not have control. Some PDF documents have tiny font sizes which makes them hard to read.

Online assessment

The online assessment has a time limit and it depends on the teacher to set it.

Problem

I have conducted a usability test with five participants and found out that they struggle to read the PDF question sheet on the left column of the screen.

According to our education department, it is good to have the PDF open together with the answer sheet on the right column.

I have checked with our engineering department if we can hide the PDF thumbnail on the left nav panel to give extra space for the user to read, but they said this is a default render from the Chrome browser, so there is nothing much we can do at this point.

enter image description here

Proposed solutions

enter image description here

Solution 1

Slide-in panel on the left We can slightly increase the readable area of the PDF while maintaining the visibility of the answer sheet, but it does not entirely solve the problem.

Solution 2

Slide-in panel at the bottom It shows almost half of the screen. You can read the PDF and fill up the answer sheet, but it will be pretty tight.

Solution 3

Full-screen slide-in panel It shows the PDF, and students can read it, but they need to open/close the panel while answering the sheet.

Solution 4

Students can see their tasks, PDF, and answer sheet together. They can drag or hide the panel (Similar to Powerpoint), but this will be a nightmare for the engineering team. We do not have the resource to build like this.

Other solutions?

I am just wondering if anyone has a better solution for this problem.

Tags: , , , , , ,