Uploaded image for project: 'IGB'
  1. IGB
  2. IGBF-3225

Design more usable Manage Link interface

    Details

    • Type: Task
    • Status: Closed (View Workflow)
    • Priority: Major
    • Resolution: Done
    • Affects Version/s: None
    • Fix Version/s: None
    • Labels:
      None

      Description

      Situation: During user testing the Manage Link right panel Remove Link button was found to be unclear. In particular the red button made it seem as though clicking the button would remove the file itself.

      Task: Identify possible improvements to the Manage Link button and implement the best selected choice.

      Possible ideas:
      Add a lock icon along with the text (similar to Apple).
      Change the red text to something less intimidating.
      Change the Manage Link button to a Toggle.

        Attachments

        1. bootstrapStyle.png
          bootstrapStyle.png
          189 kB
        2. IGBF-3225.pptx
          1.03 MB
        3. lock.png
          lock.png
          39 kB
        4. Locks.png
          Locks.png
          454 kB
        5. Off-On.png
          Off-On.png
          446 kB
        6. Off-On-Alternate.png
          Off-On-Alternate.png
          164 kB
        7. Private-Public.png
          Private-Public.png
          469 kB
        8. unlocked.png
          unlocked.png
          44 kB

          Issue Links

            Activity

            nfreese Nowlan Freese created issue -
            nfreese Nowlan Freese made changes -
            Field Original Value New Value
            Epic Link IGBF-2376 [ 18533 ]
            nfreese Nowlan Freese made changes -
            Link This issue relates to IGBF-3218 [ IGBF-3218 ]
            Hide
            nfreese Nowlan Freese added a comment -

            Logan Weidenhammer - if you have time, please create some mockups with different ideas.

            Show
            nfreese Nowlan Freese added a comment - Logan Weidenhammer - if you have time, please create some mockups with different ideas.
            Hide
            nfreese Nowlan Freese added a comment -

            This site shows some example toggle switches: https://gitbrent.github.io/bootstrap4-toggle/

            Show
            nfreese Nowlan Freese added a comment - This site shows some example toggle switches: https://gitbrent.github.io/bootstrap4-toggle/
            nfreese Nowlan Freese made changes -
            Description Situation: During user testing the Manage Link right panel Remove Link button was found to be unclear. In particular the red button made it seem as though clicking the button would remove the file itself.

            Task: Identify possible improvements to the Manage Link button and implement the best selected choice.
            Situation: During user testing the Manage Link right panel Remove Link button was found to be unclear. In particular the red button made it seem as though clicking the button would remove the file itself.

            Task: Identify possible improvements to the Manage Link button and implement the best selected choice.

            Possible ideas:
            Add a lock icon along with the text (similar to Apple).
            Change the red text to something less intimidating.
            Change the Manage Link button to a Toggle.
            nfreese Nowlan Freese made changes -
            Attachment lock.png [ 17556 ]
            nfreese Nowlan Freese made changes -
            Attachment unlocked.png [ 17557 ]
            rweidenh Logan Weidenhammer (Inactive) made changes -
            Status To-Do [ 10305 ] In Progress [ 3 ]
            Show
            rweidenh Logan Weidenhammer (Inactive) added a comment - Mockups for new toggles. https://docs.google.com/presentation/d/1p3AnUmyIk6Rq4CYiBP6UozyuiugbaAUXpMkqEWtIfac/edit?usp=sharing
            rweidenh Logan Weidenhammer (Inactive) made changes -
            Attachment Locks.png [ 17558 ]
            Attachment Off-On.png [ 17559 ]
            Attachment Private-Public.png [ 17560 ]
            rweidenh Logan Weidenhammer (Inactive) made changes -
            Summary Improve usability of Manage Link button Design more usable Manage Link interface
            rweidenh Logan Weidenhammer (Inactive) made changes -
            Attachment bootstrapStyle.png [ 17561 ]
            rweidenh Logan Weidenhammer (Inactive) made changes -
            Attachment Off-On-Alternate.png [ 17562 ]
            rweidenh Logan Weidenhammer (Inactive) made changes -
            Status In Progress [ 3 ] To-Do [ 10305 ]
            rweidenh Logan Weidenhammer (Inactive) made changes -
            Attachment IGBF-3225.pptx [ 17563 ]
            Hide
            rweidenh Logan Weidenhammer (Inactive) added a comment -

            I have attached a pptx file to this issue containing all of the slides for the mockup ideas.

            Show
            rweidenh Logan Weidenhammer (Inactive) added a comment - I have attached a pptx file to this issue containing all of the slides for the mockup ideas.
            Hide
            ann.loraine Ann Loraine added a comment -

            Thank you Logan Weidenhammer!

            We probably also should change the "note" to make it more clear that a link is not "removed".

            Here is an option for how we can say this:

            Text to show when the file is private:

            Note: If you create a public link, then anyone can use the link to download the file or view it in IGB.

            Text to show when the file is public and has a public link:

            Note: If you make a file private, its link will no longer be active, and no-one can download your file or view it in IGB.

            Show
            ann.loraine Ann Loraine added a comment - Thank you Logan Weidenhammer ! We probably also should change the "note" to make it more clear that a link is not "removed". Here is an option for how we can say this: Text to show when the file is private: Note: If you create a public link, then anyone can use the link to download the file or view it in IGB. Text to show when the file is public and has a public link: Note: If you make a file private, its link will no longer be active, and no-one can download your file or view it in IGB.
            ann.loraine Ann Loraine made changes -
            Assignee Logan Weidenhammer [ rweidenh ] Ann Loraine [ aloraine ]
            ann.loraine Ann Loraine made changes -
            Status To-Do [ 10305 ] In Progress [ 3 ]
            ann.loraine Ann Loraine made changes -
            Status In Progress [ 3 ] Needs 1st Level Review [ 10005 ]
            ann.loraine Ann Loraine made changes -
            Status Needs 1st Level Review [ 10005 ] First Level Review in Progress [ 10301 ]
            Hide
            ann.loraine Ann Loraine added a comment -

            Reviewing ticket just to make sure we understand the ideas proposed.

            Show
            ann.loraine Ann Loraine added a comment - Reviewing ticket just to make sure we understand the ideas proposed.
            Hide
            ann.loraine Ann Loraine added a comment -

            I understand, I think!

            Probably we will iterate "on off alternative". A good thing to test would be whether a button or a switch UI component works better for users - harder to make a mistake, easy to recover if a mistake is made, requires little thought to use the interface, etc.

            Thank you Logan Weidenhammer - moving to Done !

            Show
            ann.loraine Ann Loraine added a comment - I understand, I think! Probably we will iterate "on off alternative". A good thing to test would be whether a button or a switch UI component works better for users - harder to make a mistake, easy to recover if a mistake is made, requires little thought to use the interface, etc. Thank you Logan Weidenhammer - moving to Done !
            ann.loraine Ann Loraine made changes -
            Status First Level Review in Progress [ 10301 ] Ready for Pull Request [ 10304 ]
            ann.loraine Ann Loraine made changes -
            Status Ready for Pull Request [ 10304 ] Pull Request Submitted [ 10101 ]
            ann.loraine Ann Loraine made changes -
            Status Pull Request Submitted [ 10101 ] Reviewing Pull Request [ 10303 ]
            ann.loraine Ann Loraine made changes -
            Status Reviewing Pull Request [ 10303 ] Merged Needs Testing [ 10002 ]
            ann.loraine Ann Loraine made changes -
            Status Merged Needs Testing [ 10002 ] Post-merge Testing In Progress [ 10003 ]
            ann.loraine Ann Loraine made changes -
            Resolution Done [ 10000 ]
            Status Post-merge Testing In Progress [ 10003 ] Closed [ 6 ]
            ann.loraine Ann Loraine made changes -
            Assignee Ann Loraine [ aloraine ] Logan Weidenhammer [ rweidenh ]

              People

              • Assignee:
                rweidenh Logan Weidenhammer (Inactive)
                Reporter:
                nfreese Nowlan Freese
              • Votes:
                0 Vote for this issue
                Watchers:
                3 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved: