Page MenuHomePhabricator

Implement new collection tiles
Closed, ResolvedPublic

Description

As part of this redesign we will have a slightly new UI for collection tiles. Changes include removing the resource name, a distinction between 'go to site' and 'access collection', and layout changes.

This task does not include the favouriting system or UI - this will be covered in another task.

Mockups/prototypes:

Acceptance criteria

  • Clicking the partner logo should take users to the partner page
  • If a collection is Proxy or Library Bundle, the blue button should say 'Access collection'. In all other cases, it should say 'Go to site'.
  • If a user isn't authorized to access the collection, the blue button should say 'Apply'.
    • Clicking Apply should take the user straight to the application form for that collection
  • For all authorizations except Library Bundle, the Extend button should always be present.
  • For all authorizations except Library Bundle, a Cross icon should be present in the top right of the tile to enable editors to return their access to this collection (as in the current site design)
  • If the authorization has an expiry date, the date should be shown. The date should be red if the expiry date is in the past.
  • If the authorization has expired, the Extend button should instead read 'Renew'.

Event Timeline

Sorry for the mid-implementation redesign but seeing the collection tiles implemented got me thinking about placement. Can you try this kind of design?

Screenshot 2021-07-20 at 14.02.51.png (482×385 px, 31 KB)

Notably: A curved box around the tile, a horizontal line under the description, and a small grey box for the bottom section. The tile should expand to fit the column height with the bottom buttons all being aligned for that row.

I just remembered about a feature we missed out of the design, added to the acceptance criteria:

  • For all authorizations except Library Bundle, a Cross icon should be present in the top right of the tile to enable editors to return their access to this collection (as in the current site design)

Here's what that looks like right now:

Screenshot 2021-07-20 at 15.12.31.png (326×356 px, 38 KB)

Any similar design should work here.

I just remembered about a feature we missed out of the design, added to the acceptance criteria:

  • For all authorizations except Library Bundle, a Cross icon should be present in the top right of the tile to enable editors to return their access to this collection (as in the current site design)

Here's what that looks like right now:

Screenshot 2021-07-20 at 15.12.31.png (326×356 px, 38 KB)

Any similar design should work here.

That cross is in the same place as the star to favorite a collection. What should we do about that?

Good catch! Let's try putting it here.

Screenshot 2021-07-21 at 13.26.49.png (189×378 px, 16 KB)

Good catch! Let's try putting it here.

Screenshot 2021-07-21 at 13.26.49.png (189×378 px, 16 KB)

The button will only show when there is an expiry date and the authorization type is Proxy