Uploaded image for project: 'Sakai'
  1. Sakai
  2. SAK-39978

Develop an empty state for Gradebook to better orientate and guide user

    XMLWordPrintable

    Details

    • Type: Feature Request
    • Status: Verified
    • Priority: Minor
    • Resolution: Fixed
    • Affects Version/s: 12.1, 19.0
    • Fix Version/s: 12.6, 19.0
    • Component/s: Gradebook
    • Labels:
      None
    • 12 status:
      Resolved
    • Test Plan:
      Hide
      1. Create a new course site.
      2. Do not enroll any students yet.
      3. Add the Gradebook (aka Gradebook NG) via Site Info > Manage Tools.
      4. Click the Gradebook in the left menu.
      5. Confirm you receive the two empty state messages – no students to display and no gradebook items.
      6. Add one or more site participants as students via Site Info > Add Participants.
      7. Return to the Gradebook.
      8. Confirm that the participants appear in the left column of the gradebook and the empty state message that there are no gradebook items is still present.
      9. Click the Add Gradebook item button. Create at least one gradebook item.
      10. On refresh of the Gradebook, confirm that the two empty state messages are no longer appearing and that the users and gradebook items are displaying.

      Repeat for project site.

      Show
      Create a new course site. Do not enroll any students yet. Add the Gradebook (aka Gradebook NG) via Site Info > Manage Tools. Click the Gradebook in the left menu. Confirm you receive the two empty state messages – no students to display and no gradebook items. Add one or more site participants as students via Site Info > Add Participants. Return to the Gradebook. Confirm that the participants appear in the left column of the gradebook and the empty state message that there are no gradebook items is still present. Click the Add Gradebook item button. Create at least one gradebook item. On refresh of the Gradebook, confirm that the two empty state messages are no longer appearing and that the users and gradebook items are displaying. Repeat for project site.

      Description

      "Empty states occur when the user first opens a product, clears or removes data, or encounters an error. Although often designed last, empty states are rich with opportunities to engage with the user. Successfully designed empty states achieve three things: Educate users, Delight users, Prompt for action"

      Most Sakai tools could benefit from having a welcoming empty state that establishes the tool and suggests next steps for site maintainers. Gradebook, Announcements, Syllabus, Resources, Assignments, Tests & Quizzes, Email Archive, Polls, PostEm, Search, and Sign-up are all good examples of tools needing a default empty state.

      When we upgraded to Sakai 11, we created an empty state for our local GBNG because early user feedback showed that the lack of the student listings caused people to think that there were no students enrolled in the site.

      We will port this work to the new Gradebook.

      Update: Paul has completed the porting work and I've attached updated screenshots based on the work on Sakai Master. This first screenshot shows the Gradebook with no students and no items:

      This second screenshot show the Gradebook with students and no items:

        Gliffy Diagrams

          Zeplin

            Attachments

            1. 01-gb-noStudentsNoItems-wide.png
              51 kB
              Shawn Foster
            2. 02-gb-noStudentsNoItems-medium.png
              44 kB
              Shawn Foster
            3. 03-gb-noStudentsNoItems-narrow.png
              40 kB
              Shawn Foster
            4. 04-gb-studentsNoItems-wide.png
              129 kB
              Shawn Foster
            5. 05-gb-studentsNoItems-medium.png
              119 kB
              Shawn Foster
            6. 06-gb-studentsNoItems-narrow.png
              89 kB
              Shawn Foster

              Issue Links

              relates to

              Bug - A problem which impairs or prevents functionality of the product. SAK-42136 Avoid GradebookPage.this.role == GbRole.INSTRUCTOR and check permissions

              • Major - Major loss of function or need for functionality in production in the near future.
              • Verified
              mentioned in

              Page Loading...

                Activity

                  People

                  Assignee:
                  plukasew Paul Lukasewych
                  Reporter:
                  sfoster9 Shawn Foster
                  Votes:
                  10 Vote for this issue
                  Watchers:
                  10 Start watching this issue

                    Dates

                    Created:
                    Updated:
                    Resolved:

                      Git Integration