www.interaction-design.org Open in urlscan Pro
45.55.126.172 Public Scan

Back to summary

URL:
https://www.interaction-design.org/template-bundles
Submission: On June 28 via manual (June 28th 2024, 3:16:58 pm UTC) from US — Scanned from DE

Form analysis
3 forms found in the DOM

Name: newsletter-subscription-form — POST /newsletter/subscribe

<form method="POST" data-test="newsletterSubscription" class="form" name="newsletter-subscription-form" action="/newsletter/subscribe">
  <input type="hidden" name="_token" value="9Mb5TdnwADSEexfB1dhpgZoj8EBKRDhBFk6U46dE" autocomplete="off"> <label class="hidden" aria-hidden="true">Name <input type="text" name="name" value="" aria-hidden="true" autocomplete="off">
  </label>
  <input type="hidden" name="list_id" value="1">
  <div class="form__field">
    <div class="inputGroup">
      <label for="email-for-subscription" class="visually-hidden">Email</label>
      <input name="email" type="email" id="email-for-subscription" placeholder="Your email" autocomplete="off" title="Subscription form" required="" maxlength="100">
      <div class="inputGroup__addon inputGroup__addon--noBorder" style="margin-left: -5px; border-radius: var(--border-radius-large)">
        <button type="submit" class="button button--primary" style="border-radius: 0 var(--border-radius-large) var(--border-radius-large) 0"> Subscribe </button>
      </div>
    </div>
    <small class="error">Please write a valid email address.</small>
  </div>
</form>

<form class="consentBanner__form" aria-expanded="false">
  <div>
    <label class="text-neutral-01 mt-small mb-small" aria-controls="consentBanner__settingsPanel">
      <input type="radio" value="customize" name="consentType"> Customize </label>
    <div class="consentBanner__privacySettingContainer consentBanner__settingsPanel" id="consentBanner__settingsPanel">
      <p class="text-small mb-none"> Our digital services use necessary tracking technologies, including third-party cookies, for security, functionality, and to uphold user rights. Optional cookies offer enhanced features, and analytics. </p>
      <accordion-list role="list">
        <details class="accordionList__item overflow-hidden" role="listitem">
          <summary class="summary--noStyle">
            <div class="accordionItem__titleContent">
              <div class="accordionItem__title UITypeStyle m-none"> Essential </div>
              <svg version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="svg-icon accordionItem__chevron">
                <use xlink:href="#chevron-down"></use>
              </svg>
            </div>
          </summary>
          <div class="accordionItem__content js-accordionItem__content ">
            <p class="text-small"> Experience the full potential of our site that remembers your preferences and supports secure sign-in. </p>
            <div class="consentBanner__cookie">
              <div class="flex justify-between mb-medium">
                <h6 class="flex-1 font-bold mt-none items-center">Security</h6>
                <label class="toggleInput consentBanner__cookieConsent ml-auto">
                  <input type="checkbox" aria-label="Security" checked="checked" disabled="disabled" name="security_storage">
                  <span class="toggleInput__slider"></span>
                </label>
              </div>
              <p class="text-small mb-none">Governs the storage of data necessary for maintaining website security, user authentication, and fraud prevention mechanisms.</p>
            </div>
            <div class="consentBanner__cookie">
              <div class="flex justify-between mb-medium">
                <h6 class="flex-1 font-bold mt-none items-center">Enhanced Functionality</h6>
                <label class="toggleInput consentBanner__cookieConsent ml-auto">
                  <input type="checkbox" aria-label="Enhanced Functionality" checked="checked" disabled="disabled" name="functional_storage">
                  <span class="toggleInput__slider"></span>
                </label>
              </div>
              <p class="text-small mb-none">Saves your settings and preferences, like your location, for a more personalized experience.</p>
            </div>
            <div class="consentBanner__cookie">
              <div class="flex justify-between mb-medium">
                <h6 class="flex-1 font-bold mt-none items-center">Referral Program</h6>
                <label class="toggleInput consentBanner__cookieConsent ml-auto">
                  <input type="checkbox" aria-label="Referral Program" checked="checked" disabled="disabled" name="referral_program">
                  <span class="toggleInput__slider"></span>
                </label>
              </div>
              <p class="text-small mb-none">We use cookies to enable our referral program, giving you and your friends discounts.</p>
            </div>
            <div class="consentBanner__cookie">
              <div class="flex justify-between mb-medium">
                <h6 class="flex-1 font-bold mt-none items-center">Error Reporting</h6>
                <label class="toggleInput consentBanner__cookieConsent ml-auto">
                  <input type="checkbox" aria-label="Error Reporting" checked="checked" disabled="disabled" name="error_reporting">
                  <span class="toggleInput__slider"></span>
                </label>
              </div>
              <p class="text-small mb-none">We share user ID with Bugsnag and NewRelic to help us track errors and fix issues.</p>
            </div>
          </div>
        </details>
      </accordion-list>
      <accordion-list role="list">
        <details class="accordionList__item overflow-hidden" role="listitem">
          <summary class="summary--noStyle">
            <div class="accordionItem__titleContent">
              <div class="accordionItem__title UITypeStyle m-none"> Analytics </div>
              <svg version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="svg-icon accordionItem__chevron">
                <use xlink:href="#chevron-down"></use>
              </svg>
            </div>
          </summary>
          <div class="accordionItem__content js-accordionItem__content ">
            <p class="text-small"> Optimize your experience by allowing us to monitor site usage. You’ll enjoy a smoother, more personalized journey without compromising your privacy. </p>
            <div class="consentBanner__cookie">
              <div class="flex justify-between mb-medium">
                <h6 class="flex-1 font-bold mt-none items-center">Analytics Storage</h6>
                <label class="toggleInput consentBanner__cookieConsent ml-auto">
                  <input type="checkbox" aria-label="Analytics Storage" checked="checked" disabled="disabled" name="analytics_storage">
                  <span class="toggleInput__slider"></span>
                </label>
              </div>
              <p class="text-small mb-none">Collects anonymous data on how you navigate and interact, helping us make informed improvements.</p>
            </div>
            <div class="consentBanner__cookie">
              <div class="flex justify-between mb-medium">
                <h6 class="flex-1 font-bold mt-none items-center">Google</h6>
                <label class="toggleInput consentBanner__cookieConsent ml-auto">
                  <input type="checkbox" aria-label="Google" checked="checked" disabled="disabled" name="google_bot">
                  <span class="toggleInput__slider"></span>
                </label>
              </div>
              <p class="text-small mb-none">Differentiates real visitors from automated bots, ensuring accurate usage data and improving your website experience.</p>
            </div>
          </div>
        </details>
      </accordion-list>
      <accordion-list role="list">
        <details class="accordionList__item overflow-hidden" role="listitem">
          <summary class="summary--noStyle">
            <div class="accordionItem__titleContent">
              <div class="accordionItem__title UITypeStyle m-none"> Personalization </div>
              <svg version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="svg-icon accordionItem__chevron">
                <use xlink:href="#chevron-down"></use>
              </svg>
            </div>
          </summary>
          <div class="accordionItem__content js-accordionItem__content ">
            <p class="text-small"> Lets us tailor your digital ads to match your interests, making them more relevant and useful to you. </p>
            <div class="consentBanner__cookie">
              <div class="flex justify-between mb-medium">
                <h6 class="flex-1 font-bold mt-none items-center">Advertising Storage</h6>
                <label class="toggleInput consentBanner__cookieConsent ml-auto">
                  <input type="checkbox" aria-label="Advertising Storage" name="ad_storage">
                  <span class="toggleInput__slider"></span>
                </label>
              </div>
              <p class="text-small mb-none">Stores information for better-targeted advertising, enhancing your online ad experience.</p>
            </div>
            <div class="consentBanner__cookie">
              <div class="flex justify-between mb-medium">
                <h6 class="flex-1 font-bold mt-none items-center">Personalization Storage</h6>
                <label class="toggleInput consentBanner__cookieConsent ml-auto">
                  <input type="checkbox" aria-label="Personalization Storage" checked="checked" disabled="disabled" name="personalization_storage">
                  <span class="toggleInput__slider"></span>
                </label>
              </div>
              <p class="text-small mb-none">Permits storing data to personalize content and ads across Google services based on user behavior, enhancing overall user experience.</p>
            </div>
            <div class="consentBanner__cookie">
              <div class="flex justify-between mb-medium">
                <h6 class="flex-1 font-bold mt-none items-center">Advertising Personalization</h6>
                <label class="toggleInput consentBanner__cookieConsent ml-auto">
                  <input type="checkbox" aria-label="Advertising Personalization" name="ad_personalization">
                  <span class="toggleInput__slider"></span>
                </label>
              </div>
              <p class="text-small mb-none">Allows for content and ad personalization across Google services based on user behavior. This consent enhances user experiences.</p>
            </div>
            <div class="consentBanner__cookie">
              <div class="flex justify-between mb-medium">
                <h6 class="flex-1 font-bold mt-none items-center">User Data</h6>
                <label class="toggleInput consentBanner__cookieConsent ml-auto">
                  <input type="checkbox" aria-label="User Data" name="ad_user_data">
                  <span class="toggleInput__slider"></span>
                </label>
              </div>
              <p class="text-small mb-none">Enables personalizing ads based on user data and interactions, allowing for more relevant advertising experiences across Google services.</p>
            </div>
          </div>
        </details>
      </accordion-list>
      <accordion-list role="list">
        <details class="accordionList__item overflow-hidden" role="listitem">
          <summary class="summary--noStyle">
            <div class="accordionItem__titleContent">
              <div class="accordionItem__title UITypeStyle m-none"> Advertising </div>
              <svg version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="svg-icon accordionItem__chevron">
                <use xlink:href="#chevron-down"></use>
              </svg>
            </div>
          </summary>
          <div class="accordionItem__content js-accordionItem__content ">
            <p class="text-small"> Receive more relevant advertisements by sharing your interests and behavior with our trusted advertising partners. </p>
            <div class="consentBanner__cookie">
              <div class="flex justify-between mb-medium">
                <h6 class="flex-1 font-bold mt-none items-center">Meta Pixel</h6>
                <label class="toggleInput consentBanner__cookieConsent ml-auto">
                  <input type="checkbox" aria-label="Meta Pixel" name="meta_tag">
                  <span class="toggleInput__slider"></span>
                </label>
              </div>
              <p class="text-small mb-none">Enables better ad targeting and measurement on Meta platforms, making ads you see more relevant.</p>
            </div>
            <div class="consentBanner__cookie">
              <div class="flex justify-between mb-medium">
                <h6 class="flex-1 font-bold mt-none items-center">Meta CAPI</h6>
                <label class="toggleInput consentBanner__cookieConsent ml-auto">
                  <input type="checkbox" aria-label="Meta CAPI" name="meta_capi">
                  <span class="toggleInput__slider"></span>
                </label>
              </div>
              <p class="text-small mb-none">Allows for improved ad effectiveness and measurement through Meta’s Conversions API, ensuring privacy-compliant data sharing.</p>
            </div>
            <div class="consentBanner__cookie">
              <div class="flex justify-between mb-medium">
                <h6 class="flex-1 font-bold mt-none items-center">LinkedIn Insights</h6>
                <label class="toggleInput consentBanner__cookieConsent ml-auto">
                  <input type="checkbox" aria-label="LinkedIn Insights" name="linkedin_tag">
                  <span class="toggleInput__slider"></span>
                </label>
              </div>
              <p class="text-small mb-none">Tracks conversions, retargeting, and web analytics for LinkedIn ad campaigns, enhancing ad relevance and performance.</p>
            </div>
            <div class="consentBanner__cookie">
              <div class="flex justify-between mb-medium">
                <h6 class="flex-1 font-bold mt-none items-center">LinkedIn CAPI</h6>
                <label class="toggleInput consentBanner__cookieConsent ml-auto">
                  <input type="checkbox" aria-label="LinkedIn CAPI" name="linkedin_capi">
                  <span class="toggleInput__slider"></span>
                </label>
              </div>
              <p class="text-small mb-none">Enhances LinkedIn advertising through server-side event tracking, offering more accurate measurement and personalization.</p>
            </div>
            <div class="consentBanner__cookie">
              <div class="flex justify-between mb-medium">
                <h6 class="flex-1 font-bold mt-none items-center">Google Ads Tag</h6>
                <label class="toggleInput consentBanner__cookieConsent ml-auto">
                  <input type="checkbox" aria-label="Google Ads Tag" name="google_ads_tag">
                  <span class="toggleInput__slider"></span>
                </label>
              </div>
              <p class="text-small mb-none">Tracks ad performance and user engagement, helping deliver ads that are most useful to you.</p>
            </div>
          </div>
        </details>
      </accordion-list>
    </div>
    <div class="mt-small mb-small">
      <label class="text-neutral-01 mb-none">
        <input type="radio" value="all" name="consentType"> Accept all </label>
    </div>
  </div>
  <button class="button button--primary button--block button--small" type="submit">Save Settings</button>
</form>

Name: dialog-form-freeEbookDialog — DIALOG

<form method="DIALOG" name="dialog-form-freeEbookDialog">
  <h2 class="dialog__title js-dialogTitle">New to UX Design? We’re Giving You a Free ebook!</h2>
  <article class="dialog__body">
    <div class="row">
      <div class="col-md-4 sm:center">
        <img class="roadblock__productImage" alt="The Basics of User Experience Design" data-src="https://assets.interaction-design.org/img/literature/book-covers/basics-of-ux-design.png?id=09e316580cbd39d05069cfced40bcf50">
      </div>
      <div class="col-md-8">
        <p> Download our free ebook <i>The Basics of User Experience Design</i> to learn about core concepts of UX design. </p>
        <p> In 9 chapters, we’ll cover: conducting user interviews, design thinking, interaction design, mobile UX design, usability, UX research, and many more! </p>
        <div class="form__field">
          <div class="inputGroup">
            <input type="hidden" name="_token" value="9Mb5TdnwADSEexfB1dhpgZoj8EBKRDhBFk6U46dE" autocomplete="off"> <label class="hidden" aria-hidden="true">Name <input type="text" name="name" value="" aria-hidden="true" autocomplete="off">
            </label>
            <input name="email" type="email" placeholder="Your email" required="" maxlength="100" autofocus="" autocomplete="email">
            <div class="inputGroup__addon">
              <button type="submit" class="button button--primary" formmethod="POST" formaction="/newsletter/subscribe-for-ebook">
                <span class="sm:hide">Download free ebook</span>
                <span class="sm:show">Go</span>
              </button>
            </div>
          </div>
          <small class="error">A valid email address is required.</small>
        </div>
        <div class="mt-small">
          <input type="hidden" name="subscribe_newsletter" value="0">
          <div class="checkboxWithHint">
            <input type="checkbox" class="checkboxWithHint__checkbox" name="subscribe_newsletter" value="1" id="ebook-newsletter-dialog" checked="">
            <label for="ebook-newsletter-dialog">Get free UX design learning material every week</label>
            <div class="arrowPointingMessage checkboxWithHint__message">
              <img class="p-none image image--tiny" src="https://assets.interaction-design.org/img/icons/checkbox-arrow.svg?id=dc6f221479af3122f862918c430dc044" loading="lazy" alt="">
              <div class="arrowPointingMessage__message">
                <i class="text-serif">
            <strong>316,632 designers</strong>
            enjoy our newsletter—sure you don’t want to receive it?
        </i>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </article>
</form>

Text Content

 * Reviews / Why join our community?
 * For companies
 * Frequently asked questions
 * Contact

 * UX Courses
 * Master Classes
 * Community
 * Literature
 * Blog
 * Search


 * Log in
 * Join our community Join us

Webinar: Cognitive Science for UX  Webinar: Cognitive Science for UX 
Please upgrade your browser as it’s outdated. You’ll reduce security risks and
help make the internet better.
Your browser is outdated—upgrade it now.
Open menu Close menu

Search
Join us
Webinar: Cognitive Science for UX  Webinar: Cognitive Science for UX 
 * UX Courses
 * Master Classes
 * Community
 * Literature
 * Blog
 * Search

Log in
 * Reviews / Why join our community?
 * For companies
 * Frequently asked questions
 * Contact




CREATE RESULTS FASTER WITH OUR TEMPLATE BUNDLES

With our ready-to-use template bundles, you can save time on manual design
processes and small-scale execution. With these templates, you can free up more
of your time for big-picture innovation and ideation!

Each bundle contains valuable, practical templates designed by experts, and
they’re fully ready for use in your daily work. They’re also fully licensed for
commercial reuse, which means you can use them directly in your client projects
or in your professional assignments.


“MOBILE UI DESIGN” TEMPLATE BUNDLE

“Mobile UI Design” Template Bundle
Download this bundle of 4 templates
Download Now


“DESIGN FOR A BETTER WORLD WITH DON NORMAN” TEMPLATE BUNDLE

“Design for a Better World with Don Norman” Template Bundle
Download this bundle of 4 templates
Download Now


“MOBILE UX STRATEGY” TEMPLATE BUNDLE

“Mobile UX Strategy” Template Bundle
Download this bundle of 6 templates
Download Now


“AGILE METHODS FOR UX DESIGN” TEMPLATE BUNDLE

“Agile Methods for UX Design” Template Bundle
Download this bundle of 4 templates
Download Now


“JOURNEY MAPPING” TEMPLATE BUNDLE

“Journey Mapping” Template Bundle
Download this bundle of 7 templates
Download Now


“SERVICE DESIGN” TEMPLATE BUNDLE

“Service Design” Template Bundle
Download this bundle of 11 templates
Download Now


“UX DESIGN FOR VIRTUAL REALITY” TEMPLATE BUNDLE

“UX Design for Virtual Reality” Template Bundle
Download this bundle of 7 templates
Download Now


“AI FOR DESIGNERS” TEMPLATE BUNDLE

“AI for Designers” Template Bundle
Download this bundle of 5 templates
Download Now


“MOBILE UX DESIGN” TEMPLATE BUNDLE

“Mobile UX Design” Template Bundle
Download this bundle of 10 templates
Download Now


“USER EXPERIENCE” TEMPLATE BUNDLE

“User Experience” Template Bundle
Download this bundle of 12 templates
Download Now


“VISUAL DESIGN” TEMPLATE BUNDLE

“Visual Design” Template Bundle
Download this bundle of 11 templates
Download Now


“21ST CENTURY DESIGN” TEMPLATE BUNDLE

“21st Century Design” Template Bundle
Download this bundle of 5 templates
Download Now


“CREATIVITY” TEMPLATE BUNDLE

“Creativity” Template Bundle
Download this bundle of 15 templates
Download Now


“UX PORTFOLIO” TEMPLATE BUNDLE

“UX Portfolio” Template Bundle
Download this bundle of 10 templates
Download Now


“AUGMENTED AND VIRTUAL REALITY” TEMPLATE BUNDLE

“Augmented and Virtual Reality” Template Bundle
Download this bundle of 4 templates
Download Now


“PROTOTYPING” TEMPLATE BUNDLE

“Prototyping” Template Bundle
Download this bundle of 7 templates
Download Now


“USER RESEARCH” TEMPLATE BUNDLE

“User Research” Template Bundle
Download this bundle of 17 templates
Download Now


“IDEATION” TEMPLATE BUNDLE

“Ideation” Template Bundle
Download this bundle of 15 templates
Download Now


“DESIGN THINKING” TEMPLATE BUNDLE

“Design Thinking” Template Bundle
Download this bundle of 41 templates
Download Now


“UI DESIGN” TEMPLATE BUNDLE

“UI Design” Template Bundle
Download this bundle of 24 templates
Download Now


SEARCH

Close



POPULAR RELATED SEARCHES




FILTERS




SEARCH RESULTS




FOOTER NAVIGATION

With 175,356 graduates, the Interaction Design Foundation is the biggest online
design school globally. We were founded in 2002.




CONNECT WITH US

Reach us at hello@interaction-design.org or through our online contact form.

LinkedIn page Instagram page YouTube page X page Facebook page

Have questions? Check our frequently asked questions.


GET INSPIRED WEEKLY

Join 316,632 designers and get weekly inspiration and design tips in your inbox.

Name
Email
Subscribe
Please write a valid email address.



BROWSE UX / UI DESIGN TOPICS

A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
#



UX COURSES

 * Beginner UX Courses
 * Intermediate UX Courses
 * Advanced UX Courses


COMMUNITY

 * Master Classes
 * Local Groups
 * Discussions


LITERATURE

 * UX Daily Articles
 * UX Topics
 * UX Books


ABOUT

 * About Us
 * The People Behind
 * Contact Us

 * Terms of Use / Privacy
 * For companies
 * What is UX Design?
 * Give as gift
 * Careers

Open

PRIVACY SETTINGS

Close
By using this site, you accept our Cookie Policy and Terms of Use.
Customize

Our digital services use necessary tracking technologies, including third-party
cookies, for security, functionality, and to uphold user rights. Optional
cookies offer enhanced features, and analytics.

Essential

Experience the full potential of our site that remembers your preferences and
supports secure sign-in.

SECURITY

Governs the storage of data necessary for maintaining website security, user
authentication, and fraud prevention mechanisms.

ENHANCED FUNCTIONALITY

Saves your settings and preferences, like your location, for a more personalized
experience.

REFERRAL PROGRAM

We use cookies to enable our referral program, giving you and your friends
discounts.

ERROR REPORTING

We share user ID with Bugsnag and NewRelic to help us track errors and fix
issues.

Analytics

Optimize your experience by allowing us to monitor site usage. You’ll enjoy a
smoother, more personalized journey without compromising your privacy.

ANALYTICS STORAGE

Collects anonymous data on how you navigate and interact, helping us make
informed improvements.

GOOGLE

Differentiates real visitors from automated bots, ensuring accurate usage data
and improving your website experience.

Personalization

Lets us tailor your digital ads to match your interests, making them more
relevant and useful to you.

ADVERTISING STORAGE

Stores information for better-targeted advertising, enhancing your online ad
experience.

PERSONALIZATION STORAGE

Permits storing data to personalize content and ads across Google services based
on user behavior, enhancing overall user experience.

ADVERTISING PERSONALIZATION

Allows for content and ad personalization across Google services based on user
behavior. This consent enhances user experiences.

USER DATA

Enables personalizing ads based on user data and interactions, allowing for more
relevant advertising experiences across Google services.

Advertising

Receive more relevant advertisements by sharing your interests and behavior with
our trusted advertising partners.

META PIXEL

Enables better ad targeting and measurement on Meta platforms, making ads you
see more relevant.

META CAPI

Allows for improved ad effectiveness and measurement through Meta’s Conversions
API, ensuring privacy-compliant data sharing.

LINKEDIN INSIGHTS

Tracks conversions, retargeting, and web analytics for LinkedIn ad campaigns,
enhancing ad relevance and performance.

LINKEDIN CAPI

Enhances LinkedIn advertising through server-side event tracking, offering more
accurate measurement and personalization.

GOOGLE ADS TAG

Tracks ad performance and user engagement, helping deliver ads that are most
useful to you.

Accept all
Save Settings


NEW TO UX DESIGN? WE’RE GIVING YOU A FREE EBOOK!

Download our free ebook The Basics of User Experience Design to learn about core
concepts of UX design.

In 9 chapters, we’ll cover: conducting user interviews, design thinking,
interaction design, mobile UX design, usability, UX research, and many more!

Name
Download free ebook Go
A valid email address is required.
Get free UX design learning material every week
316,632 designers enjoy our newsletter—sure you don’t want to receive it?

www.interaction-design.org Open in urlscan Pro 45.55.126.172 Public Scan

Form analysis 3 forms found in the DOM

Name: newsletter-subscription-form — POST /newsletter/subscribe

Name: dialog-form-freeEbookDialog — DIALOG

Text Content

www.interaction-design.org Open in urlscan Pro
45.55.126.172 Public Scan

Form analysis
3 forms found in the DOM