{"id":585,"date":"2026-05-05T12:22:32","date_gmt":"2026-05-05T11:22:32","guid":{"rendered":"https:\/\/www.goesselgold.de\/blog\/?p=585"},"modified":"2026-05-05T12:44:32","modified_gmt":"2026-05-05T11:44:32","slug":"babylon-adobe-2021-2","status":"publish","type":"post","link":"https:\/\/www.goesselgold.de\/blog\/2026\/05\/babylon-adobe-2021-2\/","title":{"rendered":"Babylon Adobe 2021"},"content":{"rendered":"\n<p><em>This article from 2021 is the fourth out of four that I wrote on this topic over ten years. For the other three, see the links below.<\/em><\/p>\n\n\n\n<p>How consistently does Adobe design the interfaces of its programs? Not very consistently: back in 2017, the last time I checked, even a basic UI element like the Save dialog didn&#8217;t look the same across all of Adobe&#8217;s programs on MacOS. No two dialogs were identical in every property \u2014 which is actually quite an achievement. And only one of them stuck to the MacOS system standards.<\/p>\n\n\n\n<p>Four years later: the apps come in new versions, and MacOS has also significantly redesigned its interface with Big Sur. What&#8217;s changed? We&#8217;re looking at a slightly different selection of programs this time, but the heavyweights of the CC Suite \u2014 Photoshop, Illustrator, and InDesign \u2014 are back in the mix, along with an interesting newcomer.<\/p>\n\n\n\n<p>See for yourself. Spoiler: it doesn&#8217;t get better.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.goesselgold.de\/blog\/wp-content\/uploads\/2021\/06\/Adobe-Save-Dialogs-2021.png\"><img loading=\"lazy\" decoding=\"async\" width=\"674\" height=\"1024\" src=\"https:\/\/www.goesselgold.de\/blog\/wp-content\/uploads\/2021\/06\/Adobe-Save-Dialogs-2021-674x1024.png\" alt=\"\" class=\"wp-image-309\" srcset=\"https:\/\/www.goesselgold.de\/blog\/wp-content\/uploads\/2021\/06\/Adobe-Save-Dialogs-2021-674x1024.png 674w, https:\/\/www.goesselgold.de\/blog\/wp-content\/uploads\/2021\/06\/Adobe-Save-Dialogs-2021-395x600.png 395w, https:\/\/www.goesselgold.de\/blog\/wp-content\/uploads\/2021\/06\/Adobe-Save-Dialogs-2021-768x1166.png 768w, https:\/\/www.goesselgold.de\/blog\/wp-content\/uploads\/2021\/06\/Adobe-Save-Dialogs-2021-1012x1536.png 1012w, https:\/\/www.goesselgold.de\/blog\/wp-content\/uploads\/2021\/06\/Adobe-Save-Dialogs-2021-1349x2048.png 1349w, https:\/\/www.goesselgold.de\/blog\/wp-content\/uploads\/2021\/06\/Adobe-Save-Dialogs-2021.png 1750w\" sizes=\"auto, (max-width: 674px) 100vw, 674px\" \/><\/a><\/figure>\n\n\n\n<p>A few observations: <\/p>\n\n\n\n<p>No app uses the dialog that Apple provides and uses in its own apps.<\/p>\n\n\n\n<p>Photoshop and Acrobat use the alert modal that Apple introduced with Big Sur. That\u2019s something, at least, because it means the buttons look like Big Sur buttons rather than badly imitated MacOS buttons. The new Apple dialog has its own issues, but the apps would automatically pick up improvements with system updates. So everything\u2019s fine otherwise? Of course not: even the two dialogs from Photoshop and Acrobat don\u2019t do everything the same way. It\u2019s amazing what differs between them: large app icon vs. warning icon with overlay, informal vs. formal address, correct vs. incorrect quotation marks, extra text or no extra text.<\/p>\n\n\n\n<p>The dialogs in Illustrator and InDesign haven\u2019t changed since last time (that\u2019s four years ago now), except that the window titles are now the same shade of gray, because they inherit it from the system. The buttons are still poorly hand-drawn \u2014 and each in its own different way.<\/p>\n\n\n\n<p>After Effects has colored the default button blue. The secondary buttons still don\u2019t look like any of the others. Recoloring one button was apparently change enough.<\/p>\n\n\n\n<p>In Adobe XD there&#8217;s no Save dialog at all anymore. Every document is constantly saved to the cloud, including new ones. On the one hand, that\u2019s good: in principle, data can no longer be lost. On the other hand, it\u2019s a shame, because back in 2017, XD was the only app that followed Apple\u2019s guidelines, right down to the \u2018Save\u2019 label on the default button.<\/p>\n\n\n\n<p>And then there\u2019s Substance 3D, Adobe\u2019s latest acquisition. Once you look at its dialog design, all the others \u2014 with their flaws \u2014 don\u2019t look so bad anymore. Buttons labeled Yes, No, Cancel, and the giant question-mark icon \u2014 wow.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.goesselgold.de\/blog\/wp-content\/uploads\/2021\/06\/Substance-2021.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"482\" src=\"https:\/\/www.goesselgold.de\/blog\/wp-content\/uploads\/2021\/06\/Substance-2021-1024x482.png\" alt=\"\" class=\"wp-image-316\" srcset=\"https:\/\/www.goesselgold.de\/blog\/wp-content\/uploads\/2021\/06\/Substance-2021-1024x482.png 1024w, https:\/\/www.goesselgold.de\/blog\/wp-content\/uploads\/2021\/06\/Substance-2021-400x188.png 400w, https:\/\/www.goesselgold.de\/blog\/wp-content\/uploads\/2021\/06\/Substance-2021-768x361.png 768w, https:\/\/www.goesselgold.de\/blog\/wp-content\/uploads\/2021\/06\/Substance-2021.png 1212w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Save, HIG style<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.goesselgold.de\/blog\/wp-content\/uploads\/2021\/06\/Sichern-MacOS-2021.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1015\" src=\"https:\/\/www.goesselgold.de\/blog\/wp-content\/uploads\/2021\/06\/Sichern-MacOS-2021-1024x1015.png\" alt=\"\" class=\"wp-image-322\" srcset=\"https:\/\/www.goesselgold.de\/blog\/wp-content\/uploads\/2021\/06\/Sichern-MacOS-2021-1024x1015.png 1024w, https:\/\/www.goesselgold.de\/blog\/wp-content\/uploads\/2021\/06\/Sichern-MacOS-2021-400x396.png 400w, https:\/\/www.goesselgold.de\/blog\/wp-content\/uploads\/2021\/06\/Sichern-MacOS-2021-150x150.png 150w, https:\/\/www.goesselgold.de\/blog\/wp-content\/uploads\/2021\/06\/Sichern-MacOS-2021-768x761.png 768w, https:\/\/www.goesselgold.de\/blog\/wp-content\/uploads\/2021\/06\/Sichern-MacOS-2021.png 1328w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Here&#8217;s Apple&#8217;s dialog \u2014 the one Adobe doesn&#8217;t adhere to. You could debate whether this dialog is overly complex, since it already folds in the next step \u2014 but if Adobe were to adopt it, they&#8217;d at least be free of any consistency problems and ugly imitation interface elements.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Et tu, Microsoft?<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.goesselgold.de\/blog\/wp-content\/uploads\/2021\/06\/Microsoft-Save-Dialogs-2021.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"568\" src=\"https:\/\/www.goesselgold.de\/blog\/wp-content\/uploads\/2021\/06\/Microsoft-Save-Dialogs-2021-1024x568.png\" alt=\"\" class=\"wp-image-326\" srcset=\"https:\/\/www.goesselgold.de\/blog\/wp-content\/uploads\/2021\/06\/Microsoft-Save-Dialogs-2021-1024x568.png 1024w, https:\/\/www.goesselgold.de\/blog\/wp-content\/uploads\/2021\/06\/Microsoft-Save-Dialogs-2021-400x222.png 400w, https:\/\/www.goesselgold.de\/blog\/wp-content\/uploads\/2021\/06\/Microsoft-Save-Dialogs-2021-768x426.png 768w, https:\/\/www.goesselgold.de\/blog\/wp-content\/uploads\/2021\/06\/Microsoft-Save-Dialogs-2021-1536x852.png 1536w, https:\/\/www.goesselgold.de\/blog\/wp-content\/uploads\/2021\/06\/Microsoft-Save-Dialogs-2021-2048x1136.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>At first glance, not bad at all \u2014 but Microsoft doesn\u2019t harmonize its dialogs either.<\/p>\n\n\n\n<p>There\u2019s a color system, and the basic dialog is at least the same, even if it strikes me as odd that it isn&#8217;t a single window (one you could select individually for a screenshot). Photoshop handles this differently. But:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u201cSichern \u2026\u201d (with a space) vs. \u201cSpeichern\u201d vs. \u201cSpeichern\u2026\u201d (without a space) on the button,<\/li>\n\n\n\n<li>\u201cM\u00f6chtest du \u2026\u201d vs. \u201cM\u00f6chten Sie \u2026\u201d vs. \u201cSollen Ihre \u00c4nderungen \u2026\u201d as the text,<\/li>\n\n\n\n<li>warning icon vs. app icon, extra text or no extra text.<\/li>\n<\/ul>\n\n\n\n<p>I wonder what other identical features the product teams are still implementing independently of one another.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Are big design systems impossible?<\/h2>\n\n\n\n<p>Why do things like this slip through at such large companies? I assume it happens precisely because they\u2019re so large. The product teams are surely enormous. Each team builds its own thing separately, and since cross-team quality assurance is expensive and the text in Save dialogs isn\u2019t the most critical feature, it just gets left alone. On top of that, the programs have to run on Windows and Mac (and also iOS and iPadOS), each of which comes with its own guidelines. So they build their own interface, so that at least their own programs look the same. But that essentially always goes wrong, as you can clearly see. With Adobe, this still happens in many places. The same command is called (in the German version) \u201cFarbfelder importieren \u2026\u201d in Photoshop, \u201cFarbfeldbibliothek \u00d6ffnen\u2026\u201d in Illustrator, and \u201cFarbfelder laden \u2026\u201d in InDesign.<\/p>\n\n\n\n<p>Still \u2014 Adobe, you\u2019re the very emblem of design (or at least you want to be). I expect more.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-wide\"\/>\n\n\n\n<p><em>Adobe\u2019s save dialogues through the years:<\/em><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.goesselgold.de\/blog\/2026\/05\/adobe-re-invents-the-wheel-time-and-time-again\/\" data-type=\"post\" data-id=\"571\">Adobe Reinvents The Wheel\u2014time and Time again<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.goesselgold.de\/blog\/2026\/05\/babylon-adobe-2013\/\" data-type=\"post\" data-id=\"573\">Babylon Adobe 2013<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.goesselgold.de\/blog\/2026\/05\/babylon-adobe-2017\/\" data-type=\"post\" data-id=\"577\">Babylon Adobe 2017<\/a><\/li>\n\n\n\n<li>Babylon Adobe 2021<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>A look at the inconsistencies in one standard dialogue in Adobe apps. Fourth and final article (from 2021) in a series of four.<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[1],"tags":[],"class_list":["post-585","post","type-post","status-publish","format-standard","hentry","category-allgemein"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p4vRUO-9r","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.goesselgold.de\/blog\/wp-json\/wp\/v2\/posts\/585","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.goesselgold.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.goesselgold.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.goesselgold.de\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.goesselgold.de\/blog\/wp-json\/wp\/v2\/comments?post=585"}],"version-history":[{"count":3,"href":"https:\/\/www.goesselgold.de\/blog\/wp-json\/wp\/v2\/posts\/585\/revisions"}],"predecessor-version":[{"id":600,"href":"https:\/\/www.goesselgold.de\/blog\/wp-json\/wp\/v2\/posts\/585\/revisions\/600"}],"wp:attachment":[{"href":"https:\/\/www.goesselgold.de\/blog\/wp-json\/wp\/v2\/media?parent=585"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.goesselgold.de\/blog\/wp-json\/wp\/v2\/categories?post=585"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.goesselgold.de\/blog\/wp-json\/wp\/v2\/tags?post=585"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}