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:
(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.)
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.)
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.
February 6th, 2010 at 3:41 pm
Fixed.
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
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?
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