User Experience website Homepage Design Guidelines

Source: Internet
Author: User

Recently, when training students to find a problem, is that they design a topic or page when the self-awareness is too strong, the lack of basic thinking of page design, how to design how to design, some just see someone else's page is so, he also on the mirror, also passed a famous saying: "Imitation is detonator, innovation is dynamite." Having said that, but since to become a professional editor or page designer must understand the page design guidelines, how to stand in the company's perspective to consider the interests of the company, how to stand in the user's perspective to the user a good experience, how to stand in the industry's perspective to continue to cultivate the industry's long-term user habits, You must pay attention to these guidelines in web design.

Here's how we should give the homepage 12 tasks when we design the homepage:

First task: reflect the site's identity and mission

Last time I saw a set of data, said that the number of global Web sites has been hundreds of millions of times a day to see 10,000 sites, then a person will spend 30 years to finish these sites, but 30 years will have countless sites, and perhaps another 60 years to read, in short this life is not finished. The site competition is very fierce, the same type of site there are tens of thousands of competitors in the competition is not surprising, so in the competition of a site's homepage is particularly important.

The homepage should not let go of any one may visit or is visiting even visited the user, everybody sharpened the head to think how to deal with these three questions. So for anyone who visits your site, you need to know what he cares about when he first opens your site. After a long period of investigation and experimentation, the first time a user opens a website, most of these four questions are:

A What site is this?

B What's on the website?

C What can I do here?

D Why should I choose here instead of somewhere else?

Let's take Alibaba as an example to see how he expresses these four questions.

Alibaba in the domestic E-commerce site user experience is recognized to do the best, this does not want to prove, to see his website logo, Orange Plus black, the overall site CI is this color, logo below the "World's leading online trade market."

The first question: What does Alibaba do? After reading this logo if you do not know, then your eyes from the logo position level to the right, see navigation, still do not know what to do? Days! OK, Conto move the scroll bar and go through the Web page.

The second question: What can I do here? From the top right-hand corner of Alibaba navigation bar, it is clear to tell users, users here can be "procurement" and "sales" This is the main service, the other look at the needs of users.

Third question: What's on the website? If the first two questions you have no questions on Alibaba, then this question Alibaba already on the homepage very good answer you.

Fourth question: Why should I be here? "The world's leading online trade market," the effect of this sentence do not underestimate Oh!

Well, through Alibaba's example, has already told you Reader homepage's first task-manifests the site the marking and the mission. Homepage to tell the user what I am this site, what I am doing, and why you should come to my URL.

Second task: Site navigation and site hierarchy

The website provides a general picture of the services provided by the site, including content-"What can I find here?" ”。 Also include functions-"What can I do?" ”。 And how these services are organized. This work is usually handled by persistent navigation. In fact, the navigation of a website is very important, he is the channel of the website, how the channel design can let the user the most convenient and quick to the page which he wants to go, how designs can the website best content manifests in front of the user, the navigation design has what fastidious, avoids which error, these questions after the article will answer one by one.

Third task: Search

For a large amount of information on the site search is very necessary, otherwise, even if you have other elements to deal with the good, users experience on your site feel like a Boeing 747 of the backrest all replaced by a small stool!

Task Fourth: Guidance

Like a magazine cover, the homepage will attract me with hints of "What's Inside", and the "Content recommendation" section should highlight the latest, best, hottest pieces of content, such as headlines or hot and Jevin, and so on. The feature recommendation section invites users to visit more sections of the site or use personalized features or email newsletters.

Task Fifth: Content update

If the success of the site depends on whether the user visits frequently, the home page should have some content that is often updated. Even sites that don't need regular visitors need some active signs, even if it's just a news link to the latest, telling users it's not backwater.

Sixth Task: Login Registration

If the site uses a membership system, home page should be for the new user registration and the old user login to provide links or direct landing box, so that users look around, as to provide links or direct landing box, needs to be measured by designers, is viscous strong or weak, is the old users or more new users, Page position should not make a place to come out to place the landing box, the user's habits will be, about the landing box issues, said later.

Task Seventh: Shortcuts

The most frequently accessed pieces of content, such as software upgrades, are worth placing links on the home page to avoid users looking around. Now many of the Web site shortcuts are wishful thinking of the site, is not the user often visit which content site on this part of the content as a shortcut to reflect the form in the home page, but the site recently launched what business, the site has any new trends, the content as a shortcut, think it is best to consider the characteristics of the site, See whether it is for the user to consider more appropriate or for themselves to consider more appropriate.

Task Eighth: Links

Need to reserve space on the homepage, used to place ads, cross promotion, cooperation brand links, and so on, here is not much to say, there are many people ask a new site how to exchange links with others? How to switch to better quality links? How to evaluate the quality of the exchange links? We can't finish an article. Would specifically say this question.

Task Nineth: Let the user see what he is looking for

The homepage should make anything that the user wants obvious, if the content is somewhere in the station. Of course, not to the site of everything is listed, make a homepage more than 10 screen, with the brain!

Task Tenth: Tell users what else he's not looking for

The homepage should allow users to see some interesting content that users may be interested in, even if they are not looking for them.

Task 11th: Tell the user where to start

The user first to a Web site can not start, feel like sleeping with girls, all her clothes naked, she still transfixed, face expressionless. Home should be how to arrange the site to complete this task, in fact, there are a lot of ways, here is not to say, the later will be said in detail. (wrote here seems to accumulate several articles, and find a time to you reader slowly answer)

Task 12th: Building credibility and trust

For some visitors, the home page will be your site's only chance to impress them.

Well, the homepage of the 12 tasks, hastily listed a bit, concrete how to use also need everyone according to their own characteristics, standing on the site's own point of view, standing in the user's point of view, standing in the industry's perspective, 12 tasks are longitudinal, three angles is horizontal, you reader intentions of the choice, thin elegant!



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.