Mockup for files / media attribution in form

[jesicarson]

reference spreadsheet

[jesicarson]

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:

[jesicarson]

@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

Media Mockup 3

[jesicarson]

@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):

[jesicarson]

@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.