1 page.title=Touch Feedback 2 @jd:body 3 4 <div class="layout-content-row" style="margin-bottom: -100px"> 5 <div class="layout-content-col span-7"> 6 7 <p>Use color and illumination to respond to touches, reinforce the resulting behaviors of gestures, and 8 indicate what actions are enabled and disabled.</p> 9 <p>Whenever a user touches an actionable area in your app, provide a visual response. This lets the 10 user know which object was touched and that your app is "listening".</p> 11 12 </div> 13 <div class="layout-content-col span-6"> 14 15 <img src="{@docRoot}design/media/touch_feedback_reaction_response.png"> 16 17 </div> 18 </div> 19 20 <h4>States</h4> 21 22 <div class="vspace size-1"> </div> 23 24 <img src="{@docRoot}design/media/touch_feedback_states.png"> 25 <div class="figure-caption"> 26 Most of Android's UI elements have touch-feedback built in, including states that indicate 27 whether touching the element will have any effect. 28 </div> 29 30 <div class="vspace size-4"> </div> 31 32 <div class="layout-content-row"> 33 <div class="layout-content-col span-4"> 34 35 <h4>Communication</h4> 36 <p>When your objects react to more complex gestures, help users understand what the outcome of the 37 operation will be. For example, in Recents, when you start swiping a thumbnail left or right, it 38 starts to dim. This helps the user understand that swiping will cause the item to be removed.</p> 39 40 </div> 41 <div class="layout-content-col span-9"> 42 43 <img src="{@docRoot}design/media/touch_feedback_manipulation.png"> 44 45 </div> 46 </div> 47 48 <div class="layout-content-row"> 49 <div class="layout-content-col span-6"> 50 51 <img src="{@docRoot}design/media/touch_feedback_communication.png"> 52 53 </div> 54 <div class="layout-content-col span-6"> 55 56 <div class="vspace size-3"> </div> 57 58 <h4>Boundaries</h4> 59 <p>When users try to scroll past the upper or lower limit of a scrollable area, communicate the 60 boundary with a visual cue. For example, if a user attempts to scroll past the first home screen 61 panel, the screen content tilts to the right to indicate that further navigation in this direction 62 is not possible. Many of Android's scrollable UI widgets (e.g. lists or grid lists) already have 63 support for boundary feedback built in. If you are building custom, keep boundary feedback in mind 64 and provide it from within your app.</p> 65 66 </div> 67 </div> 68
