User Experience (UX) Writing: A Practical Guide

ux-writing-for-ecommerce-sites

[[p]]If you were asked to summarize the most important elements of a website, what would you say? Good graphics? Strong video? Crisp design or nice fonts? Actually, something more significant than all the above (although important) is actually the copy on your website, landing pages, mobile apps or digital products.[[/p]]

[[p]]Some of the ugliest websites that earn high levels of engagement don&rsquo;t have &lsquo;slick&rsquo; design or images&mdash;they lead with [[a href="https://digitalmarketinginstitute.com/resources/webinars/how-to-create-content-thats-guaranteed-to-engage-your-audience" target="_blank"]]well-crafted words. that engage and inspire the right audience[[/a]].[[/p]]

[[p]]This guide introduces the science and delicate art of user experience (UX) writing. Here, we&rsquo;re also going to look at a mix of practical examples as well as a summary of best practices that you can apply to your various UX writing projects and activities.&nbsp;[[/p]]

[[p]]Now that we&rsquo;re up to speed with the fundamentals of UX writing, let&rsquo;s look at some essential best practices to ensure consistent success.[[/p]]

An example of how an error message can be recreated and improved. Credit: UX Planet

[[p]]Hopefully this article has given you a better understanding of the importance of writing for the web and providing better experiences for your customers.[[/p]]

[[p]]With these best practices, practical tips and examples in mind, it&rsquo;s now your task to ensure you are serving content to your customers that helps them navigate through your site and purchase products confidently.[[/p]]

[[p]]&nbsp;[[/p]]

[[p]][[em]]Published 2018, updated 2023[[/em]][[/p]]

[[p]]The way we communicate online is so important to get right. From critical headlines to microcopy, the customer&rsquo;s buying journey should be smooth, accessible, and easy to navigate from end to end. UX writing can be defined as the &ldquo;act of writing copy for user-facing touchpoints&rdquo; (Kristina Bjoran, Senior UX Designer at ForumOne).&nbsp;[[a href="https://digitalmarketinginstitute.com/resources/podcasts/podcast-38-tips-from-a-pro-copywriter-kate-toon" target="_blank"]]Sharpen up your copywriting skills[[/a]] and you will provide the best possible user experience at every stage of your consumers&rsquo; journey.[[/p]]

[[p]]People often have a negative experience when unnecessary hurdles are placed in their way. To address this issue head on, UX writing focuses on the experience of the customer. A focus on good UX will also go some way to addressing concerns about [[a href="https://digitalmarketinginstitute.com/blog/digital-accessibility-what-marketers-need-to-know" target="_blank"]]digital accessibility[[/a]], which will ensure an even wider audience is exposed to your products or services.[[/p]]

[[p]]The words we write are key for the customer to:[[/p]]

[[ul]]
	[[li]]Be aware of their context on the webpage[[/li]]
	[[li]]Understand the information or details provided[[/li]]
	[[li]]Have the confidence to know what the next step is and how to do it[[/li]]
[[/ul]]

[[p]]If you choose the wrong words, without research, then the customer&rsquo;s experience will be poor. Bad information leads to the customer not learning from the details provided and demotivating them to move forward.&nbsp;[[/p]]

[[p]]Even if a design is fantastic, if the customer can&rsquo;t understand the information then the product is immediately flawed. Adding extra content to the page doesn&rsquo;t always fix the problem either, as this can lead to cognitive load and the user simply leaving.[[/p]]

[[p]]Before jumping into the design or writing up your first draft, it is important to first zoom into the end-user of the product. Ask questions about your customers, their background and their journey.[[/p]]

[[p]]Here are some important questions to ask in your quest to understand your customers:[[/p]]

[[ul]]
	[[li]]What do they know?[[/li]]
	[[li]]What do they want?[[/li]]
	[[li]]What are their pain points?[[/li]]
	[[li]]What device are they using?[[/li]]
	[[li]]How did they get here?[[/li]]
	[[li]]What can they do next?[[/li]]
[[/ul]]

[[p]]When you have a firm understanding of your user, then consider the core task they want to complete for each part of the product they&rsquo;re on. For example, for the product page of an eCommerce website, ask yourself: &lsquo;What are the main things my customer wants to do at this stage, and how can I cater for that?&rsquo; After this, match your content primarily to meet their needs.[[/p]]

[[p]]Let&rsquo;s say your product is new and your research indicates that potential customers are wary, disloyal to the brand and unsure whether your website is legitimate. The challenge is to craft content that meets those needs. How do you effectively instill trust and confidence when the customer browses your products?&nbsp;[[/p]]

[[p]]If you&rsquo;re an eco clothing brand and your customers browse your products in-app, for example, you could create UX copy for a pop-up message that swiftly outlines your brand values while offering an incentive (perhaps free shipping or a discount code). Something a little like this:[[/p]]

[[p]][[strong]][[em]]We exist to create timeless and long lasting attire that is friendly to the planet. We invest 15% of our profits into reforestation projects. We are GreenWear and we want you to join us. Have 10% off your first order.[[/em]][[/strong]][[/p]]

[[p]]This pop-up copy would serve to create positive friction as the user would stop to absorb the messaging and take action based on the incentive. This is a solid example of trust-building UX writing.[[/p]]

[[p]][[strong]]Tip tip: Download our presentation on [[a href="https://digitalmarketinginstitute.com/resources/presentations/presentation-how-to-write-for-online-audiences" target="_blank"]]How to Write for Online Audiences[[/a]] for a useful visual reference.[[/strong]][[/p]]

[[p]]Line height and spacing are typographical concepts that can be implemented to make for excellent reading. There are a number of rules of thumb, but in short there should be a consistent and healthy gap between lines and paragraphs.[[/p]]

[[p]]Research has gone into explaining how people interact with pages, which suggests that [[a href="https://uxmyths.com/post/647473628/myth-people-read-on-the-web" target="_blank"]]people don&rsquo;t read, they scan[[/a]].[[/p]]

[[p]]It&rsquo;s important to highlight your text with headings and clear structure (this includes sub-headings, bullets and introductions) so the customer can let their brain scan with ease. A common reading pattern or &lsquo;route&rsquo; a customer takes, known as the &lsquo;F pattern&rsquo;, shows the importance of content hierarchy.[[/p]]

[[p]]On a side note, there are analyzer tools available which critique the wording of your headlines. Research also shows that headlines should be no more than six words long to have the most impact.[[/p]]

[[p]][[em]]This simple yet effective onboarding example from Apple Fitness offers a cohesive mix of headlines, icons, and scannable yet actionable text. With a clearcut CTA at the bottom of the screen, users have all they need to absorb essential information and reach the next stage of their journey with ease.[[/em]][[/p]]

[[p]]Don&rsquo;t rely solely on imagery to communicate. Icons, emojis and pictures are often scattered on a page, however they are no solid substitute for words. Some browsers, especially on mobile, struggle to load heavy images, and content is no good if it doesn&rsquo;t load. A strong color contrast is also important, which makes for good reading and understanding of content.&nbsp;[[/p]]

[[p]][[strong]][[em]]In this example from Apple iOS, the design and color contrast is visually sound. But, in terms of UX writing, the options the user has are ambiguous. The options &lsquo;done&rsquo; or &lsquo;settings&rsquo; fail to guide the user explicitly on their next steps. While not illegible, this copy is unclear. Perhaps in this scenario, the text buttons &lsquo;delete photos&rsquo; and &lsquo;view gallery&rsquo; would provide more context.[[/em]][[/strong]][[/p]]

[[p]]Ensure that the terminology used is appropriate to the context of the audience. For example, showing sales tax prices on a DIY website might confuse a non-trade customer. Think about the likely usage of the customer: Do they require detailed information when considering a product? If not, provide simple bullet points which make it easier for the customer to consume.[[/p]]

[[p]]Ensure that the descriptions are well suited for the audience rather than just keeping the SEO team happy. At the end of the day, Google won&rsquo;t be buying your product &ndash; customers will. Therefore, ensure that the description is appropriate for the user.&nbsp;[[/p]]

[[p]][[strong]][[em]]This savvy example from AllTrails is brilliantly user-focused as it offers a clear and concise means of getting to grips with the app&rsquo;s key USPs and features. The &lsquo;Fun Fact&rsquo; copy also showcases the brand&rsquo;s conversational tone of voice while highlighting the benefits of the premium service.[[/em]][[/strong]][[/p]]

[[p]]Often on websites, you can see the lack of thought that has gone into the project. On a single page you can see 30+ &lsquo;Learn More&rsquo; or &lsquo;See More&rsquo; buttons. However, that is not good enough for the user. Instead of this, be descriptive in your links.[[/p]]

[[p]]For example, you could change &lsquo;Read More&rsquo; to &lsquo;Be the first to know about this&rsquo;. To keep the user engaged, strive for informative messaging rather than bland instructions.[[/p]]

[[p]]In addition to being descriptive to enhance the overall user experience, you can still keep [[a href="https://digitalmarketinginstitute.com/blog/guide-to-seo-writing" target="_blank"]]SEO writing in mind[[/a]] when creating instructional buttons and anchor text.[[/p]]

[[p]]For example, if you&rsquo;re an eco clothing brand, rather than linking to a piece of text that says &lsquo;find out more&rsquo;, you could use &lsquo;browse sustainable shoes&rsquo; to offer more insight into next steps while utilizing keywords that match the user&rsquo;s search intent.[[/p]]

[[p]]Ensure your website has the capability of multilingual support, especially when it comes to [[a href="https://digitalmarketinginstitute.com/resources/glossary/call-to-action-cta" target="_blank"]]calls to action (CTAs)[[/a]] and pricing.[[/p]]

[[p]]For example, consider that a button which says &lsquo;Add Friend&rsquo; translates to &lsquo;Freund Hinzuf&uuml;gen&rsquo; in German. So make sure your buttons can cope with words that long. Do not just rely on Google Translate as it isn&rsquo;t always accurate. Keep in mind the different cultures of your audience. For example, humor doesn&rsquo;t always carry across to another culture. Use emojis with caution.[[/p]]

[[p]]Consider using common language also. When referring to next day delivery, you could use the word &lsquo;Tomorrow&rsquo; rather than a specific date. People are used to common words like this, rather than dates!&nbsp;[[/p]]

[[p]]Tip: To ensure your instructional text and copy work universally or translate well, you should consider working with a localization expert or specialist.[[/p]]

[[p]]According to digital copywriter and journalist [[a href="https://www.invisionapp.com/blog/good-ux-copy/" target="_blank"]]Patrick Stafford[[/a]], when UX copy is too short, &ldquo;it gives you exactly the information you need and nothing else. Where&rsquo;s the room for tone? For a little sparkle? For delighting the user? We can&rsquo;t let our UX copy be boring.&rdquo;[[/p]]

[[p]]While the importance of brevity in writing is often emphasized, short copy can confuse and frustrate your customers in some cases. The best balance to achieve is to be concise, efficient and clear, while also providing sufficient information. Don&rsquo;t be lazy by limiting your words, as that can negatively impact the UX.[[/p]]

[[p]][[em]][[strong]]Culture Trip does an excellent job of striking the balance in terms of UX copy length while injecting a little brand personality into the mix. Here, the animation is descriptive and striking while this particular app benefit is communicated vividly yet conversationally.[[/strong]][[/em]][[/p]]

[[p]]CTAs are immensely important for your eCommerce website. By doing your homework on the customer, you can learn how to provide the best buttons that prompt the customer to keep going.[[/p]]

[[p]][[em]][[strong]]In the [[a href="https://digitalmarketinginstitute.com/resources/case-studies/nike-always-ahead-of-the-curve" target="_blank"]]Nike[[/a]] Training Club app, the CTA on this tailored workout page is harmonious with the bullet information on-page and provides an obvious and impactful call-to-action for the fitness-conscious user.[[/strong]][[/em]][[/p]]

[[p]]Providing clear explanations of what a page is about and what actions to take is crucial. Forms serve many UX-enhancing purposes, but the primary aim of the game here is to guide the user seamlessly through their journey while providing as much context on a product or service as humanly possible.[[/p]]

[[p]][[em]][[strong]]This simple yet effective form from Spotify provides an instructional and punchy headline as well as a striking visual design that allows the user to personalize their listening experience with ease.[[/strong]][[/em]][[/p]]

[[p]]Your aim here is to help the user feel comfortable with what&rsquo;s happening. You can add a layer of reassurance to key elements of the journey, for example the product page or the checkout. Meeting the customer&#39;s needs is key.[[/p]]

[[p]]MailChimp famously have their mascot, Freddie, take the pressure off the user just before they send out a mail campaign. The language and graphics work well together and provide reassurance. It&rsquo;s very effective and an example of understanding the mindset of the customer and meeting their needs.[[/p]]

[[p]]When things go wrong, ensure you have provided copy for the developers to implement. System error messages by default are made by computers, for computers. But we&rsquo;re designing the web for our customers, therefore instead of &lsquo;System error (code #2234): An authentication error has occurred&rsquo;, you could write something like &lsquo;Oops, you typed the wrong password. Please try again.&rsquo;[[/p]]

[[p]]To dig deeper into the ideas and concepts covered in this guide and level up your content skills, enroll in our fully-flexible and industry-recognized [[a href="https://digitalmarketinginstitute.com/students/courses/professional-diploma-in-digital-marketing" target="_blank"]]Professional Diploma in Digital Marketing[[/a]].[[/p]]

[[p]]UX writing often gets confused with traditional copywriting, technical writing or content strategy, but it is quite distinct in its own right.[[/p]]

[[p]]While copywriting is largely sales-focused, UX writing hones in on bringing digital experiences or products to life while making them more accessible across the board.[[/p]]

[[p]]Typically, UX writing requires a more cohesive collaboration with those involved in the design of a digital product or interface to create a seamless eco-system that ensures every aspect of a particular journey is valuable, accessible, and simple to navigate. Naturally, there are crossovers between the two disciplines, but UX writing is far more content-design centric.E[[/p]]

[[p]][[strong]]Explore[[/strong]]: Our podcast episode on the [[a href="https://digitalmarketinginstitute.com/resources/podcasts/podcast-26-the-art-of-copywriting-dmi" target="_blank"]]art of copywriting[[/a]] for more pearls of wisdom on improving your consumer communications.[[/p]]

User Experience (UX) Writing: A Practical Guide

Related Free Video Lessons

Jonah McLachlan