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

Standardize Removal/Deletion/Close/Selection affordances throughout

    XMLWordPrintable

    Details

    • Type: Bug
    • Status: OPEN
    • Priority: Major
    • Resolution: Unresolved
    • Affects Version/s: 20.0, 20.1
    • Fix Version/s: None
    • Component/s: Library
    • Labels:
    • Test Plan:
      Hide

      Review the various methods...

      Show
      Review the various methods...

      Description

      There are numerous ways throughout Sakai for users to delete or remove an item.  Standardization of this action across tools would greatly improve the user experience. 

      See attached- many screenshots that illustrate just some of the various ways different tools have implemented this basic function. 

      If an item must be selected with a check before it can be acted on there are multiple ways that process works.

      • Sometimes the check is on the right of the item table
      • Sometimes the check is on the left.
      • Sometimes the button users need to click to remove the item is visible on the same screen.
      • Sometimes the button users need to click to remove the item is not visible on the same screen.
      • The buttons appear in random places.
        • Sometimes the buttons appear above the item table in the middle of the screen
        • Sometimes the buttons appear above the item table on the left of the screen
        • Sometimes they appear both above and below the item table on the left.
        • Sometimes they appear at the top of the table in the middle of the screen
        • Sometimes they appear at the bottom of the table in the middle of the screen
      • Sometimes table headers prompt the user with "Remove ?"
      • Sometimes table headers prompt the user with a declarative "Remove"
      • Sometimes there is only an unlabeled checkbox a user must select (and the action buttons may or may not be visible.) 
      • Sometimes users can select multiple check boxes with a labeled "check all" box in the header (or another place)
      • Sometimes users can select multiple check boxes with an unlabeled "check all" box in the header (or another place)
      • Sometimes users can select multiple check boxes with a verbal link (see "Check All - Clear All" in Sign-Up -> Export Meetings)

      Sometimes the X symbol is used for deleting or removing an item and sometimes the X is used to close a pop-up. (It should be reserved for closing pop-ups.)

      • The X can be a (more or less) neutrally colored image - there are different versions of this option throughout
      • The X can be red.
        • There are multiple reds employed which interferes with branding. (These reds clash with the red info box.) 
        • Red should be used sparingly and for a distinct purpose. Sometimes it is used for a close box, sometimes for a delete, sometimes for an info/warning box, sometimes for a site title, etc.
        • Sometimes the red X is an image.
        • Sometimes it is a styled icon.
      • The X can be blue. (In Site Info -> Manage Tools it is a styled fa icon.) If the red X is meant to indicate danger or a warning then the same icon with the same/similar purpose should not be blue.
      • The X can be a colored icon from an outdated icon set
      • etc.

      Note: this issue of vastly diverging styles/icons is not limited to X icons/images it is also pronounced in the use of multiple check icons and images. Additionally there is divergence in the tools between how each uses an X, a check mark, and/or a radio button. (see SAK-43961

       

       

        Gliffy Diagrams

          Zeplin

            Attachments

              Activity

                People

                Assignee:
                profmikegreene Michael Greene
                Reporter:
                maryjowatts Mary Jo Watts
                Votes:
                0 Vote for this issue
                Watchers:
                3 Start watching this issue

                  Dates

                  Created:
                  Updated:

                    Git Integration