diff options
Diffstat (limited to 'docs/html/distribute/essentials')
| -rw-r--r-- | docs/html/distribute/essentials/best-practices/apps.jd | 22 | ||||
| -rw-r--r-- | docs/html/distribute/essentials/best-practices/games.jd | 20 | ||||
| -rw-r--r-- | docs/html/distribute/essentials/essentials_toc.cs | 6 | ||||
| -rw-r--r-- | docs/html/distribute/essentials/gpfe-guidelines.jd | 509 | ||||
| -rw-r--r-- | docs/html/distribute/essentials/optimizing-your-app.jd | 50 | ||||
| -rw-r--r-- | docs/html/distribute/essentials/quality/core.jd | 64 | ||||
| -rw-r--r-- | docs/html/distribute/essentials/quality/tablets.jd | 64 |
7 files changed, 106 insertions, 629 deletions
diff --git a/docs/html/distribute/essentials/best-practices/apps.jd b/docs/html/distribute/essentials/best-practices/apps.jd index 055a349..bbac727 100644 --- a/docs/html/distribute/essentials/best-practices/apps.jd +++ b/docs/html/distribute/essentials/best-practices/apps.jd @@ -17,7 +17,7 @@ page.metaDescription=Essential tips for launching successful apps in Google Play <p>The following best practices have enabled developers worldwide to build great, successful apps for Google Play.</p> <div class="headerLine"> -<h1 id="essentials">Get the Essentials Right</h1><hr> +<h2 id="essentials">Get the Essentials Right</h2> </div> <h3>1. Make it Android</h3> @@ -82,11 +82,11 @@ page.metaDescription=Essential tips for launching successful apps in Google Play </ul> <div class="headerLine"> - <h1 id="users"> + <h2 id="users"> Get Users - </h1> + </h2> + - <hr> </div> <h3> @@ -150,11 +150,11 @@ page.metaDescription=Essential tips for launching successful apps in Google Play </ul> <div class="headerLine"> - <h1 id="engage"> + <h2 id="engage"> Engage and Retain - </h1> + </h2> + - <hr> </div> <h3> @@ -211,11 +211,11 @@ page.metaDescription=Essential tips for launching successful apps in Google Play </ul> <div class="headerLine"> - <h1 id="beyond"> + <h2 id="beyond"> Beyond the Basics - </h1> + </h2> + - <hr> </div> <ul> @@ -249,7 +249,7 @@ page.metaDescription=Essential tips for launching successful apps in Google Play </ul> <div class="headerLine"> -<h1 id="related-resources">Related Resources</h1><hr> +<h2 id="related-resources">Related Resources</h2> </div> <div class="resource-widget resource-flow-layout col-13" diff --git a/docs/html/distribute/essentials/best-practices/games.jd b/docs/html/distribute/essentials/best-practices/games.jd index ac1df44..c4ce66e 100644 --- a/docs/html/distribute/essentials/best-practices/games.jd +++ b/docs/html/distribute/essentials/best-practices/games.jd @@ -20,11 +20,11 @@ page.metaDescription=Essential tips for launching successful games in Google Pla </p> <div class="headerLine"> - <h1 id="users"> + <h2 id="users"> Get Users - </h1> + </h2> + - <hr> </div> <h3> @@ -111,11 +111,11 @@ page.metaDescription=Essential tips for launching successful games in Google Pla </ul> <div class="headerLine"> - <h1 id="engage"> + <h2 id="engage"> Engage and Retain - </h1> + </h2> + - <hr> </div> <h3> @@ -213,11 +213,11 @@ page.metaDescription=Essential tips for launching successful games in Google Pla </ul> <div class="headerLine"> - <h1 id="beyond"> + <h2 id="beyond"> Beyond the Basics - </h1> + </h2> + - <hr> </div> <ul> @@ -249,7 +249,7 @@ page.metaDescription=Essential tips for launching successful games in Google Pla </ul> <div class="headerLine"> -<h1 id="related-resources">Related Resources</h1><hr> +<h2 id="related-resources">Related Resources</h2> </div> <div class="resource-widget resource-flow-layout col-13" diff --git a/docs/html/distribute/essentials/essentials_toc.cs b/docs/html/distribute/essentials/essentials_toc.cs index 7084fdd..d0a1114 100644 --- a/docs/html/distribute/essentials/essentials_toc.cs +++ b/docs/html/distribute/essentials/essentials_toc.cs @@ -11,12 +11,6 @@ </div> </li> <li class="nav-section"> - <div class="nav-section empty" style="font-weight:normal"><a href="<?cs var:toroot?>distribute/essentials/gpfe-guidelines.html"> - <span class="en">Education Guidelines</span> - </a> - </div> - </li> - <li class="nav-section"> <div class="nav-section empty" style="font-weight:normal"><a href="<?cs var:toroot?>distribute/essentials/optimizing-your-app.html"> <span class="en">Optimize Your App</span> </a> diff --git a/docs/html/distribute/essentials/gpfe-guidelines.jd b/docs/html/distribute/essentials/gpfe-guidelines.jd deleted file mode 100644 index 799009f..0000000 --- a/docs/html/distribute/essentials/gpfe-guidelines.jd +++ /dev/null @@ -1,509 +0,0 @@ -page.title=Education Guidelines -page.metaDescription=These guidelines and requirements help you develop great apps for students, which offer compelling content and an intuitive user experience on Android tablets. -page.image=/distribute/images/edu-guidelines.jpg -Xnonavpage=true - -@jd:body - - -<div id="qv-wrapper"><div id="qv"> -<h2>Guidelines</h2> -<ol> -<li><a href="#basic-reqts">Basic Requirements</a></li> -<li><a href="#monetizing-ads">Monetizing and Ads</a></li> -<li><a href="#e-value">Educational Value</a></li> -<li><a href="#quality">App Quality</a></li> -<li><a href="#related-resources">Related Resources</a></li> -</ol> - -<h2> - Testing -</h2> - -<ol> - <li> - <a href="#test-environment">Setting Up a Test Environment</a> - </li> -</ol> - -</div></div> - -<div style="margin:0 0 1em 0;"> - <img src="{@docRoot}distribute/images/edu-guidelines.jpg" style= - "width:274px;"> -</div> - -<p> - These guidelines and requirements help you develop great apps for students, - which offer compelling content and an intuitive user experience on Android - tablets. -</p> - -<p> - You’ll also need to ensure that your apps comply with the terms of the - <a href= - "https://play.google.com/about/developer-distribution-agreement-addendum.html"> - Google Play for Education Addendum</a>, <a href= - "http://play.google.com/about/developer-content-policy.html">Google Play - Developer Program Policies</a>, and <a href= - "http://play.google.com/about/developer-distribution-agreement.html">Developer - Distribution Agreement</a>. -</p> - -<div class="headerLine clearfloat"> - <h1 id="basic-reqts"> - Basic Requirements - </h1> - - <hr> -</div> - -<p> - To participate, your apps must be designed for the K-12 market. The basic - requirements that your apps must meet are: -</p> - -<ul> - <li> - <p> - Apps and the ads they contain must not collect personally identifiable - information, other than user credentials or data required to operate and - improve the app. - </p> - </li> - - <li> - <p> - Apps must not use student data for purposes unrelated to its educational - function. - </p> - </li> - - <li> - <p> - Apps must have a content rating of "Everyone" or "Low Maturity" (apps - with a "Medium Maturity" rating are allowed, if they have that rating - solely because they allow communication between students). - </p> - </li> - - <li> - <p> - App content, including ads displayed by the app, must be consistent with - the app's maturity rating. The app must not display any "offensive" - content, as described in the <a href= - "http://play.google.com/about/developer-content-policy.html">Google Play - Developer Program Policies</a> and <a href= - "https://support.google.com/googleplay/android-developer/answer/188189">content-rating - guidelines</a>. - </p> - </li> - - <li> - <p> - Apps must comply with the Children’s Online Privacy Protection Act and - all other applicable laws and regulations. - </p> - </li> -</ul> - -<div class="headerLine"> - <h1 id="monetizing-ads"> - Monetizing and Ads - </h1> - - <hr> -</div> - -<p> - In-app purchase is currently not supported with Google Play for Education, so - a student device will block any transactions. To avoid confusion, be sure to - remove any in-app purchase buttons and related UI elements from your apps. - We’re investigating additional purchase mechanisms to enable more flexible - pricing models for developers and schools. -</p> - -<p> - If your apps are priced In Google Play for Education, you must allow Google - Play to offer teachers limited free trials before purchase (you provide this - through business terms only, no development work is needed.) -</p> - -<p> - You can only choose not to remove in-app purchasing from your apps where all - content and services are sold through Google Play for Education using In-app - Billing. If you choose not to remove In-app Billing features, ensure that: -</p> - -<ul> - <li> - <p> - Users can access your apps’ core functionality for a classroom setting - without an in-app purchase. - </p> - </li> - - <li> - <p> - In-app purchases are clearly identifiable in your UI. - </p> - </li> - - <li> - <p> - You declare the use of in-app purchases at <a href= - "{@docRoot}distribute/googleplay/edu/start.html#publish">opt-in</a>. - </p> - </li> -</ul> - -<p> - For each app that you publish, you can set a single price that applies to - both Google Play and Google Play for Education. You can’t set a different - price for a given app (based on a single package name) in Google Play for - Education. -</p> - -<p> - If your apps display ads, you should disable the display of ads if possible, - or ensure that: -</p> - -<ul> - <li>Ads are not distracting for students or teachers (this includes - Flash-based ads, video ads, and ads that flash or move) - </li> - - <li>Interstitial ads are not served in the app - </li> - - <li>Ad walls do not appear in the app UI - </li> - - <li>Ads do not occupy a significant portion of the screen - </li> - - <li>Ads content does not exceed the maturity rating of the app. - </li> - - <li> - <p> - You declare the use of ads at <a href= - "{@docRoot}distribute/googleplay/edu/start.html#publish">opt-in</a>. - </p> - </li> -</ul> - -<div class="headerLine"> - <h1 id="e-value"> - Educational Value - </h1> - - <hr> -</div> - -<div class="figure"> - <img src="{@docRoot}images/gp-e-value.png" class="border-img"> -</div> - -<p> - Apps submitted to Google Play for Education will be evaluated by a - third-party educator network, which will review them based on alignment with - <a href="http://www.corestandards.org/">Common Core Standards</a> and other - educational considerations. This will help make your content more - discoverable for teachers and administrators as they browse by grade level, - subject, core curriculum, and other parameters. -</p> - -<p> - Apps with highest educational value will have these characteristics: -</p> - -<ul> - <li> - <p> - Designed for use in K-12 classrooms. - </p> - </li> - - <li> - <p> - Aligned with a common core standard or support common-core learning. - </p> - </li> - - <li> - <p> - Simple, easy to use, and intuitive for the grade levels the apps are - targeting. Apps are relatively easy to navigate without teacher guidance. - Not distracting or overwhelming to students. - </p> - </li> - - <li> - <p> - Enjoyable and interactive. Apps are engaging to students and lets them - control their experience. - </p> - </li> - - <li> - <p> - Versatile. Apps have features that make them useful for more than one - classroom function or lesson throughout the school year. - </p> - </li> - - <li> - <p> - Supports the "4Cs": - </p> - - <ul> - <li> - <p> - <em>Creativity</em> — Allows students to create in order to - express understanding of the learning objectives, and try new - approaches, innovation, and invention to get things done. - </p> - </li> - - <li> - <p> - <em>Critical thinking</em> — Allows students to look at - problems in a new way, linking learning across subjects and - disciplines. - </p> - </li> - - <li> - <p> - <em>Collaboration</em> — Allows students and (if appropriate) - educators to work together to reach a goal. - </p> - </li> - - <li> - <p> - <em>Communication</em> — Allows students to comprehend, - critique and share thoughts, questions, ideas, and solutions. - </p> - </li> - </ul> - </li> -</ul> - -<p> - As you design and develop your apps, make sure they offer high educational - value by addressing as many of these characteristics as possible. -</p> - -<div class="headerLine"> - <h1 id="quality"> - App Quality - </h1> - - <hr> -</div> - -<div class="figure"> - <img src="{@docRoot}images/gp-edu-quality.png"> -</div> - -<p> - Your apps should be designed to perform well and look great on Android - tablets, and they should offer the best user experience possible. -</p> - -<p> - High quality apps are engaging, intuitive, and offer compelling content. - Google Play for Education will highlight high-quality apps for easy discovery - in the store. Here are some recommendations for making your app easy for - students and teachers to enjoy: -</p> - -<ul> - <li> - <p> - Meet the Core Quality Guidelines: - </p> - - <ul> - <li> - <p> - Follow <a href="{@docRoot}design/index.html">Android Design - Guidelines</a>. Pay special attention to the sections on <a href= - "{@docRoot}design/patterns/actionbar.html">Action Bar</a>, <a href= - "{@docRoot}design/patterns/navigation.html">Navigation</a>, and - <a href="{@docRoot}design/patterns/pure-android.html">Pure - Android</a>. - </p> - </li> - - <li> - <p> - Test your apps against the <a href= - "{@docRoot}distribute/essentials/quality/core.html">Core Quality - Guidelines</a>. - </p> - </li> - </ul> - </li> - - <li> - <p> - Meet the Tablet App Quality guidelines: - </p> - - <ul> - <li> - <p> - Follow our best practices for tablet app development. - </p> - </li> - - <li> - <p> - Review the <a href= - "{@docRoot}distribute/essentials/quality/tablets.html">Tablet App - Quality</a> guidelines and <a href= - "http://android-developers.blogspot.com/2012/11/designing-for-tablets-were-here-to-help.html"> - blog post on designing for tablets.</a> - </p> - - <ul> - <li>Check your Optimization Tips in the <a href= - "https://play.google.com/apps/publish/">Developer Console</a> (if - you've already uploaded your apps.) - </li> - </ul> - </li> - - <li> - <p> - Strive for simplicity and highest usability for students: - </p> - - <ul> - <li> - <p> - Design your app so that teachers and students can use all the - capabilities of your app without having to sign-in to multiple - accounts and remember multiple passwords. - </p> - </li> - - <li> - <p> - Every student or teacher using a Google Play for Education tablet - will already be signed in with a Google account on the device. - You can take advantage of that to provide a simple, seamless - sign-in experience in your app. A recommended approach is to use - <a href="{@docRoot}google/play-services/auth.html">Google OAuth 2 - authorization</a> through Google Play Services. - </p> - </li> - </ul> - </li> - </ul> - </li> -</ul> - -<div class="headerLine"> - <h1 id="test-environment"> - Test Environment - </h1> - - <hr> -</div> - -<p> - To test your app and assess it against the guidelines in this document, it's - recommended that you <a href= - "{@docRoot}distribute/essentials/quality/tablets.html#test-environment">set - up a test environment</a> that replicates the actual environment in which - students and teachers will run your app. -</p> - -<h3> - Test conditions -</h3> - -<p> - Make sure to test your apps under conditions that simulate those of schools. - For example, Google Play for Education lets administrators <a href= - "https://support.google.com/a/answer/182442?hl=en">control or disable certain - capabilities</a> for students, so it's good to test your app with those - capabilities disabled. Below are some conditions to test your apps for, to - ensure best results in the Google Play for Education environment: -</p> - -<ul> - <li> - <p> - <em>Android version</em> — Test the apps on devices running Android - 4.2. Google Play for Education devices will be running Android 4.2 or - higher (API level 17+). - </p> - </li> - - <li> - <p> - <em>Proxy server</em> — Test the apps in a network environment that - uses proxies. Many schools use proxies. - </p> - </li> - - <li> - <p> - <em>No location services</em> — Test the apps to make sure they - work properly with location services disabled. Many schools will disable - location services for student devices. - </p> - </li> - - <li> - <p> - <em>No In-app Billing</em> — Test the apps to make sure they work - properly without access to In-app Billing. In-app purchases are blocked - on Google Play for Education devices. - </p> - </li> - - <li> - <p> - <em>No Bluetooth</em> — Test the apps to make sure they work - properly when Bluetooth is disabled. Many schools will disable Bluetooth - on student devices. - </p> - </li> - - <li> - <p> - <em>No access to network</em> — Test the app to make sure it works - properly when the device cannot connect to the internet. - </p> - </li> -</ul> - -<div class="headerLine"> -<h1>Related Resources</h1><hr> -</div> - -<div class="dynamic-grid"> -<h3>FOR DEVELOPERS</h3> - -<div class="resource-widget resource-flow-layout col-13" - data-query="collection:distribute/essentials/eduessentials/developers" - data-sortOrder="-timestamp" - data-cardSizes="6x3,6x3,6x3" - data-maxResults="6"></div> - -<h3>FOR TEACHERS AND EDUCATORS</h3> - -<div class="resource-widget resource-flow-layout col-13" - data-query="collection:distribute/essentials/eduessentials/educators" - data-sortOrder="-timestamp" - data-cardSizes="6x3,6x3,6x3" - data-maxResults="3"></div> -</div>
\ No newline at end of file diff --git a/docs/html/distribute/essentials/optimizing-your-app.jd b/docs/html/distribute/essentials/optimizing-your-app.jd index 3fe91b28..696ef53 100644 --- a/docs/html/distribute/essentials/optimizing-your-app.jd +++ b/docs/html/distribute/essentials/optimizing-your-app.jd @@ -53,11 +53,11 @@ page.image=/distribute/images/gp-optimize-card.jpg </p> <div class="headerLine"> - <h1 id="listen-to-your-users"> + <h2 id="listen-to-your-users"> Listen to Your Users - </h1> + </h2> + - <hr> </div> <div class="figure"> @@ -147,11 +147,11 @@ page.image=/distribute/images/gp-optimize-card.jpg </p> <div class="headerLine" id="measuring-analyzing-responding"> - <h1> + <h2> Measuring, Analyzing, and Responding to User Behavior - </h1> + </h2> + - <hr> </div> <div class="figure"> @@ -260,11 +260,11 @@ who can help automate, measure, and optimize your mobile marketing. </p> <div class="headerLine"> - <h1 id="improve-stability"> + <h2 id="improve-stability"> Improve Stability and Eliminate Bugs - </h1> + </h2> + - <hr> </div> <p> @@ -298,11 +298,11 @@ who can help automate, measure, and optimize your mobile marketing. </p> <div class="headerLine"> - <h1 id="improve-ui"> + <h2 id="improve-ui"> Improve UI Responsiveness - </h1> + </h2> + - <hr> </div> <div class="figure"> @@ -352,11 +352,11 @@ who can help automate, measure, and optimize your mobile marketing. </p> <div class="headerLine"> - <h1 id="improve-usability"> + <h2 id="improve-usability"> Improve Usability - </h1> + </h2> + - <hr> </div> <div class="sidebox-wrapper" style="float:right;"> @@ -403,11 +403,11 @@ who can help automate, measure, and optimize your mobile marketing. </p> <div class="headerLine"> - <h1 id="professional-appearance"> + <h2 id="professional-appearance"> Professional Appearance and Aesthetics - </h1> + </h2> + - <hr> </div> <p> @@ -439,11 +439,11 @@ who can help automate, measure, and optimize your mobile marketing. </p> <div class="headerLine"> - <h1 id="deliver-features"> + <h2 id="deliver-features"> Deliver the Right Set of Features - </h1> + </h2> + - <hr> </div> <p> @@ -464,11 +464,11 @@ who can help automate, measure, and optimize your mobile marketing. </p> <div class="headerLine"> - <h1 id="integrate"> + <h2 id="integrate"> Integrate with the System and Third-Party apps - </h1> + </h2> + - <hr> </div> <p> @@ -502,7 +502,7 @@ who can help automate, measure, and optimize your mobile marketing. </p> <div class="headerLine"> -<h1 id="related-resources">Related Resources</h1><hr> +<h2 id="related-resources">Related Resources</h2> </div> <div class="resource-widget resource-flow-layout col-13" data-query="collection:distribute/essentials/optimizing, tag:addia" diff --git a/docs/html/distribute/essentials/quality/core.jd b/docs/html/distribute/essentials/quality/core.jd index 558b030..cfe1a2a 100644 --- a/docs/html/distribute/essentials/quality/core.jd +++ b/docs/html/distribute/essentials/quality/core.jd @@ -63,12 +63,12 @@ page.image=/distribute/images/core-quality-guidelines.jpg Guidelines</a>. </p> -<div class="headerLine clearfloat"> - <h1 id="ux"> +<div class="headerLine"> + <h2 id="ux"> Visual Design and User Interaction - </h1> + </h2> + - <hr> </div> <p> @@ -234,9 +234,7 @@ page.image=/distribute/images/core-quality-guidelines.jpg </tr> </table> -<h3> - Related Resources -</h3> +<h3 class="rel-resources clearfloat">Related resources</h3> <div class="resource-widget resource-flow-layout col-13" data-query= "collection:distribute/essentials/corequalityguidelines/visualdesign" @@ -244,12 +242,12 @@ data-sortorder="-timestamp" data-cardsizes="9x3,9x3,6x3,6x3,6x3" data-maxresults="6"> </div> -<div class="headerLine clearfloat"> - <h1 id="fn"> +<div class="headerLine"> + <h2 id="fn"> Functionality - </h1> + </h2> + - <hr> </div> <p> @@ -509,21 +507,19 @@ data-maxresults="6"> </tr> </table> -<h3> - Related Resources -</h3> +<h3 class="rel-resources clearfloat">Related resources</h3> <div class="resource-widget resource-flow-layout col-13" data-query= "collection:distribute/essentials/corequalityguidelines/functionality" data-sortorder="-timestamp" data-cardsizes="6x3" data-maxresults="6"> </div> -<div class="headerLine clearfloat"> - <h1 id="ps"> +<div class="headerLine"> + <h2 id="ps"> Performance and Stability - </h1> + </h2> + - <hr> </div> <p> @@ -670,21 +666,19 @@ data-sortorder="-timestamp" data-cardsizes="6x3" data-maxresults="6"> </tr> </table> -<h3> - Related Resources -</h3> +<h3 class="rel-resources clearfloat">Related resources</h3> <div class="resource-widget resource-flow-layout col-13" data-query= "collection:distribute/essentials/core/performance" data-sortorder="-timestamp" data-cardsizes="6x3" data-maxresults="6"> </div> -<div class="headerLine clearfloat"> - <h1 id="listing"> +<div class="headerLine"> + <h2 id="listing"> Google Play - </h1> + </h2> + - <hr> </div> <p> @@ -819,21 +813,19 @@ data-cardsizes="6x3" data-maxresults="6"> </tr> </table> -<h3> - Related Resources -</h3> +<h3 class="rel-resources clearfloat">Related resources</h3> <div class="resource-widget resource-flow-layout col-13" data-query= "collection:distribute/essentials/core/play" data-sortorder="-timestamp" data-cardsizes="6x3,6x3,6x3,6x3,6x3,6x3" data-maxresults="6"> </div> -<div class="headerLine clearfloat"> - <h1 id="test-environment"> +<div class="headerLine"> + <h2 id="test-environment"> Setting Up a Test Environment - </h1> + </h2> + - <hr> </div> <p> @@ -863,12 +855,12 @@ data-cardsizes="6x3,6x3,6x3,6x3,6x3,6x3" data-maxresults="6"> increase the number or complexity of tests and quality criteria. </p> -<div class="headerLine clearfloat"> - <h1 id="tests"> +<div class="headerLine"> + <h2 id="tests"> Test Procedures - </h1> + </h2> + - <hr> </div> <p> diff --git a/docs/html/distribute/essentials/quality/tablets.jd b/docs/html/distribute/essentials/quality/tablets.jd index 7dfab48..2b2a5ae 100644 --- a/docs/html/distribute/essentials/quality/tablets.jd +++ b/docs/html/distribute/essentials/quality/tablets.jd @@ -52,7 +52,7 @@ Xnonavpage=true help you address each recommendation included. </p> -<div class="headerLine"><h1 id="core-app-quality">1. Test for Basic Tablet App Quality</h1><hr></div> +<div class="headerLine"><h2 id="core-app-quality">1. Test for Basic Tablet App Quality</h2></div> <p>The first step in delivering a great tablet app experience is making sure that it meets the <em>core app quality criteria</em> for all of the devices @@ -78,8 +78,8 @@ Before publishing, also ensure that your app passes the basic technical checks a Tips page</a>.</p> -<div class="headerLine clearfloat"> -<h1 id="optimize-layouts">2. Optimize Layouts for Larger Screens</h1><hr></div> +<div class="headerLine"> +<h2 id="optimize-layouts">2. Optimize Layouts for Larger Screens</h2></div> <p> Android makes it easy to develop an app that runs well on a wide range of @@ -158,7 +158,7 @@ across the screen:</p> multi-pane UI for tablets (see next section).</li> </ul> -<h3>Related resources</h3> +<h3 class="rel-resources clearfloat">Related resources</h3> <div class="resource-widget resource-flow-layout col-13" data-query="collection:distribute/essentials/tabletguidelines/optimize" @@ -167,7 +167,7 @@ multi-pane UI for tablets (see next section).</li> data-maxResults="6"></div> -<div class="headerLine clearfloat"><h1 id="use-extra-space">3. Take Advantage of Extra Screen Area</h1><hr></div> +<div class="headerLine"><h2 id="use-extra-space">3. Take Advantage of Extra Screen Area</h2></div> <div style="width:340px;float:right;margin:1.5em;margin-bottom:0;margin-top:0;"> <img src="{@docRoot}images/training/app-navigation-multiple-sizes-multipane-good.png" @@ -219,7 +219,7 @@ different layouts in the appropriate screen size buckets (such as <code>sw600dp</code>/<code>sw720</code>).</li> </ul> -<h3>Related resources</h3> +<h3 class="rel-resources clearfloat">Related resources</h3> <div class="resource-widget resource-flow-layout col-13" data-query="collection:distribute/essentials/tabletguidelines/extrascreen" @@ -227,7 +227,7 @@ different layouts in the appropriate screen size buckets (such as data-cardSizes="6x3,6x3,6x3" data-maxResults="6"></div> -<div class="headerLine clearfloat"><h1 id="use-tablet-icons">4. Use Assets Designed for Tablet Screens</h1><hr></div> +<div class="headerLine"><h2 id="use-tablet-icons">4. Use Assets Designed for Tablet Screens</h2></div> <div><img src="{@docRoot}design/media/devices_displays_density@2x.png"></div> @@ -308,7 +308,7 @@ icon at the highest density possible. For example, if a tablet has an {@code xhd it will request the {@code xxhdpi} version of the launcher icon.</li> </ul> -<h3>Related resources</h3> +<h3 class="rel-resources clearfloat">Related resources</h3> <div class="resource-widget resource-flow-layout col-13" data-query="collection:distribute/essentials/tabletguidelines/assets" @@ -316,8 +316,8 @@ it will request the {@code xxhdpi} version of the launcher icon.</li> data-cardSizes="9x3" data-maxResults="6"></div> -<div class="headerLine clearfloat"><h1 id="adjust-font-sizes">5. -Adjust Font Sizes and Touch Targets</h1><hr></div> +<div class="headerLine"><h2 id="adjust-font-sizes">5. +Adjust Font Sizes and Touch Targets</h2></div> <p>To make sure your app is easy to use on tablets, take some time to adjust the font sizes and touch targets in your tablet UI, for all of the screen @@ -345,7 +345,7 @@ larger touch targets. </li> or just centering the icon within the transparent button.</li> </ul> -<h3>Related resources</h3> +<h3 class="rel-resources clearfloat">Related resources</h3> <div class="resource-widget resource-flow-layout col-13" data-query="collection:distribute/essentials/tabletguidelines/fonts" @@ -353,7 +353,7 @@ or just centering the icon within the transparent button.</li> data-cardSizes="9x3,9x3,6x3,6x3,6x3" data-maxResults="6"></div> -<div class="headerLine clearfloat"><h1 id="adjust-widgets">6. Adjust Sizes of Home Screen Widgets</h1><hr></div> +<div class="headerLine"><h2 id="adjust-widgets">6. Adjust Sizes of Home Screen Widgets</h2></div> <p>If your app includes a home screen widget, here are a few points to consider to ensure a great user experience on tablet screens: </p> @@ -371,7 +371,7 @@ horizontal or square widget). </li> possible.</li> </ul> -<h3>Related resources</h3> +<h3 class="rel-resources clearfloat">Related resources</h3> <div class="resource-widget resource-flow-layout col-13" data-query="collection:distribute/essentials/tabletguidelines/widgets" @@ -380,7 +380,7 @@ possible.</li> data-maxResults="6"></div> -<div class="headerLine clearfloat"><h1 id="offer-full-feature-set">7. Full Feature Set for Tablet Users</h1><hr></div> +<div class="headerLine"><h2 id="offer-full-feature-set">7. Full Feature Set for Tablet Users</h2></div> <div class="centered-full-image" style="width:600px;margin:1.5em"><img src="{@docRoot}images/gp-tablets-full-feature-set.png" alt="Tablet feature sets"></div> @@ -415,7 +415,7 @@ some recommendations:</p> </li> </ul> -<div class="headerLine clearfloat"><h1 id="android-versions">8. Target Android Versions Properly</h1><hr></div> +<div class="headerLine"><h2 id="android-versions">8. Target Android Versions Properly</h2></div> <p> To ensure the broadest possible distribution to tablets, make sure that your @@ -458,7 +458,7 @@ some recommendations:</p> </li> </ol> -<h3>Related resources</h3> +<h3 class="rel-resources clearfloat">Related resources</h3> <div class="resource-widget resource-flow-layout col-13" data-query="collection:distribute/essentials/tabletguidelines/versions" @@ -466,7 +466,7 @@ some recommendations:</p> data-cardSizes="6x3" data-maxResults="6"></div> -<div class="headerLine clearfloat"><h1 id="hardware-requirements">9. Declare Hardware Feature Dependencies Properly</h1><hr></div> +<div class="headerLine"><h2 id="hardware-requirements">9. Declare Hardware Feature Dependencies Properly</h2></div> <p> Handsets and tablets typically offer slightly different hardware support for @@ -528,7 +528,7 @@ permissions, make sure to explicitly declare a corresponding as needed. </p> -<h3>Related resources</h3> +<h3 class="rel-resources clearfloat">Related resources</h3> <div class="resource-widget resource-flow-layout col-13" data-query="collection:distribute/essentials/tabletguidelines/hardware" @@ -536,7 +536,7 @@ permissions, make sure to explicitly declare a corresponding data-cardSizes="9x3" data-maxResults="6"></div> -<div class="headerLine clearfloat"><h1 id="support-screens">10. Declare Support for Tablet Screens</h1><hr></div> +<div class="headerLine"><h2 id="support-screens">10. Declare Support for Tablet Screens</h2></div> <p>To ensure that you can distribute your app to a broad range of tablets, your app should declare support for tablet screen sizes in its manifest file, as follows:</p> @@ -560,7 +560,7 @@ app supports. Note that, if possible, you should avoid using the <a href="{@docRoot}guide/topics/manifest/compatible-screens-element.html"><code><compatible-screens></code></a> element in your app.</p> -<h3>Related resources</h3> +<h3 class="rel-resources clearfloat">Related resources</h3> <div class="resource-widget resource-flow-layout col-13" data-query="collection:distribute/essentials/tabletguidelines/tabletscreens" @@ -569,7 +569,7 @@ element in your app.</p> data-maxResults="6"></div> -<div class="headerLine clearfloat"><h1 id="google-play">11. Showcase Your Tablet UI in Google Play</h1><hr></div> +<div class="headerLine"><h2 id="google-play">11. Showcase Your Tablet UI in Google Play</h2></div> <p> After you've done the work to create an rich, optimized UI for your tablet @@ -689,7 +689,7 @@ element in your app.</p> </li> </ul> -<h3>Related resources</h3> +<h3 class="rel-resources clearfloat">Related resources</h3> <div class="resource-widget resource-flow-layout col-13" data-query="collection:distribute/essentials/tabletguidelines/showcase" @@ -697,12 +697,12 @@ element in your app.</p> data-cardSizes="9x3,9x3,9x3,9x3" data-maxResults="6"></div> -<div class="headerLine clearfloat"> - <h1 id="google-play-best-practices"> +<div class="headerLine"> + <h2 id="google-play-best-practices"> 12. Follow Best Practices for Publishing in Google Play - </h1> + </h2> + - <hr> </div> <p> @@ -799,7 +799,7 @@ appropriate.</p> recommended. </p> -<h3 class="clearfloat">Related resources</h3> +<h3 class="rel-resources clearfloat">Related resources</h3> <div class="resource-widget resource-flow-layout col-13" data-query="collection:distribute/essentials/tabletguidelines/googleplay" data-sortOrder="-timestamp" @@ -807,12 +807,12 @@ appropriate.</p> data-maxResults="6"></div> -<div class="headerLine clearfloat"> - <h1 id="test-environment"> +<div class="headerLine"> + <h2 id="test-environment"> Setting Up a Test Environment for Tablets - </h1> + </h2> + - <hr> </div> <p> @@ -858,7 +858,7 @@ listed platform versions, screen configurations, and hardware feature configurat </tr> </table> -<div class="headerLine clearfloat"><h1 id="related-resources">Related Resources</h1><hr></div> +<div class="headerLine"><h2 id="related-resources">Related Resources</h2></div> <div class="resource-widget resource-flow-layout col-13" data-query="collection:distribute/essentials/tabletguidelines" |