{"id":573,"date":"2026-05-05T11:19:05","date_gmt":"2026-05-05T10:19:05","guid":{"rendered":"https:\/\/www.goesselgold.de\/blog\/?p=573"},"modified":"2026-05-05T12:40:25","modified_gmt":"2026-05-05T11:40:25","slug":"babylon-adobe-2013","status":"publish","type":"post","link":"https:\/\/www.goesselgold.de\/blog\/2026\/05\/babylon-adobe-2013\/","title":{"rendered":"Babylon Adobe 2013"},"content":{"rendered":"\n<p><em>This article from 2013 is the second 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>Some time ago I documented with amazement how Adobe managed to design the same dialogue differently in each app that I looked at.<\/p>\n\n\n\n<p>Meanwhile new versions of the apps are out, and Adobe has published new apps. The CS6 suite runs on my office Mac, and I have some of the edge apps installed.<\/p>\n\n\n\n<p>Time for an update. How does the dialogue look like that appears when you want to close a file with unsaved changes? Did Adobe even out the inconsistencies, or is it still a mess? Let\u2019s have a look.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">CS6 Creative Suite<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.goesselgold.de\/blog\/wp-content\/uploads\/2013\/03\/ScreenshotsCS-6-all.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"891\" src=\"https:\/\/www.goesselgold.de\/blog\/wp-content\/uploads\/2013\/03\/ScreenshotsCS-6-all-1024x891.png\" alt=\"The Save Changes dialogue in several Adobe apps\" class=\"wp-image-169\" srcset=\"https:\/\/www.goesselgold.de\/blog\/wp-content\/uploads\/2013\/03\/ScreenshotsCS-6-all-1024x891.png 1024w, https:\/\/www.goesselgold.de\/blog\/wp-content\/uploads\/2013\/03\/ScreenshotsCS-6-all-400x348.png 400w, https:\/\/www.goesselgold.de\/blog\/wp-content\/uploads\/2013\/03\/ScreenshotsCS-6-all.png 1248w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Yes, these are the \u201cSave Changes\u201d dialogues from the latest versions of Photoshop, InDesign, Fireworks, Flash, Illustrator, After Effects, Premiere, Encore, Audition and Dreamweaver.<\/p>\n\n\n\n<p><em>Not two of them look the same.<\/em><\/p>\n\n\n\n<p>Check it out yourself. There is always at least one thing that is different. It is indeed astonishing how many ways there are in which you can assemble the parts of this simple dialogue, and Adobe <em>ships another version<\/em> with every app <em>of the same suite<\/em>.<\/p>\n\n\n\n<p>Concidence?<\/p>\n\n\n\n<p>Or does anyone at Adobe look at what&#8217;s not been modified and then chooses to change just that? Take: size, sheet or modal, background color, text on title bar or not, icon size and type, text (font, line length, additional text or not), quotation marks (typographic or incorrect, double or single), \u201cSichern\u201d or \u201cSpeichern\u201d, and button arrangement.<\/p>\n\n\n\n<p>I cannot believe this.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Other Adobe apps<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.goesselgold.de\/blog\/wp-content\/uploads\/2013\/03\/ScreenshotsAdobe-other.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"1024\" src=\"https:\/\/www.goesselgold.de\/blog\/wp-content\/uploads\/2013\/03\/ScreenshotsAdobe-other-1000x1024.png\" alt=\"Save Changes dialogue from three more Adobe apps\" class=\"wp-image-173\" srcset=\"https:\/\/www.goesselgold.de\/blog\/wp-content\/uploads\/2013\/03\/ScreenshotsAdobe-other-1000x1024.png 1000w, https:\/\/www.goesselgold.de\/blog\/wp-content\/uploads\/2013\/03\/ScreenshotsAdobe-other-400x409.png 400w, https:\/\/www.goesselgold.de\/blog\/wp-content\/uploads\/2013\/03\/ScreenshotsAdobe-other.png 1172w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p>Again different, with a new permutation in all three of them. The thing is, I can\u2019t see a method or system in this.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The dialogue is done as a sheet in veteran app Flash as well as in the new Reflow, but not in the also new app Animate or in the second app that is an acquisition from Macromedia, Fireworks<\/li>\n\n\n\n<li>Flagship apps Illustrator and Photoshop come with dark interfaces, but only Illustrator\u2019s dialogue is also dark<\/li>\n\n\n\n<li>Photoshop as well as InDesign are missing the text saying unsaved changes will be lost. Text is bold in PS, but not in InDesign<\/li>\n\n\n\n<li>The German text seems to have been translated new in every dialogue, or it\u2019s already the original that is different: \u00bbM\u00f6chten Sie <em>Ihre<\/em> \u00c4nderungen <em>sichern<\/em>\u00ab versus \u00bbM\u00f6chten Sie <em>die<\/em> \u00c4nderungen <em>speichern<\/em>\u00ab; \u00bb\u00c4nderungen <em>an<\/em> \u2026 speichern\u00ab versus \u00bb\u00c4nderungen <em>in<\/em> \u2026 speichern\u00ab.<\/li>\n<\/ul>\n\n\n\n<p>Nobody seems to care.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Standards, Schmandards<\/h2>\n\n\n\n<p>Obviously Adobe does not have a template for this standard dialogue that is used for every new app. But is it not a huge waste of effort to build it from scratch every time? Even if you concede that all Adobe apps are published on MacOS and Windows, they could well served with either two versions that adhere to the platform standards or with one independent interface that is consistent within the adobe suite.<\/p>\n\n\n\n<p>I haven\u2019t looked on Windows, but on MacOS there is this:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.goesselgold.de\/blog\/wp-content\/uploads\/2013\/03\/ScreenshotsStandard.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"529\" src=\"https:\/\/www.goesselgold.de\/blog\/wp-content\/uploads\/2013\/03\/ScreenshotsStandard-1024x529.png\" alt=\"Standard Save Changes Dialogues from four apps on MacOS\" class=\"wp-image-183\" srcset=\"https:\/\/www.goesselgold.de\/blog\/wp-content\/uploads\/2013\/03\/ScreenshotsStandard-1024x529.png 1024w, https:\/\/www.goesselgold.de\/blog\/wp-content\/uploads\/2013\/03\/ScreenshotsStandard-400x206.png 400w, https:\/\/www.goesselgold.de\/blog\/wp-content\/uploads\/2013\/03\/ScreenshotsStandard.png 1031w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Pretty consistent, isn&#8217;t it? Shown are Apple\u2019s Keynote and Preview, and third party apps Sketch and Soulver. And although there are differences: Apart from Soulver\u2019s dialogue being slightly wider, <em>same elements are designed exactly the same<\/em>. It\u2019s just that not every dialog contains every element that\u2019s possible.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>All dialogues are done as sheets<\/li>\n\n\n\n<li>The icon is the app icon without a warning sign<\/li>\n\n\n\n<li>Spacings are equal<\/li>\n\n\n\n<li>the phrasing is the same (even the quotation marks are correct and <em>fit the language<\/em>)<\/li>\n<\/ul>\n\n\n\n<p>The difference is that three of the apps offer a location for the file (all but Soulver), and Preview additionally lets you choose the file format.<\/p>\n\n\n\n<p>So there is a standard, you just have to use it. And indeed there is one Adobe app that adheres to that exact standard (out of the ones that I have checked). But you would not guess which app that is.<\/p>\n\n\n\n<p>It\u2019s Flash.<\/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>Babylon Adobe 2013<\/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><a href=\"https:\/\/www.goesselgold.de\/blog\/2026\/05\/babylon-adobe-2021-2\/\" data-type=\"post\" data-id=\"585\">Babylon Adobe 2021<\/a><\/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. Second article (from 2013) 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":true,"_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":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[6,4],"tags":[15],"class_list":["post-573","post","type-post","status-publish","format-standard","hentry","category-design","category-interface-design","tag-adobe"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p4vRUO-9f","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.goesselgold.de\/blog\/wp-json\/wp\/v2\/posts\/573","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=573"}],"version-history":[{"count":5,"href":"https:\/\/www.goesselgold.de\/blog\/wp-json\/wp\/v2\/posts\/573\/revisions"}],"predecessor-version":[{"id":599,"href":"https:\/\/www.goesselgold.de\/blog\/wp-json\/wp\/v2\/posts\/573\/revisions\/599"}],"wp:attachment":[{"href":"https:\/\/www.goesselgold.de\/blog\/wp-json\/wp\/v2\/media?parent=573"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.goesselgold.de\/blog\/wp-json\/wp\/v2\/categories?post=573"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.goesselgold.de\/blog\/wp-json\/wp\/v2\/tags?post=573"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}