# Tooltips
source: https://developer.mastercard.com/digital-debit-experience-design-guide/documentation/design/tooltips/index.md

### Guide them step by step guidance {#guide-them-step-by-step-guidance}

It's important for the consumer to learn as they go -- sometimes that's quicker and easier for them. Tooltips should appear when a consumer hovers over or taps a particular area on the screen. This content should be short and to the point.

### UX Journey {#ux-journey}

Tip: Access the [Figma file](https://www.figma.com/file/MKAeiCLKPbTeQ5Q9s8jhC2/DDMC-User-Journeys?type=design&node-id=2310-3630&mode=design) for this experience to duplicate and customize in your own environment.

For the best viewing experience of the UX journey, click the **full screen mode** option or **zoom** using the controls located on the right.

### Flow Diagram {#flow-diagram}

![Flow Diagram](https://static.developer.mastercard.com/content/digital-debit-experience-design-guide/img/design-standards/Tooltips_flow.png)

<br />

Next: [View Card Details](https://developer.mastercard.com/digital-debit-experience-design-guide/documentation/design/view-card-details/index.md)