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

Change wording, spacing, and button placement on Submit Your App Page

        Details

        • Type: Improvement
        • Status: Closed (View Workflow)
        • Priority: Major
        • Resolution: Done
        • Affects Version/s: None
        • Fix Version/s: None
        • Labels:
          None
        • Story Points:
          1
        • Epic Link:
        • Sprint:
          Fall 4 : 30 Sep to 11 Oct, Fall 5 : 14 Oct to 25 Oct, Fall 6 : 28 Oct to 8 Nov

          Description

          Change wording on "submit_app" page:

          • Remove "Upload your IGB App jar file here"
          • Move question mark button next to "Submit your App"
          • change: "Upload from URL :" to "Enter Link"
          • Remove : (colon) character
          • change: "No file chosen" to "No file selected"

          Change appearance:

          • Use different trash can icon - one that is black and does not have a visible background.
          • Make the "next" button much larger (easier to hit) and center it.
          • Increase space between "or" and the row of items above and below. Vertical spacing between elements should be uniform to create a sense of harmonious flow.
          • When a user makes a mistake, a pink error message box appears that displaces everything on the page, moving the components down toward the bottom of the screen. Please change this so that the alert does not move the components.
          • Match horizontal alignment to what is shown in slide 2 of: https://www.dropbox.com/s/xe1v2jo17fg23th/SubmitApp-JarUpload.pptx?dl=0

            Attachments

              Activity

              Ascending order - Click to sort in descending order
              5 older comments
              Hide
              Permalink
              ann.loraine Ann Loraine added a comment -

              Please also fix this usability problem:

              Story:

              When I click "Next" but have not entered the name of a file or jar URL, a pink box appears at the top of the page that states something about how I need to enter one of these two things to proceed. However, the message disappears before I can read it. Please leave the message in place so that the user can read it.

              Show
              ann.loraine Ann Loraine added a comment - Please also fix this usability problem: Story: When I click "Next" but have not entered the name of a file or jar URL, a pink box appears at the top of the page that states something about how I need to enter one of these two things to proceed. However, the message disappears before I can read it. Please leave the message in place so that the user can read it.
              Hide
              Permalink
              ann.loraine Ann Loraine added a comment -

              Layout change:

              • Please the trash can icon immediately to the right of the "Choose File" button.
              • Place the message "No file selected" immediately to the right of the trash button.
              Show
              ann.loraine Ann Loraine added a comment - Layout change: Please the trash can icon immediately to the right of the "Choose File" button. Place the message "No file selected" immediately to the right of the trash button.
              Hide
              Permalink
              sameer Sameer Shanbhag (Inactive) added a comment -

              PR Submitted: https://bitbucket.org/lorainelab/appstore/pull-requests/135/igbf-2043-improve-submit-app-page/diff
              Changes are Live at https://dev-appstore-1.bioviz.org/submit_app/

              Show
              sameer Sameer Shanbhag (Inactive) added a comment - PR Submitted: https://bitbucket.org/lorainelab/appstore/pull-requests/135/igbf-2043-improve-submit-app-page/diff Changes are Live at https://dev-appstore-1.bioviz.org/submit_app/
              Hide
              Permalink
              ann.loraine Ann Loraine added a comment -

              Deployed on https://dev-appstore-2.bioviz.org and ready for testing.

              Show
              ann.loraine Ann Loraine added a comment - Deployed on https://dev-appstore-2.bioviz.org and ready for testing.
              Hide
              Permalink
              pbole Pawan Bole (Inactive) added a comment -

              Verified the fix on MAC, Linux and Windows browser Chrome and Firefox.
              It is working as expected.

              Show
              pbole Pawan Bole (Inactive) added a comment - Verified the fix on MAC, Linux and Windows browser Chrome and Firefox. It is working as expected.

                People

                • Assignee:
                  sameer Sameer Shanbhag (Inactive)
                  Reporter:
                  ann.loraine Ann Loraine
                • Votes:
                  0 Vote for this issue
                  Watchers:
                  4 Start watching this issue

                  Dates

                  • Created:
                    Updated:
                    Resolved: