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

UX Issues with the collapsible headers in Lessons

    XMLWordPrintable

    Details

    • Type: Bug
    • Status: OPEN
    • Priority: Minor
    • Resolution: Unresolved
    • Affects Version/s: 12.0, 19.0, 20.0
    • Fix Version/s: None
    • Component/s: Lessons
    • Labels:
    • Environment:
      * OSX Catalina.
      * Display: 1680x1050.
      * Chrome Version 84.0.4147.105 (Official Build) (64-bit)
      * Safari Version 13.1.2 (15609.3.5.1.3)
    • Test Plan:
      Hide

      1. Add Content (you could insert text- it doesn’t matter)
      2. Edit the Header and make it collapsible.
      3. Save
      4. (If you make it start collapsed and save- nothing will happen until you refresh your screen.)
      5. Collapse the header – you’ll see an unnecessary mystery hamburger, a misaligned tool tip and an unnecessary expand icon (displayed too far right to make much sense.)
      6. For further confusion use the Expand All button on the top right.

      Show
      1. Add Content (you could insert text- it doesn’t matter) 2. Edit the Header and make it collapsible. 3. Save 4. (If you make it start collapsed and save- nothing will happen until you refresh your screen.) 5. Collapse the header – you’ll see an unnecessary mystery hamburger, a misaligned tool tip and an unnecessary expand icon (displayed too far right to make much sense.) 6. For further confusion use the Expand All button on the top right.

      Description

      I'm creating this Jira on behalf of Ithaca College, a Longsight client. Mary Jo Watts at Ithaca has noted several issues with the way that collapsible section work within the Lessons tool. The selection and placement of icons within the header is confusing and not at all intuitive to users. She has recorded three short videos demonstrating the usability problems.

      https://www.loom.com/share/caee8e5d1707436fb32bd611cc6d4c75
      https://www.loom.com/share/2deeb3205a92425fb979c6c758fbde74
      https://www.loom.com/share/6ff8294146ab4f6a87cfdb7e0521ed37

        Gliffy Diagrams

          Zeplin

            Attachments

              Activity

                People

                Assignee:
                maintenanceteam Core Team
                Reporter:
                wilma@longsight.com Wilma Hodges
                Votes:
                0 Vote for this issue
                Watchers:
                2 Start watching this issue

                  Dates

                  Created:
                  Updated:

                    Git Integration