Turn: how to write a "user-friendly" Essay

Preface:

In today's essay, we will not discuss technical issues, but just relax a little. I will share some opinions and personal experiences on how to write a "user-friendly" blog, I believe that this article will allow you to have an updated understanding and Thoughts on writing blogs. I usually write some key points to be elaborated on in this blog in the preface. The key points should be arranged in a logical order based on the content of the article. In order to be neat and easy to read, for example:

• Key Aspect 1
• Key Aspect 2
• Key Aspect 3

Start the text. The text is described based on the main points.

Key Aspect 1

The overall format is mainly typographical.

This includes the section format, font size, and special format (such as the hyperlink color and style). Let's take a look at how to set it.

Example:

"The link in the text content is represented in this color: the link demonstration (blue). If you need to emphasize a sentence, you can use this background highlight to emphasize it. Of course,You can also use italics to emphasize. The format is not uniform, as long as it can achieve the effect !"

With this setting, readers can easily extract and recognize different key points and contents from your articles, making reading easier and more vivid. Of course, the color and font style here can all be adjusted according to your preferences. programmers often deal with code every day. The code is written in English and is very dense, I suggest you take care of the eyes of our programmers and set the font size of your blog to a greater value. I personally feel that the font size is 14.

Many times, some people write a good essay, but because the font and layout are very"Casual", Which makes me really unable to read ......

After completing the layout, let's take a look at the format. From this article, we can see that the main points are used as the demarcation points of the Chapter. Therefore, if the title is the title of the article, the key points are used as the subtitle. Of course, the title and Subtitle formats should be different. For example, the subtitle color should be uniform, but the font should be slightly smaller than the title ...... With these formats, the entire article looks neat and comfortable, just like pressing CTRL + K + D in !!

Key Aspect 2

Every technical essay,I think we should add more or less two images.You must have read all the text essays except the text. I'm not saying that you want to despise the technical essays without pictures. I'm just thinking, running results, styles, architectural design drawings, and even Flowcharts are all diagrams. While we are engaged in technical work, are there none of them?

Maybe both of them write the same technical question. One person is illustrated by a picture, and the other is a huge text film. I believe that whether it is the effect after reading or the user experience, the number of clicks on a friend's article with a picture may be slightly higher or even higher ......

Okay. Let's take a look at how to make a picture. It is best to include an image description in each text segment. It is best to have some arrows and labels on the picture to help readers better understand the content you describe in combination with the article. For example, it is a common process formed by directly uploading and inserting images.

Figure 1

If we remove the arrow in Figure 1, we believe you will be able to see the contrast of this effect. This will allow users to rely more on our text description to understand this image, instead of understanding the article through images, we will be asked to describe the image (Anti-effect) in more details and precise words ).

After reading the previous image, we may insert a lot of material images in a technical blog. Finally, you will find that, the relationship between these images and text is "Up, down, and down". The pictures are between text and text. It seems like nothing new, or it may make readers suffer from "Aesthetic Fatigue, you can use the editor to set a format for the inserted image, as shown below:

 

 

Generally, the image is displayed in the center. If conditions are met, enter the image number and mark it as shown in. Of course, if you want to have a better user experience after the images are illustrated, I suggest you take some time to set up the mosquito surround of the images. For example, the following settings will make the entire blog look more comfortable! After setting the surrounding area, some pictures are attached to the text to make your article look more appealing and have rich forms of expression. Isn't that what we usually emphasize.

 

 

So, how to set this format? Very easy. Right-click the inserted image and choose "insert/edit image" from the shortcut menu to enter the new menu window and select the "appearance" tab, select "Left" or "right" for the image appearance!

------------------------------

 

Key Aspect 3

After the pictures are completed, another important part is the reading experience! What? Isn't the reading experience just mentioned? Haha, half of it. The above is just a part of the reading experience. Just like the user experience, a website looks comfortable and its layout is neat and tidy, however, we should also consider the user experience. After sensory experience, we should use it.

So how does a blog engage in user experience? I 'd like to say something interesting to me. We must have read some very long technical articles. They are neatly formatted and illustrated. However, when my scroll bar slides to a certain position, I can't remember how to describe a concept above. Now, I want to read this concept definition online. Generally, I use the search function (which comes with a browser). This user experience is bad enough, why don't we use the anchor? For example, if I say "Key Point 1 as mentioned above" here, click "Key Point 1" and locate the anchor directly. So ...... I will not give an example one by one. It should be based on the actual situation.

Of course, you can insert the top image below in some places and locate the anchor point to the beginning of the article. Is it convenient? (For setting the anchor, see the source code of the specific webpage, such as the name and ID attributes of the Key Point 1 tag, and the href address format of the place where the anchor is inserted)

Top

This is the simplest user experience. Now, after talking about the user experience in the article, let's talk about the topic: blog user experience.

When browsing others' blogs, we may easily find the "index sticker" of this blog user. This is a method that everyone prefers and brings a lot of extra points to the user experience, so what I want to add is that we can add a "abstract" that is illustrated in the text of each blog ".

Let me give you an example. The articles I write involve a lot of topics, from mobile to winform to xxxx. Every time I log on to my blog, It is a headache, you must read the title to find out what this essay is about. Later, I defined some icons for these categories. Click here to view them quickly (here we will quickly navigate to the home page for you, and view what I said). Every time I enter the blog homepage, I can clearly see that each blog is about that category. This not only enriches the content of the blog homepage, it also allows readers to easily see what they want to see.

Well, today, Sunday, I hope this article will bring you some fresh air. If you have your own ideas and suggestions, please join us !!! Have a good weekend!

Author: Jack fan (Beginner's blog of. Net CF/. Net)
Source: http://longqi293.cnblogs.com
You are welcome to browse and repost this blog post, but this statement must be retained without the author's consent, and the original article connection is clearly provided on the article page. In the reference article, I will indicate the source of the reference article and respect the copyright of others. If you find that I infringe your copyright, please contact me in time.
For more articles, see [stick] index stickers-mobile development (continuously updating)

This document uses the Knowledge Sharing signature-non-commercial use-and prohibits the deduction of the 2.5 mainland China license agreement.

In today's essay, we will not discuss technical issues, but just relax a little. I will share some opinions and personal experiences on how to write a "user-friendly" blog, I believe that this article will allow you to have an updated understanding and Thoughts on writing blogs. I usually write some key points to be elaborated on in this blog in the preface. The key points should be arranged in a logical order based on the content of the article. In order to be neat and easy to read, for example:

• Key Aspect 1
• Key Aspect 2
• Key Aspect 3

Start the text. The text is described based on the main points.

Key Aspect 1

The overall format is mainly typographical.

This includes the section format, font size, and special format (such as the hyperlink color and style). Let's take a look at how to set it.

Example:

"The link in the text content is represented in this color: the link demonstration (blue). If you need to emphasize a sentence, you can use this background highlight to emphasize it. Of course,You can also use italics to emphasize. The format is not uniform, as long as it can achieve the effect !"

With this setting, readers can easily extract and recognize different key points and contents from your articles, making reading easier and more vivid. Of course, the color and font style here can all be adjusted according to your preferences. programmers often deal with code every day. The code is written in English and is very dense, I suggest you take care of the eyes of our programmers and set the font size of your blog to a greater value. I personally feel that the font size is 14.

Many times, some people write a good essay, but because the font and layout are very"Casual", Which makes me really unable to read ......

After completing the layout, let's take a look at the format. From this article, we can see that the main points are used as the demarcation points of the Chapter. Therefore, if the title is the title of the article, the key points are used as the subtitle. Of course, the title and Subtitle formats should be different. For example, the subtitle color should be uniform, but the font should be slightly smaller than the title ...... With these formats, the entire article looks neat and comfortable, just like pressing CTRL + K + D in !!

Key Aspect 2

Every technical essay,I think we should add more or less two images.You must have read all the text essays except the text. I'm not saying that you want to despise the technical essays without pictures. I'm just thinking, running results, styles, architectural design drawings, and even Flowcharts are all diagrams. While we are engaged in technical work, are there none of them?

Maybe both of them write the same technical question. One person is illustrated by a picture, and the other is a huge text film. I believe that whether it is the effect after reading or the user experience, the number of clicks on a friend's article with a picture may be slightly higher or even higher ......

Okay. Let's take a look at how to make a picture. It is best to include an image description in each text segment. It is best to have some arrows and labels on the picture to help readers better understand the content you describe in combination with the article. For example, it is a common process formed by directly uploading and inserting images.

Figure 1

If we remove the arrow in Figure 1, we believe you will be able to see the contrast of this effect. This will allow users to rely more on our text description to understand this image, instead of understanding the article through images, we will be asked to describe the image (Anti-effect) in more details and precise words ).

After reading the previous image, we may insert a lot of material images in a technical blog. Finally, you will find that, the relationship between these images and text is "Up, down, and down". The pictures are between text and text. It seems like nothing new, or it may make readers suffer from "Aesthetic Fatigue, you can use the editor to set a format for the inserted image, as shown below:

 

 

Generally, the image is displayed in the center. If conditions are met, enter the image number and mark it as shown in. Of course, if you want to have a better user experience after the images are illustrated, I suggest you take some time to set up the mosquito surround of the images. For example, the following settings will make the entire blog look more comfortable! After setting the surrounding area, some pictures are attached to the text to make your article look more appealing and have rich forms of expression. Isn't that what we usually emphasize.

 

 

So, how to set this format? Very easy. Right-click the inserted image and choose "insert/edit image" from the shortcut menu to enter the new menu window and select the "appearance" tab, select "Left" or "right" for the image appearance!

------------------------------

 

Key Aspect 3

After the pictures are completed, another important part is the reading experience! What? Isn't the reading experience just mentioned? Haha, half of it. The above is just a part of the reading experience. Just like the user experience, a website looks comfortable and its layout is neat and tidy, however, we should also consider the user experience. After sensory experience, we should use it.

So how does a blog engage in user experience? I 'd like to say something interesting to me. We must have read some very long technical articles. They are neatly formatted and illustrated. However, when my scroll bar slides to a certain position, I can't remember how to describe a concept above. Now, I want to read this concept definition online. Generally, I use the search function (which comes with a browser). This user experience is bad enough, why don't we use the anchor? For example, if I say "Key Point 1 as mentioned above" here, click "Key Point 1" and locate the anchor directly. So ...... I will not give an example one by one. It should be based on the actual situation.

Of course, you can insert the top image below in some places and locate the anchor point to the beginning of the article. Is it convenient? (For setting the anchor, see the source code of the specific webpage, such as the name and ID attributes of the Key Point 1 tag, and the href address format of the place where the anchor is inserted)

Top

This is the simplest user experience. Now, after talking about the user experience in the article, let's talk about the topic: blog user experience.

When browsing others' blogs, we may easily find the "index sticker" of this blog user. This is a method that everyone prefers and brings a lot of extra points to the user experience, so what I want to add is that we can add a "abstract" that is illustrated in the text of each blog ".

Let me give you an example. The articles I write involve a lot of topics, from mobile to winform to xxxx. Every time I log on to my blog, It is a headache, you must read the title to find out what this essay is about. Later, I defined some icons for these categories. Click here to view them quickly (here we will quickly navigate to the home page for you, and view what I said). Every time I enter the blog homepage, I can clearly see that each blog is about that category. This not only enriches the content of the blog homepage, it also allows readers to easily see what they want to see.

Well, today, Sunday, I hope this article will bring you some fresh air. If you have your own ideas and suggestions, please join us !!! Have a good weekend!