{"id":1335,"date":"2010-02-05T15:23:16","date_gmt":"2010-02-05T22:23:16","guid":{"rendered":"http:\/\/www.sarahdopp.com\/blog\/?p=1335"},"modified":"2010-02-06T11:58:28","modified_gmt":"2010-02-06T18:58:28","slug":"designing-a-better-drop-down-menu-for-gender","status":"publish","type":"post","link":"https:\/\/sarahdopp.com\/blog\/2010\/designing-a-better-drop-down-menu-for-gender\/","title":{"rendered":"Designing a Better Drop-Down Menu for Gender"},"content":{"rendered":"<div class=\"juiz-outdated-message jodpm-top\">Heads up, this content is 16 years old. Please keep its age in mind while reading.<\/div><p>A year ago, I wrote an <a href=\"http:\/\/www.sarahdopp.com\/blog\/?p=514\">open letter to Silicon Valley<\/a>, asking people to stop and think about how they&#8217;re handling gender (and race, for that matter) in their community websites.\u00a0 The short version is that <strong>if you&#8217;re requiring users to select their gender from a drop-down menu that has two options in it, you&#8217;re alienating some people. <\/strong>I didn&#8217;t offer alternative solutions at the time &#8212; it was just a request for everyone to think about it.<\/p>\n<p><em><strong>(Note:<\/strong> if you&#8217;re not clear on why gender is a complicated issue in data collection, please stop right now and <a href=\"http:\/\/www.sarahdopp.com\/blog\/?p=514\">go read that other post<\/a> before continuing. This will make a lot more sense after you do so.)<\/em><\/p>\n<p>After grappling with this problem on a few other projects, and talking about it in a session last week at <a href=\"http:\/\/www.shesgeeky.org\">She&#8217;s Geeky<\/a> (I called it &#8220;My gender broke your drop-down menu&#8230;&#8221;), I&#8217;d like to now offer my suggested alternatives.<\/p>\n<h2>Alternatives to asking for a user&#8217;s gender in a required two-option drop-down menu&#8230;<\/h2>\n<h3 style=\"margin-top:10px;\">Option 1: Make it Optional<\/h3>\n<p>Baby steps.\u00a0 If the idea of getting fancy with your data collection method gives you nightmares, just remove the red asterisk.\u00a0<em> Stop making it required!<\/em> Most people will still answer the question, and those who don&#8217;t want to will select not to.\u00a0 Put a plan in place for how to treat and account for those who don&#8217;t want to declare their genders, and you&#8217;re done.\u00a0 It&#8217;s not the most celebratory or inclusive measure, but it is a very clean way to resolve a lot of problems.<\/p>\n<h3>Option 2: Don&#8217;t Ask At All<\/h3>\n<p>Instead of asking for gender, ask for what you <em>actually<\/em> want to know.<\/p>\n<p>Is it what honorific should precede the person&#8217;s name?\u00a0 Well, then gender&#8217;s not going to tell you if they&#8217;re a doctor or a reverend, is it? Give them a comprehensive list of options, and allow them to select none, if they wish. (And really, why do we use these again? \u00a0My preference is to drop them entirely.)<\/p>\n<p>Is it what marketing you think they&#8217;ll respond best to?\u00a0 Newsflash: not every woman likes baking, and not every man likes cars. \u00a0Ask them about their interests and market to them on that basis, instead.<\/p>\n<p>Is gender not actually relevant at all, except that you think it makes for an interesting statistic?\u00a0Meh. I&#8217;d like to convince you that you really shouldn&#8217;t touch it, but if I&#8217;m not going to win that argument, please see Option 1.<\/p>\n<h3>Option 3: Have a Third Option<\/h3>\n<p>Your drop-down menus can have more than two options.\u00a0 Some people are trying three.<\/p>\n<p>I&#8217;ve spent a lot of time thinking about this, and here&#8217;s my current position:<\/p>\n<ul>\n<li>&#8220;Other&#8221; is a poor choice for a third option. \u00a0Why? Because gender-nonconforming people are <em>othered<\/em> enough as it is.<\/li>\n<li>A more useful choice would be &#8220;<strong>Decline to State<\/strong>&#8221; (or something similar) &#8212; then it&#8217;s not about non-conformity, it&#8217;s about privacy.<\/li>\n<li>But taking this a bit further, I&#8217;d like to submit &#8220;<strong>It&#8217;s Complicated<\/strong>&#8221; for consideration as the new third option. \u00a0Most gender-nonconforming types will smile at you for it.\u00a0 It tells them you <em>understand<\/em>.<\/li>\n<\/ul>\n<p>I&#8217;ve seen some people try to implement a &#8220;lots of options&#8221; dropdown menu, but I don&#8217;t really recommend this route, for two reasons:<\/p>\n<ol>\n<li>What if someone looks at the list and doesn&#8217;t identify with any of the words? \u00a0You just alienated them much further than your male\/female dropdown menu was doing before.<\/li>\n<li>What if someone identifies as more than one thing on the list?\u00a0 Take, for example, a transsexual woman who is proud to identify as a woman.\u00a0 Are you <em>really <\/em>going to make her choose between &#8220;trans&#8221; and &#8220;woman&#8221;?\u00a0 Come on now.\u00a0 That&#8217;s insulting.<\/li>\n<\/ol>\n<p>If you change it from a drop-down menu (&#8220;pick only one&#8221;) to a checkbox menu (&#8220;select all that apply&#8221;), you solve issue #2, but you still have issue #1 to grapple with.\u00a0 And let me tell you: if you think you can come up with a finite list of all the possible gender identities in the world, <em>you&#8217;re wrong. <\/em><\/p>\n<h3>Option 4: Redesign the System<\/h3>\n<p>So you&#8217;re convinced that &#8220;male\/female&#8221; is a deeply flawed data breakdown for the purpose of your website, but you want people to assert their identities, and you want them to get personal about it.\u00a0 Okay, then!\u00a0 Time to scrap the dropdowns and do something new.\u00a0 Here are some ideas&#8230;<\/p>\n<p><strong>A &#8220;gender spectrum&#8221; slider bar. <\/strong>Take a look at how Blackbox Republic is structuring their sexual identity data:<\/p>\n<p style=\"text-align: center;\"><a href=\"http:\/\/www.blackboxrepublic.com\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1336 aligncenter\" title=\"blackbox\" src=\"http:\/\/www.sarahdopp.com\/blog\/wp-content\/uploads\/2010\/02\/blackbox.png\" border=\"0\" alt=\"blackbox\" width=\"301\" height=\"53\" srcset=\"https:\/\/sarahdopp.com\/blog\/wp-content\/uploads\/2010\/02\/blackbox.png 301w, https:\/\/sarahdopp.com\/blog\/wp-content\/uploads\/2010\/02\/blackbox-300x52.png 300w\" sizes=\"auto, (max-width: 301px) 100vw, 301px\" \/><\/a><\/p>\n<p style=\"text-align: left;\">I could see a similar thing done with &#8220;masculine&#8221; and &#8220;feminine&#8221; at each end, and letting people self-identify.<\/p>\n<p style=\"text-align: left;\">Note: one <em>huge<\/em> problem with the spectrum model is that it&#8217;s too flat.\u00a0 I believe there are people who have &#8220;a lot of gender&#8221; (i.e. dripping both masculinity and femininity all over the place) and &#8220;not a lot of gender&#8221; (i.e. minimizing signals of any gender whatsoever), and on the spectrum, they might look the same.\u00a0 But that brings up my next idea, which is&#8230;<\/p>\n<p style=\"text-align: left;\"><strong>A second dropdown that asks how important gender is to them. <\/strong> Take a look at how OkCupid handles religion.\u00a0 You get one dropdown menu for how you identify, and a second dropdown menu for how important it is to you.\u00a0 For some people, their gender is a strongly identifying factor in their lives.\u00a0 For others, it&#8217;s nearly irrelevant.\u00a0 What if we just started asking that question?<\/p>\n<p style=\"text-align: center;\"><a href=\"http:\/\/www.okcupid.com\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1337 aligncenter\" title=\"okcupid-dropdown\" src=\"http:\/\/www.sarahdopp.com\/blog\/wp-content\/uploads\/2010\/02\/okcupid-dropdown.png\" border=\"0\" alt=\"okcupid-dropdown\" width=\"426\" height=\"126\" srcset=\"https:\/\/sarahdopp.com\/blog\/wp-content\/uploads\/2010\/02\/okcupid-dropdown.png 426w, https:\/\/sarahdopp.com\/blog\/wp-content\/uploads\/2010\/02\/okcupid-dropdown-300x88.png 300w\" sizes=\"auto, (max-width: 426px) 100vw, 426px\" \/><\/a><\/p>\n<p style=\"text-align: left;\">You could also&#8230;<\/p>\n<p style=\"text-align: left;\"><strong>Get fancy and use Kreative Korp&#8217;s <a href=\"http:\/\/www.kreativekorp.com\/miscpages\/gender\/sgo.shtml\">SGOSelect menu<\/a> <\/strong>(or some variation on it), which basically says: <em>if you have a traditional identity, you can use the simple form.\u00a0 And if you want to get more specific, you can switch over to the Advanced form:<\/em><\/p>\n<p style=\"text-align: left;\"><a href=\"http:\/\/www.kreativekorp.com\/miscpages\/gender\/sgo.shtml\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1338 aligncenter\" title=\"sgoselect\" src=\"http:\/\/www.sarahdopp.com\/blog\/wp-content\/uploads\/2010\/02\/sgoselect.png\" border=\"0\" alt=\"sgoselect\" width=\"432\" height=\"202\" srcset=\"https:\/\/sarahdopp.com\/blog\/wp-content\/uploads\/2010\/02\/sgoselect.png 432w, https:\/\/sarahdopp.com\/blog\/wp-content\/uploads\/2010\/02\/sgoselect-300x140.png 300w\" sizes=\"auto, (max-width: 432px) 100vw, 432px\" \/><\/a>&#8230; but it still runs into the &#8220;finite number of options&#8221; problem, even in the Advanced view.<\/p>\n<p style=\"text-align: left;\">And that brings me to my last suggestion, which so far seems to be my holy grail. I worked this out with my co-founder team at Boffery while we were strategizing the user interface&#8230; with some outside input from <a href=\"http:\/\/infotrope.net\/\">Kirrily Robert<\/a> of <a href=\"http:\/\/freebase.com\">Freebase<\/a>:<\/p>\n<p style=\"text-align: left;\"><strong>An open-ended tagging field that suggests words as you type. <\/strong>I want to be able to define my gender as &#8220;female, androgynous, genderqueer.&#8221;\u00a0 And I believe that if we were all encouraged to, we would come up with a great rich vocabulary that uniquely characterizes ourselves in all the ways a two-option gender set is <em>trying<\/em> to do, but failing at.\u00a0 If the tagging system were set up to automatically suggest words as you typed, you could either loop in to what others are saying and be associated with that group, or create your own words and add them to the lexicon. The result would be a rich mix of groupable\/categorizable labels (marketers: this is far more meaningful than what you&#8217;re currently working with), along with the ability for us to self-identify however we want.<\/p>\n<p style=\"text-align: left;\">I don&#8217;t have a picture for you &#8216;cuz it hasn&#8217;t been built yet.\u00a0 But if anyone understands what I&#8217;m talking about and wants to test it out, let me know.<\/p>\n<p style=\"text-align: left;\">I want in.<\/p>\n<p style=\"text-align: left;\">Love,<br \/>\nSarah<\/p>\n<p style=\"text-align: left;\">ETA: immediately after I posted this, a designer took a stab at the open-ended tagging field idea and sent me <a href=\"http:\/\/www.sarahdopp.com\/blog\/?p=1353\">early concept mockups<\/a>.\u00a0 Check &#8217;em out!<\/p>\n<p style=\"text-align: left;\">\n","protected":false},"excerpt":{"rendered":"<p>Heads up, this content is 16 years old. Please keep its age in mind while reading.A year ago, I wrote an open letter to Silicon Valley, asking people to stop and think about how they&#8217;re handling gender (and race, for that matter) in their community websites.\u00a0 The short version is that if you&#8217;re requiring users [&hellip;]<\/p>\n","protected":false},"author":15,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[44,204,167,32,21],"tags":[],"class_list":["post-1335","post","type-post","status-publish","format-standard","hentry","category-philosophy","category-queer-culture","category-sarahs-soapbox","category-technology","category-webmaster_stuff"],"_links":{"self":[{"href":"https:\/\/sarahdopp.com\/blog\/wp-json\/wp\/v2\/posts\/1335","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sarahdopp.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sarahdopp.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sarahdopp.com\/blog\/wp-json\/wp\/v2\/users\/15"}],"replies":[{"embeddable":true,"href":"https:\/\/sarahdopp.com\/blog\/wp-json\/wp\/v2\/comments?post=1335"}],"version-history":[{"count":14,"href":"https:\/\/sarahdopp.com\/blog\/wp-json\/wp\/v2\/posts\/1335\/revisions"}],"predecessor-version":[{"id":1350,"href":"https:\/\/sarahdopp.com\/blog\/wp-json\/wp\/v2\/posts\/1335\/revisions\/1350"}],"wp:attachment":[{"href":"https:\/\/sarahdopp.com\/blog\/wp-json\/wp\/v2\/media?parent=1335"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sarahdopp.com\/blog\/wp-json\/wp\/v2\/categories?post=1335"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sarahdopp.com\/blog\/wp-json\/wp\/v2\/tags?post=1335"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}