{"id":31439,"date":"2021-01-26T16:11:27","date_gmt":"2021-01-26T21:11:27","guid":{"rendered":"https:\/\/mjtsai.com\/blog\/?p=31439"},"modified":"2021-01-26T16:11:27","modified_gmt":"2021-01-26T21:11:27","slug":"displaying-the-state-or-the-action","status":"publish","type":"post","link":"https:\/\/mjtsai.com\/blog\/2021\/01\/26\/displaying-the-state-or-the-action\/","title":{"rendered":"Displaying the State or the Action"},"content":{"rendered":"<p><a href=\"https:\/\/daringfireball.net\/2020\/11\/disclosing_a_few_thoughts_on_facebooks_ui_design\">John Gruber<\/a>:<\/p>\n<blockquote cite=\"https:\/\/daringfireball.net\/2020\/11\/disclosing_a_few_thoughts_on_facebooks_ui_design\"><p>In the Facebook\/Android style, a down-pointing chevron is a button you tap to expand more content, and an up-pointing chevron is a button you tap to collapse it. In the iOS\/Mac style, a right-pointing chevron (or triangle, depending on the OS) indicates the collapsed state, and a down-pointing chevron indicates the expanded state. The Android way, a down-pointing chevron means &ldquo;will open, if you tap&rdquo;; the Mac\/iOS way, a down-pointing chevron means &ldquo;<em>is<\/em> open, tap to close&rdquo;.<\/p><\/blockquote>\n<p>Other cross-platform apps like Amazon&rsquo;s Alexa do it the Android way, too.<\/p>\n\n<p><a href=\"https:\/\/twitter.com\/KenHatesSoftwar\/status\/1323396920333619201\">Ken Harris<\/a>:<\/p>\n<blockquote cite=\"https:\/\/twitter.com\/KenHatesSoftwar\/status\/1323396920333619201\"><p>The other common place that Apple uses &ldquo;show state and imply action&rdquo;, and which lots of third-party apps get wrong: padlock icons.<\/p><p>1Password had that backwards for over 10 years.<\/p><\/blockquote>\n\n<p>Another example of a button that double as status indicator is the &ldquo;1x&rdquo; zoom indicator in the iOS Camera app.<\/p>\n\n<p><a href=\"https:\/\/twitter.com\/nriley\/status\/1323410272674000898\">Nicholas Riley<\/a>:<\/p>\n<blockquote cite=\"https:\/\/twitter.com\/nriley\/status\/1323410272674000898\"><p>I agree with your point overall but note there is one standard macOS control that behaves the way you don&rsquo;t like&#8230;<\/p><\/blockquote>\n\n<p>It can get confusing. For example, Mac toolbar buttons typically show the action rather than the state, e.g. the Mute button in Mail.<\/p>","protected":false},"excerpt":{"rendered":"<p>John Gruber: In the Facebook\/Android style, a down-pointing chevron is a button you tap to expand more content, and an up-pointing chevron is a button you tap to collapse it. In the iOS\/Mac style, a right-pointing chevron (or triangle, depending on the OS) indicates the collapsed state, and a down-pointing chevron indicates the expanded state. [&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":"2021-01-26T21:11:32Z","apple_news_api_id":"e291a5de-f950-4489-b9e6-86724f165cd6","apple_news_api_modified_at":"2021-01-26T21:11:32Z","apple_news_api_revision":"AAAAAAAAAAD\/\/\/\/\/\/\/\/\/\/w==","apple_news_api_share_url":"https:\/\/apple.news\/A4pGl3vlQRIm55oZyTxZc1g","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":[284,1518,248,126,77,25,31,1837,26,30],"class_list":["post-31439","post","type-post","status-publish","format-standard","hentry","category-technology","tag-1password","tag-alexa","tag-android","tag-applemail","tag-design","tag-facebook","tag-ios","tag-ios-14","tag-iosapp","tag-mac"],"apple_news_notices":[],"_links":{"self":[{"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/posts\/31439","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=31439"}],"version-history":[{"count":1,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/posts\/31439\/revisions"}],"predecessor-version":[{"id":31440,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/posts\/31439\/revisions\/31440"}],"wp:attachment":[{"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/media?parent=31439"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/categories?post=31439"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/tags?post=31439"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}