Comparison of browser design at home and abroad

Comparison of browser design at home and abroad

I. Preparatory work

1 aims to compare and evaluate the differences between the domestic market browser and the international market browser design ideas. What has changed for domestic users, and why. (Please turn to the end and see the general summary directly)

Note ①: Browsers appearing in this article refer to desktop Web browsers
Note ②: Test operating system platform for Windows7 notebook computer

2 Browser category domestic browser market share, May 2010

Foreign browser market share May 2010

According to the purpose of this study, we do this sort of browser. (All in the Order of occupancy)

 Domestic groups: IE6, 360 browser, roaming, Tencent TT, the window of the world, Sogou
 International Group: ie7&8, Firefox, Chrome, Safari, Opera

The more common classification method is categorized by the 4 cores of the browser.

trident:ie series, domestic series (360 browser, roaming, Tencent TT, the window of the world, Sogou)
gecko:firefox
webkit:safari, Chrome
presto:opera

Special case: Domestic Trident and WebKit dual core browsers

 3 Beta Releases
QQ Browser 5 Preview version
 Sogou Browser 2.0 official version

second, the interface design contrast left picture for the domestic group, the right for the international group. According to the market share order given above (IE7 and IE8 together)

Note 1: Various browsers have a certain interface customization function, the screenshots here are the default interface.


NOTE 2: In addition to IE6, other browsers support multiple-label browsing (the most basic features of modern browsers). Visual effect contrast: Domestic group: Rich, fancy, gorgeous interface; the pursuit of entertainment, cartoon-Personalized IE6 shell


International Group: Concise, refreshing, rigorous interface; emphasis on practicality, business--the platform of the Internet portal interface layout Design comparison results: Domestic Group:


1. Due to the use of IE core, these browsers evolved from IE6, to IE6 put on their own cartoon icon costumes.


2. Chinese-made browsers keep the IE6 title bar, add hidden bookmarks bar, and merge navigation buttons, address boxes, and search boxes into one column. 360, TT and Sogou browser to retain the navigation button "stop, refresh, home" location and order, travel exchanged the "Stop, refresh" button position; the window of the world will "stop, refresh" into one.


3. In addition to IE6, there are skin-changing functions.

International Group:
1. Firefox and IE8 have a similar interface, only the menu bar and the "Refresh Stop" button location is different, almost seamless switch.
2. Chrome uses a Super Compact interface and brings the trend of browser interface design (detailed below)
3. Safari, like Chrome, consolidates the menu bar into the rightmost two buttons "control current Page" and "Customize and Control browser" to preserve the traditional title bar.
4. Opera by default also integrates the "menu bar" into the leftmost set button (also can be called to display), while learning how to display the Chrome tab, but still retain the traditional title bar.

Interface Design Trend

From top to bottom are: chrome6,firefox4, roaming 3,qq Browser 5

Browser Interface Design trends-maximize the content of the page itself. Table Now:

1. Learn chrome to go to the title bar, use the "Up tab" way to display the label
2. Consolidate the menu bar and toolbar functions into one or two settings, functions buttons
3. Consolidated Address box and search box for one (this trend is pending)
4. You can choose to hide the status bar, the layout of the choice to leave the user is the best experience.

Three, function design contrast and contrast respective propaganda language

Domestic group:

ie6: Unknown


360 Browser: Safe and easy to use browser


 Travel: You have the necessary universal browser, surfing the internet from the beginning


 window of the world: the strongest advertising filtering, the fastest browsing speed, the smallest resource occupancy


 Tencent TT: Fast, stable, secure browser


 Sogou Browser: The fastest high-speed Internet Explorer International Group:


ie8:faster, easier, Safer fast, simple and safe new experience on the Internet


firefox:faster,more secure&customizable faster and safer, customizable browser *


chrome:a Fast new browser high speed free web browser *


safari:browse the web in Smarter,more powerful way a new look at the Web world


opera:faster&safer the Internet faster and safer to browse the network *

(Note: The Chinese translation with * is unofficial.) ）

From the slogan, there is no obvious difference between the domestic group and the international Group of browsers, which emphasizes "fast and safe". But because the domestic browser uses IE core, its emphasis on security is not real security.

function Design

Essential features of modern browsers:

1. Support for web standards


2. Multi-label browsing, privacy browsing


3. Advertising bomb window interception, built-in download tool


4. Smart Address bar, search bar


5. Plug-ins, Extender

Domestic group Browser----to emphasize the practical features of Chinese netizens, to add many international browsers need to extend the functionality directly to the browser.

 video pop-up playback, mouse gesture, double-click to close the tab


 Network Favorites (requires account)


 with navigation site (360 navigation, travel 2798 Web site Daquan, sogou navigation)


 network silver, secure Web site detection (most domestic net silver only support IE)


 Download Management (practical pre-download function)


 skin Change, screenshot, zoom, Web page Mute


 ...

International Group of browsers-provides basic functionality and powerful extensions, and the following are basic functions not commonly used in Chinese

rss Subscribe, read


email Send


 Developer Tools


 ... Browser feature design Trends

Table Now:
A lot of our surfing time is spent on browsers: search, chat, email, shop, use of online banking, read information, and watch online videos, which are usually done through browsers.

Iv. Analysis of research results

Interface design

Domestic group: Rich, fancy, gorgeous interface; the pursuit of entertainment, cartoon-personalized IE shell
International Group: Concise, refreshing, rigorous interface, emphasis on practicality, business--platform of the Internet portal

Functional design

Domestic groups: To increase the practical functions of Chinese netizens, such as video pop-up playback, network favorites, skin, screenshots and so on.
International Group: Platform Browser (set of multiple applications, scalable), like Minios.

Summary
 Domestic browser using a conservative interface (imitation IE6), the appropriate increase in the general functions of modern browsers, technology for domestic users of entertainment and other needs of integration of some practical functions.

International browsers scramble to adopt a new interface that provides basic functionality and powerful extensions to meet the needs of a platform-wide browser with many applications in the web2.0 era.

The reasons are as follows:
(data chart taken from CNNIC, 25th China Internet Development Report)

China's internet penetration rate was 28.9% in 2009.
The biggest characteristic of netizen structure is younger, 40 years old below account for 83%, low degree of education, high school and following academic record accounted for 75.8%. This age structure also determines the Internet applications of domestic netizens to "access to Information" and "network entertainment" mainly.

By contrast, the 2009 Internet penetration rate in the United States was 74.1%. American netizens (without the data of Europe and the United States as a whole) to "access to Information" and "network consumption" mainly.

Note：
Access to information: Search engines and web News
Network Entertainment: Network music, network video, online games
Network consumption: Online shopping, network payments, online travel and hotel reservations

General because of domestic netizens low-end, younger, entertainment. Performance:


1. Do not know what is a browser, only know to click on the e icon can surf the Internet. (Note 360 browser icons)


2. Never enter a URL in the address bar, so you need to navigate the site.


3. The internet is mainly entertainment, accustomed to using IE6 browsers, more efficient browsers do not appeal to them.


4. Browsers that are now used are usually passive installed.


5. ......

Quoting Keso: China's Internet, which is basically designed for young people under the age of 30, is related to the composition of internet users in China. In such an environment to do products, in fact, is a very happy thing, because your users are the most curious, the best to learn, the most like to try, the least stereotypes, the most adventurous group of people. The difficulty is not to get them to understand, but to make them interested, or feel the need. They are not stupid.

Another kind of Chinese Internet ABC user 1:10:100, also refers to the user structure to low-end users.

Domestic browser design to revolve around the IE6, is because we have been accustomed to, a large change in the cost of habit is too high. Determines the domestic browser interface rich, fancy, gorgeous, the pursuit of entertainment, cartoon-personalized IE shell.

At the same time, due to the needs of personalized functions, domestic browsers have integrated the most commonly used users of some features, each has characteristics and targeted (like Shanzhai machine). In the long run, as the age structure of netizens changes and matures, the demand for Internet applications (a large number of Ajax programs such as: Gmail,twitter,foursquare ...), the requirements of the browser will be more and more high, platform to expand the browser is the trend.

Source: http://www.haoxiaoru.info/archives/587