Displaying information on a screen temporarily

You can display information on a screen temporarily using a transparent overlay or an opaque overlay. For example, when users view an image, you can display a description of the image along the top or bottom of the screen. You can define the amount of time that the information appears on a screen.

User goal

Action using the navigation keys

Action using a touch screen

Action using a physical keyboard

Display information temporarily.

Move a finger on the trackpad.

Touch the screen.

Press any key.


This screen shows an example before information displays temporarily.


This screen shows an example of information that appears on a screen temporarily.

Best practice: Displaying information on a screen temporarily

  • Avoid displaying information or components that users require to complete a task. Display only secondary information, such as descriptions or metadata.
  • To avoid distracting users from their primary task, display temporary information judiciously.


Got questions about leaving a comment? Get answers from our Disqus FAQ.

comments powered by Disqus