Avoid the difference huge mobile website design should avoid "seven sins"

Source: Internet
Author: User
Keywords Website design

Intermediary transaction http://www.aliyun.com/zixun/aggregation/6858.html ">seo diagnose Taobao guest cloud host technology Hall

  

Mobile Web pages have become more and more important today, but we still encounter some bad pages in everyday use. Recently, developers Umer Mansoor summed up the development of mobile Web pages should avoid the "seven sins."

Slow page loading: Well-known web page loading speed is an important measure of the performance of the site, after all, many times users do not always browse the Web page in the WiFi state, so slow loading is undoubtedly the first mobile page seven sins. Mobile Web pages should be designed to avoid the integration of too many high-resolution pictures and cumbersome script files.

  

Layout clutter: When the page is in the eye, messy text typesetting is of course also difficult for visitors to endure. Just as people in real life tend to communicate with people with clear ideas, when users and Web pages "communicate", they also want to quickly find the information they need. So messy typography is also one of the misconceptions that mobile Web pages should avoid. For example, the mobile version of Eurosmartz is nothing like a Web page designed for mobile devices.

Navigation is not easy to use: As mobile device performance increases, many mobile web designers tend to stack more content on the mobile side, and navigation becomes essential. But many mobile pages in the design of navigation function is not enough attention to its maneuverability, such as the button is too close, link spacing too small, the menu is too hidden and so on. The point-and-praise features of various social networking sites are especially easy to delay when sliding web pages. Poor navigation has undoubtedly seriously affected the process of "interaction" between users and Web pages, so that some users "complain" that their fingers are too fat.

  

There are huge differences between desktop and mobile-style pages: There are times when we may encounter sites with great differences in page styles, such as Toybox, on the desktop and mobile. Some users who are unfamiliar with this site may find it difficult to realize that this is two different versions of the same site when they jump from the desktop side of the Toybox to the mobile end. Although the Toybox desktop side of the dynamic effect is very good, but this will cause great confusion to users of the design is obviously difficult to get the user's favorite.

Window Windows: Web pages have been annoying to users on the desktop, but unfortunately some web designers on the mobile side have taken them to the mobile page. There is no doubt that the mobile device screen size restrictions on the mobile end of the window will obviously have better transmission effect, but will undoubtedly suffer more users disgust.

  

Automatic redirection: When a user uses an ipad to access a website, it automatically redirects to the appropriate ipad version, which sounds like a good idea and can be a problem in practice. For example, when a mobile version of a website because of the above problems so that users feel difficult to accept and want to switch back to the desktop version, automatic redirect basically let the user into a dead loop. In addition, the fact that browsers cannot open web pages because of redirection also occurs frequently. So you should think twice about using the automatic redirection feature.

Banner ads: As a user of course, you can understand the Web page developers to set up some ads on the page, can be banner form of advertising should undoubtedly be classified as "seven sins" one. From the development of the Internet, the banner advertising thinking seems to remain in 1999, but now is the end of 2013.

In conclusion, Umer Mansoor lists the page load slow, layout messy, navigation function is not easy to use, desktop and mobile side page style difference is huge, window, automatic redirect, banner ads A total of seven to make mobile page experience bad "evil." If you are designing a page that contains some of these items, it may be time to consider making some improvements.

Pictures from: Shutterstock, 10kloc

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.