{"id":29426,"date":"2020-07-03T16:43:05","date_gmt":"2020-07-03T20:43:05","guid":{"rendered":"https:\/\/mjtsai.com\/blog\/?p=29426"},"modified":"2021-09-07T15:29:27","modified_gmt":"2021-09-07T19:29:27","slug":"big-surs-narrow-alerts","status":"publish","type":"post","link":"https:\/\/mjtsai.com\/blog\/2020\/07\/03\/big-surs-narrow-alerts\/","title":{"rendered":"Big Sur&rsquo;s Narrow Alerts"},"content":{"rendered":"<p><a href=\"https:\/\/twitter.com\/chockenberry\/status\/1278831413278543873\">Craig Hockenberry<\/a>:<\/p>\n<blockquote cite=\"https:\/\/twitter.com\/chockenberry\/status\/1278831413278543873\">\n<p style=\"text-align: center\">Why do I have this<br \/>\nhuge ass screen on<br \/>\nmy Mac and am now<br \/>\nreading alerts with<br \/>\nfour or five words in<br \/>\neach line?<\/p>\n<p style=\"text-align: center\">Seems like a bad<br \/>\nidea when a majority<br \/>\nof Macs have a<br \/>\ndisplay with landscape<br \/>\norientation. Portrait<br \/>\nmakes sense on a phone,<br \/>\nbut I find it hard to<br \/>\nuse on a Big<br \/>\nSur desktop.<\/p>\n<\/blockquote>\n\n<p>The reason is to make it look more like iOS, perhaps so that iOS apps running on macOS 11 fit in better. We&rsquo;re continually told that macOS and iOS are <a href=\"https:\/\/www.youtube.com\/watch?v=DOYikXbC6Fs\">not merging<\/a>, and that the Mac will still be the Mac, yet Apple continues to make changes to macOS like this that degrade the user experience in favor of consistency with iOS. Look at the Catalyst apps. Even the <a href=\"https:\/\/twitter.com\/stroughtonsmith\/status\/1278852610838138881\">praised<\/a> Messages app is gaining bugs and losing features like transcripts, AppleScript, and good keyboard support that weren&rsquo;t in the iOS version.<\/p>\n\n<p><a href=\"https:\/\/developer.apple.com\/design\/human-interface-guidelines\/macos\/overview\/whats-new-in-macos\/#alerts\">Apple<\/a>:<\/p>\n<blockquote cite=\"https:\/\/developer.apple.com\/design\/human-interface-guidelines\/macos\/overview\/whats-new-in-macos\/#alerts\"><p>Alerts are cardlike rectangles that use the same corner radius as all windows in macOS 11. Within an alert, most content is center aligned.<\/p><\/blockquote>\n\n<p>Centered text is difficult to read when there are multiple lines. It&rsquo;s also disorienting that sometimes the buttons are arranged horizontally and other times vertically. And it introduces an incosistency with <a href=\"https:\/\/developer.apple.com\/design\/human-interface-guidelines\/macos\/windows-and-views\/dialogs\/\">dialogs<\/a>, which often are just alerts with more content, but now they have different text alignment and a different style of button.<\/p>\n\n<p>Previously:<\/p>\n<ul>\n<li><a href=\"https:\/\/mjtsai.com\/blog\/2020\/07\/01\/upgrade-inteviews-bob-borchers-and-ronak-shah\/\">Upgrade Interviews Bob Borchers and Ronak Shah<\/a><\/li>\n<li><a href=\"https:\/\/mjtsai.com\/blog\/2020\/06\/23\/ios-apps-on-macos-11\/\">iOS Apps on macOS 11<\/a><\/li>\n<li><a href=\"https:\/\/mjtsai.com\/blog\/2020\/06\/23\/macos-11-0-big-sur-announced\/\">macOS 11.0 Big Sur Announced<\/a><\/li>\n<li><a href=\"https:\/\/mjtsai.com\/blog\/2019\/12\/16\/catalyst-and-cohesion\/\">Catalyst and Cohesion<\/a><\/li>\n<li><a href=\"https:\/\/mjtsai.com\/blog\/2019\/10\/21\/itunes-xml-and-music-in-catalina\/\">iTunes XML and Music in Catalina<\/a><\/li>\n<li><a href=\"https:\/\/mjtsai.com\/blog\/2019\/10\/18\/catalyst-in-catalina\/\">Catalyst in Catalina<\/a><\/li>\n<li><a href=\"https:\/\/mjtsai.com\/blog\/2019\/10\/13\/podcasts-in-catalina\/\">Podcasts in Catalina<\/a><\/li>\n<\/ul>\n\n<p id=\"big-surs-narrow-alerts-update-2020-08-19\">Update (2020-08-19): <a href=\"https:\/\/twitter.com\/lapcatsoftware\/status\/1295693238205112320\">Jeff Johnson<\/a>:<\/p>\n<blockquote cite=\"https:\/\/twitter.com\/lapcatsoftware\/status\/1295693238205112320\">\n<p>These iOS style alerts in Big Sur are great.<\/p>\n<\/blockquote>\n<p>Look at that scroll bar.<\/p>\n\n<p id=\"big-surs-narrow-alerts-update-2020-09-08\">Update (2020-09-08): <a href=\"http:\/\/morrick.me\/archives\/9025\">Riccardo Mori<\/a> (<a href=\"https:\/\/twitter.com\/morrick\/status\/1303127275538460672\">tweet<\/a>):<\/p>\n<blockquote cite=\"http:\/\/morrick.me\/archives\/9025\">\n<p>Their layout is also inconsistent [buttons side-by-side vs. stacked].<\/p>\n<p>[&#8230;]<\/p>\n<p>This second dialog box, as you can see, has an additional problem: the text block is longer than the space afforded. It looks truncated, but actually you can read it in its entirety by hovering over it with the mouse and scrolling down. Something that&rsquo;s not at all apparent at first glance, by the way.<\/p>\n<p>[&#8230;]<\/p>\n<p>Another inconsistency is that sometimes &mdash; like in previous Mac OS versions &mdash; one of the buttons will be highlighted (see the first dialog above, from Mail), other times all buttons are grey.<\/p>\n<p>[&#8230;]<\/p>\n<p>Yet another inconsistency is that dialogs like this one essentially retain the old design[&#8230;]<\/p>\n<\/blockquote>\n<p>In this example, the dialog is slightly off the beaten path, with a checkbox and text that updates, so probably the <code>NSAlert<\/code> API could not be used. As a result, the layout and styling are totally different.<\/p>\n\n<p id=\"big-surs-narrow-alerts-update-2020-09-28\">Update (2020-09-28): <a href=\"https:\/\/twitter.com\/steipete\/status\/1305780923535970304\">Peter Steinberger<\/a>:<\/p>\n<blockquote cite=\"https:\/\/twitter.com\/steipete\/status\/1305780923535970304\">\n<p>Contrast.<\/p>\n<\/blockquote>\n\n<p id=\"big-surs-narrow-alerts-update-2020-11-20\">Update (2020-11-20): <a href=\"https:\/\/twitter.com\/gruber\/status\/1327782524723081216\">John Gruber<\/a>:<\/p>\n<blockquote cite=\"https:\/\/twitter.com\/gruber\/status\/1327782524723081216\">\n<p>I get it that a lot of things are subjective, beauty is in the eye of the beholder, etc, but how can anyone say these alerts with all the text centered look good? Or are even legible? I like Big Sur overall, but this change is just baffling.<\/p>\n<\/blockquote>\n\n<p><a href=\"https:\/\/pxlnv.com\/blog\/big-sur-design-observations\/\">Nick Heer<\/a>:<\/p>\n<blockquote cite=\"https:\/\/pxlnv.com\/blog\/big-sur-design-observations\/\"><p>Dialog boxes build upon these flaws by inexplicably centring their contents and stacking action buttons at the bottom. Sometimes, those buttons appear side-by-side; I think this is only the case if there are exactly two actions. In any case, these dialogs are often very tall with small and hard to read text, but the buttons are unnecessarily large. At the very least, it is a truly strange use of space on displays of all sizes. In most cases, I think they are an unforced regression.<\/p><\/blockquote>\n\n<p><a href=\"https:\/\/twitter.com\/DamienPetrilli\/status\/1327202024308486144\">Damien Petrilli<\/a>:<\/p>\n<blockquote cite=\"https:\/\/twitter.com\/DamienPetrilli\/status\/1327202024308486144\">\n<p>OMG this checkbox is almost invisible.<\/p>\n<\/blockquote>\n\n<p id=\"big-surs-narrow-alerts-update-2020-12-09\">Update (2020-12-09): <a href=\"https:\/\/twitter.com\/macguru17\/status\/1336729853727547395\">Max Seelemann<\/a>:<\/p>\n<blockquote cite=\"https:\/\/twitter.com\/macguru17\/status\/1336729853727547395\">\n<p>The perils of running 10 Mac minis on a CI, todays finding: why the hell does the same alert look different on two <em>identical<\/em> Macs with <em>identical<\/em> (scripted) setup?<\/p>\n<p>Only difference is DNS name, IP address and background color &#x1F602;<\/p>\n<\/blockquote>\n\n<p id=\"big-surs-narrow-alerts-update-2020-12-16\">Update (2020-12-16): <a href=\"https:\/\/twitter.com\/nickheer\/status\/1338901395714371585\">Nick Heer<\/a>:<\/p>\n<blockquote cite=\"https:\/\/twitter.com\/nickheer\/status\/1338901395714371585\">\n<p>I have tried &mdash; I really have &mdash; but centred text in tall dialog boxes is a bad idea that needs to be changed.<\/p>\n<\/blockquote>\n\n<p id=\"big-surs-narrow-alerts-update-2021-01-01\">Update (2021-01-01): <a href=\"https:\/\/twitter.com\/steipete\/status\/1341891173397487616\">Peter Steinberger<\/a>:<\/p>\n<blockquote cite=\"https:\/\/twitter.com\/steipete\/status\/1341891173397487616\">\n<p>Something tells me nobody tried logging into a VPN since the Big Sur transition to iOS-style alerts. &#x1F62C;<\/p>\n<\/blockquote>\n\n<p id=\"big-surs-narrow-alerts-update-2021-06-07\">Update (2021-06-07): <a href=\"https:\/\/twitter.com\/peternlewis\/status\/1374625037186043905\">Peter N Lewis<\/a>:<\/p>\n<blockquote cite=\"https:\/\/twitter.com\/peternlewis\/status\/1374625037186043905\">\n<p>This Alert rendering in Big Sur is so horribly awful. I don&rsquo;t even know what to do except trash it and make my own sheets instead of using system alerts. They are irredeemable. Vertical, scrolling, wrapped text, wrapped titles. It is just awful.<\/p>\n<\/blockquote>\n\n<p id=\"big-surs-narrow-alerts-update-2021-09-07\">Update (2021-09-07): <a href=\"https:\/\/twitter.com\/chockenberry\/status\/1432775522837139461\">Craig Hockenberry<\/a>:<\/p>\n<blockquote cite=\"https:\/\/twitter.com\/chockenberry\/status\/1432775522837139461\">\n<p>Apple really doesn&rsquo;t give a shit about alerts on macOS. This text is scrolled all the way to the bottom and the last line gets cut off.<\/p>\n<\/blockquote>","protected":false},"excerpt":{"rendered":"<p>Craig Hockenberry: Why do I have this huge ass screen on my Mac and am now reading alerts with four or five words in each line? Seems like a bad idea when a majority of Macs have a display with landscape orientation. Portrait makes sense on a phone, but I find it hard to use [&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":"2020-07-03T20:43:08Z","apple_news_api_id":"46e1e653-71c9-464a-a54a-f4df0a6bf319","apple_news_api_modified_at":"2021-09-07T19:29:32Z","apple_news_api_revision":"AAAAAAAAAAAAAAAAAAAACg==","apple_news_api_share_url":"https:\/\/apple.news\/ARuHmU3HJRkqlSvTfCmvzGQ","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":[77,30,1891,141],"class_list":["post-29426","post","type-post","status-publish","format-standard","hentry","category-technology","tag-design","tag-mac","tag-macos-11-0","tag-messages"],"apple_news_notices":[],"_links":{"self":[{"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/posts\/29426","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=29426"}],"version-history":[{"count":12,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/posts\/29426\/revisions"}],"predecessor-version":[{"id":33532,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/posts\/29426\/revisions\/33532"}],"wp:attachment":[{"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/media?parent=29426"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/categories?post=29426"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/tags?post=29426"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}