CARA DECUSATIS
Final designs
Uploading a single work

Empty state

Attaching file

Initiating upload

Upload complete
Uploading multiple works

Empty state

Attaching files

Initiating upload

Upload complete
Design changes and highlights​
​​​​​
-
Consolidated uploader with list of uploaded items. Previously the uploader would "transform" to a list view of the uploads and utilized a skeleton loading screen. Now the list of uploads (and the delete functionality) are underneath the uploader frame. This provides the user with a more clear picture of system status and follows familiar uploading conventions.
​
-
Created additional opportunities to show the status of uploads via the "status" column. Users had expressed uncertainty as to whether or not their uploads were successful. To further emphasize and "celebrate" the success of the uploads, there are now multiple areas with green success indicators.
​
-
Specified language for standard application to reflect single file requirement. "Upload works"-> Upload Work, "Drag files or browse files" -> "Drag file or browse files."
​
-
Reduced the size of the upload frame in the empty state so that the user can see the full page architecture (including the next button.). Uploader space dynamically expands when items are added.
​
-
​Moved the uploader buttons to the right to avoid competition and confusion with the "next" button.
​
-
Change Uppy's native styling to the Copyright Design system styling. Increase the size and target size of buttons and text to make them accessible.
Error states

All upload alerts, errors, and failures

Example of multiple alerts
Titling files-multiple works

Adding titles

Editing and clearing titles

Confirmation modals
Design changes and highlights​
​​​​
-
Reduced complexity and increased efficiency by making the "Use filename as title" a bulk action that applies to all works. This decision more closely aligns with the registration behavior of users when uploading multiple works.
​
-
Further specified language in confirmation modals and provided modals for bulk actions and unrecoverable actions.
​​