Interaction, Product Design, Front-end Dev
The goal of the project was to streamline a workflow to generate and print the test results in a paper-based report. By automating the entire workflow, teachers can get a detail report of their student performance and take immediate action to improve the student outcome.
There were two reports available to teachers. Each report contained different data specific to the target audience. The content of the reports was organized, structured and labeled to help viewers find the information easily and accomplish their goals.
Different elements of data visualization were assessed to improve the clarity and consistency of the information. Charts made it easier for the viewer to grasp the message. Color allowed viewers to focus on the underlying data. And, tables improved the readability of the data and reduce any distractions.
Each report was rendered using HTML and CSS. The report engine converted the HTML page to a PDF file that a multifunction printer can open and print.