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

242 lines
13 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=8;" />
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@NLM_NIH">
<meta name="twitter:title" content="MedlinePlus Mobile Update: Full Access from Your Phone. NLM Technical Bulletin. 2014 Sep&#8211;Oct">
<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="MedlinePlus Mobile Update: Full Access from Your Phone. NLM Technical Bulletin. 2014 Sep&#8211;Oct" />
<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" />
<link type="text/css" href="/pubs/techbull/styles/reset.css" rel="stylesheet" />
<link type="text/css" href="/pubs/techbull/styles/technicalBulletin.css" rel="stylesheet" />
<!--Call jQuery-->
<script src="//assets.nlm.nih.gov/jquery/jquery-latest.min.js"></script>
<script src="//assets.nlm.nih.gov/jquery/jquery-migrate-latest.min.js"></script>
<script src="/pubs/techbull/scripts/techbull.js" type="text/javascript" language="javascript"></script>
<!--[if lte IE 8]>
<script type="text/javascript" src="/scripts/PIE.js"></script>
<![endif]-->
<link type="text/css" href="/pubs/techbull/styles/print.css" rel="stylesheet" media="print"/>
<title>MedlinePlus Mobile Update: Full Access from Your Phone. NLM Technical Bulletin. 2014 Sep&#8211;Oct</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="MedlinePlus Mobile Update: Full Access from Your Phone" />
<meta name="DC.Publisher" content="U.S. National Library of Medicine" />
<meta name="DC.Date.Issued" content="2014-10-10" />
<meta name="DC.Date.Modified" content="2014-10-22" />
<meta name="NLMDC.Date.LastReviewed" content="2014-10-22" />
<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" />
<!-- 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>
<!-- 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 class="skipnavigation"><a title="Skip the navigation on this page" href="#skipnav" class="skipnavigation">Skip Navigation Bar</a></div>
<div>
<div class="header">
<img src="/pubs/techbull/images/tb_logo_113.jpg" alt="National Library of Medicine Technical Bulletin" title="National Library of Medicine Technical Bulletin" /><img src="/pubs/techbull/images/nlm_masthead_113.jpg" alt="National Library of Medicine Technical Bulletin" title="National Library of Medicine Technical Bulletin" usemap="#nlm_masthead_113" />
</div>
<div class="search_box">
<form method="get" action="//vsearch.nlm.nih.gov/vivisimo/cgi-bin/query-meta" target="_self" name="searchForm" class="searchForm">
<label class="displaynone" for="search">Search</label>
<input name="query" id="search" type="text" class="search-input inactive" size="50" onfocus="this.value=''" value="Search here for NLM Technical Bulletin articles" aria-label="Search NLM Technical Bulletin">
<input type="hidden" name="v:project" value="technical-bulletin">
</form>
</div>
</div>
<div id="nav">
<!--Open drop-->
<ul class="topnav">
<li class="currentissue"><a href="//www.nlm.nih.gov/pubs/techbull/current_issue.html">Current Issue</a> <img class="separator" src="/pubs/techbull/images/whitelinetransparentbackground.gif " alt=""/></li>
<li class="archive"><a href="//www.nlm.nih.gov/pubs/techbull/back_issues.html">Previous Issues</a> <img class="separator" src="/pubs/techbull/images/whitelinetransparentbackground.gif " alt=""/></li>
<li class="about"><a href="//www.nlm.nih.gov/pubs/techbull/about.html">About</a> <img class="separator" src="/pubs/techbull/images/whitelinetransparentbackground.gif " alt=""/></li>
<li class="staycurrent"><a href="//www.nlm.nih.gov/pubs/techbull/stay_current.html">Stay Current <img class="emaillogo" src="/pubs/techbull/images/email_20px.gif" alt="E-Mail Sign Up" style="margin-top: -4px;"/> <img class="rsslogo" src="/pubs/techbull/images/rss_20px.gif" alt="RSS Feed" style="margin-top: -4px;"/></a></li>
</ul>
<!--Close drop-->
</div>
<div class="body">
<a id="skipnav" name="skipnav"></a>
<div class="syndicate">
<p class="tableOfContents"><strong>Table of Contents: <a href="/pubs/techbull/so14/so14_issue_cover.html">2014 SEPTEMBER&#8211;OCTOBER No. 400</a></strong></p>
<p class="prevnext"><span class="buttons">
<span class="previous"><a href="so14_pm_mobile.html">Previous</a></span> <span class="next"><a href="so14_rxclass.html">Next</a></span>
</span></p>
<hr class="hr1" />
<h1 class="articleH1">MedlinePlus Mobile Update: Full Access from Your Phone</h1>
<p class="tbyearmonth">Jentsch J, Huston M, Robison R. MedlinePlus Mobile Update: Full Access from Your Phone. NLM Tech Bull. 2014 Sep-Oct;(400):e12.</p>
<div class="articleactions">2014 October 22 <span class="status">[posted]</span>
</div>
<div class="articleParagraph">
<p>The National Library of Medicine (NLM) released new versions of the MedlinePlus and MedlinePlus en espa&#241;ol mobile sites in October 2014. The mobile sites can be accessed at <a href="//m.medlineplus.gov">//m.medlineplus.gov</a> and <a href="//m.medlineplus.gov/spanish/">//m.medlineplus.gov/spanish/</a>, respectively (see <a href="#fig1">Figure 1</a>).
</p>
<p>Like the <a href="//www.nlm.nih.gov/pubs/techbull/jf10/jf10_mobile_mplus.html">original 2010 versions</a>, these newly redesigned sites are optimized for mobile phones and tablets. Unlike the original mobile sites that contained only a subset of the information available on MedlinePlus, the new sites have all the content that you will find on <a href="//www.nlm.nih.gov/medlineplus/">MedlinePlus</a> and <a href="//www.nlm.nih.gov/medlineplus/spanish/medlineplus.html">MedlinePlus en espa&#241;ol</a>. They also have an improved design for easier use on mobile devices.
</p>
<a name="fig1"></a>
<div class="figure" style="width: 650px;"> <img src="/pubs/techbull/so14/graphics/medlineplus_fig1.png" alt="Screen capture of the new mobile homepage designs for MedlinePlus and MedlinePlus en espa&#241;ol." title="Screen capture of PubMed Mobile homepage" width="650" height="507" /><br /> <strong>Figure 1: New mobile homepage designs for MedlinePlus and MedlinePlus en espa&#241;ol.</strong>
</div>
<h2>
Features of the New Mobile Sites
</h2>
<p>
The key features of the redesigned mobile sites are:
</p>
<ul>
<li>Access to all the content available on MedlinePlus and MedlinePlus en espa&#241;ol (see <a href="#fig2">Figure 2</a>)</li>
<li>Improved navigation using menus to access search and major areas of the site (see Figures <a href="#fig2">2</a> and <a href="#fig3">3</a>)</li>
<li>Enhanced page navigation with the ability to open and close sections within pages (see <a href="#fig4">Figure 4</a>)</li>
<li>Updated look and feel with a refreshed design</li>
</ul>
<a name="fig2"></a>
<div class="figure" style="width: 650px"> <img src="/pubs/techbull/so14/graphics/medlineplus_fig2.png" alt="Screen capture of the menus to access major content areas of the site and the site search." title="Screen capture of the menus to access major content areas of the site and the site search" width="650" height="553" /><br /> <strong>Figure 2: Use the menus to access major content areas of the site and the site search.</strong>
</div>
<a name="fig3"></a>
<div class="figure" style="width: 300px;"> <img src="/pubs/techbull/so14/graphics/medlineplus_fig3.png" alt="Screen capture of a health topic page on your mobile phone." title="Screen capture of a health topic page on your mobile phone" width="300" height="526" /><br /> <strong>Figure 3: A health topic page on your mobile device.</strong>
</div>
<a name="fig4"></a>
<div class="figure" style="width: 300px;"> <img src="/pubs/techbull/so14/graphics/medlineplus_fig4.png" alt="Screen capture of open and closed sections of the page for easier reading on a mobile phone." title="Screen capture of open and closed sections of the page for easier reading on a mobile phone" width="300" height="455" /><br /> <strong>Figure 4: Open and close sections of the page for easier reading on a mobile device.</strong>
</div>
<p>You can access the mobile version of any page on MedlinePlus by clicking the "Mobile version" ("Versi&#243;n m&#243;vil") link in the page footer. The "Desktop version" ("Ver p&#225;gina no optimizada para m&#243;viles") link in each mobile page footer takes you to the same page on the current "desktop" site.
</p>
<h2>Responsive Design for MedlinePlus
</h2>
<p>The release of the new mobile version is the first phase in a plan to redesign MedlinePlus and MedlinePlus en espa&#241;ol to behave responsively. Responsively-designed websites automatically change their layouts to fit the screen of the device on which they are viewed, whether that is a large desktop monitor or a small mobile touchscreen. A user viewing a responsive site on a mobile phone will be able to navigate and search with a minimum of scrolling or zooming.
</p>
<p>In the next phase, the MedlinePlus team will launch a fully responsive design that will allow for a consistent user experience from any point of access, whether desktop, tablet, or phone. This will remove the need for separate mobile sites for MedlinePlus and MedlinePlus en espa&#241;ol. NLM will release fully responsive versions of MedlinePlus and MedlinePlus en espa&#241;ol in Spring 2015. Following that release, NLM will retire the mobile URLs (m.medlineplus.gov, m.medlineplus.gov/spanish). Users will then have one destination for MedlinePlus (<a href="//www.medlineplus.gov">www.medlineplus.gov</a> or <a href="//www.medlineplus.gov/spanish">www.medlineplus.gov/spanish</a>) when using any device.
</p>
<p>Until then, try out the first offering of the MedlinePlus responsive design on your smartphone. Visit the latest versions of MedlinePlus Mobile in <a href="//m.medlineplus.gov">English</a> and in <a href="//m.medlineplus.gov/spanish">Spanish</a>.
</p>
</div>
<p class="articleParagraph">
By
Jennifer Jentsch, Melanie Huston, and Rex Robison<br />
Public Services Division<br />
</p>
</div>
<div class="footer">
<p class="footerLeft"><span class="footerissn"><strong>ISSN 2161-2986 (Online)</strong> Content not copyrighted; freely reproducible.</span><br/>
<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/" id="anch_34">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>
</p>
<p class="footerRight">
<strong>Last updated:</strong> 22 October 2014</p>
</div>
</div>
<map id="nlm_masthead_113" name="nlm_masthead_113">
<area shape="rect" alt="NLM Technical Bulletin" coords="1,15,396,45" href="//www.nlm.nih.gov/pubs/techbull/tb.html" title="NLM Technical Bulletin" />
<area shape="rect" alt="National Library of Medicine" coords="0,47,203,62" href="//www.nlm.nih.gov/" title="National Library of Medicine" />
<area shape="rect" coords="207,47,396,62" href="//www.nih.gov/" alt="National Institutes of Health" title="" />
</map>
<!--*****************************Content end*******************************-->
<script src="/scripts/support.js"></script>
<script src="/core/nlm-notifyExternal/1.0/nlm-notifyExternal.min.js"></script>
</body>
</html>