{"id":517,"date":"2010-09-24T15:42:51","date_gmt":"2010-09-24T22:42:51","guid":{"rendered":"http:\/\/www.rexfeng.com\/blog\/?p=517"},"modified":"2010-09-24T15:42:51","modified_gmt":"2010-09-24T22:42:51","slug":"gmails-new-select-all-interface","status":"publish","type":"post","link":"https:\/\/www.rexfeng.com\/blog\/2010\/09\/gmails-new-select-all-interface\/","title":{"rendered":"Gmail’s New Select All Interface"},"content":{"rendered":"

OK, so this is pretty clever. Clever enough that I’m posting about it Friday night after work when I could be out doing things in the city.<\/p>\n

\"\"

Previous E-mail Options in Firefox<\/p><\/div>\n

As the caption reads, this is a screenshot for Gmail in Firefox under the older interface. In order to select all e-mails or certain e-mails, you can click on “All” or another text option.<\/p>\n

\"\"

Standard Select All Check box<\/p><\/div>\n

This is what you normally see around applications and websites to select all. It’s an accepted convention, so regular users know that by clicking on the top check box, all check boxes in the list will be selected.<\/p>\n

\"\"

New E-Mail Options in Chrome<\/p><\/div>\n

This is what the current e-mail options area looks like. Sorry for using a Firefox screenshot above and a Chrome screen for the new UI. The select all box looks familiar right? Wait, what’s that? There’s a drop down option next to the checkbox?!<\/p>\n

\"\"

New E-Mail Options in Chrome - After Drop Down is Clicked<\/p><\/div>\n

This screenshot shows what happens when you click it. As I said, this is some clever stuff. It goes from the clunky, non-standard convention of clicking “All” to clicking the check box if you want all items in the list. This is a good thing as general users are accustomed to the convention of clicking the check box to select all options. That in itself is good enough. If power users want to select a specific subset (e.g. Unread, Starred, etc.), they can easily do so with the drop down option.<\/p>\n

What are the pros and cons of this change?<\/p>\n

Off the top of my head:<\/p>\n

Pros<\/strong><\/p>\n

    \n
  • Adopts common Select All check box convention<\/li>\n
  • Reduces UI footprint (pixel real estate)<\/li>\n
  • Simplifies the UI by presenting less options up front<\/li>\n
  • The ‘None’ option does not break convention since you can Unselect all by clicking the check box a second time<\/li>\n<\/ul>\n

    Cons<\/strong><\/p>\n

      \n
    • Power users now have to click twice when they only had to click once before. (Before they could simply click on ‘Unread’)<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"

      OK, so this is pretty clever. Clever enough that I’m posting about it Friday night after work when I could be out doing things in the city. As the caption reads, this is a screenshot for Gmail in Firefox under the older interface. In order to select all e-mails or certain e-mails, you can click […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[297,296,298,293,295,292,294],"class_list":["post-517","post","type-post","status-publish","format-standard","hentry","category-tech","tag-conventions","tag-default","tag-drop-downs","tag-gmail","tag-power-users","tag-select-all","tag-ui"],"_links":{"self":[{"href":"https:\/\/www.rexfeng.com\/blog\/wp-json\/wp\/v2\/posts\/517","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rexfeng.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rexfeng.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rexfeng.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rexfeng.com\/blog\/wp-json\/wp\/v2\/comments?post=517"}],"version-history":[{"count":7,"href":"https:\/\/www.rexfeng.com\/blog\/wp-json\/wp\/v2\/posts\/517\/revisions"}],"predecessor-version":[{"id":529,"href":"https:\/\/www.rexfeng.com\/blog\/wp-json\/wp\/v2\/posts\/517\/revisions\/529"}],"wp:attachment":[{"href":"https:\/\/www.rexfeng.com\/blog\/wp-json\/wp\/v2\/media?parent=517"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rexfeng.com\/blog\/wp-json\/wp\/v2\/categories?post=517"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rexfeng.com\/blog\/wp-json\/wp\/v2\/tags?post=517"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}