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

### Give them step by step guidance {#give-them-step-by-step-guidance}

Educate consumers through auto-launching, overlaid tutorials. The tutorial should be a broad look at how someone might use DDMC for online purchases, including where to find and how to use their new digital card credentials. Consumers should be able to dismiss the tutorial, but also be able to go back and easily find it again.

### 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.

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

### Flow Diagram {#flow-diagram}

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

<br />

Next: [Tooltips](https://developer.mastercard.com/digital-debit-experience-design-guide/documentation/design/tooltips/index.md)