Repost] WAP2.0 browsing class business specification

2.3 Menu Specification 2.3.1 Use of menu Use menu usually: • Provide a list of data (such as email addresses)? Connect to a new page (such as selecting)? Do you choose to choose? (If you choose a specific date)? Change an option (such as allowing the user to change setting) 2.3.2 Menu Recommendation Specification menu use specification:? The menu item is aligned to align the left alignment;? There are some logic in the menu. The order is arranged, such as according to type, time, alphabetical order, etc. If there is no logical order, you will be arranged in the priority, the most likely selected row is in front. • You must add a color icon before a navigation menu, the icon is GIF format, should try to be less than 300 Bytes. • You want to specify its AccessKey property before the service class menu, which is digital shortcuts, the two types of menus are defined as shown below: Figure 1: Navigation class menu: After following the next level menu Figure 2: Service class menu: followed by Actual content? Do not more than 9 options in the service class menu. When the option is more than 9, the "Next" is established as the ninth option, as shown in Figure 2. The specific requirements are as follows: 1, the icons before the navigation menu requires as follows: Dimensions: 25x15 PIXLE file type: GIF Size: less than 300 Byte support color: 8 bits 2, the menu should not be used as much as possible, because In this way, for most terminals, the wrap of the menu text can be caused, but it affects the appearance of the interface. 3. In the default, each item in the menu occupies a line, but in special cases, multiple menu items are allowed in the same row. 4. If you need to perform multiple operations on a menu item (or soft button), you can implement it by pop-up menu. 5. Note: The same menu item is displayed on different mobile phones. Most mobile phones will join the menu items, and some mobile phones will use squares to pack the options and parentheses, so don't use underscores when you display text. Waitage. 2.4 Multiple list options 1, can significantly reduce user input by using multiple selection lists. 2, multiple lists should not be displayed in branch. 2.5 Returns the connection specification User often uses the return button in the phone (usually the delete button) or the soft button in the browser is returned or exited, so returns a connection to a business success is critical, to pay attention, return The connection design is good, will significantly improve the number of users. 1. There must be a "dream network home" connection at the bottom of the start page of the business. 2. There must be a connection to the "return to the previous level" at the bottom of the business used, and return to the mobile phone portal home page. 3. Returns the last level: refers to the application menu that returns the sp. - Dreamnet Home: Refers to the home page of the mobile dream network. When you cannot return to the previous page, bring the user to the most convenient to use the service. The return connection is not always practical, for example, when the user transaction or deletes some data, the return connection should not bring the user to the page that confirms the transaction or delete operation, but also returns directly to The business start page, or bring the user to a page that has completed the transaction or delete operation. 2.6 Text Display Specification 1. One WAP 2.0 terminal can generally support large pages content display, but consider downloading time, the page content is controlled below 5K, which is within 2000 Chinese characters.

2. When the content you need to display is more than the range, provide a "next page" connection at the bottom, but under each column, the content transmitted to the user is preferably not more than 5 pages. 3. Display the content branch of one line, but the main menu and subtragettic title should try to compress the text into a line. 4. All text is aligned. 5. Left soft button Connect to the next text page (show more), the right soft button displays the relevant operation (such as email reply, delete, etc.). 6. Read news, email, etc., you should provide a "next" connection, used for users directly to the next news topic or email, not only "next page", users are easy to misunderstood as the same The next part of the subject. 7. Do not use the connection to make an action (such as delete mail, etc.) in the text page, and the soft button is implemented, and the bottom connection cannot be more than 3, and the last connection function should be connected to the page. Consistency (generally continued display information or display completion). 8. Code of content text: You should be set to unified English, avoiding English and Chinese mixed content, such as "Loading ... Please wait", you should "download ... Please wait". 9. The items in the menu are arranged in a certain logic order, such as by type, time, alphabetical order, and the like. If there is no logical order, it is arranged in priority, the most likely selected ranks are in front, and the latest updates are placed at the forefront. 2.7 User Enter Specification 1. Try to minimize user text input 2. When the input area is activated, only one confirmation is required, and other functions are required. 3. For each input item as much as possible and described, do not more than 10 Chinese characters 4. For each input, the input content is limited to 254 characters. 5. Let the input box change along with the content input by the user, start providing a row, increases with the user input content, and the input box will gradually increase, and do not define a fixed size input box. 6. The user to increase the operation of the switching input method should be avoided by setting the type of input box. 7. Password input to the user, do not cover up, it will be displayed in the text on the mobile phone. 8. Use the MAXLEngth parameter to limit the length of the user to enter the password, avoid the user's error. 2.8 Formatting Input Specification Format Input mainly includes content with fixed formats such as input date, credit card number, and so on. 1. All formatting inputs must indicate the input format, if the input can be represented as: mm / yyyy See the following example: 2. Forced the input type, the input number is where the letter is entered, can be entered The number of characters entered via the maxlength parameter 4. The preform of the determined content can be represented as 20xx when the input date is input, and only the two digits can be entered. 5. Automatically switch to the text function that can determine the user input. When the user is required to enter a password, it should be automatically switched to "Digital Function". When the user enters the Email address, it should be automatically switched to "English". "

2.9 Form Specifications You can organize some display areas and input areas through a form. The form is mainly divided into two, one is the guide list, covering multiple pages, boosing users to enter some information in order; second, the combination form, mainly Some different types of object portfolios are the specific specifications of the form using a list: 1. Multiple different types of objects can be used in the same page 2. Try to display the widespread list in the same page. Or boot user input 3. Different pages are connected to a form to meet a list of logical order 4. Unless you need to insert data in the input area, try not to use buttons in your form 5. Try not to use other pages in your form. Connection, unless the content below is insignificant, because the user is easy to skip the following content through the connection 6. When the user completes all the pages in a form, you must have a confirmation page to alert the user. Whether to confirm all input data 7. If you exit the user using a form, you want to prompt whether the user confirms to exit 8. For 3-4 options, by selecting the button to provide users with selection 9. During 5-9 Options To implement 2.10 icons and graphic specification 1. All colorful phones support GIF image format 2. Do not define any operations for graphic objects 3. Be careful with image, possibly The page fails during the image download process 4. The image that is larger than the display screen can move vertically in the phone, but cannot be moved horizontally, so the width size of the image must meet the requirements of the phone. 5. Given the current GPRS network speed, the picture content size should be as small as possible to obtain balance between the user visual experience and the download experience. Each page All images add up to less than 10K, and specific technical means can be implemented by reduced the number of images of the image. 3 Other considerations 3.1 Terminal adaptation Even if the WAP 2.0 XHTML MP defines a tag language, please pay attention to its support for its support. With the increase in WAP 2.0 terminals in the market, this situation will be more prominent A set of pages have different forms of performance on different terminals. Therefore, please pay attention to the development of the SP, identify different terminals and push the adapted pages according to their different capability properties. 3.2 Cache Specifications Cache can realize a quick review of accessible content, do not leave content (such as news, stock information, etc.) in Cache 2, for some specific content (such as weather information, traffic information, etc. To limit its effective time in cache, for dynamic information to force update 4, Cache control See RFC 2616 Related Documentation 3.3 Cookies Specifications Given that the terminal browser can set the cookie, therefore, for the need to save the session relationship WAP 2.0 applications should save the session relationship through the URL Rewriting, so that the user's session information is saved in the URL, and when the user clicks on the link, send back the server to maintain the user's session relationship 4 keywords Specification in business, the consistent keyword use style can significantly improve the availability of business, in general, keywords should be capitalized, while other letters should be lowercase unless some somewhere is combined, such as: OK, etc. Some keywords applications: 1. Determine (OK) for selecting operations in a selection page or confirming an action, such as sending a message or information.