web client: Replace spine label settings descriptions with help tips

[Kathy Lussier]

The settings tab for 'Print Item Labels' requires a lot of scrolling, not just because of the number of settings listed here, but also because we provide lengthy descriptions for each of those settings. Let's replace those descriptions with help tips to improve usability of this page.

Working branch forthcoming one I get the LP number.

[Kathy Lussier (klussier)]

Working branch available at http://git.evergreen-ils.org/?p=working/Evergreen.git;a=shortlog;h=refs/heads/user/kmlussier/lp1755543-help-tips-for-spine-label-settings

In addition to the help tips, this commit also removes the borders on the page that were serving as separators since they are no longer as useful now that the descriptions have been removed. I also used HTML labels for the field labels for improved accessibility.

I'm hoping this will be seen as a UI fix instead of a new feature. I'll target the bugs accordingly.

[Kathy Lussier (klussier)]

I'm also adding some screenshots of the changes.

The Settings interface before adding this branch:
http://www.screencast.com/t/2MciYvWnm

The Settings interface after adding this branch:
http://www.screencast.com/t/Dugb02Wrj5f

[Galen Charlton (gmc)]

I'm not necessarily keen on the notion of hiding necessary help information for a (presumably) infrequently-used interface behind tooltips like this, but I'm not strongly opposed, either.

However, there /is/ a problem with styling for the current patch, as shown in the attached screenshot; if the tooltip button ends ends up close to the left of the viewport, the displayed text gets cut off.

[Kathy Lussier (klussier)]

Thanks Galen! I'll take a look at that style issue and see if I can get it to display properly.

As far as the philosophical question of hiding help behind a help tip, I would like to see us provide assistance in a consistent manner across interfaces. I went with the help tips because that's what we use in serials and with the field documentation in the patron editor. The MARC editor doesn't offer field-by-field assistance, but it does offer help that only appears when the user clicks the help button.

I know the MARC editor and patron editor get far more use than the item print label settings, but many of our serials librarians find that after setting up their initial set of subscriptions in Evergreen, the subscriptions interface where we offer help tips also gets infrequent use.

The user also has the advantage of seeing what was previously entered in a template on the Settings page, which can also offer a bit of guidance.

[Christine Morgan (cmorgan-z)]

I like the changes that Kathy has made to this display. The current display can be overwhelming. Kathy's proposed display is easier to read. I think the display could be cleaned up even further by removing "Item Print Label" from the front of each setting since all the settings on the screen pertain to that. One label at the top with something like "Item Print Label Settings" is probably enough.

[Janet Schrader (jschrader)]

One complaint users have about the web client is the amount of scrolling and too much white space on the screen, not a good use of screen real estate. Even though the settings tab is used infrequently it makes a bad first impression. The tips hidden behind the question button make a cleaner display. Many of the settings are intuitive like font, font size, and label size and help may not be needed. I think we need to go for cleaner screen layouts.

[Kathy Lussier (klussier)]

I have added a commit to the top of my branch that automatically positions the popover. I have also rebased the branch against current master and force-pushed the new branch to working/user/kmlussier/user/kmlussier/lp1755543-help-tips-for-spine-label-settings.

[Remington Steed (rjs7)]

I tested Kathy's branch, and it works as described. While I agree with Christine's desire to shorten the setting labels, I think we need to keep them, since these settings also appear in the Library Settings Editor where they need their full label to make sense. Kathy's changes are an improvement, so I support her branch as it is. Here's my signoff branch:

http://git.evergreen-ils.org/?p=working/Evergreen.git;a=shortlog;h=refs/heads/user/rsteed/lp1755543-help-tips-for-spine-label-settings

[Galen Charlton (gmc)]

Pushed to master, rel_3_2, and rel_3_1. Thanks, Kathy and Remington!