With the rapid development of mobile communication technology and the intellectualization of communication terminals, the advantages of convenient Internet access of mobile phones are gradually emerging. Mobile phones will eventually become one of the most important channels for people to access the Internet. In addition, many consumer centric enterprises have realized the good prospects of mobile platforms. Even, the use of mobile phones in shopping is no longer limited to the current extensive website situation. Home Plus, a Korean supermarket chain owned by Tesco, a European retail giant, recently launched a new electronic virtual supermarket in the South Korean subway station. When waiting for the subway, customers can look at the products they sell as if they were in a physical store, then scan the selected products with their mobile phones and settle accounts online. The supermarket will deliver the purchased products to their homes on time.
The following points need attention in mobile web page design:
1。 layout
Due to the influence of the web page itself and external factors, it may take a lot of time to read the web page with mobile phones. So remember, make your mobile website designed to be user-friendly. For example, put all the most important information you want mobile users to see at the top of the page; Try to avoid placing navigation on the left and right sides of the interface, because in order to facilitate reading, we need to design the page content as a single column. The use of tables should also be reduced. If you must participate in a table, it should not exceed 2 columns, and avoid the integration of rows and columns. Due to the limitation of screen size, the overwhelming menu is not allowed in many cases. The menu may have to be vertical, but it may be uncomfortable if the user is required to scroll down the menu on each page to see everything clearly. Therefore, if your website has only three or fewer links, you can choose a menu that always floats in the visual window. In this case, it happens to be horizontal. For example, apply navigation on the first page, and apply links or breadcrumbs at the top of other pages to connect to the first page.
2。 content
Because users may be walking when reading your web page, you need to ensure that the information on the website is easy to browse and read, and users can quickly identify and easily find the information they need. It is necessary to confirm the content to be displayed on the mobile interface, and reasonably plan the menu and text to avoid unreasonable scaling changes caused thereby. As for the text layout, you can use the title to master the font size.
3。 code
stay Mobile website construction There should be no special requirements for coding in the actual manufacturing of, so it is convenient to apply XML or XHTML coding. You can also use the most basic HTML and CSS coding. The title tag, description meta tag, title tag and file name should be carefully made with the target keywords to maximize the usability of small optimized content.
4。 picture
Generally, most of the pictures loaded by mobile phones are heavy for them, so the pictures of relevant local applications should be as small as possible. And the pictures should be JPEG, GIF or PNG, because these pictures are very light. In addition, make sure your pictures are compressed to prevent them from becoming larger on the page. It is also worth mentioning that users often see unopened pictures. Therefore, it is best to always apply alt text, which is the recommended practice.
5。 Page size
When specifying the style of a mobile website, you should keep everything simple and try to find small pages. The maximum size of mobile pages is 20KB, so try to ensure that everything meets this requirement. If possible, the page size can be less than 10 KB. It is important to know that the user's data fees on the mobile network are charged in kilobytes.
6。 Web link
A good mobile website design should have a back button and links. Since some other machines do not have hard buttons to return, we should try to provide them with such function buttons to get rid of the current dead corner page. In addition, ensure that all pages can be linked to other pages. Even if it is a page of telephone content, it can also add the function of call type connection. It is quite difficult to enter text on mobile websites. Designers need to provide users with convenient radio buttons and lists so that users can quickly select according to their own needs. On mobile devices, everything is small, and links are no exception. At the same time, you must ensure that users can click it easily and accurately. We can use larger fonts on links, or apply large areas of white space around them. When selecting a link, in addition to adding high-low dashes and changing the color, it is better to change its background color (even if the link is in a segment) to facilitate mobile device users to confirm the content of the link they click.
7。 Screen size
Each mobile phone has a screen of different sizes, and some mobile phones have two conversion methods, portrait and landscape. Therefore, your website cannot be fixed in pixel width. It will be better to apply percentage and EMS. This method can make your website adapt to various screen sizes.
