The “Dopp-Down Menu” (kidding!) early mockup
Heads up, this content is 15 years old. Please keep its age in mind while reading.

Well THAT was cool.

After posting yesterday’s set of suggestions for designing a better drop-down menu for gender, someone took me up on the design challenge that I slipped into the last paragraph, and within an hour, had sent me this early concept mockup:

The Dopp-Down Menu

(click for full version)

(In the interest of creating a new standard, this is admittedly more graphics heavy than necessary — all of this could also be achieved with standard HTML elements. Layout, etc, could also vary quite a bit.)

I LOVE that she’s experimenting with a scrolly-menu to the right that auto-populates based on related words to what the user is entering (rather than just “words that start with the same first letters”). That’s even further than I was gonna take it!

(This designer, btw, is working with me on another project that hasn’t been announced yet, so we’re gonna hold off on proper attribution until everything else is a little more public.  Just know: she rocks.)

If you like this post and would like to receive updates from this blog, please subscribe to the feed. Subscribe via RSS
Posted in: Design, social media | 6 February 2010 | by: sarah #1353

6 Responses to “The “Dopp-Down Menu” (kidding!) early mockup”

  1. Kirrily Robert Says:
    February 6th, 2010 at 3:09 pm

    Oh, you can do that with Freebase!

    Here’s a half-assed working version made with the freebase-suggest library: http://gender-dropdown.skud.user.dev.freebaseapps.com/ If you click “view source” you’ll see it’s done with just a couple of lines of code.

    (Actually taking user-contributed additions to the list and adding them back to Freebase is a second step that I haven’t implemented, but is perfectly doable.)

  2. Kirrily Robert Says:
    February 6th, 2010 at 3:18 pm

    PS graaaah, it’s identifying “Transsexualism” as “disease or medical condition” *shakes fist*. Apologies for that, I’m seeing about how to stop it doing that.

  3. Kirrily Robert Says:
    February 6th, 2010 at 3:41 pm

    Fixed.

  4. Katana Barnett Says:
    February 10th, 2010 at 6:44 pm

    This is fantastic! I hope it gets into production- I’d add it to every form (all one of them) on my site. :D

  5. musingvirtual Says:
    March 31st, 2010 at 11:45 am

    Skud, the freebase list seems remarkably short on gender identities (I probably say this because it includes none of mine). Any chance you’re going to implement the “add” feature?

  6. joan18 Says:
    January 1st, 2011 at 9:34 pm

    Well THAT was cool.(click for full version)(In the interest of creating a new standard, this is admittedly more graphics heavy than necessary