CINXE.COM

Designing Words

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Designing Words</title> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes" /> <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" /> <!-- Share --> <meta name="title" content="Designing Words" /> <meta name="description" content="All words that go into services and apps, including every explanatory message you encounter during the set-up phase, are designed by UX designers. Even the smallest expressions and simple words like “welcome” can invoke emotions like joy or disappointment in users, and that is why UX Writing plays a role just as important as graphics and interface design when it comes to overall User Experience. Samsung Design sets a high internal standard and guide for UX Writing to provide better and useful experiences to users. This is the design story of the efforts made to finely craft the messages that our users will see as they interact with Samsung’s products and services." /> <meta name="keywords" content="Samsung, Samsung Electronics, Samsung Electronics, Samsung Design, Design Samsung, Samsung Electronics Design, Samsung Designer, Samsung UX Writing, UX Writing, UX Writer, Samsung UX Design, UX Design, UX Designer, UX, User Experience, User Experience Design" /> <link rel="image_src" href="http://design.samsung.com/kr/share/thumb/contents/share_thumb_210_800x800.jpg" /> <!-- Share for Facebook --> <meta property="og:title" content="Designing Words" /> <meta property="og:description" content="All words that go into services and apps, including every explanatory message you encounter during the set-up phase, are designed by UX designers. Even the smallest expressions and simple words like “welcome” can invoke emotions like joy or disappointment in users, and that is why UX Writing plays a role just as important as graphics and interface design when it comes to overall User Experience. Samsung Design sets a high internal standard and guide for UX Writing to provide better and useful experiences to users. This is the design story of the efforts made to finely craft the messages that our users will see as they interact with Samsung’s products and services." /> <meta property="og:image" content="http://design.samsung.com/kr/share/thumb/contents/share_thumb_210_800x800.jpg" /> <meta property="og:image:width" content="400" /> <meta property="og:image:height" content="400" /> <meta property="og:type" content="website" /> <!-- Share for Twitter --> <meta name="twitter:card" content="summary" /> <meta name="twitter:title" content="Designing Words" /> <meta name="twitter:description" content="All words that go into services and apps, including every explanatory message you encounter during the set-up phase, are designed by UX designers. Even the smallest expressions and simple words like “welcome” can invoke emotions like joy or disappointment in users, and that is why UX Writing plays a role just as important as graphics and interface design when it comes to overall User Experience. Samsung Design sets a high internal standard and guide for UX Writing to provide better and useful experiences to users. This is the design story of the efforts made to finely craft the messages that our users will see as they interact with Samsung’s products and services." /> <meta name="twitter:image" content="http://design.samsung.com/kr/share/thumb/contents/share_thumb_210_800x800.jpg" /> <!-- CSS --> <link rel="stylesheet" href="../../../assets/css/common_module_rn2023_v1.css" /> <link rel="stylesheet" href="../../../assets/css/contents_components_rn2022_v1.css" /> <link rel="stylesheet" href="../../../assets/css/components_rn2022_v1.css" /> <link rel="stylesheet" href="css/page.css" /> <!--JS--> <script type="text/javascript" src="../../../assets/js/vendor/jquery-1.11.0.min.js"></script> <script type="text/javascript" src="../../../assets/js/vendor/jquery.easing.1.3.js"></script> <script type="text/javascript" src="../../../assets/js/vendor/modernizr-2.6.2.min.js"></script> <script type="text/javascript" src="../../../assets/js/vendor/detectizr.js"></script> <script type="text/javascript" src="../../../assets/js/vendor/detect.js"></script> <script src="https://unpkg.com/swiper@8/swiper-bundle.min.js"></script> </head> <body class="components"> <div id="skip-navi"> <a href="#container">SKIP NAVIGATION</a> </div> <div id="wrap" class="minify"> <!--컨텐츠 페이지 디폴트--> <!--HEADER : S--> <div class="header_wrap"></div> <!--HEADER : E--> <div id="container"> <div id="content"> <section class="sec-tit"> <div class="cols-container"> <div class="rn2022-cols-2 rn2022-ml-2-col"> <div class="txt-wrap space-pb-100"> <em class="rn2022-txt-small-en">November 29, 2022</em> <h2 class="rn2022-txt-kv-tit-shp rn2022-mt-50 rn2022-mt-50-mob-only">Designing <br class="d-block-m" />Words</h2> <p class="rn2022-txt-kv-sub-tit rn2022-mt-30 rn2022-mt-24-mob-only">Samsung UX Writing guide</p> </div> </div> </div> </section> <div class="bg-wrap"> <section class="sec-kv"> <div class="cols-container"> <div class="img-container"> <div class="img-box"> <figure class="mod-covered-bg"> <figcaption class="blind">This is the key visual image of Designing Words.</figcaption> </figure> <div class="img-float"><img src="./img/sec-kv.png" alt="This is the key visual image of Designing Words." /></div> </div> </div> </div> </section> <section class="sec-intro"> <div class="cols-container"> <div class="txt-wrap rn2022-txt-big rn2022-cols-2 rn2022-ml-2-col rn2022-mt-300"> <p class="motion slide-in-up" motion-pos="0.7">‘Get started’ vs. ‘Welcome!’</p> <p class="motion slide-in-up rn2022-mt-t24 rn2022-mt-t50-mob-only" motion-pos="0.7"> Picture yourself holding a brand new phone and powering it on with excitement. Most people will probably quickly skip through the introductory messages on screen, but the tiny details in the tone of a welcoming message that greets users instead of a stoic step-by-step guide might make a difference. A great first impression makes a lasting impression, just like how our moods can be lifted up when we visit restaurants and are greeted with a warm welcome instead of an unfriendly host who just says “so, what’s your order?” </p> <p class="motion slide-in-up rn2022-mt-t24 rn2022-mt-t50-mob-only" motion-pos="0.7"> All words that go into services and apps, including every explanatory message you encounter during the set-up phase, are designed by UX writers. Even the smallest expressions and simple words like “welcome” can invoke emotions like joy or disappointment in users, and that is why UX Writing plays a role just as important as graphics and interface design when it comes to overall User Experience. </p> <p class="motion slide-in-up rn2022-mt-t24 rn2022-mt-t50-mob-only" motion-pos="0.7"> Samsung Design sets a high internal standard and principles for UX Writing to provide better and useful experiences to users. This is the design story of the efforts made to finely craft the messages that our users will see as they interact with products and services. </p> </div> <div class="img-wrap rn2022-mt-100 rn2022-cols-2 rn2022-ml-2-col motion fade-in" motion-pos="0.7"> <div class="img-box"> <img src="img/samsung-ux-intro.png" alt="This is the intro image of Designing Words." /> </div> </div> </div> </section> <section class="sec-1"> <div class="cols-container"> <div class="cont-1"> <div class="txt-wrap rn2022-txt-small rn2022-mt-300 rn2022-cols-2 rn2022-ml-1-col"> <strong class="rn2022-txt-big-bold motion slide-in-left" motion-pos="0.5">Designing Words for Users</strong> <p class="rn2022-mt-t24 rn2022-mt-t50-mob-only motion slide-in-up" motion-pos="0.5"> As mentioned in the title of this article, ‘Designing Words’, UX Writing is not about writing, it’s about designing. The expression of designing words might feel a bit unfamiliar, but to put it into context, if the act of ‘writing’ focuses on producing better words, the act of ‘designing’ is to create words that are helpful to users. A well-designed UX Writing resolves the inconveniences of users and creates new values and joyful experiences as they navigate through the words they encounter. </p> <p class="rn2022-mt-t24 motion slide-in-up" motion-pos="0.5">“What kind of expressions would be helpful for our users?”</p> <p class="rn2022-mt-t24 motion slide-in-up" motion-pos="0.5"> This is the question that must be asked every time for UX Writing. It’s important to think in the perspective of a user, not in the perspective of a service provider. In every and all circumstances, the user is always the hero. </p> </div> <div class="cont-wrap rn2022-mt-t100"> <div class="img-wrap rn2022-cols-2 rn2022-ml-1-col motion fade-in" motion-pos="0.5"> <div class="img-box"> <img src="img/samsung-ux-cont1.png" alt="Strikethrough is drawn over ‘SMART’, which is filled in the square." /> </div> </div> <div class="txt-wrap rn2022-txt-small rn2022-cols-2 rn2022-mt-80-mob-only"> <strong class="rn2022-txt-big-bold motion slide-in-left" motion-pos="0.5">‘Useful features for Smart life’</strong> <p class="rn2022-mt-t24 rn2022-mt-t50-mob-only motion slide-in-up" motion-pos="0.5"> Which feature is this text referring to? This particular text can be attached to any feature. But at the same time, it doesn’t’ contain any meaningful information. Simply adding the word ‘smart’ in front of things doesn’t make it ‘smart’. The service provider would want to use the word ‘smart’ to emphasize the specialness of the feature, but when users see it, there is a high chance they won’t find it particularly smart or special. </p> <p class="rn2022-mt-t24 motion slide-in-up" motion-pos="0.5"> UX Writing is not meant to be used to promote things. If the purpose of marketing is to leave powerful impressions on users in a short burst of time, UX Writing is meant to help users effectively use the features and functions over the course of their interactions. That is why UX Writing must approach messaging differently from marketing. </p> <p class="rn2022-mt-t24 motion slide-in-up" motion-pos="0.5">It must be honest without exaggeration, and easily understood by everyone.</p> </div> </div> </div> <div class="cont-2"> <div class="img-wrap d-block-pc motion fade-in" motion-pos="0.5"> <div class="img-box rn2022-cols-4 rn2022-ml-1-col"> <img src="img/samsung-ux-cont2.png" alt="A display image that conveys the fact that the network is not reachable and the solution." /> </div> </div> <div class="img-wrap d-block-m motion rolling-motion fade-in" motion-pos="0.5"> <div class="img-box rn2022-cols-2 rn2022-ml-1-col img-1"> <img src="img/samsung-ux-m-cont2-1.png" alt="A display image that conveys the fact that the network is not reachable and the solution." /> </div> <div class="img-box rn2022-cols-2 img-2"> <img src="img/samsung-ux-m-cont2-2.png" alt="A display image that conveys the fact that the network is not reachable and the solution." /> </div> </div> <div class="txt-wrap rn2022-txt-small rn2022-mt-80 rn2022-cols-3 rn2022-ml-1-col"> <strong class="rn2022-txt-big-bold motion slide-in-left" motion-pos="0.5">Always Be Transparent</strong> <p class="rn2022-mt-t24 rn2022-mt-t50-mob-only motion slide-in-up" motion-pos="0.5"> Being honest is to be transparent in any situation. People react strongly when others are trying to hide something from them. Even when a certain information may be disadvantageous to the service provider, it must be transparently and honestly shared with users when needed. If a particular feature is not available, this fact must be transparently communicated to the user. </p> <p class="rn2022-mt-t24 motion slide-in-up" motion-pos="0.5"> Using only positive expressions won’t make the service itself a positive experience. Boldly using phrases like ‘cannot do this’ won’t make the service itself look incapable. If users feel frustration from the phrase ‘Couldn’t connect’, it’s not because of the word ‘could not’, but it’s because of the fact that there isn’t a solution to the problem. It’s important to clearly convey what is possible and what is not, and at the same time a way to helpfully resolve or workaround the incapability. </p> <p class="rn2022-mt-t24 motion slide-in-up" motion-pos="0.5">Positive experiences begin from clear communication. UX Writing’s purpose is to help users clearly understand the situation.</p> </div> </div> <div class="cont-3"> <div class="img-wrap rn2022-cols-2 rn2022-ml-1-col motion fade-in" motion-pos="0.5"> <div class="img-box"> <img src="img/samsung-ux-cont3.png" alt="This is an image with the words 'Protocol', 'API', and 'OCR'." /> </div> </div> <div class="txt-wrap rn2022-txt-small rn2022-cols-2 rn2022-mt-80-mob-only"> <strong class="rn2022-txt-big-bold motion slide-in-left" motion-post="0.5">It is Not a Thesis Paper.</strong> <p class="rn2022-mt-t24 rn2022-mt-t50-mob-only motion slide-in-up" motion-post="0.5"> The words on the left are rarely used in everyday life and probably unfamiliar to most people. UX Writing is not like writing a thesis paper. It must look for words and phrases that are common to the mass. Each year, there are countless new features introduced to our lives. The role of UX is to help users get familiar with these features and quickly adapt to them. Terms like Wi-Fi and Bluetooth that were once industry term can now be used comfortably as they’ve been integrated into users’ daily lives, but anytime there is a word that describes new technology must be thoroughly examined before being introduced to users through UX. </p> </div> </div> <div class="cont-4"> <div class="txt-wrap rn2022-txt-small rn2022-cols-2 rn2022-ml-1-col rn2022-mt-80-mob-only"> <strong class="rn2022-txt-big-bold motion slide-in-left" motion-pos="0.5">Being User-Friendly does not mean you are friends.</strong> <p class="rn2022-mt-t24 rn2022-mt-t50-mob-only motion slide-in-up" motion-pos="0.5"> Should we then use friendly expressions like ‘hurry up’ or ‘let’s go’? That’s not the right approach either. A user-friendly UX Writing does not mean the language should be colloquial enough to sound like a close friend talking to you, but it’s meant to clearly and simply convey facts and truths of the product and feature to help us get acquainted better. </p> <p class="rn2022-mt-t24 motion slide-in-up" motion-pos="0.5"> When communicating on information regarding smartphone security, a casual phrase like “this feature will make you safe” may sound friendly but it also lacks in credibility. A more succinct and factual phrase like “this is a feature that will reinforce the security of the device” gives a more trustworthy and secure feeling to the user. </p> <p class="rn2022-mt-t24 motion slide-in-up" motion-pos="0.5">Being ‘friendly’ is to maintain a fine line of professional friendliness that has a both helpful and approachable tone.</p> </div> <div class="img-wrap rn2022-cols-2 motion fade-in" motion-pos="0.5"> <div class="img-box"> <img src="img/samsung-ux-cont4.png" alt="Strikethrough is drawn over “Let's go!”, “Hey!”, “Cool”, and “Hurry up”" /> </div> </div> </div> <div class="cont-5"> <div class="img-wrap rn2022-cols-2 rn2022-ml-1-col motion fade-in" motion-pos="0.5"> <div class="img-box"> <img src="img/samsung-ux-cont5.png" alt="This is the image of a gender checklist with the entry “Prefer not to say”." /> </div> </div> <div class="txt-wrap rn2022-txt-small rn2022-cols-2 rn2022-mt-80-mob-only"> <strong class="rn2022-txt-big-bold motion slide-in-left" motion-pos="0.5">Considering All Users</strong> <p class="rn2022-mt-t24 rn2022-mt-t50-mob-only motion slide-in-up" motion-pos="0.5"> The term ‘black list’ was frequently used by people. But words like these can be discriminating, and should no longer be part of everyday language. When choosing words and phrases, we must be careful to identify words that contain metaphorical connotations that are discriminating or offensive, but must always strive to use neutral expressions. </p> <p class="rn2022-mt-t24 motion slide-in-up" motion-pos="0.5"> When inputting personal information to register as a member, we’re asked for information on gender. It’s easy to overlook the fact that the only available options are male and female, when we are living in world where diversity and inclusion matters. Just choosing between male and female may not be a simple choice for others. Additional options like ‘Enter your gender’ or ‘Prefer not to say’ are little details that consider the needs of all users. </p> <p class="rn2022-mt-t24 motion slide-in-up" motion-pos="0.5">We are living in a new world that is more diverse than ever. A great UX must be dedicated to all users without discrimination.</p> </div> </div> </div> </section> <section class="sec-outro"> <div class="cols-container"> <div class="img-container rn2022-mt-300"> <div class="img-box"> <figure class="mod-covered-bg"> <figcaption class="blind">This is the outro image of Designing Words.</figcaption> </figure> <div class="img-float"><img src="img/sec-outro.png" alt="This is the outro image of Designing Words." /></div> <strong class="rn2022-txt-tit-bold talign-c white-txt motion fade-in" >“Keep it simple!<br class="d-block-m" /> Keep it honest!”</strong > </div> </div> <div class="rn2022-mt-150 rn2022-txt-big rn2022-cols-2 rn2022-ml-2-col"> <p class="motion slide-in-up" motion-pos="0.5"> UX Writing was more accommodating to the PC environment before the prevalence of mobile devices. For instance, a phrase like “Are you sure you want to delete these files?” relates more to PC users, whereas a mobile environment UX would simply ask “Delete these files?” These two phrases differ greatly in terms of length and tone. This change is of course due to the differences in screen size, but it can also be attributed to the sentiment of today’s user who would feel a bit awkward when the device asks if you “are sure you want to” do something. (Think of the lines in old movies sounding a bit awkward to today’s audience.) </p> <p class="rn2022-mt-t24 rn2022-mt-t50-mob-only motion slide-in-up" motion-pos="0.5"> As the times change, so does language and expression. UX Writing must also adapt and evolve with these changes. To do that, the most important thing is to make the utmost effort to understand and grow closer to the user. </p> <p class="rn2022-mt-t24 rn2022-mt-t50-mob-only motion slide-in-up" motion-pos="0.5">Written by the Samsung MX UX Team</p> </div> </div> </section> </div> </div> </div> <!-- Share --> <div class="share-btn-container rn2022-mt-150 no-link"></div> <!-- Related Stories --> <div class="related-stories-wrap"></div> <!-- video popup :s --> <div class="video-popup"> <a href="#" class="btn-close"><span>닫기</span></a> </div> <!-- video popup :e --> <!--FOOTER 공통 :s--> <div class="footer_wrap"></div> <!--FOOTER 공통 :e--> </div> <script type="text/javascript" src="../../../assets/js/common/header.js"></script> <script type="text/javascript" src="../../../assets/js/common/footer.js"></script> <script type="text/javascript" src="../../../assets/rn_2022/js/common/related_stories.js"></script> <script type="text/javascript" src="../../../assets/rn_2022/js/common/share_btn.js"></script> <script type="text/javascript" src="js/motion.js"></script> <script type="text/javascript" src="js/page.js"></script> <!-- Google Analytics --> <script language="JavaScript" type="text/javascript" src="../../js/google_code_eng.js"></script> <script type="text/javascript"> googlePageTagging( 'OURSTORIES:ux-writing' ); </script> <!-- SiteCatalyst code version: H.24. Copyright 1997-2008 Omniture, Inc. More info available at http://www.omniture.com --> <script language="JavaScript" type="text/javascript" src="../../js/s_code_microsite_eng.js"></script> <script language="JavaScript" type="text/javascript"><!-- /* You may give each page an identifying name, server, and channel on the next lines. */ s.pageName = s.country + ":campaign:" + s.division + ":" + s.campaignid + ":" + "OURSTORIES:ux-writing"; s.hier1 = s.country + ">campaign>" + s.division + ">" + s.campaignid + ">" + "OURSTORIES"; s.channel = s.country + ":campaign"; s.prop1 = s.country; s.prop2 = s.country + ":campaign" s.prop3 = s.country + ":campaign:" + s.division; s.prop4 = s.country + ":campaign:" + s.division + ":" + s.campaignid ; s.prop5 = s.country + ":campaign:" + s.division + ":" + s.campaignid + ":" + "OURSTORIES"; /************* LOCALIZE THE RSID AND DO NOT ALTER ANYTHING BELOW THIS LINE ! **************/ var s_code=s.t();if(s_code)document.write(s_code)//--></script> <script language="JavaScript" type="text/javascript"><!-- if(navigator.appVersion.indexOf('MSIE')>=0)document.write(unescape('%3C')+'\!-'+'-') //--></script><noscript><a href="http://www.omniture.com" title="Web Analytics"><img src="http://nmetrics.samsung.com/b/ss/sssamsung3global,sssamsung3mstglobal/1/H.24--NS/0" height="1" width="1" border="0" alt="" /></a></noscript><!--/DO NOT REMOVE/--> <!-- End SiteCatalyst code version: H.24. --> <script type="text/javascript"> <!-- function omnitureEventTagging( $name ) { var s = s_gi( s_account ); s.linkTrackVars = 'eVar33,events'; s.linkTrackEvents = 'event45'; s.eVar33 = s.country+':'+s.campaignid+':'+$name; s.events = 'event45'; s.tl( this, 'o', $name ); } //--> </script> <script type="text/javascript" src="/_Incapsula_Resource?SWJIYLWA=719d34d31c8e3a6e6fffd425f7e032f3&ns=2&cb=416896327" async></script></body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10