{"id":9645,"date":"2024-01-06T10:03:00","date_gmt":"2024-01-06T10:03:00","guid":{"rendered":"https:\/\/www.uxdesigninstitute.com\/blog\/?p=9645"},"modified":"2024-01-16T15:00:15","modified_gmt":"2024-01-16T15:00:15","slug":"ux-writing-examples-to-inspire-you","status":"publish","type":"post","link":"https:\/\/www.uxdesigninstitute.com\/blog\/ux-writing-examples-to-inspire-you\/","title":{"rendered":"10 UX writing examples to inspire you in 2024"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">UX writing is the unique art and skill of crafting concise, compelling microcopy that enhances the user experience. It guides the user through a product, helping them to navigate from A to B and complete their desired tasks. UX writing can even provide a few words of encouragement or motivation at crucial touch points.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Are you looking for UX writing inspiration? Then look no further than this post. There are some outstanding UX writing examples out there\u2014and we\u2019ve rounded them up to inspire and delight you.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Here\u2019s what you\u2019ll find in this post:<\/span><\/p>\n\n<p><span style=\"font-weight: 400;\">Let\u2019s get started!<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">What is UX writing?<\/span><\/h2>\n<p><a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/what-is-ux-writing\/\"><span style=\"font-weight: 400;\">UX writing<\/span><\/a><span style=\"font-weight: 400;\"> is the process of crafting the copy a user sees or hears when they use a digital product. These brief pieces of text are known as microcopy, which means they\u2019re precise and specific. There is no need for a lot of words; the copy is designed to help the user interact with the interface as efficiently as possible. This includes buttons, menus, error messages, and more.\u00a0\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The <\/span><a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/ux-writing-copywriting\/\"><span style=\"font-weight: 400;\">main objective<\/span><\/a><span style=\"font-weight: 400;\"> of UX writing is to concisely convey what the interface offers and to guide the user as they interact with a product\u2014all while making sure the messaging corresponds to the brand image. If the UX writer does their job well, the user will be able to easily navigate the product and, as a result, have a positive association with the brand.<\/span><\/p>\n<section id=\"promotion\" class=\"promotion-content-raw inlinepromo inlinepromo_professional-certificate-in-content-designp-1 my-4\" style=\"\">\n\t<div class=\"w-container\">\n\t\t<div class=\"row align-items-center\">\n\t\t\t<div class=\"col-md-12 promotion-info\">\n                <a class=\"link-content\" href=\"https:\/\/www.uxdesigninstitute.com\/courses\/content-design?utm_source=blog&utm_medium=blog_panel_text&utm_campaign=blog_promo\" style=\"\">\n                    <p>[GET CERTIFIED IN CONTENT DESIGN]<\/p>\n                    <span>Take our Professional Certificate in Content Design course<\/span>\n                <\/a>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/section>\n\n<h2><span style=\"font-weight: 400;\">What are the fundamental principles of good UX writing?<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">While UX writing may be brief by design, that doesn\u2019t mean it\u2019s easy. Writing microcopy involves finding the right balance of being clear and concise while still finding a way to incorporate a hint of personality. Plus: it all has to work seamlessly with the user experience design of the product itself.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Here are the eight key principles of good UX writing:<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><\/p>\n<ul>\n<li aria-level=\"1\"><b>Be concise: <\/b><span style=\"font-weight: 400;\">Convey messages as concisely as possible. There shouldn\u2019t be any extra words that make it more complex to read and understand.\u00a0<\/span><\/li>\n<li aria-level=\"1\"><b>Avoid jargon: <\/b><span style=\"font-weight: 400;\">Your UX writing shouldn\u2019t contain any jargon or technical wording. Make sure your writing is free of anything that could confuse users. Instead, use plain language that makes the objectives at each part of the interface clear.<\/span><\/li>\n<li aria-level=\"1\"><b>Use the active voice: <\/b><span style=\"font-weight: 400;\">Using the active voice helps the UX writer be clear and direct. You\u2019ll be more apt to engage the user by effectively writing in the active voice.<\/span><\/li>\n<li><b>Write with simplicity:<\/b><span style=\"font-weight: 400;\"> Always write with simplicity, not complex sentences that require the user to stop and think. Make it easy for the user to understand where they are and what they need to do in the interface.<\/span><\/li>\n<li aria-level=\"1\"><b>Prioritise conversational language: <\/b><span style=\"font-weight: 400;\">Grammar is important, but sometimes grammatical rules can be broken. Be conversational instead of precisely correct.<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><\/li>\n<li aria-level=\"1\"><b>Use the right voice and tone: <\/b>Get the voice of your company\u2019s personality right and adopt the tone that is most appropriate for them, such as casual, funny, or matter-of-fact.<\/li>\n<li aria-level=\"1\"><b>Don\u2019t blame the user: <\/b><span style=\"font-weight: 400;\">Sometimes users make mistakes. Rather than blaming them for it, helpfully explain what they can do to correct it.<\/span><\/li>\n<li aria-level=\"1\"><b>Write for inclusivity and accessibility: <\/b><span style=\"font-weight: 400;\">Write inclusive and accessible content for every part of the product. Everyone should be able to understand how pressing a button or accessing a menu item may impact them, whether they\u2019re accessing the interface via reading, via a screen reader, or some other way.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Learn more: <\/span><a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/ux-writing-guidelines-for-content\/\"><span style=\"font-weight: 400;\">7 UX writing guidelines to optimise your content<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">10 UX writing examples to inspire you<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Here are 10 examples of exceptional UX writing.<\/span><\/p>\n<h3><strong>Lemonade<\/strong><\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9646\" src=\"https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-08-at-05.17.52.png\" alt=\"\" width=\"1414\" height=\"706\" title=\"\"><span style=\"font-weight: 400;\">Source: <\/span><a href=\"https:\/\/www.lemonade.com\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Lemonade<\/span><\/a><span style=\"font-weight: 400;\">\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Lemonade is not your parents\u2019 insurance company. Instead, it does things a little differently. It treats the money you pay into the insurance as yours, so you can get your claims paid quickly. On the homepage of the website, it concisely tells you that Lemonade is different.\u00a0<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9647\" src=\"https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-08-at-05.19.14.png\" alt=\"\" width=\"1410\" height=\"666\" title=\"\"><\/p>\n<p><span style=\"font-weight: 400;\">Then further down the page it shows you how things work. Using the pizza as a metaphor, it shows you the way they run things, and that they give back to causes if there\u2019s any money left from your premiums. It\u2019s a simple and concise way of getting the user to come around to Lemonade\u2019s way of thinking.<\/span><\/p>\n<h3><strong>Merriam-Webster<\/strong><\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9648\" src=\"https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-08-at-05.21.02.png\" alt=\"\" width=\"1406\" height=\"1122\" title=\"\"><\/p>\n<p><span style=\"font-weight: 400;\">Source: <\/span><a href=\"https:\/\/uxwritinghub.com\/ux-writing-examples\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">UX Writing Hub<\/span><\/a><\/p>\n<p><span style=\"font-weight: 400;\">While you don\u2019t want your users to run into a 404 page too often, if they do, it should be relevant to your product or business. Merriam-Webster nails this with a classic example of a 404 page that does what they do best: define words. While most 404 pages don\u2019t require too many words, people won\u2019t mind the fact that this one does because everything on there is relevant to both the company and the situation.<\/span><\/p>\n<h3><strong>Dollar Shave Club<\/strong><\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9649\" src=\"https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-08-at-05.23.10.png\" alt=\"\" width=\"1392\" height=\"710\" title=\"\"><\/p>\n<p><span style=\"font-weight: 400;\">Source: <\/span><a href=\"https:\/\/us.dollarshaveclub.com\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Dollar Shave Club<\/span><\/a><\/p>\n<p><span style=\"font-weight: 400;\">Dollar Shave Club doesn\u2019t overdo it with the brand speak. It just layers it in very lightly, but it\u2019s still unmistakable. By adding the \u201cbaby\u201d to the end of this headline on the home page and then asking users to \u201ccheck it out,\u201d they get across their brand personality but don\u2019t sacrifice clarity to do it.<\/span><\/p>\n<section id=\"promotion\" class=\"promotion-content-raw inlinepromo inlinepromo_professional-diploma-in-ux-designp-1 my-4\" style=\"\">\n\t<div class=\"w-container\">\n\t\t<div class=\"row align-items-center\">\n\t\t\t<div class=\"col-md-12 promotion-info\">\n                <a class=\"link-content\" href=\"https:\/\/www.uxdesigninstitute.com\/courses\/ux-design?utm_source=blog&amp;utm_medium=blog_panel_pdux&amp;utm_campaign=blog_promo\" style=\"\">\n                    <p>[GET CERTIFIED IN UX]<\/p>\n                    <span>Take our Professional Diploma in UX Design course<\/span>\n                <\/a>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/section>\n\n<h3><strong>Medium<\/strong><\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9650\" src=\"https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-08-at-05.24.26.png\" alt=\"\" width=\"1398\" height=\"800\" title=\"\"><\/p>\n<p><span style=\"font-weight: 400;\">Source: <\/span><a href=\"https:\/\/uxwritinghub.com\/ux-writing-examples\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">UX Writing Hub<\/span><\/a><\/p>\n<p><span style=\"font-weight: 400;\">Medium does a great job of explaining why you need alternative texts with your images, and even gives an example of one so the user understands even better. This is an example of briefly but fully explaining alt text so writers actually do it.<\/span><\/p>\n<h3><strong>Route<\/strong><\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9651\" src=\"https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-08-at-05.26.30.png\" alt=\"\" width=\"536\" height=\"940\" title=\"\"><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9652\" src=\"https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-08-at-05.27.03.png\" alt=\"\" width=\"552\" height=\"938\" title=\"\"><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9653\" src=\"https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-08-at-05.27.34.png\" alt=\"\" width=\"544\" height=\"932\" title=\"\"><\/p>\n<p><span style=\"font-weight: 400;\">Source: Route app<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The route app has a very simple page on which to choose either sign up or sign in. It couldn\u2019t be any easier to tap one and go, but the other thing the sign up-page does is introduce you to the app. It has three panels, all of which describe, in concise language, what you can do with the app, so you know what you\u2019re getting into before you\u2019ve signed up. It doesn\u2019t take away from choosing sign up or sign in and it elegantly fills in any blanks you may have.<\/span><\/p>\n<h3><strong>Typeform<\/strong><\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9655\" src=\"https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-08-at-05.28.34.png\" alt=\"\" width=\"1372\" height=\"766\" title=\"\"><\/p>\n<p><span style=\"font-weight: 400;\">Source: <\/span><a href=\"https:\/\/admin.typeform.com\/login?tid=9331857b-0545-496a-95fa-0268144dbf41\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Log in | Typeform<\/span><\/a><\/p>\n<p><span style=\"font-weight: 400;\">Typeform is intended to help you make better forms and surveys\u2014but that doesn\u2019t mean there\u2019s no room for humour. The phrase \u201cHello, who\u2019s this?\u201d has that covered. People will read it and enjoy the gentle humour of the form.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">And for those in the know, it pumps up the humour a notch with the email address for Bruce Wayne. If you\u2019re not a fan of Batman, you\u2019ll just see it as just another example of an email address, but if you know who Bruce Wayne is, you\u2019ll get an extra laugh.<\/span><\/p>\n<h3><strong>Duolingo<\/strong><\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9656\" src=\"https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-08-at-05.30.10.png\" alt=\"\" width=\"434\" height=\"752\" title=\"\"><\/p>\n<p><span style=\"font-weight: 400;\">Source: Duolingo app<\/span><\/p>\n<p><span style=\"font-weight: 400;\">This message could be generic and formal, but the UX writer has chosen to take a conversational tone. By keeping things human and conversational from the headline \u201cWait, don\u2019t go!\u201d people are more likely to read on to see the rest of the message and may even take it to heart when they do.<\/span><\/p>\n<h3><strong>Netflix<\/strong><\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9657\" src=\"https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-08-at-05.31.39.png\" alt=\"\" width=\"1422\" height=\"850\" title=\"\"><\/p>\n<p><span style=\"font-weight: 400;\">Source: <\/span><a href=\"http:\/\/www.netflix.com\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Netflix<\/span><\/a><span style=\"font-weight: 400;\">\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">UX writers tend to tell users exactly what to do, such as \u201cPick one\u201d or \u201cStart here,\u201d but sometimes a question works better. Netflix is the first streaming app to do this, and all the others have followed their lead. This is a better solution than saying something like \u201cPick a profile.\u201d\u00a0<\/span><\/p>\n<h3><strong>Bumble<\/strong><\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-9658\" src=\"https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-08-at-05.32.49.png\" alt=\"\" width=\"603\" height=\"1040\" title=\"\"><\/p>\n<p><span style=\"font-weight: 400;\">The Bumble dating app provides a great example of inclusive UX writing, providing the user with three gender options, as well as the option to add more detail if they wish. Whether you select woman, man, or nonbinary, there\u2019s a lengthy list of additional, more specific genders to choose from, plus an opportunity to tell the app if it\u2019s missing something. <\/span><\/p>\n<h3><strong>Wufoo<\/strong><\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9659\" src=\"https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-08-at-05.33.52.png\" alt=\"\" width=\"1266\" height=\"664\" title=\"\"><\/p>\n<p><span style=\"font-weight: 400;\">Source: <\/span><a href=\"http:\/\/www.wufoo.com\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Wufoo<\/span><\/a><span style=\"font-weight: 400;\">\u00a0\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">This website uses a light and breezy way of getting information across, but it doesn\u2019t go big on humour. That is, except in the login, which shows a \u201cRawrr!\u201d if you roll over it with your mouse. It\u2019s a subtle touch, but it\u2019s delightful and you surely know about it if you\u2019ve logged into the website.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">How to improve your UX writing<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">The goal of UX writing is to provide copy that can take the user through the interface in a clear and concise way. To do this, you have to master the brand voice and tone, avoid jargon, and never, ever blame the user.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">You can put the principles and tips from this article into practice to improve your UX writing skills. You can also take the UX Design Institute\u2019s <\/span><a href=\"https:\/\/www.uxdesigninstitute.com\/courses\/content-design\"><span style=\"font-weight: 400;\">Professional Certificate in Content Design<\/span><\/a><span style=\"font-weight: 400;\"> to really level up your UX writing skills\u2014and get a credible, professional qualification to show for it. <\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Are you looking for UX writing inspiration? Then look no further than this post. There are some outstanding examples of UX writing out there\u2014and we\u2019ve rounded them up to inspire and delight you. <\/p>\n","protected":false},"author":35,"featured_media":9664,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"content-type":"","footnotes":""},"categories":[269],"tags":[362,370],"class_list":["post-9645","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ux-portfolio","tag-content-design","tag-ux-writing"],"_links":{"self":[{"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/posts\/9645","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/users\/35"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/comments?post=9645"}],"version-history":[{"count":8,"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/posts\/9645\/revisions"}],"predecessor-version":[{"id":9815,"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/posts\/9645\/revisions\/9815"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/media\/9664"}],"wp:attachment":[{"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/media?parent=9645"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/categories?post=9645"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/tags?post=9645"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}