Landing Page 6

Call and Response

As described on the homepage, the call and response frame can be used for circumstances where condensing information is useful to the website viewer. For this example a step-by-step process will be shown. For testing and demonstration purposes a headline was not used here as it is optional on Landing pages.

Step 1: When to consider this frame
  • When certain steps have to be completed before other steps can start.
    • There may be a waiting period between steps.
  • When directions for each step are long to read.
    • Or can be confusing to read all at once.
  • When multiple forms, questions on a form, or verifications need to be explained.
Step 2: When not to consider this frame
  • When the steps of a process are straightforward and easy to understand.
  • When all steps can be, or need to be, completed at once.
Step 3: Labeling the row/accordion titles
  • For instructions in a certain order the content creator can simply use "1." or "Step 1:"
  • For form instructions to be easy to find "Page 1, Questions 1-5" or "Page 2 Instructions filling in 2a-2f"
  • For multiple forms or documents in each step, the title can be what these forms will accomplish.
    • The content can be a bulleted list of what the forms or documents are.
      • Links can be embed of the document(s).

Two Button Descriptor Headline

Descriptor 1

This is using the monochrome accent color. This frame with the secondary accent color can be seen on Landing Page 2.

Landing Page 2
Descriptor 2

This frame with the primary accent color can be seen on the homepage.

Homepage
WYSIWYG Title
Headline

This is a WYSIWYG body with just basic HTML text. Basic HTML can be bolded text, italicized, underlined, or different combinations. It can also be link text.

A headline is not included to demonstrate that it is an optional field. Five images are included in this frame, the amount for an ideal user experience.. The last two will not have descriptions, because image descriptions are also optional. The homepage gallery is full with 10 images and all descriptions filled in.

Tableau embed Title
Headline

A tableau embed is an interactive tool that can display all different types of data. This is an example of a Tableau embed frame provided from the NYS OPWDD site that uses ACSF.

"Regional Data Story - OPWDD Medicaid Expenditures: Regional Story"
More WYSIWYG

The divider is used to group similar content together. When used as intended it visually guides the user through different sections of a page and can improve readability.

Another idea could start here. Other options within a WYSIWYG frame can be used together to explain a topic.

You miss 100% of the shots you don't take

Michael Scott Wayne Gretzky

The last frame on this page will be a popular services frame to test how it acts in a position it should not be in, last instead of first.