UI COM Style Guide
  • UI COM Style Guide
  • Contact Us
  • Writing for the Web
    • Know Your Audience
    • Reduce Content
    • Make Content Accessible and Easy to Read
      • Write in Plain Language
      • Write Content That is Design Agnostic
      • Structure Your Content
        • Use Headings Correctly
        • Formatting Lists
      • Images and Videos
        • Sizing Images
        • Follow Alt Text Best Practices
        • Videos
      • Avoid PDFs
      • Make User Friendly Forms
      • Make User Friendly Links and Buttons
        • Write Quality Link Text
        • Linking a Phone number or Email
        • Links to External Sites
    • Make Content Findable
    • Writing for the Web Tools
  • College of Medicine Logos, Brand & Style
    • Write with the College Web Style
      • Voice and Tone
      • Terminology and Language
        • UI COM Name Usage
        • Names and titles
        • Departments
        • Degrees and programs
        • Academic year and fiscal year
        • Alumni
        • Abbreviations and acronyms
        • Other Terminology
        • Inclusive language
      • Capitalization
      • Phone & Fax Number Formatting
      • Time and Dates
      • Address & Building Numbers Formatting
      • Profiles
    • Color Palette
    • Typography
    • Logo Guidelines
  • Info for the Chicago Campus
    • Chicago Campus Name Usage
    • Chicago Department Names
    • Chicago Administrative Offices/Personnel Titles
    • UI Health
    • Homepage Guidelines
    • Creating a New Website
  • Info for the Peoria Campus
    • Peoria Campus Name Usage
    • Peoria Department Names
    • Peoria Administrative Offices/Personnel Titles
    • Peoria Terminology
  • Info for the Rockford Campus
    • Rockford Campus Name Usage
    • Rockford Department Names
    • Rockford Administrative Offices/Personnel Titles
    • Rockford Terminology
    • Affiliations
Powered by GitBook
On this page
  • Embedding Forms
  • Linking to External Forms
  • Qualtrics
  • Google Forms
  • Follow Form Best Practices
  • Set expectations
  • Group fields together
  • Use logic to hide unnecessary fields
  • Write clear labels
  • Provide clear errors
  1. Writing for the Web
  2. Make Content Accessible and Easy to Read

Make User Friendly Forms

PreviousAvoid PDFsNextMake User Friendly Links and Buttons

Last updated 1 year ago

Forms are a great way to gather information from your users and/or a great way for them to get in touch with you without having to disclose your email to bots. You have multiple options to create forms.

Embedding Forms

If you are looking to embed a form. Use Gravity Forms. You can utilize Gravity Forms by accessing the RED CMS. You can create one form and embed it on multiple pages throughout the website.

Linking to External Forms

Qualtrics

Build forms using Qualtrics if you are collecting personal information and/or want to make a form that is only available to UIC personnel.

Visit the for more info on Qualtrics or to make a request.

Google Forms

If your form is not collecting personal or sensitive information, you can use Google Forms.

Visit the for more information about how to do this

Follow Form Best Practices

Set expectations

At the beginning of the form, give an overview of what type of information you will be asking the user for. You can even give an estimate of the time it will take to complete the form.

At the end of the form, either right above the submission button or in a confirmation message after submission, you should let the user know what will happen next. Tell them if they should expect a follow-up via email or phone and how long they can expect to wait. Whenever possible, setup a confirmation email that lets them know their submission worked.

Group fields together

You want to group your form questions together in a way that will make sense to the user.

An example of bad grouping

  1. What is your name?

  2. What is your phone number?

  3. Provide feedback for the organization

  4. What is your email address?

An example of good grouping

  1. What is your contact info?

    1. Name

    2. Phone number

    3. Email

  2. Provide feedback for the organization

Use logic to hide unnecessary fields

It is best practice to show only what is necessary on a form. It is confusing to include questions that aren't relevant to the user. Depending on how a user answers a question, they may have to answer more questions. The additional questions should stay hidden until they trigger the need for it. This can be done using logic in Gravity Forms.

Write clear labels

Even if the process of filling out the form seems obvious to you, don't assume it will be clear to everyone. Make sure you have clear labels for each field.

  • A good label is "First name"

  • A bad label is "name"

Provide clear errors

If you want to get consistent information from your form submissions, you will likely need to make some fields required and/or employ requirements for formatting of responses. When you do include these requirements, you should make sure to add custom error messaging. Error messages should tell the user exactly what they did wrong.

UIC help site
UIC help site