{"id":25397,"date":"2019-05-27T16:18:16","date_gmt":"2019-05-27T20:18:16","guid":{"rendered":"https:\/\/mjtsai.com\/blog\/?p=25397"},"modified":"2019-05-27T16:18:16","modified_gmt":"2019-05-27T20:18:16","slug":"wish-for-a-return-of-vibrant-tapdown-states","status":"publish","type":"post","link":"https:\/\/mjtsai.com\/blog\/2019\/05\/27\/wish-for-a-return-of-vibrant-tapdown-states\/","title":{"rendered":"Wish for a Return of Vibrant Tapdown States"},"content":{"rendered":"<p><a href=\"https:\/\/daringfireball.net\/2019\/05\/vibrant_tapdown_states\">John Gruber<\/a>:<\/p>\n<blockquote cite=\"https:\/\/daringfireball.net\/2019\/05\/vibrant_tapdown_states\">\n<p>I don&rsquo;t know why, but one of those things has been bugging me a lot in recent months: the drab gray color that indicates tapdown state for list items and buttons. Putting aside skeuomorphic textures like woodgrain and leather and the 3D-vs.-flat debate, the utter drabness of tapdown states is just a bad idea. I didn&rsquo;t like it when iOS 7 debuted, and I like it even less 6 years later.<\/p>\n<p>In classic iOS, when you tapped down on list items or buttons, they&rsquo;d instantly light up in vibrant color. The standard color was a bright cheerful blue. In iOS 7 through 12, the tapdown state is the color of dirty dishwater.<\/p>\n<\/blockquote>\n\n<p><a href=\"https:\/\/twitter.com\/steven_aquino\/status\/1132138523635486721\">Steven Aquino<\/a>:<\/p>\n<blockquote cite=\"https:\/\/twitter.com\/steven_aquino\/status\/1132138523635486721\">\n<p>John talks about delight being sapped from iOS post-iOS 7, which is true in many ways. But the tap down state he calls out here is an accessibility issue too. iOS 6 blue was better&mdash;more visually concrete and contrasting.<\/p>\n<\/blockquote>\n\n<p><a href=\"https:\/\/twitter.com\/cocoadog\/status\/1132272614427115520\">Andy Lee<\/a>:<\/p>\n<blockquote cite=\"https:\/\/twitter.com\/cocoadog\/status\/1132272614427115520\">\n<p>Related: a key principle of graphical user interfaces is the notion of direct manipulation, which necessarily means <em>clear<\/em> and <em>immediate<\/em> visual feedback. More than once I&rsquo;ve seen Apple fail in this respect.<\/p>\n<\/blockquote>\n\n<p><a href=\"https:\/\/twitter.com\/heyhaigh\/status\/1102073040475750400\">Ryan<\/a>:<\/p>\n<blockquote cite=\"https:\/\/twitter.com\/heyhaigh\/status\/1102073040475750400\">\n<p>Skeuomorphism was a visual device used to train users on how to use phones when we transitioned from the physical form to digital. It was a solution of the time and that&rsquo;s all.<\/p>\n<\/blockquote>\n\n<p><a href=\"https:\/\/twitter.com\/Freerunnering\/status\/1102074269067030528\">Kyle Howells<\/a>:<\/p>\n<blockquote cite=\"https:\/\/twitter.com\/Freerunnering\/status\/1102074269067030528\">\n<p>I see this point of view a lot. That skeuomorphism was a crutch we as society needed but have now outgrown.<\/p>\n<p>I think this sort of thinking is incredibly misguided and damaging.<\/p>\n<\/blockquote>\n\n<p><a href=\"https:\/\/twitter.com\/OhMDee\/status\/1132854475490652160\">Dan Masters<\/a>:<\/p>\n<blockquote cite=\"https:\/\/twitter.com\/OhMDee\/status\/1132854475490652160\">\n<p>Some joyful Apple software <a href=\"https:\/\/vine.co\/v\/OM0wlMmwxLp\">highlights<\/a><\/p>\n<\/blockquote>\n\n<p><a href=\"https:\/\/bzamayo.com\/ios-7-cell-highlights\">Benjamin Mayo<\/a>:<\/p>\n<blockquote cite=\"https:\/\/bzamayo.com\/ios-7-cell-highlights\">\n<p>The standard set by iOS 7-12 is much more drab, almost clinical. It&rsquo;s a flat, nondescript, grey that seems like it was chosen specifically because it would <em>not<\/em> draw the eye. The grey is close enough to white that anything white would not have sufficient contrast, so the illumination effect is also no longer present. Cell content no longer reacts in tandem. The whole interaction is a lot more lifeless. Rather than the UI egging the user on to complete the tap action, today&rsquo;s iOS drearily yawns and says &ldquo;okay, if you must&rdquo;.<\/p>\n<p>This is just one of the laundry list of things that people railed against in 2013. Criticism died down as people acquiesced to what was given to them. Many critics, myself included, accepted the iOS 7 design as a rush job and thought that Apple would obviously catch their breath and &lsquo;fix it&rsquo; over the next couple of OS versions. I don&rsquo;t think anyone at the time expected us to still be stuck with these missteps six years later.<\/p>\n<\/blockquote>\n\n<p>Previously:<\/p>\n<ul>\n<li><a href=\"https:\/\/mjtsai.com\/blog\/2019\/05\/21\/wwdc-2019-preview\/\">WWDC 2019 Preview<\/a><\/li>\n<li><a href=\"https:\/\/mjtsai.com\/blog\/2017\/10\/03\/apple-design-in-the-cook-era\/\">Apple Design in the Cook Era<\/a><\/li>\n<li><a href=\"https:\/\/mjtsai.com\/blog\/2016\/07\/28\/apple-user-interface-trends\/\">Apple User Interface Trends<\/a><\/li>\n<li><a href=\"https:\/\/mjtsai.com\/blog\/2015\/10\/19\/teslas-os-7-interface-update\/\">Tesla&rsquo;s OS 7 Interface Update<\/a><\/li>\n<li><a href=\"https:\/\/mjtsai.com\/blog\/2014\/04\/29\/ios-7-squandered-a-year-of-third-party-development-on-superficial-changes\/\">iOS 7 Squandered a Year of Third-Party Development on Superficial Changes<\/a><\/li>\n<li><a href=\"https:\/\/mjtsai.com\/blog\/2013\/10\/16\/ios-7s-design-inspiration\/\">iOS 7&rsquo;s Design Inspiration<\/a><\/li>\n<li><a href=\"https:\/\/mjtsai.com\/blog\/2013\/10\/09\/comparing-the-ios-7-and-ios-6-weather-apps\/\">Comparing the iOS 7 and iOS 6 Weather Apps<\/a><\/li>\n<li><a href=\"https:\/\/mjtsai.com\/blog\/2013\/01\/22\/trend-against-skeuomorphic\/\">The Trend Against Skeuomorphic Textures and Effects in User Interface Design<\/a><\/li>\n<li><a href=\"https:\/\/mjtsai.com\/blog\/2013\/09\/19\/ios-7\/\">iOS 7<\/a><\/li>\n<li><a href=\"https:\/\/mjtsai.com\/blog\/2013\/06\/13\/ios-7-design\/\">iOS 7 Design<\/a><\/li>\n<li><a href=\"https:\/\/mjtsai.com\/blog\/2012\/09\/12\/the-skeuomorphism-rift-within-apple\/\">The Skeuomorphism Rift Within Apple<\/a><\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>John Gruber: I don&rsquo;t know why, but one of those things has been bugging me a lot in recent months: the drab gray color that indicates tapdown state for list items and buttons. Putting aside skeuomorphic textures like woodgrain and leather and the 3D-vs.-flat debate, the utter drabness of tapdown states is just a bad [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"apple_news_api_created_at":"2019-05-27T20:18:19Z","apple_news_api_id":"e6449064-b1bf-4012-a324-7f329cf80574","apple_news_api_modified_at":"2019-05-27T20:18:20Z","apple_news_api_revision":"AAAAAAAAAAD\/\/\/\/\/\/\/\/\/\/w==","apple_news_api_share_url":"https:\/\/apple.news\/A5kSQZLG_QBKjJH8ynPgFdA","apple_news_coverimage":0,"apple_news_coverimage_caption":"","apple_news_is_hidden":false,"apple_news_is_paid":false,"apple_news_is_preview":false,"apple_news_is_sponsored":false,"apple_news_maturity_rating":"","apple_news_metadata":"\"\"","apple_news_pullquote":"","apple_news_pullquote_position":"","apple_news_slug":"","apple_news_sections":"\"\"","apple_news_suppress_video_url":false,"apple_news_use_image_component":false,"footnotes":""},"categories":[2],"tags":[930,77,31,1667,469],"class_list":["post-25397","post","type-post","status-publish","format-standard","hentry","category-technology","tag-accessibility","tag-design","tag-ios","tag-ios-13","tag-ios7"],"apple_news_notices":[],"_links":{"self":[{"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/posts\/25397","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/comments?post=25397"}],"version-history":[{"count":1,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/posts\/25397\/revisions"}],"predecessor-version":[{"id":25398,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/posts\/25397\/revisions\/25398"}],"wp:attachment":[{"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/media?parent=25397"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/categories?post=25397"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/tags?post=25397"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}