Sufia - UI for Creating Works and Uploading Files

As part of the Dec 2015 Working Group for the Sufia UI, this is a space for discussing and collecting together proposed wireframes.

Context

General observation:

• Uploading a few files needs to be simple and intuitive

• Uploading large number of files can be more complex.

Workflow diagrams

Two workflows have been identified that satisfy the following requirements:

1. file first - upload files first for... 
   

   1. legacy systems

   2. large scale batch ingest

2. work first (aka metadata first) - create work and its metadata first to...

   1. simplify ingest for users

   2. solidify the concept of a work

   3. support the need to create a work without files

benhowell's diagram of Sufia 7 UI Upload Workflow (a translation of sprint wireframes):

Open

Lynette's diagrams reflecting the sprint wireframes:

Anna (hackmastera)'s amendment of the above "work first" workflow

Open

sfbetz' workflow

single file upload

Open

multi file / single work

Open

multi file / multi work (x files / x works)

Open

multi file / multi work (x files / y works)

Open

 HackmasterA's 'upload first' workflow brainstorm:

Open

Wireframes

Please add comments and questions on individual pages. Implementation note: Current Sufia upload files process is integrated with https://blueimp.github.io/jQuery-File-Upload/.  Wireframes that are compatible with jQuery-File-Upload will require less development effort to implement.

create work first (aka Manual, EZ)

sprint wireframes  (minimal changes from current Sufia UI) - 

• work metadata entry screen

• add files

• file metadata entry screen

dt's wireframe  (rearrangement of component parts)

• Create Work (by dt)

upload file first (aka Batch, PRO) - closest to original Sufia process

sprint wireframes  (minimal changes from current Sufia UI)

• Sufia - Batch Upload - Step 1: Select Collection

• Sufia - Batch Upload - Step 2: Click Select files

• single-part works - Each file goes into a separate work

  • Sufia - Batch Upload - Step 3: Choose work vs. works and Step 4-spw: Click Start upload

  • Sufia - Batch Upload - Step 5-spw: Enter metadata and save

• multi-part work - All files go into one work

  • Sufia - Batch Upload - Step 3: Choose work vs. works and Step 4-mpw: Click Start upload

  • Sufia - Batch Upload - Step 5-mpw: Enter metadata and save

dt's wireframe  (rearrangement of component parts)

• Batch Upload (by dt)