{"id":1135,"date":"2014-05-22T09:27:55","date_gmt":"2014-05-22T17:27:55","guid":{"rendered":"http:\/\/www.chrisrivard.com\/?p=1135"},"modified":"2014-05-22T09:27:55","modified_gmt":"2014-05-22T17:27:55","slug":"mind-the-gap","status":"publish","type":"post","link":"https:\/\/www.chrisrivard.com\/blog\/mind-the-gap\/","title":{"rendered":"Mind the gap"},"content":{"rendered":"<p>This is a good example of a design team that has too many things going on.<\/p>\n<p>In a past design of the Twitter web app, the &#8220;collapse entry&#8221; icon was located in the header bar (I think it even said &#8220;Collapse&#8221;). It has since been moved down into the feed attached to specific stream entry. Where previously it was a common, centrally\u00a0located icon used to collapse all open entries, there is now an explosion of similar and confusing icons + mismatched labels. The icon (historically an &#8220;open new window&#8221; icon) is doing the work of multiple actions.<\/p>\n<p><a href=\"http:\/\/www.chrisrivard.com\/blog\/wp-content\/uploads\/2014\/05\/Screen-Shot-2014-05-22-at-10.00.18-AM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter  wp-image-1136\" src=\"http:\/\/www.chrisrivard.com\/blog\/wp-content\/uploads\/2014\/05\/Screen-Shot-2014-05-22-at-10.00.18-AM.png\" alt=\"Screen Shot 2014-05-22 at 10.00.18 AM\" width=\"267\" height=\"263\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>It says to me that no one is minding the gap &#8230; by which I mean\u00a0there is\u00a0some communication or process issue that leads to this kind of design. It&#8217;s also an example of how hard icon design can be&#8230; \u00a0from memory, I recall that the past collapse icon may have been a hamburger menu&#8230; which may not been the best choice either.<\/p>\n<p>I&#8217;d love to see the data that lead to removing the collapse control from the header, but I think the explosion of iconography indicates some other issue. I have a hard time believing that users grasp the distinction between all of the above icon\/label combinations.<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This is a good example of a design team that has too many things going on. In a past design of the Twitter web app, the &#8220;collapse entry&#8221; icon was located in the header bar (I think it even said &#8220;Collapse&#8221;). It has since been moved down into the feed attached to specific stream entry. [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-1135","post","type-post","status-publish","format-standard","hentry","category-sartor-resartus"],"_links":{"self":[{"href":"https:\/\/www.chrisrivard.com\/blog\/wp-json\/wp\/v2\/posts\/1135","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.chrisrivard.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.chrisrivard.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.chrisrivard.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.chrisrivard.com\/blog\/wp-json\/wp\/v2\/comments?post=1135"}],"version-history":[{"count":0,"href":"https:\/\/www.chrisrivard.com\/blog\/wp-json\/wp\/v2\/posts\/1135\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.chrisrivard.com\/blog\/wp-json\/wp\/v2\/media?parent=1135"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.chrisrivard.com\/blog\/wp-json\/wp\/v2\/categories?post=1135"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.chrisrivard.com\/blog\/wp-json\/wp\/v2\/tags?post=1135"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}