nih-gov/www.nlm.nih.gov/pubs/techbull/nd10/nd10_bookshelf_changes.html
2025-02-26 13:17:41 -05:00

368 lines
17 KiB
HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@NLM_NIH">
<meta name="twitter:title" content="Books with New Looks: The Bookshelf Redesign. NLM Technical Bulletin. 2010 Nov&#8211;Dec">
<meta name="twitter:description" content=" The NLM Technical Bulletin is your source to stay informed about NLM products and services.">
<meta name="twitter:image" content="https://www.nlm.nih.gov/pubs/techbull/images/nlm_tech_bulletin_graphic_twitter.jpg">
<meta property="og:url" content="https://www.nlm.nih.gov/pubs/techbull/tb.html" />
<meta property="og:type" content="article" />
<meta property="og:title" content="Books with New Looks: The Bookshelf Redesign. NLM Technical Bulletin. 2010 Nov&#8211;Dec" />
<meta property="og:description" content="The NLM Technical Bulletin is your source to stay informed about NLM products and services." />
<meta property="og:image" content="https://www.nlm.nih.gov/pubs/techbull/images/nlm_tech_bulletin_graphic_facebook.jpg" />
<title>Books with New Looks: The Bookshelf Redesign. NLM Technical Bulletin. 2010 Nov&#8211;Dec</title>
<link rel="schema.DC" href="http://purl.org/dc/elements/1.1/" title="The Dublin Core metadata Element Set" />
<meta name="DC.Title" content="Books with New Looks: The Bookshelf Redesign" />
<meta name="DC.Publisher" content="U.S. National Library of Medicine" />
<meta name="DC.Date.Issued" content="2010-11-23" />
<meta name="DC.Date.Modified" content="2010-11-23" />
<meta name="NLMDC.Date.LastReviewed" content="2011-11-08" />
<meta name="NLM.Contact.Email" content="nlmtechbull@mail.nlm.nih.gov" />
<meta name="DC.Type" content="Newsletters" />
<meta name="NLM.Permanence.Level" content="Permanent: Stable Content" />
<meta name="NLM.Permanence.Guarantor" content="U.S. National Library of Medicine" />
<meta name="DC.Rights" content="Public Domain" />
<meta name="DC.Language" content="eng" />
<meta name="DC.Subject.Keyword" content="Abstract" />
<meta name="DC.Subject.Keyword" content="Author" />
<meta name="DC.Subject.Keyword" content="Book Title" />
<meta name="DC.Subject.Keyword" content="Book" />
<meta name="DC.Subject.Keyword" content="Bookshelf" />
<meta name="DC.Subject.Keyword" content="Copyright Information" />
<meta name="DC.Subject.Keyword" content="Identifier" />
<meta name="DC.Subject.Keyword" content="National Center for Biotechnology Information" />
<meta name="DC.Subject.Keyword" content="Online Mendelian Inheritance in Man" />
<meta name="DC.Subject.Keyword" content="Publisher" />
<meta name="DC.Subject.Keyword" content="PubMed" />
<meta name="DC.Subject.Keyword" content="Really Simple Syndication" />
<meta name="DC.Subject.Keyword" content="Redesign" />
<meta name="DC.Subject.Keyword" content="Search bar" />
<meta name="DC.Subject.Keyword" content="Search Box" />
<meta name="DC.Subject.Keyword" content="Update" />
<link rel="stylesheet" href="../techBull.css" />
<link rel="alternate" type="application/rss+xml" title="RSS" href="/rss/techbull.rss" />
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-MT6MLL');</script>
<!-- End Google Tag Manager -->
</head>
<body link="#476B47" alink="#476B47" vlink="#476B47" text="#000000" bgcolor="#ffffff">
<!-- Google Tag Manager -->
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-MT6MLL" height="0" width="0" style="display:none;visibility:hidden" title="googletagmanager"></iframe></noscript>
<!-- End Google Tag Manager -->
<div id="skip"><a href="#skipnav">Skip to Main Content</a></div>
<a name="top" id="top"></a>
<div id="body" >
<div class="header">
<div class="shadow_bottom" align="left">
<div class="shadow_right">
<div class="shadow_corner">
<table class="title" width="100%" border="0" cellpadding="0" cellspacing="0" >
<col width="134" />
<col/>
<tr>
<td>
<img src="../new_tb_graphics/tb_header_logo.gif" alt="" width="134" height="64" align="top" />
</td>
<td id="titleCell">
<img id="titleImage" src="../new_tb_graphics/tb_header_title.gif" alt="NLM Technical Bulletin"
title="" align="top" border="0" height="26" width="335"/>
<div id="titleText">NLM Technical Bulletin</div>
<div>
<a href="//www.nlm.nih.gov/">National&nbsp;Library&nbsp;of&nbsp;Medicine</a> |
<a href="//www.nih.gov/">National&nbsp;Institutes&nbsp;of&nbsp;Health</a>
</div>
</td>
</tr></table>
</div></div></div></div>
<div class="header">
<div class="shadow_bottom" align="left">
<div class="shadow_right">
<div class="shadow_corner">
<table class="grid" width="100%" border="0" cellpadding="0" cellspacing="0">
<tr class="search" >
<td colspan="5" align="right">
<form method="get" action="//vsearch.nlm.nih.gov/vivisimo/cgi-bin/query-meta" target="_self" name="searchForm">
<label for="searchInput">Search</label>
<input name="query" type="text" id="searchInput" size="12" align="middle"/>
<input type="submit" id="searchGo" value="GO" />
<input type="hidden" name="v:project" value="technical-bulletin" />
<a href="/vsearchfaq.html">Help</a>
</form>
<img src="../new_tb_graphics/spacer.gif" width="10" height="1" border="0" alt="" />
</td>
</tr>
<tr align="center">
<td><a href="nd10_issue_cover.html">Table of Contents</a></td>
<td><a href="../rss.html" class="rssMenuCover">RSS</a></td>
<td><a href="../tb.html" class="homeMenuCover">Home</a></td>
<td><a href="../back_issues.html" class="issuesMenuCover">Back&nbsp;Issues</a></td>
<td><a href="../new_index.html" class="indexMenuCover">Indexes</a></td>
</tr>
<tr>
<td colspan="5"><span class="issueDateMenu" >2010 NOVEMBER&#8211;DECEMBER</span> <span class="issueNum">No. 377</span>
</td>
</tr>
</table>
</div></div></div></div>
<!-- header_end-->
<a name="skipnav" id="skipnav"></a>
<div id="content" class="article">
<div class="actions">November 23, 2010 <span class="status">[posted]</span>
</div>
<h1>Books with New Looks: The Bookshelf Redesign</h1>
<p>The books in <a href="//www.ncbi.nlm.nih.gov/books">Bookshelf</a> have been given a new look as part of a redesign that is taking place in several stages. The Bookshelf redesign goes beyond cosmetic enhancements; it includes infrastructural improvements to facilitate the discovery of information at the National Center for Biotechnology Information (NCBI).
</p>
<p>
The first (and completed) stage is the redesign that improves how all book pages are displayed. The table of contents page of every book now displays the book's bibliographic data, such as the book title, author, publisher, and copyright information. A thumbnail display of the book cover shows prominently and an abstract or excerpt from the book is displayed above the table of contents. On the right side of the page, related PubMed<span class="registered">&#174;</span> citations and history of recent activity may display (see <a href="#fig1">Figure 1</a>). Where available, links to other NCBI resources, such as Gene and OMIM, may also display. These new panels mark the ongoing work to create rich links between NCBI resources and to maximize discoverability of related materials.
</p>
<div class="figure" style="width: 622px;"> <a name="fig1" id="fig1"><img src="graphics/bookshelf_fig1.gif" alt="Screen capture of Table of contents page." title="Table of contents page." width="620" height="442" /><br /> <strong>Figure 1: Table of Contents page.</strong></a> </div>
<p>In common with PubMed, the blue NCBI header and search bar are displayed at the top of all pages, and at the bottom of each page the standard NCBI footer links to many NCBI resources. Click on “Bookshelf” (upper left on any page) to return to the homepage.</p>
<p>Once inside a book, all pages have been given a more balanced and clean layout. The text of the page is more readable through improved page layout, typography, and standardized headings. Figures can be quickly previewed: a large version of the image pops up over the page when you mouseover the thumbnail (see <a href="#fig2">Figure 2</a>). Clicking on the thumbnail opens the image in a new window and allows you to see the title and caption for the figure.
</p>
<div class="figure" style="width: 622px;"> <a name="fig2" id="fig2"><img src="graphics/bookshelf_fig2.gif" alt="Screen capture of Preview of a large version of a small thumbnail image." title="Screen capture of Preview of a large version of a small thumbnail image." width="620" height="529" /><br /> <strong>Figure 2: Preview of a large version of a thumbnail image.</strong></a> </div>
<p>From the interior pages of a book, searching within the book is the default, however, you can expand the search to the whole Bookshelf, or search any of the other NCBI resources by choosing a different option from the dropdown menu next to the search box (see <a href="#fig3">Figure 3</a>). </p>
<div class="figure" style="width: 622px;"> <a name="fig3" id="fig3"><img src="graphics/bookshelf_fig3.gif" alt="Screen capture of Search dropdown menu." title="Screen capture of Search dropdown menu." width="620" height="380" /><br /> <strong>Figure 3: Search dropdown menu.</strong></a> </div>
<p>One of the main goals of the redesign was to improve navigation, and this has been achieved in a number of ways.</p>
<!--
<ol>
<li>A thumbnail of the book cover, basic bibliographic data, and a link to the table of contents page is available on each page within a book, so that a reader, who lands there from a search or link, can quickly learn about the book and easily get to the book's table of contents page (see <a href="#fig4">Figure 4</a>). <br /></li>
<li>It is now easy for the reader to navigate within each page using the improved "In this Page" and "Go to" links (see <a href="#fig5">Figure 5</a>). <br /></li>
<li>The reader is now able to quickly navigate to different parts of the book via the dropdown table of contents (see <a href="#fig6">Figure 6</a>) found on each page within a book. <br /></li>
<li>"Next" and "Previous" buttons that appear at the top and bottom of every page allow (see <a href="#fig7">Figure 7</a>) the reader to quickly move forward or backwards through the book.<br /></li>
</ol>
-->
<p>On every book page, brief bibliographic information is available, and you can click on the "Table of Contents Page" link or the image of the book cover to return to the first page of the book (see <a href="#fig4">Figure 4</a>).</p>
<div class="figure" style="width: 622px;"> <a name="fig4" id="fig4"><img src="graphics/bookshelf_fig4.gif" alt="Screen capture of Book cover, brief bibliographic information, and the table of contents link displayed on each page within a book." title="Book cover, brief bibliographic information, and the table of contents link displayed on each page within a book." width="620" height="181" /><br /> <strong>Figure 4: Book cover, brief bibliographic information, and the Table of Contents Page <br />links displayed on each page within a book.</strong></a> </div>
<p>Use the "Go to" menu to access links to other sections within the page. The titles of sections within the page are also listed on the right (see<a href="#fig5"> Figure 5</a>). Each section also has a top link to quickly take you to the top of the page.</p>
<div class="figure" style="width: 622px;"> <a name="fig5" id="fig5"><img src="graphics/bookshelf_fig5.gif" alt="Screen capture of Navigation within the page." title="Navigation within the page." width="620" height="368" /><br /> <strong>Figure 5: Navigation within the page.</strong></a> </div>
<p>There are several ways to access the Table of Contents Page from within the book (see <a href="#fig6">Figure 6</a>):</p>
<ol>
<li>Click on "Contents" for a preview of the table of contents.</li>
<li>Click on the "Table of Contents Page" link.</li>
<li>Click on the image of the book cover or the "Table of Contents Page" link that appears below it.<br /></li>
</ol>
<div class="figure" style="width: 622px;"> <a name="fig6" id="fig6"><img src="graphics/bookshelf_fig6.gif" alt="Screen capture of Contents link showing the dropdown table of contents." title="Contents link showing the dropdown table of contents." width="620" height="466" /><br /> <strong>Figure 6: Contents link showing the dropdown table of contents.</strong></a> </div>
<p>
Next and Previous buttons at the top and bottom of every page allow you to quickly move forward or backwards through the book (see <a href="#fig7">Figure 7</a>).
</p>
<div class="figure" style="width: 622px;"> <a name="fig7" id="fig7"><img src="graphics/bookshelf_fig7.gif" alt="Screen capture of Next and Previous buttons." title="Next and Previous buttons." width="620" height="144" /><br /> <strong>Figure 7: Next and Previous buttons appear at the top and bottom of every page.</strong></a> </div>
<!--JZ needs to get back to the para below -->
<p>The URL for each book or book unit, such as a chapter, includes an accession identifier. Links to books created using the previous URL format will be preserved through redirection.</p>
<p>A copyright link at the bottom of each page takes you to a copyright page that links to all the publishers' copyright information pages.</p>
<!--
<p>The next steps for Bookshelf include a new homepage and a redesigned search engine with new search filters and limits; a new browse tool; and new pages highlighting new and featured content. Stay tuned for more information! </p>
-->
<p>
The next steps for Bookshelf include a new homepage and a redesigned search interface; a new browse tool; and new pages highlighting new and featured content. Stay tuned for more information!
</p>
<p>Bookshelf has added many new titles in the last year. Be sure to sign up for the <a href="//www.ncbi.nlm.nih.gov/feed/rss.cgi?ChanKey=bookshelfnews">Bookshelf RSS feed</a>, to stay in the loop about design updates and the new books and resources available in Bookshelf. </p>
<p class="authors">
By
Laura Dean, Rebecca Orris, and Marilu Hoeppner <br />Bookshelf, Electronic Literature Services<br />
National Center for Biotechnology Information<br />
</p>
<img src="../new_tb_graphics/black_pixel.gif" width="450" height="1" alt="" />
<!--************************CHANGE CITATION INFORMATION BELOW*****************************-->
<p class="citation">Dean L, Orris R, Hoeppner M. Books with New Looks: The Bookshelf Redesign. NLM Tech Bull. 2010 Nov-Dec;(377):e9. </p>
<!--************************END CITATION INFORMATION**************************************-->
</div><!-- end of content -->
<div class="header" align="center">
<div class="shadow_bottom" align="left">
<div class="shadow_right">
<div class="shadow_corner">
<table class="grid" width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<a href="nd10_pmc_pub_access.html" title="Previous Page">PREVIOUS</a>
</td><td>
<span class="issueDateMenu" >
2010 NOVEMBER&#8211;DECEMBER</span> <span class="issueNum">No. 377</span>
</td>
<td class="gridNext">
<a href="nd10_cataloging_news_2011.html" title="Next Article">NEXT</a>
</td>
</tr>
<tr>
<td>
<a href="/pubs/techbull/stay_current.html" class="gridBottomLeft">Stay Current <img src="/pubs/techbull/new_tb_graphics/footer_icons_14h.gif" alt="E-Mail Sign Up"/></a>
</td><td class="gridBottomRight" colspan="2">
<a href="../tb.html" class="homeMenu">Home</a>
<a href="../back_issues.html" class="issuesMenu">Back&nbsp;Issues</a>
<a href="../new_index.html" class="indexMenu">Indexes</a>
</td>
</tr>
</table>
</div></div></div></div>
<!-- BEGIN NLM FOOTER -->
<div class="footer">
<a href="/">National Library of Medicine</a> 8600 Rockville Pike, Bethesda, MD 20894
<br>
<a href="//www.nlm.nih.gov/socialmedia/index.html">Connect with NLM</a>,
<a href="//www.nlm.nih.gov/web_policies.html">Web Policies</a>,
<a href="//www.nlm.nih.gov/careers/jobopenings.html">Careers</a>,
<a href="//www.nlm.nih.gov/accessibility.html">Accessibility</a>,
<a href="//www.usa.gov/">USA.gov</a>,
<a href="//www.hhs.gov/vulnerability-disclosure-policy/index.html">HHS Vulnerability Disclosure</a>
<br>
<a href="//www.nih.gov/">NIH</a>,
<a href="https://www.hhs.gov/">HHS</a>,
<a href="//www.nih.gov/institutes-nih/nih-office-director/office-communications-public-liaison/freedom-information-act-office">FOIA</a>,
<a class="supportLink" href="//support.nlm.nih.gov?from=" target="_blank">NLM Support Center</a>
</div>
</div><!-- body -->
<!--*****************************Content end*******************************-->
<script src="//assets.nlm.nih.gov/jquery/jquery-latest.min.js"></script>
<script src="/scripts/support.js"></script>
<script src="/core/nlm-notifyExternal/1.0/nlm-notifyExternal.min.js"></script>
</body>
</html>