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

            ann.loraine Ann Loraine made changes -
            Assignee Ann Loraine [ aloraine ] Logan Weidenhammer [ rweidenh ]
            ann.loraine Ann Loraine made changes -
            Resolution Done [ 10000 ]
            Status Post-merge Testing In Progress [ 10003 ] Closed [ 6 ]
            ann.loraine Ann Loraine made changes -
            Status Merged Needs Testing [ 10002 ] Post-merge Testing In Progress [ 10003 ]
            ann.loraine Ann Loraine made changes -
            Status Reviewing Pull Request [ 10303 ] Merged Needs Testing [ 10002 ]
            ann.loraine Ann Loraine made changes -
            Status Pull Request Submitted [ 10101 ] Reviewing Pull Request [ 10303 ]
            ann.loraine Ann Loraine made changes -
            Status Ready for Pull Request [ 10304 ] Pull Request Submitted [ 10101 ]
            ann.loraine Ann Loraine made changes -
            Status First Level Review in Progress [ 10301 ] Ready for Pull Request [ 10304 ]
            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 !
            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.
            ann.loraine Ann Loraine made changes -
            Status Needs 1st Level Review [ 10005 ] First Level Review in Progress [ 10301 ]
            ann.loraine Ann Loraine made changes -
            Status In Progress [ 3 ] Needs 1st Level Review [ 10005 ]
            ann.loraine Ann Loraine made changes -
            Status To-Do [ 10305 ] In Progress [ 3 ]
            ann.loraine Ann Loraine made changes -
            Assignee Logan Weidenhammer [ rweidenh ] Ann Loraine [ aloraine ]
            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.
            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.
            rweidenh Logan Weidenhammer (Inactive) made changes -
            Attachment IGBF-3225.pptx [ 17563 ]
            rweidenh Logan Weidenhammer (Inactive) made changes -
            Status In Progress [ 3 ] To-Do [ 10305 ]
            rweidenh Logan Weidenhammer (Inactive) made changes -
            Attachment Off-On-Alternate.png [ 17562 ]
            rweidenh Logan Weidenhammer (Inactive) made changes -
            Attachment bootstrapStyle.png [ 17561 ]
            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 Locks.png [ 17558 ]
            Attachment Off-On.png [ 17559 ]
            Attachment Private-Public.png [ 17560 ]
            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 -
            Status To-Do [ 10305 ] In Progress [ 3 ]
            nfreese Nowlan Freese made changes -
            Attachment unlocked.png [ 17557 ]
            nfreese Nowlan Freese made changes -
            Attachment lock.png [ 17556 ]
            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.
            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/
            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.
            nfreese Nowlan Freese made changes -
            Link This issue relates to IGBF-3218 [ IGBF-3218 ]
            nfreese Nowlan Freese made changes -
            Field Original Value New Value
            Epic Link IGBF-2376 [ 18533 ]
            nfreese Nowlan Freese created issue -

              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: