UX Collective

We believe designers are thinkers as much as they are makers. https://linktr.ee/uxc

Follow publication

Designing forms for gender diversity and inclusion

Sabrina Fonseca
UX Collective
Published in
12 min readApr 25, 2017
This post is part of the journey of the team at uxdesign.cc on learning more about Diversity and Design — and sharing what they learn along the way.

mul·ti·di·men·sion·al: of or involving several dimensions or aspects; exhibiting many diverse characteristics.

It’s possible that they will identify with one of the options. But when they don’t, it may be a hurtful reminder of how their journey is not reflected in the world.

Attitudes

Gender Question Recommendations

1. Give people a really good reason for asking

Callen-Lorde patient registration print form provides an explanation to their demographic questions (grey box).
One Medical Group patient registration form. It explains the purpose of the sex field, and offers more gender information as necessary. Since trans & GNC people may wish to use a different name from the one in their health insurance profile, it asks for that as well. 4 out of the 5 people I interviewed used a name different from the one given when they were born.
NYU application form with information overlay. They are clear about what information they need, but not why they need it, and what they ask for is a very sensitive piece of information. I’m sure this is the kind of form that prompts phone calls.

2. Make it private, safe, and anonymous

3. Always make it optional

Coursera Profile. “Prefer not to say” is always good to have. On a side note, the word “Other” may make people feel like an after-thought, particularly when the form doesn’t ask for more detail on what “Other” means.

4. Ask for pronouns instead, if that’s all you need to know

Facebook also allows people to choose their own pronouns. It includes examples to make the question and the intended use bit clearer. Additionally, it prominently warns users that, unlike gender, this information will be public.
Free-form, optional gender pronoun field on Vox Media job application, including examples. (Spotted by @antimytheme)

5. Be ready for a complex answer

Etsy profile. The free-form text field appears when the Custom option is clicked. This is a good approach because it shows curiosity about users who are trans & gender non-conforming.
Scratch sign up form, for kids to create and share interactive stories. Offering a simple open-ended field allows for self-expression, and users can hover over the ? icon to know how this information will be used. This would only be better if it included a “Prefer not to state” option — even if users don’t want to disclose, they might not feel like lying or writing out “It’s none of your business”. (Spotted by Chad Gowler)
ITV application form has a title field instead of gender. It includes the gender-neutral honorific Mx (pronounced Mix), which is great, but unfortunately it’s mandatory. This approach is a bit outdated, as it differentiates married from single women, but doesn’t do the same for men and non-binary genders.
United Airlines registration form, with no gender-neutral options. One gender non-conforming person I interviewed sometimes chooses Dr. as an honorific, even though they’re not a doctor, because it’s gender-neutral. This approach also implies a dark hierarchy between men, women, married women and people with a professional achievement.
Trevor Project, an LGBTQ crisis hotline service, asks for gender information before talking to young people in crisis. It asks for gender, transgender status and preferred pronouns separately. This form was criticized by some of my interview subjects for asking questions that might be difficult to answer in a time of crisis, and not offering a “Prefer not to answer” option on gender.
This form design recommended by Practice Makes Progress allows for multiple choices. Many trans women and men don’t use the Trans label because they are not transitioning anymore and don’t want to feel “less than”, hence why this form doesn’t include terms like Trans Man and Trans Woman. But if someone wants to identify as such, they can pick Transgender + Woman or Man, or any other combination. Two-Spirit is a Native-American non-binary gender identity — consider where the survey will take place, as there are lots of local trans and GNC labels.
National Center for Transgender Equality — Share Your Story form. It allows people to choose more than one label and include custom ones. Non-Transgender men and women have separate options phrased as such in case they want to share a story about a trans family member.
Facebook American English form. Lots of labels constantly being updated, a type-ahead search that doesn’t imply a hierarchy of genders, ability to enter more than one label, a free text field, privacy controls, ability to change the content whenever the user wants, increasingly localized labels — all make this a pretty inclusive design meant for the purpose of self-expression.

6. Consider Internationalization

7. Just don’t ask

Snapchat, the king platform for young people’s fluid and non-permanent expression, does not feel a need to ask for gender. Unfortunately, the same is not true about Facebook and Instagram (the latter which only provides male and female as options).

A few final thoughts

Learn more

Free

Distraction-free reading. No ads.

Organize your knowledge with lists and highlights.

Tell your story. Find your audience.

Membership

Read member-only stories

Support writers you read most

Earn money for your writing

Listen to audio narrations

Read offline with the Medium app

Written by Sabrina Fonseca

Researcher and Designer for products and services.