User experience website interface layout
Source: Shangpin China |
Type: website encyclopedia |
Date: August 14, 2012
Beijing website construction Company Shangpin China: The layout and display form of website pages directly affect the convenience of users using the website. A reasonable page layout will enable users to quickly discover the core content and services of the website. If the page layout is unreasonable, and users do not know how to get the information they need or how to browse the page to get the corresponding services, they will choose to leave the site, or even rarely visit the site again in the future. The basic principle of page layout is not only to reflect the focus of website operation, but also to take into account the network behavior habits of users. In this way, we need to improve the website page layout from the following aspects to improve the user experience. The Beijing website construction company Luxuries: Chinese Web page layout, display forms directly affect the usage convenience. Reasonable page layout will allow users to quickly find a website is the core content and services. If the page layout is reasonable, the user does not know how to get the information needed, or how to browse page to obtain corresponding service, then they will choose to leave the site, and later also rarely come back to visit this website. The layout of the page is the basic principle of it is to reflect the website operators to focus on, but also the user access network behaviors habit, so, need from the following several aspects to improve web page layout, improve the user experience.
The relevance of website page layout and content. The interface layout of the website is closely related to the content structure of the website. The interface layout should first follow the user's browsing habits and the information design of the website, present the content in a reasonable and orderly manner in front of the user, and place important information in important sections of the page so that it can be presented to the user. At the same time, the interface layout of the website can also reflect the operation idea of the website from a certain procedure, and have an impact on the final marketing effect and conversion rate. Web page layout and content correlation. Web interface layout and website content is closely related to architecture. Interface layout first should follow the user browsing habits and website design, content of reasonable and orderly in the user before, the important information is placed in the page important section to key is presented to the user. At the same time the website interface layout can also from certain procedures reflect the website operation train of thought, and the ultimate marketing effectiveness and conversion rate influence.
Advertisements have been placed in an important position on the homepage of the website, but the promotion and preferential information that users care more about has not been better reflected. The purpose of advertising on the website is to cooperate with marketing activities for publicity. Such layout seems to be the purpose of website construction, without enough consideration of user needs. Ads were placed in the home of an important position, while the user is more concerned about promotions and discounts to better reflect the information. Web site using the purpose of advertising is to match the market marketing activity to do publicity, so the layout appears is the purpose of the construction site, and there is not enough to consider user needs.
According to website competitiveness, 1 should be considered in website layout, from top to bottom, from left to right, and placed in order according to the priority of content importance; 2. Important content must be placed in a prominent position in the front; Establish a clear sense of visual hierarchy; 4. The page layout should be clear about the uniform layout of pages at the same level; 5. The part on the right of the page content that contains relationships should be nested in the visual design effect; 6. The related parts of the page content should also reflect the relevance in the visual effect, and also be suitable for SEO website optimization 。 Website competition ability think : a site layout should be considered in 1 from top to bottom, from left to right, in accordance with the content of the importance of placing priority order; 2 important content must be placed on top position; 3 to establish a clear visual hierarchy; 4 page layout to clear the same level of the layout of the page; 5 pages the content includes part of right relationship, visual design effect to be nested; 6 page content related contact portion, the visual effect but also reflects the relevance, but also for SEO website optimization.
2. Compatibility of website page layout design. The local compatibility of the page is mainly considered from two aspects: one is compatibility on mainstream browsers, and the other is compatibility on mainstream display resolution. The browsers are mainly Microsoft's IE and Firefox [Firefox Firefox 3.0 beta version will be released next week], and the design should consider normal browsing on multiple browsers; The screen resolution is mainly 1024 * 768px and 1280 * 1024px. Most users still use 1024 * 768px at present. Therefore, the website interface design should also be based on the mainstream resolution as much as possible, taking into account the trend of future mainstream resolution UEO marketing website construction 。 Finally, with the arrival of the 3G era, mobile commerce is also the trend of future development. When establishing websites, enterprises need to be compatible with mobile browsing and establish WAP websites for mobile browsing. Web page layout design compatibility. Partial page compatibility mainly from two aspects: one is to mainstream browser compatible, the two is to consider the mainstream display resolution on the compatible. Browser is Microsoft 's IE firefox[Firefox and Firefox Firefox 3 beta release next week ], should be considered when designing a variety of browsers can normal browsing; while the screen resolution is 1024*768px and 1280*1024px, most current users still using 1024*768px, so web interface design is also kept in the mainstream based on the resolution, balance to fit for the future trend of mainstream resolution, to do a good job in UEO marketing website. Finally, with the arrival of the 3G era, mobile commerce is the future trend of development, enterprise website is also necessary to establish compatible mobile phone browsing, for mobile phone browsing WAP sites.
Website competitiveness believes that: compatibility design is mainly the skillful application of Web standards; 2. The website interface should be compatible with mainstream browsers; 3 The website interface should be compatible with mainstream resolutions; 4. The website interface is compatible with mobile phones, screen readers and other special devices. Website competition ability thinks: compatibility design is 1 Web standards of proficiency; 2 web interface to mainstream browser compatibility; 3 web interface to mainstream resolution compatible; 4 web interface for mobile phone and the screen reader and other special equipment compatibility.
3. Key points of home page design. As the first entrance of enterprise online information, the home page not only plays the role of image display, but also plays the role of information transmission. At present, the home page design of domestic brand enterprises attaches too much importance to the function of "image display" and ignores the function of "information transmission", resulting in a large number of enterprise website home pages are all full screen flash, which hinders users from obtaining information quickly. Home design points. As the enterprise information the first entrance, home not only plays the image display effect, more important is to play the role of information transmission. At present, the domestic brands of home design attach too much importance to " image " and " information transfer functions ignore " function, resulting in a large number of enterprise website home page is always a full-screen flash users quick access to information, to hinder.
Therefore, the home page design of the website should convey the brand image at the same time, so that first-time visitors can understand the content, services and functions of the website at the first time. At the same time, through the home page, they can quickly reach the target page they are looking for. Therefore, the home page design needs to have some basic elements: corporate logo logo, information search box, global navigation bar, product category directory Dynamic news, recommendation information, website map and other basic elements. Therefore, the site's home page design in the transfer of brand image at the same time, let 's first visit to the user in the first time to understand the content of the website, service and function, at the same time, through the home, can quickly access sought target page, so the page design needs to have some of the basic elements: enterprise logo labeling, information search, global navigation bar, product catalog, dynamic news, information recommendation, site map elements.
The competitiveness of the website believes that Lenovo's website has the necessary elements for most home page design on the whole, but there are still many deficiencies in hot products, website maps and other details. At the same time, the online homepage design includes: 1. the logo and mission of the site, so that users can understand what the site does and what is unique; 2. Tell users what content and services the site provides; 3 Registration and landing entrance; 4 Key links are recommended, but it is necessary to avoid the accumulation of a large amount of information on the home page, which makes it difficult for users to obtain key points. Website competition ability thinks: on the whole the Lenovo site has the most home design the necessary elements, but in a hot product, site map and other details have many shortcomings. At the same time, the online home design includes: 1 site marking and mission, allows users to understand this website is doing what, what unique place; 2 to tell the user site provides content and services which; 3 registration and landing entrance; 4 key links recommended, but to avoid a large number of home users to obtain information accumulation focus on.
4. Design points of website list page. Common list pages include text link lists such as news pages and mixed text lists such as product pages. The site search results page is also a list page. The characteristics of the list page are: the user's browsing purpose in the list page is quite clear, and the optional information concentrated on a certain topic is rich, which is the last bridge to the content page; The user scans this page and hopes to find the link target to enter the content page as soon as possible. Therefore, the list page should minimize interference information and highlight the link title of the content. Site list page design. Common list page includes news text type of link list and product page and other graphic mixed type list. Search results page to page a list. List page features : user list page browsing objective is quite clear, focused on a certain subject under the optional information to the page content is rich, the last bridge; users on this page scanning browsing, hoping to find links to content page. So the list page should minimize the interference information, highlighting the content link title.
This is Alibaba's English product list page, which consists of product thumbnails, product names, product descriptions and other information. The information bar on the right is a history of user browsing pages and some relevant user tips and help information for users to browse. This is Alibaba English edition product list page, thumbnails, product by product name and product introduction, information structure, the information bar is for browsing pages historical records and some related user tips and help information, convenient for users to browse.
According to the competitiveness of the website, attention should be paid to the design of the list page: 1. Add a title and a paragraph of summary information to the list; 2. Try to display as many lists as possible to reduce frequent page turning; 3 The space between two adjacent lists shall be clearly distinguished, and the title of each list shall be eye-catching; 4 The product list should preferably provide a thumbnail of the product; 5 The information bar on the right has relevant help information and browsing tips. Website competition ability thinks: list page design need to pay attention to 1 for the list to add a title and a brief information as much as possible; 2 the display list number, less frequent page; 3 adjacent two list clearly distinguish the spacing between, each list Title striking; 4 product list is best to provide product thumbnail; 5 the right information bar help information and browsing tips.
5. Key points of website detailed content page design. The detailed content page should belong to the deepest page of the website, such as the detailed content of a single news or the detailed content of a single product. Generally, there are many words. In form, it is mainly divided into text typesetting and image text mixed typesetting. On the detailed content page, the purpose of the user to obtain information has been quite clear. At this time, it is not appropriate to have interference content on the left or front of the page where the line of sight is most concentrated. Instead, the interference content should be placed on the right or the bottom of the page. At the same time, as the detailed content page is the ultimate page of the website, a large number of users close the window here to exit the website, so it is necessary to provide links to other content related to this article according to the content theme of this page, such as the "related articles" list, to try to retain users. Site content page design. The details page should belong to the site of the most deep-seated page, such as a sheet of news details or a single product details. Generally have more words. The form is mainly divided into text layout and mixed map and text. In the detailed content on the page, the user access to information of the objective is quite clear, this time not in on the left side of the page or the front sight most centralized place appear to interfere with sexual content, and should take the interference a right or the bottom of the page location. At the same time, the details page as is the site of the final page, a large number of users here to close the window exit site, so it is necessary according to the page content themes related to this article links to other content, such as " the list ", try to retain customers.
The competitiveness of the website believes that: the detailed content page design needs to pay attention to 1. Put more relevant content links and other recommended links and advertisements at the bottom or right side of the article; 2 For longer text, the summary and design anchor list should be provided; 3 The detailed page of the product should be in the form of table or list for more complex parameters; 4. User comment and message function; 5 Add user selection recommendation and voting ranking. Website competition ability thinks : details page design need to pay attention to 1 the bottom or right placing more relevant content links and other recommended links, advertising; 2 for the longer text, should provide the abstract and design of anchor directory; 3 product detail page for more complex parameters should adopt the table or list form more easily view; 4 user comments function; 5 increase the user choice recommended and voting list.
This article was published by Beijing Website Construction Company Shangpin China //ihucc.com/
Source Statement: This article is original or edited by Shangpin China's editors. If it needs to be reproduced, please indicate that it is from Shangpin China. The above contents (including pictures and words) are from the Internet. If there is any infringement, please contact us in time (010-60259772).
