Writing for Readability in UX Copy

​

​

How to Improve Readability in UX Copywriting for Better Results

​

​

Creating user experience (UX) copy that is clear, engaging, and easy to understand is essential for guiding users and achieving business goals. By prioritizing readability, you can ensure your copy effectively communicates its message, drives user action, and improves overall website or app performance.

What is Readability in UX Copywriting?

​

Readability in UX copy refers to how easily users can read and comprehend the text on your website, app, or digital interface. High readability ensures users can quickly grasp the message without confusion or frustration. It encompasses aspects like sentence structure, word choice, formatting, and visual presentation. In essence, it bridges the gap between what you write and how your audience understands it, making communication smoother and more effective.

​

Readability in UX copy ensures users can understand and act on the content effortlessly. This involves clear sentence structure, accessible language, and user-friendly formatting.

​

​

Practical Example:

Instead of: "The application of advanced machine learning algorithms optimizes the user experience by leveraging data insights in real-time."
 

Use: "We use smart algorithms to make your experience better, instantly."

 

​

​​

​

Why Readability Matters

​

• Improves User Engagement: Readable content keeps users engaged by eliminating unnecessary complexity. When users can easily understand your message, they are more likely to stay longer and explore your platform. ​​

       Readable copy keeps users on your platform longer.

Example: A FAQ section with concise answers ensures users find information quickly without abandoning the site.

​

• Enhances Usability: Clear instructions and labels help users navigate your product effortlessly, reducing cognitive load and frustration.

​       ​Clear navigation labels reduce user confusion.

Example: Instead of "Auxiliary Functions," label a menu item as "More Options."

 

• Boosts Conversion Rates: Easy-to-read copy removes friction in the user journey, making it simpler for users to complete tasks like signing up or making a purchase. ​​

       Users are more likely to complete tasks when instructions are clear.

Example: Replace "To proceed, input mandatory credentials in the specified fields" with "Enter your login details to continue."

​

• Supports Accessibility: By using straightforward language and logical structures, your content becomes more inclusive, catering to users with diverse literacy levels and disabilities.

       ​​Inclusive language and design make content usable for diverse audiences.

Example: Avoid idioms like "kick the bucket," which may confuse non-native speakers.

​​

​

​

Where to Use Readability-Focused Copy

​​

​

Readability plays a crucial role in:

​

• Navigation Menus: Ensure labels and links are intuitive and self-explanatory.

​

Example: Label a menu "Shop" instead of "Retail Offerings."

​

Before: "Retail Offerings"

After: "Shop"

​​

​

​

Tips:

​

1. Use familiar terms ("About Us," "Contact," "Shop").

2. Keep labels short and action-oriented when possible.

3. Group related items logically to reduce cognitive load.

 

• Call-to-Action Buttons: Use concise, action-oriented phrases like "Sign Up" or "Learn More."

​​

Example: "Start Free Trial" is clearer than "Commence Your Complimentary Access Period."

​

Before: "Commence Your Complimentary Access Period"

After: "Start Free Trial"

​

Tips:

​

1. Begin with verbs ("Sign Up," "Buy Now," "Get Started").

2. Emphasize benefits or urgency if applicable ("Join Today," "Save Now").

3. Avoid vague phrases like "Click Here."

 

• Onboarding Instructions: Break down steps into digestible pieces to guide new users.

​​

​

Example:

Before: "Input your credentials, navigate to settings, and configure preferences."
After: "1. Sign in. 2. Open settings. 3. Set your preferences."

​

Before: "Input your credentials, navigate to settings, and configure preferences."

After:

1. Sign in.

2. Open settings.

3. Set your preferences.

​​

​

Tips:

​

1. Break instructions into numbered or bulleted lists.

2. Use simple, clear language for each step.

3. Add visuals or examples where helpful.

 

• Error Messages: Provide clear, actionable advice to resolve issues quickly.

​

​

Example:
​

Before: "Error 404: Page not located."

After: "Oops! We couldn’t find the page. Try checking the URL or go back to the homepage."

​​

​

Tips:

​

1. Avoid technical jargon ("Invalid input" → "Please enter a valid email address").

2. Suggest next steps to resolve the problem.

3. Use a friendly, empathetic tone when appropriate.

 

• Product Descriptions: Highlight benefits and features in a user-friendly manner.

 

Example: Instead of "12MP camera with 4K resolution," use "Capture stunning photos with our 12MP, 4K camera."

​

Before: "12MP camera with 4K resolution."

After: "Capture stunning photos with our 12MP camera, now with crystal-clear 4K resolution."

​​

​

Tips:

​

1. Highlight benefits first, then provide key specifications.

2. Use sensory language to create vivid imagery ("Stunning," "Vibrant," "Seamless").

3. Avoid overloading with technical details unless necessary for the audience.

​

Before: "Submit request for account access authorization."

After: "Request Account Access."

 

​

Tips:

​

1. Use plain, direct language ("First Name," "Email Address").

2. Add placeholder text or tooltips for clarity.

3. Minimize the number of fields to reduce friction.

​​​

​

When to Prioritize Readability

​

Readability should always be a consideration, but it becomes especially important:

​

• On Mobile Devices: Smaller screens require concise and well-structured copy.

       Keep text short and actionable due to limited screen space.

       Example: "Learn More" instead of "Read Additional Information About This Topic."

​

• For Diverse Audiences: Content should accommodate users with varying literacy levels or native languages.

       Use universally understandable terms.

       Example: Replace "utilise" with "use."

​

• In Complex Processes: Simplifying instructions for onboarding or troubleshooting can significantly improve user success rates.

       Simplify steps in user guides.

       Example: Instead of a dense paragraph, provide a numbered list of steps.

​​

Instead of: "First, navigate to the account settings section, then locate the security preferences and click on the change password option to reset your password."

​

Use:

1. Open Account Settings.

2. Find Security Preferences.

3. Click "Change Password."

 

• For New Features: Clear explanations help users adopt new functionalities more easily.

​​

Clear explanations and use of visual aids: A simple description or tutorial video can help users quickly grasp new features.

Example:

​

• Instead of: "This feature enhances the security of your account by using multi-factor authentication."

• Use: "Enable Multi-Factor Authentication to add an extra layer of security to your account. Here’s how."

 

​

How to Improve Readability in UX Copy

​

​

1. Use Simple and Clear Language

​

• Avoid jargon, acronyms, or overly technical terms unless they are absolutely necessary and widely understood by your audience.

• Write short sentences, focusing on one idea at a time.

• Choose common, easily recognizable words to avoid alienating readers.

• Avoid unnecessary complexity.

Example: Replace "commence" with "start."

​​​

​

2. Structure Your Text for Scannability

​

• Break content into digestible chunks using short paragraphs.

• Highlight key points with bullet points or numbered lists.

• Add meaningful headings and subheadings to help users find information quickly.

• Break text into digestible chunks.

Example: Use headings and bullet points like:

• Short sentences.

• Key information in bold.

​​

​

3. Optimize Formatting

​

• Use fonts that are easy to read, avoiding overly decorative styles.

• Maintain appropriate font sizes for readability, especially on mobile devices.

• Ensure sufficient contrast between text and background colours to accommodate users with visual impairments.

• Incorporate whitespace to separate elements and reduce visual clutter.

• Ensure sufficient contrast and spacing.

Example: Use:

• Black text on a white background.

• 14px or larger font size for body text.

4. Test for Clarity

​

• Read your copy aloud to check for flow and natural tone.

• Conduct usability testing with real users to identify confusing areas.

• Leverage readability tools like Hemingway or Grammarly to assess complexity and suggest improvements.

​​

Example: Run an A/B test on two versions of microcopy to determine which improves task completion rates.

​​​

​

5. Write for Your Audience

​

• Research your users’ preferences, needs, and pain points.

• Tailor your tone and style to align with your brand’s voice while appealing to your audience.

• Use inclusive, user-centred language that directly addresses the reader.

• Tailor your content based on user research.

Example: Use a conversational tone for apps targeting teenagers, and a formal tone for professional tools.

​​

​​

​

How to Write Clear UX Copy That Drives Action

​​

​

1. Start with the User’s Goal in Mind

• Understand what the user wants to achieve and structure your content to help them reach that goal efficiently.

• Avoid distractions or irrelevant information that might hinder progress.

​​

Example:

Before: "Our product offers comprehensive solutions."
After: "Find everything you need in one simple tool."

​

2. Be Direct and Action-Oriented

• Use verbs that inspire action, such as "Get," "Start," or "Download."

• Avoid vague phrases like "Click here" or "Learn this," opting for specific instructions instead.

​​

Example: Replace "You might consider subscribing" with "Subscribe now."

​

3. Create a Logical Flow

• Present information in an order that feels intuitive, such as step-by-step instructions.

• Use transitional phrases to connect ideas and maintain a coherent narrative.

​​

Example: For a sign-up flow, present the steps as:

• Enter details.

• Verify email.

• Get started.

 

4. Use Visual Hierarchy

• Prioritize critical information by using bold or larger fonts.

• Differentiate sections with colours, spacing, or visual markers to guide the user’s eye.

​​

Example: Use a larger font size for headings like "Step 1: Verify Your Email" to draw attention.

 

5. Include Microcopy for Clarity

• Provide context where users might hesitate, such as "Your password must contain at least 8 characters."

• Use empathetic language in error messages, like "We couldn’t process your payment. Please try again."

 

Example: Next to a password field, add: "Use at least 8 characters with a mix of letters and numbers."

 

​

​

Challenges in Writing Readable UX Copy

​

• Balancing Brevity with Clarity: While shorter content is often preferred, overly concise phrasing can lead to ambiguity. Aim for clarity without unnecessary verbosity.

​​

Example:
Before: "The email verification link you received must be clicked in order to proceed."
After: "Click the link in your email to continue."

 

• Adapting to Multilingual Audiences: Translation can impact meaning and readability; consider localization to maintain clarity across languages.

 

Example: Test translations with native speakers to ensure meaning remains intact.

​​

• Handling Complex Information: Simplify technical or intricate topics without oversimplifying key details.

• Use analogies or visuals for clarity.

Example: Explain a complex API process with diagrams.

 

​​

​

Tips for Effective UX Copywriting

​

       Use active voice to make sentences more direct and engaging.

​​

• Passive voice: Your password will be reset by the system.

• Active voice: The system resets your password.

​

Explanation: The active voice creates more energy and clarity, making the user feel like they’re in control and encouraging quicker engagement.

​

• Maintain terminology consistency throughout your platform to avoid user confusion.

​​

Inconsistent terminology:

​

• Button text: Start Trial on the homepage

• Button text: Begin Free Plan on the registration page

​​

Consistent terminology:

​

• Button text: Start Free Trial everywhere

​​

Explanation: Using consistent language across your platform helps users quickly understand what actions they’re taking and reduces confusion. They know exactly what “Start Free Trial” means, no matter where they are.

 

• Integrate microcopy thoughtfully to address user questions and reduce errors.

Without microcopy:

​

• Enter your email address (on the form)

With microcopy:

​

• Enter your email address

• We'll send a verification link to this email.

​​

Explanation: Microcopy helps pre-empt user questions and reduces errors. Here, to microcopy reassures the user about the purpose of the action, encouraging them to provide their email with confidence.

​

• Focus on hierarchy, emphasizing essential information at the top of each section.

​​

Poor hierarchy:

• Your order has been placed successfully. A confirmation email will be sent to you soon. You can track your order in your account.

​​

Good hierarchy:

• Order Confirmed!

• You’ll receive a confirmation email shortly.

• Track your order anytime in your account.

​​

Explanation: In the second example, the most important information ("Order Confirmed!") is immediately at the top. Secondary details are placed below in a clear order, making the content easier to scan and understand quickly.

 

​​

​

Results of Readability-Optimized UX Copy

​

• Increased User Satisfaction: Clear communication fosters trust and enhances the user experience.

       Example: Users completing forms faster due to clear labels like "First Name" instead of "Forename."

​

• Higher Task Completion Rates: Users are more likely to succeed when instructions are clear and intuitive.

       Example: A button reading "Confirm Order" instead of "Submit" leads to fewer abandoned carts.

​

• Improved Accessibility: Simplified language and structure ensure inclusivity for users with varying abilities.

       Example: High contrast settings improve readability for users with visual impairments.

​

• Enhanced Metrics: Better readability contributes to higher conversion rates, reduced bounce rates, and increased user retention.

​       Example: Simplified FAQ content reducing support tickets by 30%.

​

​​

​

Practical Example

​

Before: "In order to proceed, it is necessary that you first verify your email address by clicking on the link that has been sent to your inbox."

After: "Check your inbox and click the link to verify your email."

​

This example demonstrates how simplifying the message and using active voice can make the content more approachable and actionable.

​

​​

​

Conclusion

​

Readable UX copy is a cornerstone of excellent design. By focusing on simplicity, structure, and user-centred language, you can create content that engages users, supports business goals, and enhances the overall experience. Applying these strategies consistently will transform your UX copywriting and make your platform more user-friendly.

 

 

Practical Example Used by Companies: Spotify's Onboarding Microcopy

​

Scenario: Spotify, a popular music streaming service, faced the challenge of ensuring new users could easily understand how to set up their accounts and start using the service without friction. They simplified their onboarding UX copy to enhance clarity and guide users through account creation.

​

Original Copy (Hypothetical Example):

"To begin enjoying your personalized music experience, please complete the profile setup by providing the required details and preferences. Then, proceed to explore the app’s features by browsing or searching for your favourite artists or genres."

​

Revised Copy (Actual Tone from Spotify):

"Let’s set up your music experience!

1. Add your details.

2. Choose your favourite artists.

3. Start listening."

​​​

​

​

Why This Works:

​

1. Clarity and Simplicity: Spotify broke down the process into three short, action-oriented steps, removing jargon and unnecessary details.

2. Actionable Language: Phrases like "Add your details" and "Start listening" provide clear instructions for the user.

3. Scannability: The list format makes it easy for users to quickly understand what they need to do.

4. Friendly Tone: The conversational style aligns with Spotify’s brand voice, making users feel welcomed and engaged.

​​​

​

​

Result:

This approach helped Spotify improve user retention during onboarding by reducing drop-off rates. Users found it easier to complete the setup process, enhancing their overall experience and ensuring they could start using the app quickly.

​​

​

​

Quick guide:

​

• E-commerce: Enhancing product descriptions, checkout processes, and customer support FAQs.

• Healthcare: Simplifying medical instructions, patient portals, or appointment scheduling.

• SaaS (Software as a Service): Improving onboarding, feature descriptions, and troubleshooting guides.

• Education: Making learning platforms and course materials more accessible.

• Finance: Clarifying banking interfaces, loan applications, or budgeting tools.

• Travel and Hospitality: Simplifying booking processes and itinerary details.

​

​

​

Conclusion

​

​Readable UX copy is a cornerstone of effective design and communication. By emphasizing simplicity, structure, and user-centred language, you can enhance user engagement, accessibility, and task completion rates. These improvements not only create a more enjoyable experience for users but also drive business outcomes, such as increased conversions and customer satisfaction. Consistently applying these readability principles ensures your UX copy is clear, actionable, and inclusive, making your platform a powerful tool for success in today’s digital landscape.