NDE UI - Improving UX locations section
The request buttons on item-level are not easily found by our users.
Please note, we have activated item-level requesting for all records, because it seems more logical and straightforward to have all the request buttons in one place. We do not believe returning to title-level requesting is the solution here, but enhancements in the locations section in the NDE UI could improve the experience.
The various UX-issues of the locations-section are:
The 'arrow' button is not a clear button
Customers gave us feedback that they find it hard to see you can elapse or collapse cards. They blantly state that they can’t find certain services, not even noticing the arrows. There is no clear affordance that says "open me", nor labels to give it away.The positioning of the buttons is not logical
The hierarchy and sequence of buttons is confusing. Your eye needs to jump from left-to-right all the time, thus it does not have a good visual hierarchy nor a logical focus point flow for your eyes. This results into people missing buttons, or being confused.
The "Call to action"-arrow to open a card appears on two different locations as well, which does not help with discoverability or logical decision-making for the end-user (see point 1).The "elapse-collapse all" icon is not a universal sign
Solving this with CSS has proven not to be a durable solution. CSS updates we have made (screenshots added below) are broken every month when Primo updates parts of the standard CSS. We have looked into the Angular components, but this solution is not stable enough to be trustworthy yet.
Needed solutions are, in our opinion:
Position all buttons to the right
So your eyes do not need to go from left-to-right constantly, keeping focus and giving direction.
The request buttons should also be grouped to the right, but the redesign of the html did not allow for us to do that any longer.Give the arrow a clear label
In this case the call-to-action is viewing the services.Put the availability label next to the location button
So it’s clear whether it is useful to go to the library in the first place.Add a label to the “expand all” button
Just like “filter by”.Optionally: make the links less prominent, to reduce clutter.
We believe that improvement to the section could be useful for all libraries using the NDE UI.
-
current-situation-3.png 95 KB -
current-situation-4.png 4 KB -
improvement-with-CSS-customization-3.png 76 KB -
current-situation-1.png 48 KB -
improvement-with-CSS-customization-4.png 76 KB -
current-situation-2.png 75 KB -
improvement-with-CSS-customization-1.png 23 KB -
improvement-with-CSS-customization-2.png 57 KB
-
Manu_Schwendener
commented
Adding as screenshots because I don't see how to get it in a readable form here:
-
Manu_Schwendener
commented
CERV 28444, open for voting now.
-
Noémie Ammann commented
These suggestions would greatly improve the location section. And yes, not only the item level requests need improvement.
-
Manu_Schwendener
commented
I agree that the request options need work, but not only the item level requests.
See also thread "Locations section in the NDE UI" in the Primo mailing list.