UI Wireframes


Exploring Wireframes

START HERE: Home (logged in user)

Quick access to pages:  click mockup ID links in the tables below.

Error rendering macro 'toc' : For input string: " 2 "

 

Toolbar menus

  • show on all pages for logged in users
  • do not show when a user isn't logged in
  • NOTE: Admin menu has new functionality that will likely become part of phase 2.  It also includes the concept of a super_admin which will also likely be part of phase 2.  For phase 1, the Admin menu will be limited to existing admin functionality which anyone with the role of admin can access.

 

 Effort

Toolbar Item Sub-item Goes to mockup ID… Goes to route…

 NOTES

  Admin     /admin/dashboard  
NEW   Admin-Dashboard p2-admin-dashboard /admin/dashboard

Completely NEW - probably should be phase 2

Show stats on things like count of all works, collections, users, etc

This shows stats for whole site regardless of who created/owns/has permissions.  Restricted to super_admin.

CHANGE/ NEW   Manage Users

p2-admin-manage_users

/admin/users

Admin part is NEW - probably should be phase 2

/users shows a list of users and is available to all users; doesn't appear that admins can block or remove users

With addition of block/remove abilities, this is restricted to super_admin.

    Manage Roles p1-admin-manage_roles /roles

Should this become /admin/roles for consistency?

Restrict to super_admin.

NEW   Manage Works p2-admin-manage_works /admin/works

Completely NEW - probably should be phase 2

This shows all works regardless of who created/owns/has permissions.  Restricted to super_admin.

NEW   Manage Collections   /admin/collections

Completely NEW - probably should be phase 2

This shows all collections regardless of who created/owns/has permissions.  Restricted to super_admin.

    Repository Stats   /admin/stats Restrict to super_admin.
    Message Queues   /admin/queues Restrict to super_admin.
  Dashboard   p1-dashboard-dashboard /dashboard  

 CHANGE

  Dashboard p1-dashboard-dashboard /dashboard  Add 'See more...' links to individual pages for notifications, user activities, transfers.
    Notifications p1-dashboard-notifications /notifications  
MOVE/CHANGE   User Activity p1-dashboard-activity /activity Change dashboard to show first X activities (I believe this is already configured, but can be high). Need to create an User Activities page. Currently, it is shown in dashboard and user profile. Move from Profile -> Activity to its own page.  Show summary in profile with link to See all user activities…  Show summary on Dashboard Summary with link to See all user activities… QUESTION: Would show all user activities actually show all? If so, probably need a paging system as this list can get very long for some users.
MOVE   Transfers p1-dashboard-transfers /transfers Transfers does not currently have its own page. One would need to be created. NOTE: Link "Select files to transfer" takes you to My Files.  If you select multiple, there doesn't appear to be a way to do the transfer.  It looks like it is one at a time via the action menu.
MOVE   Highlights Dashboard - Highlights - Phase 1 - UI Wireframes /dashboard/highlights Move from Dashboard -> My Highlights tab to its own page.
MOVE   Shares Dashboard - Shares - Phase 1 - UI Wireframes /dashboard/shares Move from Dashboard -> Files Shared with Me to its own page
  Works     /dashboard/works  
MOVE   My Works My Works - Phase 1 - UI Wireframe /dashboard/works Move from Dashboard -> My Works tab to its own page.
NEW   New New Work - Metadata Tab - Phase 1 - UI Wireframes /works/new See also Add Files to Work - Phase 1 - UI Wireframes which is accessed from New Work and Show Work pages.
CHANGE   Batch New Batch New Works - Phase 1 - UI Wireframes /works/new/batch Add ability to add multiple works each with a single file.
  Collections        
MOVE   My Collections My Collections - Phase 1 - UI Wireframes /dashboard/collections Move from Dashboard -> My Collections tab to its own page.
    New p1-collections-new /collections/new  
  user_id     users/auser@example-dot-com  
    View Profile p1-user_id-view_profile users/auser@example-dot-com  
    Edit Profile p1-user_id-edit_profile users/auser@example-dot-com/edit  
    Logout p1-home-no_user users/sign_out  

Header Menu Bar

  • suggest moving About, Help, and Contact to a footer menu
  • add browse menubar item

 Effort

Menu Item Sub-item Goes to mockup ID… Goes to route…

 NOTES

  Home  

Home for guest - Phase 1 - UI Wireframes

Home for user - Phase 1 - UI Wireframes

/  
  Browse     /browse/collections configurable to default to a specific browsing sub menu item (default=collections)
NEW   Collections p1-browse-collections /browse/collections

show all public collections

clicking collection title drills down showing sub-collections and works

clicking (i) next to collection title goes to show page for collection

POTENTIAL CONFUSION: If a work is listed under /browse/collections, can the user continue to drill down into the work? 

NEW   Works p1-browse-works /browse/works

show all public works

clicking work title drills down showing sub-works

clicking (i) next to work title goes to show page for work

NEW   Authors p1-browse-authors /browse/authors show all authors; clicking author drills down to show works by the author
NEW   Subjects p1-browse-subjects /browse/subjects show all subjects; clicking subject drills down to show works with that subject
MOVE

About

   

/contact

Consider moving to footer menu

MOVE

Help     /help Consider moving to footer menu
MOVE Contact     /about Consider moving to footer menu

 

Show Pages

  • Are there show pages for Files?

 

 Effort

Object Type State Members Goes to mockup ID… Goes to route…

 NOTES

  Collection Logged Out no members p1-show-collection-lo-no_members /collections/{id}  
     

with sub-collections

p1-show-collection-lo-sub_collections /collections/{id}  
      with works p1-show-collection-lo-works /collections/{id}  
      with both p1-show-collection-lo-both /collections/{id} Primary changes to Collection show page are described in this wireframe. Other Collection -> Logged Out wireframes show variants of Items in this Collection section of show page based on number and type of members.
    Logged In no members p1-show-collection-li-no_members /collections/{id}  
      with sub-collections p1-show-collection-li-sub_collections /collections/{id}  
      with works p1-show-collection-li-works /collections/{id}  
      with both p1-show-collection-li-both /collections/{id} Primary changes to Collection show page are described in this wireframe. Other Collection -> Logged In wireframes show variants of Items in this Collection section of show page based on number and type of members.
  Works Logged Out

no members

p1-show-work-lo-no_members /works/{id}  
      with sub-works p1-show-work-lo-sub_works /works/{id}  
     

with one file

p1-show-work-lo-one_file /works/{id}  
      with multiple-files p1-show-work-lo-multiple_files /works/{id} Primary changes to Work show page are described in this wireframe. Other Works -> Logged Out wireframes show variants of Items in this Work section of show page based on number and type of members.
      with both p1-show-work-lo-both /works/{id}  
    Logged In no members Show Work with no members to user - Phase 1 - UI Wireframes /works/{id}  
      with sub-works p1-show-work-li-sub_works /works/{id}  
      with one file p1-show-work-li-one_file /works/{id}  
      with multiple-files p1-show-work-li-multiple_files /works/{id} Primary changes to Work show page are described in this wireframe. Other Works -> Logged In wireframes show variants of Items in this Work section of show page based on number and type of members. See also...
      with both p1-show-work-li-both /works/{id}  

 

Edit Pages

 Effort

Object Type Editing Goes to mockup ID… Goes to route…

 NOTES

  Collection descriptive metadata   /collections/{id}/edit  
  Work        
   

descriptive metadata

  /works/{id}/edit/description Move from tab:Descriptions to its own page. Clicking Save returns you to show page.
    visibility   /works/{id}/edit/visibility Move from tab: Permissions to its own page. Clicking Save returns you to show page.
   

re-upload files

  /works/{id}/edit/version Move from tab: Versions to its own page. Clicking Save returns you to show page.
  Works        
    batch edit multiple works   /batch_edits/edit?batch_document_ids[]={id}&batch_document_ids[]={id2}... Tabs: Descriptions, Permissions, Metadata Workflow. Needs DONE button or something to make it clearer to user how to return to My Works page.