High-quality web design and skills of the four (elements of the Organization)

Source: Internet
Author: User
The designer's career is attractive to a lot of people, because the process of making ideas is really interesting. I know that the process of organizing content is not that interesting, but once you develop a good habit of organizing your content, you'll find that it's not as boring as it might seem. The way you organize your content always depends on the situation, for example, what type of site is this? What is the importance of a particular content on the page?

There are a lot of possible permutations and combinations of how to place content and where to put it. But there are some tricks to follow. The basic thing is to decide what your design needs to achieve. For example, are you working on a website that sells things? Do you want to do the content presentation? Or are you doing a user registration page? Promotion page? Wait a minute......

Trading By Design: 37Signals
Take a look at this popular website of the PNS signals. Their things can be sold so well, but not by luck. Their website makes it as easy as possible for you to understand their products and help you make the final decision. What you see is presented in subtle design.

, they provide four reasons for you to buy their products. Attracting attention (Attention) was the first step, they made a black block, put on a brief introduction to the product, and used a coarse headline. Then, they draw your interest (Interest) into the introduction of the advantages of the product through some beautiful illustrations. Then they want you to generate the purchase demand (Desire), which can be achieved by placing customer reviews and product Award certificates. In this example, they are implemented through a video of a few "what we Customers has to say" (said by our customers). The last thing to achieve is the purchase action (action); There are a number of action points on the 37Signals website (action points, which is the link that guides the user through the next steps) throughout the page, and because the page is very long, more action points are placed at the bottom of the page.

Designed for Content (Blog): Well medicated
The situation when designing a blog page is different. You don't have to spend your energy persuading your users to trust your product, and your "product" is already showing up in front of them-your blog content. All you have to do is make sure that users can easily read your articles, explore content, and get in touch with you and your blog.

Content should be the first part of the blog that appears in front of the reader (one). In the example below, a pink bold headline is a good way to draw your attention and guide you directly to the content of the article. On the left is a preview of the right size, a two or three-paragraph summary on the right, and a link to continue reading. Of course, there are also standard dates and author information. This is the perfect example of my "content design". Attention (Attention) can be directed to any interesting thing. In this example, the beautiful RSS feed button becomes the focus. Not to mention that this focus gives the reader a sense of contact with the content, it also helps the site to get more subscriptions. Encouraging your readers to explore your content is fairly simple, just add a list of links to the latest articles or most popular articles on the sidebar, or make a drop-down menu or organize an efficient list of other content you want to push. It's easy to do, but effective enough, especially for blogs. Blogging is a private domain that tells readers your contact information in different ways (connect) to help them get to know you, and it might also bring unexpected benefits.

Tips for organizing Content
Of course you may encounter the need to break the routine and choose an unusual way, but you can still follow these simple tricks to ensure that the content structure and reading order are good.

Why did you design it?
As mentioned earlier, determine the objectives of the design.
Using grids
Grids help you maximize your page's potential.
Test element Location
The usability of the content is examined in terms of the visitor's perspective.
Remove all unnecessary elements
Unnecessary things should be wiped out, or at least not put in a conspicuous place.
Balance of attention
Something needs to be simplified so that the other thing shines bright.

The above is the high-quality web design and skills of the four (elements of the organization) of the content, more relevant content please pay attention to topic.alibabacloud.com (www.php.cn)!

  • Contact Us

    The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

    If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.