Interaction patterns

Marketing specificUpdated May 12, 2026

Overview

Introduction Patterns are a key component of interaction design that play a vital role in capturing users' attention and orienting them to a digital product or experience.

When using Introduction Patterns, it is crucial to consider the target audience, their expectations, and the overall brand identity. The introduction should align with the product's visual style, tone, and user experience principles.

By implementing effective Introduction Patterns, designers can create a captivating and user-friendly onboarding experience that helps users quickly grasp the product's purpose and functionality. This sets a positive foundation for users to engage with the product and fosters a sense of confidence and satisfaction from the very beginning.

The Patterns

We have discovered 11 distinct patterns, each tailored to meet specific requirements.

Header

Header 1

Image Left Aligned

IMG left

Image Right Aligned

IMG right

Image Overlay

IMG overlay

Diagram

Circles

Expanded Cards

Expanded Cards Overlay

Card Carousel

Card Carousel

Call To Action

CTA

Simple Quiz

Simple Quiz

Standard Quiz

Standard Quiz

Resources

Sage Interaction Design Templates (Figma)

Open File

Template 1: Simple quiz

This template is specifically crafted to assist users who are unsure about their needs by providing a user-friendly quiz. Through this interactive experience, we aim to guide individuals in discovering the product that perfectly matches their requirements.

The Patterns

The pattern comprises an introduction section, a quiz section, and a result page, all meticulously designed to be responsive and cater to three distinct screen sizes.

Design

Intro

Desktop Version

Intro 1

Tablet Version

Tablet 1

Mobile Version

Mobile 1

Quiz

Desktop Version

Question 1

Tablet Version

Tablet 2

Mobile Version

Mobile 2

Result

Desktop Version

End 3

Simple Quiz

Tablet 3

Mobile 3

Resources

Sage Interaction Design Templates (Figma)

Open File

Template 2: Quiz

This template is specifically tailored for users who already have a clear understanding of their needs. Through the quiz, we aim to assist these individuals in finding the ideal product that fulfills their specific requirements.

The Patterns

The pattern comprises an introduction section, a quiz section, and a result page, all meticulously designed to be responsive and cater to three distinct screen sizes.