Improve page browsing and create killer headlines

Article Description: be an all-around designer! teach you to write and design a killer title

How to make the title in the Web page design, a straight hit the key?

Whether you're browsing Weibo, or reading RSS content, or Google search, your first priority is often the headline-packed message (also known as "the title Party").

A good headline can attract your attention, let you decide to read some articles, and the bad title, so that people do not want to see, glanced at the past.

In other words, in many cases, the title determines the amount of reading, as long as the title is good, users will pay attention to, and then actively focus on the content.
If the title is not in place, then no matter how good the quality of the article, the product how excellent, still can not effectively attract users to read.

This article will describe how to "create a killer title, improve the volume of page browsing," not only in terms of design, but also related to copywriting.

Do you remember the jokes we shared on Weibo?

"Mirror, Magic Mirror, you tell me how to please the designer" answer: do not work overtime + less revision + do not stand behind + do not stamp the screen. "Magic Mirror, Mirror, you tell me how to please the Boss" Answer: Design simple + atmosphere + international + unlimited Creative + will be a good copy of the front end code + Photography + Understand marketing + Unlimited overtime do not pay + change the manuscript not tired + daily kneeling for more than a group of round + temper supple + to customer hair spring like warm ... .. "The Mirror cracked.

Just want to tell you, will copy of the designer is still very popular.

Common Mistakes

Let's take a look at some of the misconceptions in the title.

"Title should summarize page content"

In fact, the title does not necessarily have to summarize the page content. First of all, it is not easy to summarize the content in such a short space. Second, if you use this kind of summary title, it will look boring and the headline is unattractive.

Rather than a pedantic summary, come up with some interesting, informative headlines that make the user feel bright.

Take the title of this article for example, which is boring, for example:

On the title of font design and copywriting writing

This title is good:

Subversion of the traditional title design

"You can do whatever it takes to attract the attention of the user."

This is not good, yes, this title is very attractive:

Look, cats can do flip flips too!

But this kind of title and this article irrelevant, user reading will feel too title party, this kind of title method, can only popular for a few days, after a few days no one to see this text problem inconsistent article, not conducive to the continued increase in browsing volume. And it's likely to affect the amount of subscriptions. Very dishonest, very unseemly, too quick.

The title must be related to the content. The headline should be a surprise, a light or a shock to the eyes. Should be full of insight into the full text

"The size of the title is not important, the title can be long or short"

The title size is important when you name a large title. Not too long.
Also do not branch too much, too many branches of the title impact will be greatly weakened.

Moreover, the title is too long to be omitted from the emails and tweets so that it cannot be read effectively.

Too long title:

Why is it that all users are using a more advanced browser instead of IE6? Because they want a better Internet experience!

Better title:

Still using IE6? You'll miss out on a lot of good details.

Copy writing:

Say the key, say the stakes

When you write a title for a product page, you must focus on it, say it badly, and best explain the benefits the product brings to the user.

You need to have a good understanding of the user and find out what your product is worth to the user. Users can be understood through interviews, research, and testing. This is a preparation lesson.

Once you have analyzed the benefits of the product (from the user's point of view), write the benefit and this value into the title. This kind of title writing is very good, can immediately arouse the user's resonance.

Grasp the key, you can build a link with the user, since the feeling, then certainly can provide solutions/products, users will choose to continue to read, it is likely to choose consumption.

Real-time, online browser testing tools-farewell to virtual machines, support all desktop browsers and mobile browsers. (A Cross-platform browser test tool, for example, if you want to experience safari on your PC, you can use this.) ）

The title and subtitle of the Browserstack home page is very good, and it captures the needs of the target audience and tells them a sore spot. (sometimes a PC design needs to be tested on safari, which may be a problem if you install a virtual machine or switch to a Mac test.) and the title straight to the point, straightforward to tell the user: we can solve your problem!

Moderate ridicule, make gimmicks, keep a certain mystique (don't say it all at once)

If you know the user very well, the title writing can be very humane. The title can be written like a friend chat, because you know the user too well, your title can be straight in their G-spot.

Sometimes you can tease the reader a little, but don't overdo it.

You can throw a deep chord with the reader, but not in the title of the solution, let users feel itch, do not read on the uncomfortable, can achieve this effect, said the title of success.

For example, you can do this:

Procrastination has been made again? Cure your disease with the "two-minute rule"!

Another example:

Or a dick silk artist? 5 Good habits let you walk into the path of God!

Another example

The most popular front-end templates on the web

The most popular front-end templates on the web

This title is good, first of all, plainly told you, this site is what to do, what the purpose of the tool.

Second, the gimmick is very sufficient ("online most popular"), it is easy to arouse attention, let people continue to read.

Design

To tell you the truth, I particularly dislike some of the "design Rules", "Design principles" and other articles, everyone's methods are different, there is no particularly rigid rules. I think the word "advice" is the safest: throw my way, if it's right, you use it, if it's not right, look at it.

Here are some of my suggestions for the title design:

Level clear

The first level of the title must be large, to have impact, to look much larger than the text. I usually use 1.5 times times or more of the text. This will make the title more appealing.

sharp contrast

The title should be filled with a sense of control, if the background is black, then the title use a lighter color, so the control sense is out.

The control sense of the main title, subtitle, and body is weakened in turn. The font size, color fine-tuning.

Plenty of white leaves

White is also very important, too many elements, let a person at a loss, do not know which to look good first. If enough white, then the title will be greeted, because the surrounding is empty, only the middle of the title. Sometimes the title can be kept at a distance from the text, and then set a large number of white areas around, the impact is full.

MailChimp's homepage uses white space, and the title and white area occupy the top of the page. When we enter the page, we immediately notice the huge title.

Summarize:

In conclusion, if you want to create a killer title, try the following:

1. Use the title to create gimmicks, and not to finish, so that readers full of curiosity;
2. The title should not be too long;
3. Moderate ridicule of the reader;
4. Say the stakes and focus;
5. Use size, space, control to highlight the title;

I hope these suggestions are helpful to you!

Original address:http://webdesign.tutsplus.com/articles/design-theory/writing-and-designing-a-killer-headline/