{"id":1353,"date":"2010-02-06T11:26:06","date_gmt":"2010-02-06T18:26:06","guid":{"rendered":"http:\/\/www.sarahdopp.com\/blog\/?p=1353"},"modified":"2010-02-06T11:27:33","modified_gmt":"2010-02-06T18:27:33","slug":"the-dopp-down-menu-kidding-early-mockup","status":"publish","type":"post","link":"https:\/\/sarahdopp.com\/blog\/2010\/the-dopp-down-menu-kidding-early-mockup\/","title":{"rendered":"The &#8220;Dopp-Down Menu&#8221; (kidding!) early mockup"},"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>Well THAT was cool.<\/p>\n<p>After posting yesterday&#8217;s set of suggestions for <a href=\"http:\/\/www.sarahdopp.com\/blog\/?p=1335\">designing a better drop-down menu for gender<\/a>, someone took me up on the design challenge that I slipped into the last paragraph, and within <em>an hour<\/em>, had sent me this early concept mockup:<\/p>\n<p><a href=\"http:\/\/www.sarahdopp.com\/blog\/wp-content\/uploads\/2010\/02\/Gender.jpg\"><img decoding=\"async\" class=\"alignnone size-full wp-image-1352\" title=\"The Dopp-Down Menu\" src=\"http:\/\/www.sarahdopp.com\/blog\/wp-content\/uploads\/2010\/02\/Gender.jpg\" alt=\"The Dopp-Down Menu\" width=\"460\" srcset=\"https:\/\/sarahdopp.com\/blog\/wp-content\/uploads\/2010\/02\/Gender.jpg 737w, https:\/\/sarahdopp.com\/blog\/wp-content\/uploads\/2010\/02\/Gender-300x265.jpg 300w\" sizes=\"(max-width: 737px) 100vw, 737px\" \/><\/a><\/p>\n<p><em>(click for full version)<\/em><\/p>\n<p>(In the interest of creating a new standard, this is admittedly more graphics heavy than necessary &#8212; all of this could also be achieved with standard HTML elements. Layout, etc, could also vary quite a bit.)<\/p>\n<p>I LOVE that she&#8217;s experimenting with a scrolly-menu to the right that auto-populates based on <em>related<\/em> words to what the user is entering (rather than just &#8220;words that start with the same first letters&#8221;). That&#8217;s even further than<em> I<\/em> was gonna take it!<\/p>\n<p>(This designer, btw, is working with me on another project that hasn&#8217;t been announced yet, so we&#8217;re gonna hold off on proper attribution until everything else is a little more public.\u00a0 Just know: she rocks.)<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Heads up, this content is 16 years old. Please keep its age in mind while reading.Well THAT was cool. After posting yesterday&#8217;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 [&hellip;]<\/p>\n","protected":false},"author":15,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[207,70],"tags":[],"class_list":["post-1353","post","type-post","status-publish","format-standard","hentry","category-design","category-social-media"],"_links":{"self":[{"href":"https:\/\/sarahdopp.com\/blog\/wp-json\/wp\/v2\/posts\/1353","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=1353"}],"version-history":[{"count":4,"href":"https:\/\/sarahdopp.com\/blog\/wp-json\/wp\/v2\/posts\/1353\/revisions"}],"predecessor-version":[{"id":1356,"href":"https:\/\/sarahdopp.com\/blog\/wp-json\/wp\/v2\/posts\/1353\/revisions\/1356"}],"wp:attachment":[{"href":"https:\/\/sarahdopp.com\/blog\/wp-json\/wp\/v2\/media?parent=1353"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sarahdopp.com\/blog\/wp-json\/wp\/v2\/categories?post=1353"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sarahdopp.com\/blog\/wp-json\/wp\/v2\/tags?post=1353"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}