Highlight behavior

Best practices for custom UI components

  • If the expected interaction is binary, highlight the component when users touch it. Remove the highlight when users release their finger.
  • If users scroll through a list or view (for example, a grid view), do not highlight individual items.
  • If an item requires continuous interaction (for example, a slider), highlight the item until users release their finger. In this case, you might need to lock other items that allow scrolling, such as lists.
  • Don't allow users to highlight items that they cannot initiate an action on. Disable (dim) components or remove them from the screen.

Was this information helpful? Send us your comments.