The document outlines tasks related to designing interstitial screens based on Figma representations, which are small web pages that appear between other pages to provide information or facilitate user actions. Key considerations include making interstitials brief, clear, and visually cohesive with the primary website experience, along with ensuring they provide useful content and allow users to navigate easily. It also discusses best practices for delay messaging and user feedback within the context of interstitials.

1. Jaime’s Tasks, Interstitial Screen Work based off of the Figma representations:
Figma Link:
https://www.figma.com/file/2zEaOX7HySzF6TckrCvkeV/Client-Review?node-id=136%3A1478
Interstitial Screen FYI:
●​ Interstitial spaces are small web pages that appear between other pages on a website or
within a mobile application. Interstitial pages can be in the form of ads, forms,
information or as a login prompt. These pages are often small, taking up only a portion of
the available screen space, or asking for one bit of information or user action.
●​ The term interstitial references “in between” because of the page placement in the scope
of a website framework. Regardless of use, many interstitial placements are delivered by
an ad server as “advertising” space, regardless of actual use or intent.
●​ The idea behind an interstitial page is that it serves a single purpose and is not a link
from page to page. Interstitial spaces are designed to provide one bit of information or
action. Links are more intended as a navigational tool to move around a website.
●​ These “pop-ups” can appear at certain frequencies, depending on time, number of
visits to a site, frequency of a user to a site and other factors.
Common uses for interstitial spaces include:
●​ Advertising
●​ Email signups
●​ Age or login verification
●​ Related content for frequent users
●​ Errors or related queries
Interstitial Presentation(s):
●​ Look at the example from retailer Kate Spade, for example. Users have to enter an email
address and zip code to access a sale.
○​ This kind of interstitial experience provides the company with valuable marketing
and demographic information while allowing the user special access to items and
pricing.
○​ What’s also nice about the experience from the user perspective is that the
interstitial space is “remembered” by device so users only get it on the first visit.
●​ Interstitial experiences can come in a variety of formats.
○​ They can include static web pages, video, audio, animation, sliders and almost
any other effect that you can imagine on a web page.

2. ○​ They can appear between “screens” on almost any type of website as well, from
between actions in a mobile game, to a splash-style screen before entering a
webpage to the ads you see ahead of a clip on YouTube.
Good Interstitials:
●​ Well-designed interstitial experiences offer concise and clear communication to
users.
○​ In just a few seconds – aim for a glance – users should be able to tell what action
the interstitial space is asking them to complete and make a decision about
performing the desired action or not.
●​ Almost all interstitial elements include an action.
○​ Most commonly this is a click or filling in a simple form.
○​ But some interstitial elements are simply to provide information.
○​ Make sure to include a user interface element that makes it easy for the
user to collapse or remove the small web page, if they can proceed without
an action.
To Remember:
●​ When planning the design think of these key elements, remembering that you are likely
working on a small canvas:
○​ One dominant visual
○​ One small – no more than 10 words – text block
○​ Branding
○​ Possibly a button to click in order to complete an action
Design Questions to Ask:
●​ Does the interstitial contain material that the visitor could find valuable and relevant?
●​ Is it shown to visitors at times when they will consider it appropriate?
●​ Does it look and feel like an extension of the primary website experience?
https://fractal.hilton.com/ui-ux-guidelines/system-feedback/interstitial/
https://www.uxmatters.com/mt/archives/2018/07/handling-delays.php

3. System Feedback:
●​ Alerts
●​ Dialog
●​ Errors
●​ Interstitial
○​ A “window” that appears in response to a control or action as part of completing a
specific transaction.
○​ Once a user completes the action required by the interstitial, the view is
automatically redirected to the next step in completing the transaction.
○​ An example of an interstitial is a sign-in view during the hotel reservation
process.
○​ Guidelines:
■​ Provide the user with the option to return to the previous view or choose
an alternative path to completing the transaction.
■​ Ensure the interstitial has a clear title that’s in line with the overall
transaction the user is in the process of completing.
●​ Progress & Activity
●​ Snackbar
My work:
●​ Messaging/Alerts:
○​ Delays > are there delay messages or error notifications present? What might
those scenarios look like?
○​ Delays fall into two basic categories:
■​ determinate—A delay that is of a fixed length because of a known time
span or quantity. We have all encountered the most common of these:
upload indicators. A progress bar shows the actual status changing from
moment to moment.
■​ indeterminate—A delay that will last an unknown length of time. Most
often, these occur because of inconsiderate design at some level. There
is no feedback regarding the delay so you cannot provide an estimate or
progress indicator.
○​ Depending on what the delay means to the user and the software process, there
are three ways of handling delays:
■​ blocking delay messages
■​ interstitial delay messages
■​ inline delay messages
●​ Put this in excel format