top of page
Final designs
Uploading a single work
Screenshot 2025-11-13 at 5.03.24 PM.png

Empty state

Screenshot 2025-11-13 at 5.03.48 PM.png

Attaching file

Screenshot 2025-11-13 at 5.03.58 PM.png

Initiating upload

Screenshot 2025-11-13 at 5.04.08 PM.png

Upload complete

Uploading multiple works
Screenshot 2025-11-13 at 6.08.30 PM.png

Empty state

Screenshot 2025-11-13 at 6.08.47 PM.png

Attaching files

Screenshot 2025-11-13 at 6.09.49 PM.png

Initiating upload

Screenshot 2025-11-13 at 6.10.01 PM.png

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 
Screenshot 2025-11-14 at 9.44.17 AM.png

All upload alerts, errors, and failures

Screenshot 2025-11-14 at 9.48.26 AM.png

Example of multiple alerts

Titling files-multiple works
Screenshot 2025-11-14 at 2.49.29 PM.png

Adding titles

Screenshot 2025-11-14 at 2_edited.jpg

Editing and clearing titles

Screenshot 2025-11-14 at 3.07.00 PM.png

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. 

​​

bottom of page