participedia / frontend

DEPRECATED - see https://github.com/participedia/api/ instead
MIT License
2 stars 2 forks source link

Mockup for files / media attribution in form #897

Open jesicarson opened 6 years ago

jesicarson commented 6 years ago

reference spreadsheet

jesicarson commented 6 years ago

This mockup "MEDIA MOCKUP 1" shows what the user would see when they first enter the form, before they've added any media.

Updated Aug 25 with Dethe's feedback: draft - media mock 1 aug 25 2018

jesicarson commented 5 years ago

@dethe Here are the next steps for media in forms. Mockup 2 shows sincle items added, as well as what the upload area for files looks like when items are being dropped in. Mockup 3 shows multiple items added and the re-order function.

Media Mockup 2 draft - media mock 2 aug 27 2018

Media Mockup 3 draft - media mock 3 aug 27 2018

jesicarson commented 5 years ago

@ascott as discussed, changes to media section of form to align with added items visual system (upload area above added items, X inside grey box instead of trash icon outside):

media mock 2 updated dec 17 2018

jesicarson commented 5 years ago

@ascott here's the '2 files uploaded' state, with ranking handle and X (instead of trash icon). Note that the rank handle arrows and X are both 2px line weight, and use Grey C #808080. You can find this in the vector ui kit file (design guidelines working file) on the drive under mockups > 2018.

screen shot 2018-12-17 at 10 39 03 am