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
Deployed on https://dev-appstore-2.bioviz.org and ready for testing.
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.
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.
Please make this change:
Instead of "Learn more" (a link) display a question mark image (same as at the top of the page) that displays the same type of help message reading:
"If you build your App using Bitbucket pipelines, you can enter the URL of your jar file here. For an example of how this can work, see Super Simple IGB App."
Link "Super Simple IGB App" to https://bitbucket.org/lorainelab/super-simple-igb-app/
2, 3, 4, 5, 6 Are fixed.
Pull Request Submitted : https://bitbucket.org/lorainelab/appstore/pull-requests/135/igbf-2043-improve-submit-app-page/diff
Changes are live on: Dev-appstore-1
1, 7, 8 is the Browser Behaviour and cannot be changed. All others can be Fixed.
Thanks for the input Riddhi Jagdish Patil.
Testing results :- Few more changes to do:
1) "Submit you App" title should be bold
2) Hover on Choose File button, tool-tip appears as "No file chosen" which should be "No file selected"
3) "or" should be in the center of Choose File button as per the ppt
4) The text field size for the Enter Link should be increased so that the jar path is relatively visible
5) "Learn more" needs to be italic
6) Next button can be pushed down a bit
7) The "Choose File" button name appears as "Browse.." in Windows FireFox. Refer attached screenshot
8) The "Choose File" button gets chopped off in Mac Safari and Linux Chromium. Refer attached screenshot
Merged and deployed to https://dev-appstore-2.bioviz.org
Changes pushed.
Pull Request can be found at: https://bitbucket.org/lorainelab/appstore/pull-requests/129/igbf-2043/diff
Verified the fix on MAC, Linux and Windows browser Chrome and Firefox.
It is working as expected.