Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

UX love for Drawing Upload page #150

Open
EChesters opened this issue Feb 28, 2017 · 5 comments
Open

UX love for Drawing Upload page #150

EChesters opened this issue Feb 28, 2017 · 5 comments
Assignees
@EChesters
Labels
high priority HTML/CSS UI UX-Design
Milestone
Drawings/Data Col...

Comments

@EChesters
Copy link
Contributor

What

Redesign the upload page where drawings are uploaded. The priority is the drawing, but the whole page needs to be considered together.
In research they said it takes 5 minutes to upload the information about each drawing!

screen shot 2017-02-28 at 22 06 13

How

Wireframes, feedback, mockups, research, development, research

Considerations

This needs to be done before April - before the next pilot in Greece

To Do

  • This needs UX, design and development
@EChesters EChesters added this to the Admin Portal - Pilot 3 (New Location) milestone Feb 28, 2017
@EChesters EChesters self-assigned this Feb 28, 2017
@EChesters
Copy link
Contributor Author

EChesters commented Mar 14, 2017 •
edited
Loading

MOBILE
home
drawing_selected

DESKTOP
home_1
drawing_selected_1

@CathMollie
Copy link
Collaborator

Great work @EChesters! Only two comments from me:

  • Can we change the 'save' and 'upload' CTAs to Finish (or Publish?) later and Publish now? It's simpler, and also doesn't repeat the upload drawing instruction above ('choose a drawing to upload') which could be confusing - user may think they're uploading a drawing twice.
  • On the logo, @rocioleon is finalising this - do we have something to add? If not we'll need to drop in a temporary logo like before.

@EChesters
Copy link
Contributor Author

Happy to change the CTAs - I can remove the 'upload' from the first button too, which may lead to them thinking that's where it uploads (before filling out the form).
I'm not too sure on 'Publish later' as it doesn't indicate why you would save it for later.

And the logo is only there, to show that the top bar is the navigation. Changing anything in there is out of scope for this ticket.

@CathMollie
Copy link
Collaborator

@EChesters Maybe we just say 'Finish later' rather than 'Publish later'. If not we'll keep with your original wording. Happy to go with your view on this.

EChesters added a commit that referenced this issue Mar 17, 2017
@EChesters
Issue #150 - Styled button to be minimum recommended height and font-…
853dacb 
…size
EChesters added a commit that referenced this issue Mar 17, 2017
@EChesters
Issue #150 - Enlarged body text to be recommended 16px
b166352
@EChesters EChesters mentioned this issue Mar 17, 2017
Merged
@rocioleon
Copy link

@EChesters can you remind me where I can find the artwork file of this form? I can include this as an example to show the final logo.

EChesters added a commit that referenced this issue Mar 30, 2017
@EChesters
Issue #150 - Completed artist form and consent/pending
c0d0579 
- Added helper method for journey options
EChesters added a commit that referenced this issue Mar 30, 2017
@EChesters
Issue #150 - Reduced width of forms
3ae7485
EChesters added a commit that referenced this issue Mar 30, 2017
@EChesters
Issue #150 - Positioned forms to be centered
3a916c9 
- Added position sass using margins and not floats or text centre
EChesters added a commit that referenced this issue Mar 30, 2017
@EChesters
issue #150 - Finished upload form
abe79f5 
- Added consent, status and savings CTAs
EChesters added a commit that referenced this issue Mar 30, 2017
@EChesters
Issue #150 - Rebuilt drawing upload form
edb59d7
EChesters added a commit that referenced this issue Mar 30, 2017
@EChesters
Issue #150 - Enlarged body text to be recommended 16px
f8b30e1
EChesters added a commit that referenced this issue Mar 30, 2017
@EChesters
Issue #150 - Styled the upload form
bfa8520 
- Changed Stage of journey to drop down to decrease length of form and remove need for scrolling
- Removed extra margin bottom for labels for radio button form inputs
EChesters added a commit that referenced this issue Mar 30, 2017
@EChesters
Issue #150 - Styled button to be minimum recommended height and font-…
650d22a 
…size
EChesters added a commit that referenced this issue Mar 30, 2017
@EChesters
Issue #150 - Refactored gender options
78fef43 
- Removed my own collection helper method
- Flipped the id and label to return correct labels on the form
EChesters added a commit that referenced this issue Mar 30, 2017
@EChesters
Issue #150 - Added spacing to drawing upload page title
2bca42a
EChesters added a commit that referenced this issue Mar 30, 2017
@EChesters
Issue #150 - Altered mobile padding sizes
ee70cce 
- default padding on col-* made the elements too small on mobile
@EChesters EChesters mentioned this issue Mar 30, 2017
Merged
4 tasks
EChesters added a commit that referenced this issue Mar 30, 2017
@EChesters
Issue #150 - Fixed broken data structures for subject matter and jour…
50302a6 
…ney stage
EChesters added a commit that referenced this issue Mar 30, 2017
@EChesters
Merge pull request #158 from empowerhack/accesible-styling
33d648e 
Issue #150 - Accesible styling
EChesters added a commit that referenced this issue Mar 31, 2017
@EChesters
Issue #150 - Fixed spacing and best practice issues
8ec87d0
EChesters added a commit that referenced this issue Mar 31, 2017
@EChesters
Issue #150 - Fixing newline on drawings_helper for robocop
9405566
kevinpmcc pushed a commit that referenced this issue Apr 2, 2017
@EChesters
Issue #150 - Styled button to be minimum recommended height and font-…
3bbf16c 
…size
kevinpmcc pushed a commit that referenced this issue Apr 2, 2017
@EChesters
Issue #150 - Enlarged body text to be recommended 16px
473e642
kevinpmcc pushed a commit that referenced this issue Apr 2, 2017
@EChesters
Merge pull request #158 from empowerhack/accesible-styling
f1564cd 
Issue #150 - Accesible styling
EChesters added a commit that referenced this issue Apr 22, 2017
@EChesters
Issue #150 - Amended spacing on form to reduce whitespace
1e232df 
- Amended required fields to match current form
EChesters added a commit that referenced this issue Apr 22, 2017
@EChesters
Issue #150 - Refactored constants in drawing.rb
ea085f8
EChesters added a commit that referenced this issue Apr 22, 2017
@EChesters
Issue #150 - Amended new hash syntax
b7a0c56 
+ Switched comment formats around
EChesters added a commit that referenced this issue Apr 22, 2017
@EChesters
Merge pull request #164 from empowerhack/second-form
e9022bf 
Issue #150 - Redesign of upload form
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@EChesters EChesters

Labels
high priority HTML/CSS UI UX-Design
Projects
None yet
Milestone
Drawings/Data Collection - Pilot 3 (G...
Development

No branches or pull requests
3 participants
@EChesters @rocioleon @CathMollie