UI Wireframes

Samvera Community Wiki


UI Wireframes


Exploring Wireframes

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

 

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

 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

 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

 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.