{"id":453,"date":"2011-11-04T13:53:04","date_gmt":"2011-11-04T17:53:04","guid":{"rendered":"http:\/\/blog.payne.org\/?p=453"},"modified":"2011-11-04T13:53:04","modified_gmt":"2011-11-04T17:53:04","slug":"why-the-new-gmail-interface-is-so-bad","status":"publish","type":"post","link":"https:\/\/payne.org\/blog\/why-the-new-gmail-interface-is-so-bad\/","title":{"rendered":"Why The New Gmail Interface Is So Bad"},"content":{"rendered":"<p>I&#8217;m reading <a href=\"http:\/\/www.amazon.com\/Steve-Jobs-Walter-Isaacson\/dp\/1451648537\">Steve Jobs&#8217;s biography<\/a>, and though I&#8217;ve heard many of the Apple stories, it&#8217;s amazing to me how involved he was in fine details of Apple&#8217;s product design. \u00a0It reminds me that details matter, great products are about details, and great products will make great companies.<\/p>\n<p>It also helps me understand why I reacted so negatively to Gmail&#8217;s new design. \u00a0It&#8217;s easy to trash changes (complaining about Facebook UI tweaks is practically a national sport), but I&#8217;m trying to put my finger on <strong>why<\/strong> it&#8217;s so bad.<\/p>\n<p>There are some nice usability improvements, such as the ability to reply by just typing into a box. \u00a0But by going &#8220;cleaner&#8221;, Google eliminated many of the subtle but essential visual clues that defined page elements. \u00a0Consider the old design:<\/p>\n<p><a href=\"http:\/\/payne.org\/blog\/wp-content\/uploads\/2011\/11\/Old-Gmail1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-455 aligncenter\" title=\"Old Gmail\" src=\"http:\/\/payne.org\/blog\/wp-content\/uploads\/2011\/11\/Old-Gmail1-300x254.png\" alt=\"\" width=\"300\" height=\"254\" \/><\/a><\/p>\n<p>Now, look at the new design:<\/p>\n<p><a href=\"http:\/\/payne.org\/blog\/wp-content\/uploads\/2011\/11\/New-Gmail1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-456 aligncenter\" title=\"New Gmail\" src=\"http:\/\/payne.org\/blog\/wp-content\/uploads\/2011\/11\/New-Gmail1-300x254.png\" alt=\"\" width=\"300\" height=\"254\" \/><\/a><\/p>\n<p>Note how the most important part (the message body text) gets more &#8220;lost&#8221; in the page. \u00a0Button coloring and shading is now too muted, losing important navigation hints. \u00a0The rounded box around messages is gone, causing more work to figure out where messages end and begin (and it&#8217;s even worse when messages contain quoted replies). \u00a0Sender names are no longer colored, making them harder to find as well. \u00a0 (And themes don&#8217;t address the problem &#8212; that just provides color and highlighting on the top and left bars).<\/p>\n<p>Considered together, these changes force the user to do much more &#8220;visual work&#8221;. \u00a0For an email app, which is often used in a scanning or skimming mode, this is a critical issue. \u00a0 It&#8217;s also my\u00a0biggest problem with many UI designs: \u00a0 most designers do not undertand how our eyes work. \u00a0They frequently focus on &#8220;aesthetics&#8221;, and miss important contrast, color, grouping, layout, and flow details.<\/p>\n<p>I hope Google lets us keep the old design!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I&#8217;m reading Steve Jobs&#8217;s biography, and though I&#8217;ve heard many of the Apple stories, it&#8217;s amazing to me how involved he was in fine details of Apple&#8217;s product design. \u00a0It reminds me that details matter, great products are about details, &hellip; <a href=\"https:\/\/payne.org\/blog\/why-the-new-gmail-interface-is-so-bad\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-453","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/payne.org\/blog\/wp-json\/wp\/v2\/posts\/453","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/payne.org\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/payne.org\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/payne.org\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/payne.org\/blog\/wp-json\/wp\/v2\/comments?post=453"}],"version-history":[{"count":0,"href":"https:\/\/payne.org\/blog\/wp-json\/wp\/v2\/posts\/453\/revisions"}],"wp:attachment":[{"href":"https:\/\/payne.org\/blog\/wp-json\/wp\/v2\/media?parent=453"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/payne.org\/blog\/wp-json\/wp\/v2\/categories?post=453"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/payne.org\/blog\/wp-json\/wp\/v2\/tags?post=453"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}