Slide 1

Slide 1 text

Jessica Kelsall jesskelsall Web Design that Doesn't Make Trans People Uncomfortable

Slide 2

Slide 2 text

What this talk covers: ● What it means to be a transgender person. ● Name & title. ● Gender & sex. ● How to design with trans people in mind. ● Good & bad examples. ● Real quotes from other trans people!

Slide 3

Slide 3 text

Disclaimer!

Slide 4

Slide 4 text

February 2013

Slide 5

Slide 5 text

April 2016

Slide 6

Slide 6 text

February 2019

Slide 7

Slide 7 text

April 2019

Slide 8

Slide 8 text

July 2019

Slide 9

Slide 9 text

August 2019

Slide 10

Slide 10 text

Transgender “An umbrella term to describe people whose gender is not the same as, or does not sit comfortably with, the sex they were assigned at birth.”

Slide 11

Slide 11 text

Non Binary “An umbrella term for people whose gender identity doesn’t sit comfortably with ‘man’ or ‘woman’.”

Slide 12

Slide 12 text

Genderfluid

Slide 13

Slide 13 text

Let’s talk about… names ● Some trans people change their names. ● Your name is a big part of your identity. ● Use of your deadname is a horrible experience.

Slide 14

Slide 14 text

Allow users to change their name online I haven't called them but that's the last thing I want to do. Avery

Slide 15

Slide 15 text

Make sure names change everywhere I must say it is incredibly irritating to repeatedly update my name and gender in a system only to have it present the old name when I log in at a later time. When I receive promotional emails it's obviously a boost to see Charlotte rather than my male name on an email about dresses or makeup. Alexis Charlotte

Slide 16

Slide 16 text

Make proving your name simple If legal proof is required please allow me to upload my court order document (PDF) so I don't have to go through a phone tree and possibly mail or fax it. I couldn't get an address out of Sky for my deed poll until I went around three departments. Avery Martha

Slide 17

Slide 17 text

Name done wrong: Next

Slide 18

Slide 18 text

No content

Slide 19

Slide 19 text

No content

Slide 20

Slide 20 text

No content

Slide 21

Slide 21 text

Name done right: LinkedIn

Slide 22

Slide 22 text

No content

Slide 23

Slide 23 text

No content

Slide 24

Slide 24 text

Let’s talk about… titles ● Can be gender neutral: Mx, Ind. ● Titles can be used freely. ● Why are we still using titles?

Slide 25

Slide 25 text

Give users non binary titles to choose The notion of gender outside of a M/F binary is lost on most people sadly. A gender neutral option. An M or a Mx. Something along those lines. Personally I still roll my eyes at the circus of Miss, Mrs and Ms. Nic Pippa

Slide 26

Slide 26 text

Don’t use titles Flickr has been great for years. It allows you to write your gender and pronouns, without forcing a Ms or Miss down on you. Nadia

Slide 27

Slide 27 text

Title done wrong: Willis Towers Watson

Slide 28

Slide 28 text

No content

Slide 29

Slide 29 text

No content

Slide 30

Slide 30 text

No content

Slide 31

Slide 31 text

Title done right: Amazon

Slide 32

Slide 32 text

No content

Slide 33

Slide 33 text

No content

Slide 34

Slide 34 text

Let’s talk about… gender ● Deeply personal to many trans people. ● Everyone has a unique experience of gender. ● People don’t always neatly fit into one gender identity.

Slide 35

Slide 35 text

Trans people may prefer different options I definitely prefer putting down female versus trans woman or something along those lines. Right now it would be transgender, because that is what I am, but once I have fully transitioned, I guess it will be female. Blake Nadia

Slide 36

Slide 36 text

Trans people may prefer different options I would probably choose fluid, as that's what I identify with the most at the moment. I suppose as someone who presents mostly as male and separates out my two sides, I usually just use the appropriate name and gender depending on context. Katie Katie

Slide 37

Slide 37 text

Avoid using “other” where possible Ideally genderfluid or non binary, but I'd settle for "other". Some websites do give the option of "other" but that's almost as bad as no option in my opinion. Nic Katie

Slide 38

Slide 38 text

Provide good gender choices I'm sure a lot of people think they're going to have to run through the queer alphabet but non binary, agender, or genderqueer are all great starts. If there's a way for me to select multiple I check female and trans female. Pippa Brooke

Slide 39

Slide 39 text

Provide a way of changing gender Ohhh I can't change the gender of my Pokemon Go character and that kinda sucks. Blake

Slide 40

Slide 40 text

Explain when asking for “sex” I'm sure on lots of websites sex and gender were used interchangeably though. When it asks for sex and it involves health I did put male down and felt bad about it, but my health is more closely related to male. Martha Blake

Slide 41

Slide 41 text

Avoid asking if possible For most businesses I would probably they rather not ask my gender for my profile unless it's important. At the end of the day, I will be a customer, patron, or whatever, so why does it matter so much? Avery Gabriella

Slide 42

Slide 42 text

Gender done wrong: Give Blood

Slide 43

Slide 43 text

No content

Slide 44

Slide 44 text

No content

Slide 45

Slide 45 text

No content

Slide 46

Slide 46 text

Gender done right: OkCupid

Slide 47

Slide 47 text

No content

Slide 48

Slide 48 text

No content

Slide 49

Slide 49 text

Bad experiences affect people Some of that stuff is so demeaning I've either closed my account and remade it, or just left it under my deadname. Amber

Slide 50

Slide 50 text

Bad experiences have consequences I was then told I'd have to go in store with my court order to do it. Instead of dealing with that, I cancelled my service and am now with another company. I was told about a dating app. I signed up but didn't use it as it didn't have an option for me to state that I am a trans woman. Brooke Blake

Slide 51

Slide 51 text

Special thanks! Alexis Amber Avery Bailey Blake Brooke Charlotte Chloe Chloe

Slide 52

Slide 52 text

Special thanks! Danielle Gabriella Katie Katie Louise Martha Nadia Nic Pippa

Slide 53

Slide 53 text

No content

Slide 54

Slide 54 text

Thank you all! jesskelsall