Effective Copywriting Tips for Better UX
•
3 likes•535 views
This talk was given at WordCamp NYC 2018. When we think about UX we’re often too focused on fonts, colors, and flow to think about microcopy‚ those small bits of text that guide users through almost every part of a web interface. These words may be tiny, but they can make a significant difference in the usability of your design and even affect your site’s conversion rates. This presentation offers copywriting and communication tips that will immediately improve your user interface microcopy, such as error messages and interface instructions, so your users experience less frustration and more delight.
Recommended
Recommended
More Related Content
Similar to Effective Copywriting Tips for Better UX
Similar to Effective Copywriting Tips for Better UX (20)
More from Andrea Zoellner
More from Andrea Zoellner (8)
Recently uploaded
Recently uploaded (20)
Effective Copywriting Tips for Better UX
- 1. Copywriting EFFECTIVE TIPS FOR BETTER UX p Andrea zoellner @andreazoellner WordCamp New York 2018
- 2. Andrea Hi, I’m Content Creator at @andreazoellner
- 5. s@andreazoellner Add to cartUhOh! That Item is sold out. Click here to browse all. Pin this recipe Your answer has been submitted. Click here to review your submission. Learn More View all Save for later Read Terms and Conditions Get notified if this item becomes available. Download past Issues Book a service
- 6. • Think big to perfect the small • Design with empathy • Keep it simple @andreazoellner Three tips
- 7. @andreazoellner 1. Think big to perfect the small
- 8. @andreazoellner • What is your company’s mission? • How do you want people to feel about your brand? • If you could picture your brand as a person, how would they act and sound? eCopywriting and your Brand
- 9. @andreazoellner • Who is your audience? • What’s the purpose of this piece of content or copy? • Does it make sense with other elements on the site? No accidental copy
- 10. e
- 11. e
- 12. ee
- 13. eBe consistent User - Member - Subscriber - Visitor - Reader Book - Make a reservation - RSVP - Join - Tickets Basket - Bag - Cart - Shopping Cart @andreazoellner
- 15. Flows @andreazoellner • Signup, payment, subscription flows • Forms and prompts • Product and feature tours • Navigation links and search filters
- 17. • What is the reader trying to do? • What could the reader be feeling? • How did the reader get here? • What’s happening next? • What choices can they make? cIn their shoes @andreazoellner
- 18. c• What is happening in this frame? • How does it relate to the frames before and after it? • Is it complete? What’s missing from the story? • Does everything sound like it came from the same place? In their shoes @andreazoellner
- 19. • Fear of irreversible changes • Fear of data loss • Fears over personal data security • Fear of getting spammed FEELINGS r@andreazoellner
- 20. • Help users get started • Let users know what to do next • Explain new features • Reduce cognitive effort • Suggest users take a certain action • Help users in a moment of failure Use copy to: p@andreazoellner
- 21. • Check for typos • Edit for consistency • Review the order • Narrow the focus • Timing copyEditing your screens VVVVVV
- 22. Overwhelming PATRONISING What’s the right amount of instruction? The sweet spot sets clear expectations while staying out of their way.
- 23. Accessibility • Use Label elements • Use precise language • All microcopy should appear as live text—not as an image • Make sure tooltip text is accessible p
- 25. @andreazoellner • Use clear, active, and precise language • Avoid jargon and idioms • Replace ambiguous language • Focus on one idea/task at a time Clear > cute
- 27. The Form
- 28. The Form Your name Explanation Add Placeholder text Helper text
- 29. @andreazoellner • Always use a label • Use placeholder text • Associate helper text • Highlight required fields • Flag errors • Make clear buttons • Customise the follow- up messages The Form
- 30. @andreazoellner The Checkout • Alleviate the user’s concerns
- 31. @andreazoellner • Alleviate the user’s concerns • Motivate action The Checkout
- 32. @andreazoellner • Alleviate the user’s concerns • Motivate action • Turn an empty state into a trigger The Checkout
- 33. ERROR MESSAGES
- 34. ERROR MESSAGES
- 35. Resources Nicely Said by Nicole Fenton and Kate Kiefer Lee UX Planet - https://uxplanet.org Accessible Microcopy - https://www.invisionapp.com/blog/writing-accessible- microcopy/
- 36. THANK YOU p Andrea zoellner @andreazoellner