Skip to content

Grading UI/UX Minor Inconsistencies, Issues and Suggestions #3032

Open
@InfinityTwo

Description

@InfinityTwo

Partial follow-up of #2893 and #3023 of which some were caused by other PRs and code refactoring

Minor Issues/Inconsistencies

UX

  • We now have two search areas, one at the top right for Assessment Names only, and the others below the column headers. For consistency, it could be combined into one searchbar.
  • Assessments (unattempted ones at least) that are automatically marked as submitted after the closure date/time do not show up in viewing as unpublished but are marked as Submitted. However, finalised submissions do show and are too, marked as Submitted.
  • Refresh button does not work anymore.
  • Loading animation does not show anymore when fetching data (or it does but only for a split second).
    • This causes another bug where users can double-filter (or more) by quickly clicking on a few rows (e.g. clicking on two different student names), which shows only one student's data. Also, when you remove the filter, it removes all filters related to the column.
  • You can grade/view work that is marked as attempting but only look at the first question if there are multiple questions in the assessment.
  • As an avenger, if you publish your own assignment, then edit your assignment by adding something, it becomes Attempted. If you filter by Attempted, you get no results.

UI

  • Active filters onhover effect highlights all filters that can be unfiltered.
  • Hand cursor is shown in the Actions cells when not hovering over the buttons there (default state is do nothing when clicked instead of view/grade the assessment to prevent misclick, so it should be a pointer instead)
  • Cells with buttons that are filterable, when hovered in Grading Mode, show hover effects (a different shade of colour) as if it is filterable
  • The filter icon above the Name column is vertically misaligned.

Other Suggestions

  • Multi-search/filter functionality with certain key operators like how Google search has, like using -rune to omit anything related to runes, "" for an exact match, name:John to search by name or other columns if using a single searchbar, etc.
  • Save state (maybe browser storage or cookies) to save default filter options (such as how many per page, unpublished or all) after exiting the Grading page.
  • Back to top button at the bottom of the page or have sticky filters, which could be more useful for viewing large (like 50) submissions.
  • The column used for sorting could use an addition to show that column is actively being sorted by. This could be a different active background colour or active sorting icon that does not disappear on unhover.
  • Not fully Grading related but courtesy of AY24/25 Ed discussion, sticky navigation bar in the editor as seen below
    Screenshot_2

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions