User experience: The major websites have turned the homepage to Gray

Source: Internet
Author: User
Tags filter comments

In order to express the National people of Qinghai Yushu earthquake victims of deep condolences, special on April 21 this day to hold national mourning activities. This day, everyone's mood is heavy.

Major sites have turned the homepage to gray expression of grief for the victims. Our users do the same, do not want to see on this day which site and nothing like the color of the bright.

Question one, how to turn the home page gray?

The most common way is to use the filter HTML {filterrogidXImageTransform.Microsoft.BasicImage (grayscale=1);} or HTML {Filter:gray}
Advantages: A line of code to fix, simple, convenient.
Disadvantage: Only IE support, Firefox is not valid, Safari is also invalid

Question two, how does a portal site work?

Sina, NetEase, Tencent, Sohu will be the logo and other pictures manually changed to Gray.

May 21, 2008 Wenchuan earthquake, the major portals are using the same method.

Advantages: The most stupid way, but can make all browsers display gray.
Disadvantage: Heavy workload, to consider more details.

————
According to the user's traffic, which method is used to differentiate:
1, if the user more than 90 are used ie, manpower and not enough, we recommend to do with filters. Do less and do not work hard. Have time to think about how to improve the impact of the site. This is the most important.

2, If you are on the site, the base of the user group is very large, such as netease every day hundreds of millions of visitors, then use Firefox also have to have hundreds of thousands of, millions of bar. That number is not tolerable with filters.
————
Time-saving and labor-saving fully compatible element Yan code for the time being no!

because: some browsers do not support, we write code according to the Web standard. The standard is not supported, there is really no way.

Solution: font can be used to control the CSS, the picture of a small number of words to be manually changed to Gray, a large number of suggestions to write a generic script it. When you need it in the future, you can take it with you.

————
Finally stressed: which solution, depending on the two elements: User access to the base, the strength of the site.

In order to make the user more comfortable, we recommend that the door to get your website well. Don't muddle along.

The following is a great site to do the user experience: (ie is normal, no comparability, mainly say outside IE)
First place:
Tencent:
fonts, pictures, ads, Flash are used in gray, the main location of the production of topics, today's topic: "4.14 Yushu earthquake online memorial." Place a bunch of chrysanthemums in the search bar.  Love donations for red and so on. (mainstream browsers are compatible)

Comment on: The embodiment of the embodiment, the dim dim, to say the people's voice, consider the details.


Second place:

Sohu: font, pictures, ads, Flash are used in gray, the main location of the production of 5 major pictures of the entrance location, and the special "Light the road." The footer is not bright in color. (mainstream browsers are compatible)

NetEase: fonts, pictures, ads, Flash are used in gray, the logo next to put candles, the site to create mourning topics. (mainstream browsers are compatible)

Comment on: Sohu Sina really very good. Very attentively for the user to consider. NetEase do also very in place. I am very fond of netease.

Third place:
Taobao: fonts, pictures are gray. (Firefox experience is not good, flash ads, picture ads are bright colors,)

Comments: In fact, Taobao can do better, I think. Perhaps Taobao is a shopping site, not the reason for the news media.

Sina: The font, pictures are all gray. (Firefox experience is not good, flash ads, picture ads are bright colors,)

Comments: Internet practitioners, especially technicians who can not use Firefox? We also need to watch the news. Sina can do better. Come on.
Others, the net, Xinhua and other national news portals in Firefox are still bright colors. No words.

Expect:
Looking at the standard does not support the situation, the site should take into account the user's feelings, consider the details of the user experience.

Look forward to Firefox and other well-known browsers, can support filters.
—————–



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.