{"id":628,"date":"2015-04-07T14:36:41","date_gmt":"2015-04-07T21:36:41","guid":{"rendered":"http:\/\/www.ibabbleon.com\/copywriter-translator\/?p=628"},"modified":"2017-07-31T09:25:47","modified_gmt":"2017-07-31T16:25:47","slug":"localized-screenshots-for-the-app-store-itunes-google-play","status":"publish","type":"post","link":"https:\/\/www.ibabbleon.com\/copywriter-translator\/2015\/04\/localized-screenshots-for-the-app-store-itunes-google-play\/","title":{"rendered":"Localized screenshots for the iTunes App Store"},"content":{"rendered":"<h1>Localized screenshots made simple<\/h1>\n<p>Let&#8217;s face it: when users browse the App Store they do\u00a0not always read your <a title=\"Writing iTunes App Store Descriptions\" href=\"http:\/\/www.ibabbleon.com\/copywriter-translator\/2011\/07\/writing-itunes-app-store-descriptions\/\">well-written\u00a0app description<\/a>, even if it is localized into\u00a0<a title=\"App Description Localizations \u2013 New Tutorial Added\" href=\"http:\/\/www.ibabbleon.com\/copywriter-translator\/2013\/01\/tutorial-adding-localized-versions-of-your-app-store-app-description\/\">their own language<\/a>. But they almost always\u00a0look at\u00a0<strong>screenshots<\/strong>. These adver-images\u00a0can and should be localized, too.<\/p>\n<h3 style=\"text-align: center;\"><span style=\"color: #808080;\"><em>The limited amount of text above (or below) each screenshot is valuable real estate for persuading users to download your app.<\/em><\/span><\/h3>\n<p>Most of the developers we work with end up localizing their screenshots into dozens of\u00a0languages. They send us a text file with those 5 to 10 phrases written out, and we translate them into each language. In the past, creating\u00a0the graphic assets to go along with the translations has been a pain. But no more!<\/p>\n<h3><del>Launchkit.io<\/del>\u00a0Davinci makes localizing screenshots easy<\/h3>\n<p><strong>Update: August 2017: Launchkit was bought by Google and shutdown. A similar service, <a href=\"https:\/\/www.davinciapps.com\">Davinci<\/a>, which still has a free tier, can be used instead.<\/strong><\/p>\n<p>We recently came across an amazing, f<del>ree Web site called <a href=\"https:\/\/launchkit.io\/screenshots\/onboard\/\" target=\"_blank\" rel=\"noopener\">Screenshot Builder<\/a><\/del> that makes it fast and simple to create screenshots for the iTunes App Store, both iPhone and iPad versions. With a little copy and paste, it functions equally well for localized screenshots. Say we start with a typical screenshot for a wonderful app we translated like <a href=\"https:\/\/itunes.apple.com\/us\/app\/jotnot-scanner-scan-multipage\/id310789464?mt=8\">JotNot Scanner+<\/a><\/p>\n<figure id=\"attachment_630\" aria-describedby=\"caption-attachment-630\" style=\"width: 298px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/www.ibabbleon.com\/copywriter-translator\/wp-content\/uploads\/2015\/04\/iphone6-0.png\"><img loading=\"lazy\" class=\"wp-image-630\" src=\"http:\/\/www.ibabbleon.com\/copywriter-translator\/wp-content\/uploads\/2015\/04\/iphone6-0-576x1024.png\" alt=\"It's not a localized screenshot but it sure looks pretty.\" width=\"298\" height=\"530\" srcset=\"https:\/\/www.ibabbleon.com\/copywriter-translator\/wp-content\/uploads\/2015\/04\/iphone6-0-576x1024.png 576w, https:\/\/www.ibabbleon.com\/copywriter-translator\/wp-content\/uploads\/2015\/04\/iphone6-0-169x300.png 169w, https:\/\/www.ibabbleon.com\/copywriter-translator\/wp-content\/uploads\/2015\/04\/iphone6-0-624x1110.png 624w, https:\/\/www.ibabbleon.com\/copywriter-translator\/wp-content\/uploads\/2015\/04\/iphone6-0.png 750w\" sizes=\"(max-width: 298px) 100vw, 298px\" \/><\/a><figcaption id=\"caption-attachment-630\" class=\"wp-caption-text\">It&#8217;s not a localized screenshot but it sure looks pretty.<\/figcaption><\/figure>\n<p>Since we just finished localizing this app, we translated\u00a0the screenshot texts too. And using the service, it&#8217;s as easy as this:<\/p>\n<figure id=\"attachment_631\" aria-describedby=\"caption-attachment-631\" style=\"width: 810px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/www.ibabbleon.com\/copywriter-translator\/wp-content\/uploads\/2015\/04\/Screen-Shot-2015-04-07-at-1.44.03-PM.png\"><img loading=\"lazy\" class=\"wp-image-631 size-full\" src=\"http:\/\/www.ibabbleon.com\/copywriter-translator\/wp-content\/uploads\/2015\/04\/Screen-Shot-2015-04-07-at-1.44.03-PM.png\" alt=\"Screenshot Builder makes localized screenshots as easy as copying and pasting the text from the translators.\" width=\"810\" height=\"445\" srcset=\"https:\/\/www.ibabbleon.com\/copywriter-translator\/wp-content\/uploads\/2015\/04\/Screen-Shot-2015-04-07-at-1.44.03-PM.png 810w, https:\/\/www.ibabbleon.com\/copywriter-translator\/wp-content\/uploads\/2015\/04\/Screen-Shot-2015-04-07-at-1.44.03-PM-300x165.png 300w, https:\/\/www.ibabbleon.com\/copywriter-translator\/wp-content\/uploads\/2015\/04\/Screen-Shot-2015-04-07-at-1.44.03-PM-624x343.png 624w\" sizes=\"(max-width: 810px) 100vw, 810px\" \/><\/a><figcaption id=\"caption-attachment-631\" class=\"wp-caption-text\">Screenshot Builder makes localizing screenshots as easy as copying and pasting the text from the translators.<\/figcaption><\/figure>\n<p>We even got that pretty white iPhone in the background! A shout-out to <a href=\"https:\/\/twitter.com\/mulligan\">Brendan Mulligan<\/a>\u00a0for making this happen and for continued improvements still to come.<\/p>\n<h3>Tips for localized screenshots in the App Store<\/h3>\n<p>First, use a reputable <a href=\"https:\/\/www.ibabbleon.com\/app_localization.html\">app localization company<\/a>. It&#8217;s just a few (very important) words and it won&#8217;t cost much!<\/p>\n<p>The other\u00a0critical tip we can give you is to <strong>have the\u00a0translators review\u00a0your localized screenshots <em>before<\/em> you publish them<\/strong>. Each language has\u00a0particular rules\u00a0about how text flows between lines. In English it wouldn&#8217;t be acceptable to divide a long sentence like this:<\/p>\n<p style=\"text-align: center;\"><strong>JotNot puts a <span style=\"color: #993300;\">scanne\u2013<\/span><\/strong><br \/>\n<strong><span style=\"color: #993300;\">r<\/span> in your pocket<\/strong><\/p>\n<p>While you may think that you can just flow the lines after any word, what would\u00a0you do in cases like Chinese where there are no spaces to indicate the end of a word?<\/p>\n<p style=\"text-align: center;\"><strong>JotNot \u5c07\u6383\u63cf\u5668\u653e\u9032\u53e3\u888b<\/strong><\/p>\n<p>That&#8217;s a bit harder, eh? German has \u00fcberlongishwords which are also hard to hyphenate without knowledge of the language.<\/p>\n<p>We solved this problem for our developer friends a couple of years ago by introducing a &#8220;sanity check&#8221; right into the localization process. It looks something like this:<\/p>\n<p><a href=\"http:\/\/www.ibabbleon.com\/copywriter-translator\/wp-content\/uploads\/2015\/04\/Screen-Shot-2015-04-07-at-2.18.22-PM.png\"><img loading=\"lazy\" class=\"aligncenter wp-image-636 size-full\" src=\"http:\/\/www.ibabbleon.com\/copywriter-translator\/wp-content\/uploads\/2015\/04\/Screen-Shot-2015-04-07-at-2.18.22-PM.png\" alt=\"Localized screenshots upload at Babble-on\" width=\"586\" height=\"343\" srcset=\"https:\/\/www.ibabbleon.com\/copywriter-translator\/wp-content\/uploads\/2015\/04\/Screen-Shot-2015-04-07-at-2.18.22-PM.png 586w, https:\/\/www.ibabbleon.com\/copywriter-translator\/wp-content\/uploads\/2015\/04\/Screen-Shot-2015-04-07-at-2.18.22-PM-300x176.png 300w\" sizes=\"(max-width: 586px) 100vw, 586px\" \/><\/a>Developers can upload the localized screenshots based on the translations we&#8217;ve given them, separated out by language. We have each translator review the screenshots for their own language and flag them as &#8220;OK to publish&#8221;. If something is wrong or the new context causes a change of mind, we make revisions to the translations and export them again. Sometimes we discover something out of our control, like a text that was never in the strings file to begin with, or cut-off text that didn&#8217;t fit the UI. We report those issues so that developers can have them fixed, or work together to shorten the text, add new translations, or whatever is necessary. <strong>This screenshot review service is free for developers that localize with us.<\/strong><\/p>\n<p>It&#8217;s that\u00a0final polish that separates Babble-on from other\u00a0app localization companies out there. But you&#8217;ll have to <a href=\"https:\/\/www.ibabbleon.com\/register\">see for yourself<\/a>!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Localized screenshots made simple Let&#8217;s face it: when users browse the App Store they do\u00a0not always read your well-written\u00a0app description, even if it is localized into\u00a0their own language.","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"sfsi_plus_gutenberg_text_before_share":"","sfsi_plus_gutenberg_show_text_before_share":"","sfsi_plus_gutenberg_icon_type":"","sfsi_plus_gutenberg_icon_alignemt":"","sfsi_plus_gutenburg_max_per_row":""},"categories":[31,74,4],"tags":[46,76,77,42,62,80,54,63,75,78],"_links":{"self":[{"href":"https:\/\/www.ibabbleon.com\/copywriter-translator\/wp-json\/wp\/v2\/posts\/628"}],"collection":[{"href":"https:\/\/www.ibabbleon.com\/copywriter-translator\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ibabbleon.com\/copywriter-translator\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ibabbleon.com\/copywriter-translator\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ibabbleon.com\/copywriter-translator\/wp-json\/wp\/v2\/comments?post=628"}],"version-history":[{"count":10,"href":"https:\/\/www.ibabbleon.com\/copywriter-translator\/wp-json\/wp\/v2\/posts\/628\/revisions"}],"predecessor-version":[{"id":680,"href":"https:\/\/www.ibabbleon.com\/copywriter-translator\/wp-json\/wp\/v2\/posts\/628\/revisions\/680"}],"wp:attachment":[{"href":"https:\/\/www.ibabbleon.com\/copywriter-translator\/wp-json\/wp\/v2\/media?parent=628"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ibabbleon.com\/copywriter-translator\/wp-json\/wp\/v2\/categories?post=628"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ibabbleon.com\/copywriter-translator\/wp-json\/wp\/v2\/tags?post=628"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}