Introduction:
The current submission details page is very hard to use due to a lot of overlapping and cramped placement of small-sized windows in the Submission Details, and Peer Review pages of canvas.
Here I talk through a proposal design I made, then analyse the current layout.
Proposal Design:
I propose a one-page, single column design for the Submission Details page to simplify it and make it much more easy to use.
The same layout can be applied to the peer review UI.
For the Peer Review page however, instead of displaying the rubric in the first window, show the student's document and peer review tools within that space, with the comments bar at the bottom of the window and full width.
If you'd like a mockup of this ask for it in the comments and I'll edit it in. For now I have other tasks to get done
Problem Details:
In the following, the grade is a very small element in the top corner which is hard to notice, while the comments section is quite narrow, getting in the way of viewing the assignment itself.
Also to note, the document preview is very nested within many boxes making it very hard to read and use, especially while editing. It would be great if this could be fixed as it is very hard to add comments to the document for peer reviews
When trying to view the rubric, it appears in a window that is very small, reading the rubric requires a lot of zooming and scrolling, while the narrow columns make it hard to read fluently;
In addition, there are some alignment issues with the mobile iOS app:
iPhone X, iOS 13.3, Canvas v6.8.1.
