Improved Hours Display

Next week, we will be updating the way hours are displayed on the library website. We wanted to share those changes with you and some of the behind-the-scenes work.

As some of you may be aware, Library hours are entered into LibCal, and we use code snippets to display that data in various places. However, the resulting wide table provided by LibCal is not mobile friendly, and the Hours page just seems disjointed.

The new version will divide the page more clearly and show regular hours next to specific exceptions for each location. It will also display nicely on small screens.



new all hours












In the course of user testing, the Web Projects Team has also found that people tend to seek the hours for a location, more often than seeking an overview for the whole library. We’ll address that by including a week’s worth of hours on the location pages rather than just hours for the current day.

Parnassus Library

Mission Bay Library

Hub at Mission Bay







We also want to give a shout-out to Stefan Topfstedt who supplied the developer skills needed to massage the LibCal API data. His help was instrumental in making these improved layouts a reality.