Tiles: Change the information areas for borrow/waitlist/sensitive into image overlays as badges #196
Labels
Accessibility
Issue relates to a lack of accessibility
Design Bug
Problem with UI/UX
Design Proposal
Task
An operational or maintenance task
Projects
Description
Subtask of #38: Change the information areas for borrow/waitlist/sensitive into image overlays
From #164
All of our media cards don't have information areas. This causes a discrepancy in card heights.
![](https://user-images.githubusercontent.com/30471843/58196778-a9878a80-7ce8-11e9-9c72-9094e834522a.png)
The current appearance of our information areas for borrow/waitlist/sensitive confuses users into thinking that they are buttons, even though they aren't.
Additionally, they take up extra vertical space.
Using a small badge (and reducing the badge description length) will resolve the above. Placing it on the upper left corner will help in visibility since users tend to look first at the upper left. Unlike a strip, it won't cover up much of the image and letting the badge extend into the margin area will help make it even less so.
Disadvantages are that we risk users overlooking the small badge, and having to look into removing the hover image component.
Mockup for the borrow badge by @pezvi
![](https://user-images.githubusercontent.com/30471843/58197359-b2c52700-7ce9-11e9-89e7-ac0fcbcd6852.png)
Details for the current version of cards: In progress
Stakeholders
@pezvi @bfalling @iisa
The text was updated successfully, but these errors were encountered: