/ProtoBreadcrumbsAndBeanstalks

HTML and CSS only static page template for NYPL Hack Weekend

Primary LanguageCSS

Breadcrumbs & Beanstalks

HTML, CSS, and Javascript mock-up of a book exploration tool to re-introduce the rich contextual experience of visiting a library and help readers discover meaningful resources.

Created for New York Public Library's [Open Book Hack Weekend 2014] (https://github.com/openbook2014/nypl-hack-weekend/wiki).

About

We focused on two questions: How can the experience of serendipity in the physical library be translated to the digital library? With essentially infinite online resources, how can we allow users to narrow their search to the most useful materials while also providing them the ability to seamlessly step back and browse related material, whether by author, subject, publication date, or other semantically linked data?

As a front end discoverability layer, we focused on creating an intuitive and heavily visual navigation system. Something to encourage user self sufficiency and incorporate accessibility best practices. Something to harness underlying library metadata and present it in a way that doesn’t make you think about the underlying metadata. So, we again took stock of our surroundings & remembered the stories we grew up on, the stories that served as touchstones for so many: tales of breadcrumbs & beanstalks leading to treasures; leading home.

After going down the rabbit hole of library metadata, we decided to scale back and create a working prototype of our vision with a sample set of items. In other words, our code does not yet plug into an existing API or harness any library’s data but is instead a proof of concept that we hope to expand in the future (contributors welcome!).

One idea we’ve explored in this prototype is harnessing the hierarchical nature of the Library of Congress Classification system. Currently, the top-down axis navigates by subject. For example, clicking up broadens the subject search, and clicking down narrows the search. In our prototype the hierarchy goes from Fossils to Prehistoric Life to Dinosaurs to Jurassic to Tyrannosaurus Rex South Dakota (Sue) allowing the user to visually see the drilling down of specificity of the books they are searching.