The Inclusive Group

Connect to community based and recreational services.

A cross-functional project creating the initial website for a nonprofit organization that provides Intellectual/Developmental Disability (I/DD) resources.

  • UX Content Strategist

    UX Writer

  • Style Guide

    Microcopy edits (Account set-up, password reset, & magic link flows)

    Comparative Analysis Research

  • (August 2022 - October 2022)

    Team:

    Lead UX Content Strategist, Anastasiia Serdiukova

    UX Content Strategist, Tori Moore

    UX Content Strategist, Chika Nwakanma

    UX Designer, Gayathri Muthuraman

    UX Designer, Xuan Jun Lu

    UX Designer, Michael Gonzales

    UX Researcher, Daxle Collier

    UX Researcher, Laura Rountree

    Product Manager, Chonita Tillmon

  • Figma

Problem Overview

Inclusive is a human service and social enterprise in NYC that protects individuals with I/DD’s (Intellectual and/or Developmental Disabilities).

They are looking to create a central source for health and medical services. This will be through designing aspects of IDDLife.com. This includes the Online Resource Guide and System Navigator Tool, enabling parents of IDD children to find and access relevant healthcare providers.

Tackling the Problem

How might we ease the process for parents finding resources for their children with I/DD?

I conducted a comparative analysis on various style guides. After conducting research, I wrote all of the content in the “Accessibility” and “ UI Elements” sections of the Style Guide. As a team, we established which sections to include and collaborated on editing and revising each other’s sections as well.

Style Guide

Microcopy Edits

Throughout the editing process, I backed my decisions with research every step of the way. I validated my decisions with research while justifying my decisions to the design team.

Sign Up

Before

After

  • Use succinct copy on the form labels. Limit to 1-2 words.

    ex: Amazon’s previous flow slowed conversion rates with higher cognitive load.

  • Solution/action was missing in the error message.

    The solution is necessary to help the user resolve the error.

  • Carousels are inaccessible

    Advocated for the removal of carousels on the sign up flow.

  • Horizontal scrolling is inaccessible & deters the attention from the sign up process.

  • Add a note for password requirements upfront, prevents error, improve conversion rates.

    8 character minimum (NIST guidelines)

    Don’t require special characters/ counterintuitive according to NIST.

  • “Sign Up for” vs. “Join”

    More concise & personable (aligns with the style guide)

Password Reset

Before

After

  • Simplifying and reducing wordiness on the CTA.

  • Creating a more personalized experience through the headings, subtext and email subject (referencing voice and tone in the style guide).

Change Password

Before

After

  • Adjusted the copy on the error message to make it more “soft” and user friendly given our style guide and brand voice (based on feedback).

  • Research shows contractions are more accessible and plain language. I adjusted the error message accordingly.

See the full edit history in the figma file (account set up & password reset sections).

What’s Next?

The research team is currently testing our current designs to see where we need to adjust based on user testing results. We are currently looking into alternative microcopy terms for our magic link password log in flows. Stakeholders brought up the point that “magic link” is not an accessible term. As a content team, we are currently researching and coming up with alternative words to test during next rounds of user testing.

Previous

Roialty Hub