diff options
Diffstat (limited to 'docs/html/design')
26 files changed, 50 insertions, 33 deletions
diff --git a/docs/html/design/building-blocks/buttons.jd b/docs/html/design/building-blocks/buttons.jd index 2a77e24..3a34601 100644 --- a/docs/html/design/building-blocks/buttons.jd +++ b/docs/html/design/building-blocks/buttons.jd @@ -9,7 +9,7 @@ page.tags=button,input </div> </a> -<p>A button consists of text and/or an image that clearly communicates what action +<p itemprop="description">A button consists of text and/or an image that clearly communicates what action will occur when the user touches it. A button can have an image, text, or both. </p> diff --git a/docs/html/design/building-blocks/dialogs.jd b/docs/html/design/building-blocks/dialogs.jd index f9897f4..53d99b8 100644 --- a/docs/html/design/building-blocks/dialogs.jd +++ b/docs/html/design/building-blocks/dialogs.jd @@ -9,7 +9,7 @@ page.tags=dialog,alert,popup,toast </div> </a> -<p>Dialogs prompt the user for decisions or additional information required by the app to continue a +<p itemprop="description">Dialogs prompt the user for decisions or additional information required by the app to continue a task. Such requests can range from simple Cancel/OK decisions to more complex layouts asking the user to adjust settings or enter text.</p> diff --git a/docs/html/design/building-blocks/grid-lists.jd b/docs/html/design/building-blocks/grid-lists.jd index cef7514..d98637c 100644 --- a/docs/html/design/building-blocks/grid-lists.jd +++ b/docs/html/design/building-blocks/grid-lists.jd @@ -11,7 +11,7 @@ page.tags=gridview,layout,listview </div> </a> -<p>Grid lists are an alternative to standard list views. They are best suited for showing data sets +<p itemprop="description">Grid lists are an alternative to standard list views. They are best suited for showing data sets that represent themselves through images. In contrast to simple lists, grid lists may scroll either vertically or horizontally.</p> diff --git a/docs/html/design/building-blocks/index.jd b/docs/html/design/building-blocks/index.jd index e554775..7fb0e55 100644 --- a/docs/html/design/building-blocks/index.jd +++ b/docs/html/design/building-blocks/index.jd @@ -18,7 +18,8 @@ footer.hide=1 <div id="landing-graphic-container"> <div id="text-overlay"> - Your inventory of ready-to-use elements for creating outstanding apps. + <span itemprop="description">Your inventory of ready-to-use elements for creating + outstanding apps.</span> <br><br> <a href="{@docRoot}design/building-blocks/tabs.html" class="landing-page-link">Tabs</a> </div> diff --git a/docs/html/design/building-blocks/lists.jd b/docs/html/design/building-blocks/lists.jd index 54fa442..4949d00 100644 --- a/docs/html/design/building-blocks/lists.jd +++ b/docs/html/design/building-blocks/lists.jd @@ -9,7 +9,7 @@ page.tags=listview,layout </div> </a> -<p>Lists present multiple line items in a vertical arrangement. They can be used for data selection as +<p itemprop="description">Lists present multiple line items in a vertical arrangement. They can be used for data selection as well as drilldown navigation.</p> <div class="vspace size-1"> </div> diff --git a/docs/html/design/building-blocks/pickers.jd b/docs/html/design/building-blocks/pickers.jd index 860a126..fb5e287 100644 --- a/docs/html/design/building-blocks/pickers.jd +++ b/docs/html/design/building-blocks/pickers.jd @@ -9,7 +9,7 @@ page.tags=datepicker,timepicker </div> </a> -<p>Pickers provide a simple way to select a single value from a set. In addition to touching the +<p itemprop="description">Pickers provide a simple way to select a single value from a set. In addition to touching the up/down arrow buttons, it's possible to set the desired value from the keyboard or via a swipe gesture.</p> diff --git a/docs/html/design/building-blocks/spinners.jd b/docs/html/design/building-blocks/spinners.jd index f8d92d4..f7d80e7 100644 --- a/docs/html/design/building-blocks/spinners.jd +++ b/docs/html/design/building-blocks/spinners.jd @@ -9,7 +9,7 @@ page.tags=spinner,dropdown </div> </a> -<p>Spinners provide a quick way to select one value from a set. In the default state, a spinner shows +<p itemprop="description">Spinners provide a quick way to select one value from a set. In the default state, a spinner shows its currently selected value. Touching the spinner displays a dropdown menu with all other available values, from which the user can select a new one.</p> diff --git a/docs/html/design/building-blocks/switches.jd b/docs/html/design/building-blocks/switches.jd index b294689..d435657 100644 --- a/docs/html/design/building-blocks/switches.jd +++ b/docs/html/design/building-blocks/switches.jd @@ -16,7 +16,7 @@ buttons, and on/off switches.</p> </div> </a> -<p>Checkboxes allow the user to select multiple options from a set. Avoid using a single checkbox to +<p itemprop="description">Checkboxes allow the user to select multiple options from a set. Avoid using a single checkbox to turn an option off or on. Instead, use an on/off switch.</p> <img src="{@docRoot}design/media/switches_checkboxes.png"> diff --git a/docs/html/design/building-blocks/tabs.jd b/docs/html/design/building-blocks/tabs.jd index 1fa3461..93818c3 100644 --- a/docs/html/design/building-blocks/tabs.jd +++ b/docs/html/design/building-blocks/tabs.jd @@ -11,7 +11,7 @@ page.tags=tabs,actionbar,navigation,viewpager </div> </a> -<p>Tabs in the action bar make it easy to explore and switch between different views or functional +<p itemprop="description">Tabs in the action bar make it easy to explore and switch between different views or functional aspects of your app, or to browse categorized data sets.</p> <p>For details on using gestures to move between tabs, see the <a href="{@docRoot}design/patterns/swipe-views.html">Swipe Views</a> pattern.</p> diff --git a/docs/html/design/building-blocks/text-fields.jd b/docs/html/design/building-blocks/text-fields.jd index 4545bfb..e109d5f 100644 --- a/docs/html/design/building-blocks/text-fields.jd +++ b/docs/html/design/building-blocks/text-fields.jd @@ -9,7 +9,7 @@ page.tags=text,edittext,input </div> </a> -<p>Text fields allow the user to type text into your app. They can be either single line or multi-line. +<p itemprop="description">Text fields allow the user to type text into your app. They can be either single line or multi-line. Touching a text field places the cursor and automatically displays the keyboard. In addition to typing, text fields allow for a variety of other activities, such as text selection (cut, copy, paste) and data lookup via auto-completion.</p> diff --git a/docs/html/design/get-started/creative-vision.jd b/docs/html/design/get-started/creative-vision.jd index c57b185..1ce305a 100644 --- a/docs/html/design/get-started/creative-vision.jd +++ b/docs/html/design/get-started/creative-vision.jd @@ -5,7 +5,12 @@ page.title=Creative Vision <div class="vspace size-1"> </div> -<p>We focused the design of Android around three overarching goals, which apply to our core apps as well as the system at large. As you design apps to work with Android, consider these goals:</p> +<p itemprop="description"> + We focused the design of Android around three overarching goals, which apply + to our core apps as well as the system at large. As you design apps to work + with Android, consider these goals: <em>Enchant me</em>, <em>Simplify my + life</em>, and <em>Make me amazing</em> +</p> <div class="vspace size-1"> </div> diff --git a/docs/html/design/index.jd b/docs/html/design/index.jd index 8f73d9c..9ba32dd 100644 --- a/docs/html/design/index.jd +++ b/docs/html/design/index.jd @@ -22,7 +22,8 @@ footer.hide=1 <div id="landing-graphic-container"> <div id="text-overlay"> - Welcome to <strong>Android Design</strong>, your place for learning how to design exceptional Android apps. + <span itemprop="description">Welcome to <strong>Android Design</strong>, your place for + learning how to design exceptional Android apps.</span> <br><br> Want to know what <strong>Android 4.4 KitKat</strong> has for designers? See <a href="{@docRoot}design/patterns/new.html">New in Android</a>.<br><br> <a href="/design/get-started/creative-vision.html" class="landing-page-link">Creative Vision</a> diff --git a/docs/html/design/patterns/accessibility.jd b/docs/html/design/patterns/accessibility.jd index 50c82fe..aaa6f16 100644 --- a/docs/html/design/patterns/accessibility.jd +++ b/docs/html/design/patterns/accessibility.jd @@ -1,5 +1,6 @@ page.title=Accessibility -page.tags=accessibility,navigation,input +page.tags="accessibility","navigation","input" +page.metaDescription=Design an app that's universally accessible to people with visual impairment, color deficiency, hearing loss, and limited dexterity. @jd:body <a class="notice-developers" href="{@docRoot}training/accessibility/index.html"> @@ -86,4 +87,4 @@ page.tags=accessibility,navigation,input <li>Provide alternatives to affordances that time out</li> <li>Use standard framework controls or enable TalkBack for custom controls</li> <li>Try it out yourself</li> -</ul> +</ul>
\ No newline at end of file diff --git a/docs/html/design/patterns/actionbar.jd b/docs/html/design/patterns/actionbar.jd index f0104b5..a1adbd3 100644 --- a/docs/html/design/patterns/actionbar.jd +++ b/docs/html/design/patterns/actionbar.jd @@ -1,5 +1,6 @@ page.title=Action Bar -page.tags=actionbar,navigation +page.tags="actionbar","navigation" +page.metaDescription=The Action bar is an essential design element for all apps. Learn about what the action bar can do and how to use it in your apps. @jd:body <img src="{@docRoot}design/media/action_bar_pattern_overview.png"> @@ -277,4 +278,4 @@ actions exceeds the capacity of the main action bar, display them separately in <p>Sometimes it is important to display contextual information for your app that's always visible. Examples are the number of unread messages in a messaging inbox view or the Now Playing information in a music player. Carefully plan which important information you would like to display and -structure your action bars accordingly.</p> +structure your action bars accordingly.</p>
\ No newline at end of file diff --git a/docs/html/design/patterns/compatibility.jd b/docs/html/design/patterns/compatibility.jd index 5a1562c..dfc52c0 100644 --- a/docs/html/design/patterns/compatibility.jd +++ b/docs/html/design/patterns/compatibility.jd @@ -1,5 +1,6 @@ page.title=Backwards Compatibility -page.tags=support +page.tags="support" +page.metaDescription=Notes on how Android 4.x adapts UI designed for older hardware and OS versions. @jd:body <a class="notice-developers" href="{@docRoot}training/basics/supporting-devices/index.html"> diff --git a/docs/html/design/patterns/help.jd b/docs/html/design/patterns/help.jd index bf708b1..97949e2 100644 --- a/docs/html/design/patterns/help.jd +++ b/docs/html/design/patterns/help.jd @@ -6,7 +6,7 @@ page.tags=settings,preferences <p>Some of your users will run into questions or problems along the way. They'll be looking for answers <strong>within your app</strong>, and if they don't find them quickly, they may leave and never come back.</p> -<p>This page covers design patterns for making help accessible in your app and tips for creating help content for users who are eager for assistance.</p> +<p itemprop="description">This page covers design patterns for making help accessible in your app and tips for creating help content for users who are eager for assistance.</p> <h2 id="your-app">Designing Help into Your App</h2> diff --git a/docs/html/design/patterns/index.jd b/docs/html/design/patterns/index.jd index 4416de1..e091a29 100644 --- a/docs/html/design/patterns/index.jd +++ b/docs/html/design/patterns/index.jd @@ -18,7 +18,8 @@ footer.hide=1 <div id="landing-graphic-container"> <div id="text-overlay"> - Design apps that behave in a consistent, predictable fashion. + <span itemprop="description">Design apps that behave in a consistent, predictable + fashion.</span> <br><br> <a href="{@docRoot}design/patterns/new.html" class="landing-page-link">New in Android</a> </div> diff --git a/docs/html/design/patterns/multi-pane-layouts.jd b/docs/html/design/patterns/multi-pane-layouts.jd index ff2dd4e..c207006 100644 --- a/docs/html/design/patterns/multi-pane-layouts.jd +++ b/docs/html/design/patterns/multi-pane-layouts.jd @@ -1,5 +1,6 @@ page.title=Multi-pane Layouts -page.tags=tablet,navigation,layout,fragment +page.tags="tablet","navigation","layout","fragment" +page.metaDescription=Android devices come in many different screen sizes and types. Multi-pane layouts help you provide a balanced and aesthetically pleasing layout across the range of Android devices. @jd:body @@ -10,9 +11,11 @@ page.tags=tablet,navigation,layout,fragment </div> </a> -<p>When writing an app for Android, keep in mind that Android devices come in many different screen -sizes and types. Make sure that your app consistently provides a balanced and aesthetically pleasing -layout by adjusting its content to varying screen sizes and orientations.</p> +<p>When writing an app for Android, keep in mind that Android devices +come in many different screen sizes and types. Make sure that your app consistently provides a +balanced and aesthetically pleasing layout by adjusting its content to varying screen sizes and +orientations.</p> + <p><em>Panels</em> are a great way for your app to achieve this. They allow you to combine multiple views into one compound view when a lot of horizontal screen real estate is available and by splitting them up when less space is available.</p> diff --git a/docs/html/design/patterns/navigation.jd b/docs/html/design/patterns/navigation.jd index 08828e8..3edf6ba 100644 --- a/docs/html/design/patterns/navigation.jd +++ b/docs/html/design/patterns/navigation.jd @@ -9,7 +9,7 @@ page.tags=navigation,activity,task,up navigation,back navigation </div> </a> -<p>Consistent navigation is an essential component of the overall user experience. Few things frustrate +<p itemprop="description">Consistent navigation is an essential component of the overall user experience. Few things frustrate users more than basic navigation that behaves in inconsistent and unexpected ways. Android 3.0 introduced significant changes to the global navigation behavior. Thoughtfully following the guidelines for Back and Up will make your app's navigation predictable and reliable for your users.</p> diff --git a/docs/html/design/patterns/notifications.jd b/docs/html/design/patterns/notifications.jd index 80f1b0e..41f9190 100644 --- a/docs/html/design/patterns/notifications.jd +++ b/docs/html/design/patterns/notifications.jd @@ -8,7 +8,7 @@ page.title=Notifications </div> </a> -<p>The notification system allows your app to keep the user informed about events, such as new chat messages or a calendar event. Think of notifications as a news channel that alerts the user to important events as they happen or a log that chronicles events while the user is not paying attention.</p> +<p itemprop="description">The notification system allows your app to keep the user informed about events, such as new chat messages or a calendar event. Think of notifications as a news channel that alerts the user to important events as they happen or a log that chronicles events while the user is not paying attention.</p> <h4>New in Jelly Bean</h4> <p>In Jelly Bean, notifications received their most important structural and functional update since the beginning of Android.</p> diff --git a/docs/html/design/patterns/selection.jd b/docs/html/design/patterns/selection.jd index ee46795..be31677 100644 --- a/docs/html/design/patterns/selection.jd +++ b/docs/html/design/patterns/selection.jd @@ -35,9 +35,9 @@ the contextual action bar (CAB).</p> </div> </div> -<h4>Using the contextual action bar (CAB)</h4> -<p>The selection CAB is a temporary action bar that overlays your app's current action bar while data -is selected. It appears after the user long presses on a selectable data item.</p> +<h4>Using the contextual action bar</h4> +<p itemprop="description">The contextual action bar (CAB) is a temporary action bar that overlays your app's current action bar while data +is selected. It appears after the user long-presses on a selectable data item.</p> <img src="{@docRoot}design/media/selection_cab_big.png"> diff --git a/docs/html/design/patterns/settings.jd b/docs/html/design/patterns/settings.jd index a09193d..e3a3f05 100644 --- a/docs/html/design/patterns/settings.jd +++ b/docs/html/design/patterns/settings.jd @@ -9,7 +9,7 @@ page.tags=preferences,sharedpreferences </div> </a> -<p>Settings is a place in your app where users indicate their preferences for how your app should +<p itemprop="description">Settings is a place in your app where users indicate their preferences for how your app should behave. This benefits users because:</p> <ul> diff --git a/docs/html/design/patterns/swipe-views.jd b/docs/html/design/patterns/swipe-views.jd index 89397ae..af5c9dc 100644 --- a/docs/html/design/patterns/swipe-views.jd +++ b/docs/html/design/patterns/swipe-views.jd @@ -9,7 +9,7 @@ page.tags=viewpager,navigation,tabs </div> </a> -<p>Efficient navigation is one of the cornerstones of a well-designed app. While apps are generally +<p itemprop="description">Efficient navigation is one of the cornerstones of a well-designed app. While apps are generally built in a hierarchical fashion, there are instances where horizontal navigation can flatten vertical hierarchies and make access to related data items faster and more enjoyable. Swipe views allow the user to efficiently move from item to item using a simple gesture and thereby make diff --git a/docs/html/design/patterns/widgets.jd b/docs/html/design/patterns/widgets.jd index 953c125..654cf37 100644 --- a/docs/html/design/patterns/widgets.jd +++ b/docs/html/design/patterns/widgets.jd @@ -9,7 +9,7 @@ page.tags=appwidget,home </div> </a> -<p>Widgets are an essential aspect of home screen customization. You can imagine them as "at-a-glance" views of an app's most important data and functionality that is accessible right from the user's home screen. Users can move widgets across their home screen panels, and, if supported, resize them to tailor the amount of information within a widget to their preference.</p> +<p itemprop="description">Widgets are an essential aspect of home screen customization. You can imagine them as "at-a-glance" views of an app's most important data and functionality that is accessible right from the user's home screen. Users can move widgets across their home screen panels, and, if supported, resize them to tailor the amount of information within a widget to their preference.</p> <h2>Widget types</h2> <p>As you begin planning your widget, think about what kind of widget you're trying to build. Widgets typically fall into one of the following categories:</p> diff --git a/docs/html/design/style/iconography.jd b/docs/html/design/style/iconography.jd index 5dde600..d8d8c76 100644 --- a/docs/html/design/style/iconography.jd +++ b/docs/html/design/style/iconography.jd @@ -1,5 +1,7 @@ page.title=Iconography -page.tags=icons +page.tags="icons" +meta.tags="icons, googleplay, listing, branding" +page.titleFriendly=Guidelines for creating your app's icons @jd:body <img src="{@docRoot}design/media/iconography_overview.png"> diff --git a/docs/html/design/style/index.jd b/docs/html/design/style/index.jd index 74d085b..f88fdb8 100644 --- a/docs/html/design/style/index.jd +++ b/docs/html/design/style/index.jd @@ -18,7 +18,8 @@ footer.hide=1 <div id="landing-graphic-container"> <div id="text-overlay"> - Build visually compelling apps that look great on any device. + <span itemprop="description">Build visually compelling apps that look great on any + device.</span> <br><br> <a href="{@docRoot}design/style/devices-displays.html" class="landing-page-link">Devices and Displays</a> </div> |