7 Ways to Convey Sarcasm in Web Content

Default avatar.
June 14, 2019

Pop quiz: which of the following statements is sarcastic?

7 Ways to Convey Sarcasm in Web Content.
  1. Edge is actually a kind of decent browser, just missing some features.
  2. Writing CSS using JavaScript is a viable and sensible way to get things done, now that we use JS for everything else. We might as well.
  3. Brutalism as a movement has, in some ways, made some of us into better designers.

It can be hard to tell, can’t it? For the record, it’s number 2. But really, you might have seen people say each one of those things somewhere on the Internet, and some of them even meant that second one. And then, some of them said it and didn’t mean it, but other people thought they meant it and got mad at them. Even in real life, I’ve occasionally said something out loud that I thought had a clearly sarcastic tone, only to have to clarify my statement afterward.

We live in a world where it can be darned difficult to tell sarcasm from trolling

As web designers (who are often tasked with also making website content), you may run into a situation where sarcasm is called for, and you have to make sure people don’t get it wrong. That’s a tough call. We live in a world where it can be darned difficult to tell sarcasm from trolling.

We live in a world where people aren’t always ready to see sarcasm, or even humor for what it is. You sometimes have to prime your audience to expect something funny, rather than something glaringly stupid or offensive. This is why comedians have “hype men”, or other opening acts to warm up an audience. This is why sarcasm on Twitter often goes very, very wrong.

So how do you convey this to your users? How do you tell them that sarcasm’s coming? Well, there are a few simple ways:

1. Don’t Tell Them

This approach depends on the apparent absurdity of your statement to make the joke work. Now, I already listed a few reasons above as to why you wouldn’t want to use this approach. Well, the fact is that it can actually work, but only under very specific circumstances.

Using sarcasm with no warning works only when you know your audience very well, and they are all on the same page already. For example, if you tell a sarcastic joke about plumbing to an audience of all plumbers who share the same baseline of knowledge, you can be reasonably sure they’ll all get it. Throw a few lawyers into the audience, and this approach fails.

2. Tell Them in the Most Literal Way

One of the safest ways of communicating sarcasm that I’ve found is with formatting. Yes, formatting. I’ll literally put my sarcasm in bracket-tags like this:

[sarcasm]XML has no practical application outside of MS Office.[/sarcasm]

It has the advantage of being simple, obvious, and very difficult to dispute. On the downside, it’s not very subtle. However, on the Internet, it’s usually not worth being subtle.

3. Less Literal Formatting

Okay, so you want to convey a sarcastic or ironic statement without tags. Fine. There are a couple of tricks that started with the print industry, and still sort of work online today. The first and most popular one is quotation marks. Quotation marks are best used to indicate a sarcastic tone for short phrases, or even single words, and are the basis for the every popular “air quotes” gesture people use in real life.

For full sentences or paragraphs, you can use italics. It’s especially useful if you’re actually quoting someone, like so: “Oh sure,” said Bob, “just go ahead tweet sarcastic things at people with no contextualization. That’ll work out well.

4. Use Memes

Some memes are an almost inherently sarcastic form of communication. When people see a known sarcastic meme coming, they know what to expect. Mind you, this only works if your audience knows the meme in question, to it’s a situational tool at best.

5. Illustration

Illustrations (such as comics, for example) are a good way to visually set the tone for things you want to say. Show someone some comic strip art, and their brain will probably be primed for some humor and sarcasm. At least in the west, sarcastic comics are incredibly common, and form the basis of a collective experience of irony. They’re generally hard to misinterpret.

6. Use Audio or Video

Sarcasm is far easier to convey when people can actually hear you use a dramatic, facetious tone of voice. It’s not a 100% guaranteed solution, but it’s a lot more likely to convey your tone correctly if you keep the sarcasm relegated to your multimedia content.

(Just don’t be like me. Most of my sarcasm comes out with a very deadpan voice and blank facial expression. It’s a bad habit and it confuses people.)

7. Sarcasm in Microcopy

Microcopy isn’t specifically a medium for sarcasm or jokes, but it’s been used that way a lot. Designers often insert humor into microcopy as a way to “humanize” a user experience with any given product. Just once, though, I want to see a sales form with text that says “Wooo! Money! We like money!” buried somewhere in it. As of yet, I haven’t seen anyone who has the sheer cheek to pull off something like that.

Like everything else on this list, of course, you’ll have to watch out for context. If microcopy on your site is typically used for providing plain, helpful instructions, suddenly including an ironic statement might throw people off. If your microcopy is going to be sarcastic, it has to be sarcastic from the very beginning.

Featured image via DepositPhotos.

Ezequiel Bruni

Ezequiel Bruni is a web/UX designer, blogger, and aspiring photographer living in Mexico. When he’s not up to his finely-chiselled ears in wire-frames and front-end code, or ranting about the same, he indulges in beer, pizza, fantasy novels, and stand-up comedy.

Read Next

3 Essential Design Trends, May 2024

Integrated navigation elements, interactive typography, and digital overprints are three website design trends making…

How to Write World-Beating Web Content

Writing for the web is different from all other formats. We typically do not read to any real depth on the web; we…

20 Best New Websites, April 2024

Welcome to our sites of the month for April. With some websites, the details make all the difference, while in others,…

Exciting New Tools for Designers, April 2024

Welcome to our April tools collection. There are no practical jokes here, just practical gadgets, services, and apps to…

How Web Designers Can Stay Relevant in the Age of AI

The digital landscape is evolving rapidly. With the advent of AI, every sector is witnessing a revolution, including…

14 Top UX Tools for Designers in 2024

User Experience (UX) is one of the most important fields of design, so it should come as no surprise that there are a…

What Negative Effects Does a Bad Website Design Have On My Business?

Consumer expectations for a responsive, immersive, and visually appealing website experience have never been higher. In…

10+ Best Resources & Tools for Web Designers (2024 update)

Is searching for the best web design tools to suit your needs akin to having a recurring bad dream? Does each…

3 Essential Design Trends, April 2024

Ready to jump into some amazing new design ideas for Spring? Our roundup has everything from UX to color trends…

How to Plan Your First Successful Website

Planning a new website can be exciting and — if you’re anything like me — a little daunting. Whether you’re an…

15 Best New Fonts, March 2024

Welcome to March’s edition of our roundup of the best new fonts for designers. This month’s compilation includes…

LimeWire Developer APIs Herald a New Era of AI Integration

Generative AI is a fascinating technology. Far from the design killer some people feared, it is an empowering and…