2024-04-23 10:00
We rarely read on the web. We mostly scan. That’s a reliable strategy to quickly find what we need in times when we’re confronted with more information than we can handle. But sc… Read More
Blog Directory > Marketing Blogs > How Copywriting Can Benefit From User Research — marketing Blog >
How Copywriting Can Benefit From User Research — Blog
smashingmagazine.com
Tags:
css grid layout
attention leans left
mobile
input
vard
keyboard
wordpress
container
padding
transactional model
UX research can be enormously helpful to copywriters; this article shows which types of UX research are most valuable, and how copywriters can use them.
2024-04-19 10:00
Three years ago, I published “Making GraphQL Work In WordPress,” where I compared the two leading GraphQL servers available for WordPress at the time: WPGraphQL and Gato GraphQL… Read More
2024-04-17 13:00
When copying text from a website to your device’s clipboard, there’s a good chance that you will get the formatted HTML when pasting it. Some apps and operating systems have a &l&hell…Read More
2024-04-16 10:00
This article is a sponsored by DebugBear
Google’s Core Web Vitals initiative has increased the attention website owners need to pay to user experience. You can now more easily see when… Read More
2024-04-12 18:00
In a previous article, we played with CSS masks to create cool hover effects where the main challenge was to rely only on the tag as our markup. In this article, pick up where we left off b… Read More
2024-04-11 08:00
This article is a sponsored by Penpot
It was less than a year ago when I first had a chance to use Penpot and instantly got excited about it. They managed to build something that designers h… Read More
2024-04-09 10:00
Communication is in everything we do. We communicate with users through our research, our design, and, ultimately, the products and services we offer. UX practitioners and those working on d… Read More
2024-04-05 12:00
Remember the “mobile first” mantra? The idea was born out of the early days of responsive web design. Rather than design and build for the “desktop” up front, a &ldqu&hell…Read More
2024-04-03 08:00
We all have an inherent tendency to like aesthetic and approachable things. That’s why any designer strives to deliver an intuitive and comprehensive design. And any designer knows it… Read More
2024-04-02 12:00
When I was asked to make an auto-scrolling logo farm, I had to ask myself: “You mean, like a ?” It’s not the weirdest request, but the thought of a conjures up the “… Read More
2024-03-31 08:00
New month, new wallpapers! To cater for a fresh dose of colorful inspiration on a regular basis, we embarked on our monthly wallpapers journey more than 13 years ago. It’s the perfect… Read More
2024-03-29 08:00
I have had my fair share of projects that have given me life because of what I accomplished, as well as those that have cost me life when I reflect on the terrible stress they caused. I know… Read More
2024-03-27 13:00
This article is a sponsored by Maze
How do product teams conduct user research today? How do they leverage user insights to make confident decisions and drive business growth? And what role… Read More
2024-03-25 12:00
Many modern websites give users the power to set a site-specific color scheme preference. A basic implementation is straightforward with JavaScript: listen for when a user changes a checkbox… Read More
2024-03-21 15:00
In today’s dynamic and highly competitive market, the concept of brand experience is a key aspect of customer engagement: designers, take note.
Brand experience refers to all customer… Read More
2024-03-20 11:00
Building at scale is hard. With legacy, fragile systems, large impact and complex front-end architecture, making big changes to an existing site or app might feel nothing short of daunting… Read More
2024-03-18 18:00
I have been reading and following Smashing Magazine for years — I’ve read many of the articles and even some of the books published. I’ve also been able to attend several S… Read More
2024-03-12 12:00
This article is a sponsored by Bryntum
Need a full-fledged calendar for scheduling events on your website? Just download one of these and get started. We have curated a collection of some of… Read More
2024-03-08 16:00
We love practical books that focus on failures and success stories. And we’ve finally sent our latest book, Addy Osmani’s Success at Scale is at the printer. That means you&rsquo&hell…Read More
2024-03-08 12:00
I hope you were able to spend time getting familiar with the techniques we used to create tooltips in Part 1 of this quick two-parter. Together, we were able to create a flexible tooltip pat… Read More
2024-03-06 08:00
A fun fact about me is that my birthday is on Valentine’s Day. This year, I wanted to celebrate by launching a simple website that lets people receive anonymous letters through a perso… Read More
2024-03-01 12:00
In a previous article, we explored ribbon shapes and different ways to approach them using clever combinations of CSS gradients and clip-path(). This time, I’d like to explore another… Read More
2024-02-29 10:00
March is here! With the days getting noticeably longer in the northern hemisphere, the sun coming out, and the flowers blooming, we are fueled with fresh energy. And even if spring is far aw… Read More
2024-02-27 12:00
This article is a sponsored by DebugBear
There’s quite a buzz in the performance community with the Interaction to Next Paint (INP) metric becoming an official Core Web Vitals (CWV) me… Read More
2024-02-26 18:00
Web accessibility can be challenging, particularly for clients unfamiliar with tech or compliance with The Americans With Disabilities Act (ADA). My role as a digital designer often involves… Read More
2024-02-22 18:00
In his seminal piece “The Market For Lemons”, renowned web crank Alex Russell lays out the myriad failings of our industry, focusing on the disastrous consequences for end users… Read More
2024-02-20 12:00
Too often, accessibility is seen as a checklist, but it’s much more complex than that. We might be using a good contrast for our colors, but then, if these colors are perceived very di… Read More
2024-02-19 10:00
I often hear that native mobile app accessibility is more challenging than web accessibility. Teams don’t know where to start, where to find guidance on mobile accessibility, or how to… Read More
2024-02-14 15:00
Data visualizations are graphics that leverage our visual system and innate capabilities to gather, accumulate, and process information in our environment, as shown in the animation in Figur… Read More
2024-02-13 12:00
Children start interacting with the web when they are 3–5 years old. How do we design for children? What do we need to keep in mind while doing so? And how do we meet the expectations… Read More
2024-02-09 15:00
I got to work with a new type of chart for data visualization called a radar chart when a project asked for it. It was new to me, but the idea is that there is a circular, two-dimensional ci… Read More
2024-02-08 13:00
I felt uninspired for a spell in 2019 and decided to enroll in a beginning-level community college course on web development as a way to “spice” things up, sort of like going bac… Read More
2024-02-07 13:00
Front-end development seemed simpler in the early 2000s, didn’t it? The standard website consisted mostly of static pages made of HTML and CSS seasoned with a pinch of JavaScript and j… Read More
2024-02-06 08:00
Today, one billion people are 60 years or older. That’s 12% of the entire world population, and the age group is growing faster than any other group. Yet, online, the needs of older ad… Read More
2024-02-02 13:00
Few technological innovations can completely change the way we interact with computers. Lucky for us, it seems we’ve won front-row seats to the unfolding of the next paradigm shift.
T… Read More
2024-01-31 12:30
What will you make of the extra day that February has in store for us this year? Call an old friend, explore a new place, or get stuff done you have put off for so long maybe? Whatever you m… Read More
2024-01-29 15:00
Most product teams think in terms of features. Features are easy to brainstorm and write requirement docs for, and they fit nicely into our backlogs and ticketing systems. In short, thinking… Read More
2024-01-26 15:00
Suppose you ask some AI-based chat app a reasonably simple, straightforward question. Let’s say that app is ChatGPT, and the question you ask is right in its wheelhouse, like, “W… Read More
2024-01-25 15:00
Imagine box-shadow but for a blur effect, where the backdrop of an element is blurred around that element, gradually decreasing the blur’s strength. I came up with the idea while tryin… Read More
2024-01-23 13:00
Imagine it’s 2028, and you’re at your projected, suped-up workstation. “Hey AI,” you say, “I need some type options for this page heading…” Before… Read More
2024-01-16 13:00
The border-image property is nothing new. Even deprecated Internet Explorer supports it, so you know we’re treading well-charted territory. At the same time, it’s not exactly one… Read More
2024-01-11 18:00
Over the past 12 months, I’ve shared hundreds of tools in my newsletter, Web Tools Weekly. I feature tons of practical libraries, helpers, and other useful things for front-end and ful… Read More
2024-01-08 10:00
The current landscape of web tooling is increasingly more complex than ever before. We have libraries such as Solid, Vue, Svelte, Angular, React, and others that handle UI (User Interface) u… Read More
2024-01-02 10:00
Last time we met, I introduced you to the View Transitions API. We started with a simple default crossfade transition and applied it to different use cases involving elements on a page trans… Read More
2023-12-31 08:00
Maybe 2024 has already started as you’re reading this, maybe you’re still waiting for the big countdown to begin. Either way, it’s never too late or too early for some New… Read More
2023-12-28 10:00
Why does JavaScript have so many eccentricities!? Like, why does 0.2 + 0.1 equals 0.30000000000000004? Or, why does "" == false evaluate to true?
There are a lot of mind-boggling decisions i… Read More
2023-12-22 13:00
Animations are an essential part of a website. They can draw attention, guide users on their journey, provide satisfying and meaningful feedback to interaction, add character and flair to ma… Read More
2023-12-20 10:00
Browsers shipped a new set of CSS viewport units in 2022. These units make it easier to size elements in mobile browsers, where the browser’s retractable UI affects the height of the v… Read More
2023-12-18 15:00
Welcome back to my long read about building better components — components that are more likely to be found, understood, modified, and updated in ways that promote adoption rather than… Read More
2023-12-13 10:00
You know what’s perhaps the “cheapest” way to make a slider of images, right? You set up a container, drop a bunch of inline image elements in it, then set overflow-x: auto… Read More
2023-12-11 21:00
Design systems are on the tip of every designer’s tongue, but the narrative in the industry mainly focuses on why you need a design system and its importance rather than the reality of… Read More
2023-12-07 21:00
This article is a sponsored by DebugBear
There’s a change coming to the Core Web Vitals lineup. If you’re reading this before March 2024 and fire up your favorite performance mon… Read More
2023-12-06 10:00
In today’s world of shortening attention spans and omnipresent hustle, wasting even a second could mean losing the chance to earn more time from a person you want to impress. If your i… Read More
2023-12-04 14:00
Even though JavaScript’s name was coined from the Java language, the two languages are worlds apart. JavaScript has more in common with Lisp>) and Scheme>), sharing features such… Read More
2023-12-01 10:00
There are times when mistakes happen, and useful and important files are deleted by error or lost from your file system irrevocably (or seemingly, at least). Version control systems make it… Read More
2023-11-30 09:30
As the year is coming to a close, many of us feel rushed, meeting deadlines, finishing off projects, or preparing for the upcoming holiday season. So how about some beautiful, wintery deskto… Read More
2023-11-28 10:00
It may seem obvious to state that the brand should be properly reflected and showcased in all applications, whether it is an app, a website, or social media, but it’s surprising how ma… Read More
2023-11-24 08:00
A little while back, I poked at a number of “modern” CSS features and openly evaluated whether or not they have really influenced the way I write styles.
Spoiler alert: The answe… Read More
2023-11-23 20:00
This article is a sponsored by Storyblok
Composability is not only about building a design system. We should create and manage reusable components in the frontend and the UX of our website… Read More
2023-11-22 10:00
In my previous article, we tackled ribbons in CSS. The idea was to create a classic ribbon pattern using a single element and values that allow it to adapt to however much content it contain… Read More
2023-11-21 12:00
For those involved in digital and physical product development or leadership, consider a Voice of Customer (VoC) program. A VoC program systematically gathers and analyzes customer insights… Read More
2023-11-17 10:00
Effective collaboration between designers and developers is vital for creating a positive user experience, but bridging the gap between design and code can be challenging at the best of time… Read More
2023-11-15 10:00
Back in the early 2010s, it was nearly impossible to avoid ribbon shapes in web designs. It was actually back in 2010 that Chris Coyier shared a CSS snippet that I am sure has been used thou… Read More
2023-11-13 13:00
As an occasionally competent software developer, I love good documentation. It explains not only how things work but why they work the way they do. At its best, documentation is much more th… Read More
2023-11-10 10:00
Ever since I started practicing user interface design, I’ve always believed that animations are an added bonus for enhancing user experiences. After all, who hasn’t been captivat… Read More
2023-11-09 12:00
Many things have changed in WordPress over the years, but installation has largely remained the same: download WordPress, drop it on a server, create a database, sprinkle in some configurati… Read More
2023-11-07 18:00
You may already be familiar with the CSS clamp() function. You may even be using it to fluidly scale a font size based on the browser viewport. Adrian Bece demonstrated the concept in anothe… Read More
2023-11-02 15:00
I’ve been on the lookout for a privacy icon and thought I’d bring you along that journey. This project I’ve been working on calls for one, but, honestly, nothing really scr… Read More
2023-10-31 16:00
This article is a sponsored by DebugBear
Running a performance check on your site isn’t too terribly difficult. It may even be something you do regularly with Lighthouse in Chrome DevT… Read More
2023-10-31 09:45
November tends to be rather gray in many parts of the world. So what better remedy could there be as some colorful inspiration? To bring some good vibes to your desktops and home screens, ar… Read More
2023-10-30 10:00
Passkeys are a new way of authenticating applications and websites. Instead of having to remember a password, a third-party service provider (e.g., Google or Apple) generates and stores a cr… Read More
2023-10-27 15:00
My journey in front-end web development started after university. I had no idea what I was going into, but it looked easy enough to get my feet wet at first glance. I dug around Google and r… Read More
2023-10-26 10:00
A lot of contemporary usability evaluation relies on easily measurable and readily available metrics like conversion rates, task success rates, and time on task, even though it’s quest… Read More
2023-10-24 18:00
This article is a sponsored by SpeedCurve
Performance work is one of those things, as they say, that ought to happen in development. You know, have a plan for it and write code that’s… Read More
2023-10-23 13:00
A group of contestants are asked to complete the following task:
Make object1 similar to object2.
let object1 = {
a: "hello",
b: "world",
c: "!!!",
};
let object2 = {
a: "hello"… Read More
2023-10-21 09:00
WCAG 2.2 is officially the latest version of the Web Content Accessibility Guidelines now that it has become a “W3C Recommended” web standard as of October 5.
The changes between… Read More
2023-10-20 09:00
Welcome to the second part of the guide to typography in fintech. In Part 1, we reviewed the key points to consider when choosing typefaces:
What is the content of your product? What type o… Read More
2023-10-18 12:00
Let’s talk about progress indicators — or loaders. It’s true that there are so many tutorials about them and even more examples floating around CodePen. There was a time ju… Read More
2023-10-17 16:00
In today’s Smashing Podcast episode, we’re talking about Tech Unions. What part can unions play in a modern tech workplace? Drew McLellan talks to Ethan Marcotte to find out.
Not… Read More
2023-10-16 13:00
Gatsby is a true Jamstack framework. It works with React-powered components that consume APIs before optimizing and bundling everything to serve as static files with bits of reactivity. That… Read More
2023-10-13 11:00
Hi! My name is Daria, and for the last two years, I’ve been working at Devexperts. I have experience creating various products, from crypto wallets to exchange administration platforms… Read More
2023-10-12 08:00
If you don’t know Lieutenant Columbo, I envy you. I wish I could erase my memory and watch this TV masterpiece for the first time again. Columbo, a Los Angeles homicide detective, has… Read More
2023-10-10 13:00
Even though a simple online search turns up countless tutorials on using Artificial Intelligence (AI) for everything from generative art to making technical documentation easier to use, ther… Read More
2023-10-09 11:00
Working with media files in Gatsby might not be as straightforward as expected. I remember starting my first Gatsby project. After consulting Gatsby’s documentation, I discovered I nee… Read More
2023-10-05 12:00
The last time we met, I demonstrated how newer CSS features — particularly trigonometric functions — can be leveraged to accomplish a “pop-out” hover effect. This is… Read More
2023-10-03 10:00
Ask just about any casual user to explain the difference between WordPress.org and WordPress.com, and you’re likely to get a shrug in response. I know this because it’s one of th… Read More
2023-10-02 18:00
In my previous article, I talked about Waterbear, a significant project I worked on as a newly-appointed lead developer, and the lessons I learned leading a team for the first time. In this… Read More
2023-09-30 08:00
The leaves are shining in the most beautiful colors and pumpkins are taking over the front porches. It’s time to welcome the spookiest of all months: October! To get your desktop ready… Read More
2023-09-29 11:00
In a previous article on CSS-Tricks, I demonstrated how to create a fancy hover effect where an avatar pops out of a circle on hover. The challenge was to make such an effect using only the… Read More
2023-09-28 13:00
Reusable blocks, introduced in WordPress 5.0, allow users to create and save custom blocks that can be used across different pages or posts. This increases efficiency and consistency by allo… Read More
2023-09-26 10:00
This article is a sponsored by Neon Tech
Branching off to make code changes is a tried and tested approach to software development, but why should database development be any different? Well… Read More
2023-09-26 08:00
We’re talking about running grassroots conferences and meet-ups. What does it take to organize a small industry event for your community? Drew McLellan talks to WDC’s Alex Older… Read More
2023-09-25 10:00
A few months ago, I worked on what is probably the most remarkable and exciting project of my career so far. It’s a wonderful free platform that brings together inspiration and action… Read More
2023-09-22 10:00
To paraphrase a saying that has always stuck with me: “The best animation is that which goes unnoticed.” One of the most important concepts of motion design on the web is making… Read More
2023-09-20 13:00
Earlier in the first part of the series, we defined inclusivity and how it contributes to enriching the workshop experience. We established that inclusivity is about ensuring everyone has an… Read More
2023-09-18 18:00
Smashing Magazine is drastically different today than it was just a few years ago, and you may not have even noticed. That’s how it often is with back-end development — the compl… Read More
2023-09-15 07:00
In a previous article, we explored fancy hover effects for images that involve shines, rotations, and 3D perspectives. We are going to continue playing with images, but this time, we are mak… Read More
2023-09-13 11:00
Have you ever found yourself trapped in an hour-long meeting, listening to someone’s endless talk without understanding their main point? Or sat through a discussion where everyone spe… Read More
2023-09-11 15:00
Do you know how box-shadow is sometimes used as a hover effect? It adds depth to something, like a button, and can create the impression that it is being pressed into the page.
Let’s… Read More
2023-09-08 11:00
Joy is pure happiness, looking at your child, getting a surprise birthday party, visiting a family member after a long time, or visiting a scenic route. It is the most pleasurable feeling yo… Read More
Subscribe to How Copywriting Can Benefit From User Research —
Get updates delivered right to your inbox!