Limitations of Mobile Client

Browsing information on the mobile phone, compared to the computer has a lot of restrictions, mobile phone screen can not be avoided to allow a page to show too much information, environmental light changes doomed page design can only be biased, traffic restrictions are doomed to not have too many pictures and styles.

If you let your users directly on the phone to browse for Web pages designed, even after some mobile phone browser optimization, the experience is not very good, and sometimes unbearable.

So how do you adjust the way information is displayed so that content can be more friendly on a small screen phone? Next I will explain my point of view through some principles and examples.

First of all, our ancestors Ben Shneiderman 8 golden rules of interaction design we have to keep in mind, because these laws are also applicable to the Basic Law of mobile Internet

Strive for consistency. Strive to be consistent with the enable frequent users to use shortcuts. Allow frequent access to the shortcut keys for informative feedback. Provide clear feedback design dialog to yield closure. Design dialog that tells the user that the task has been completed at an offer simple error handling. Provide error prevention and easy error correction Permit easily reversal of Actions. It should be convenient for the user to cancel an operation Support internal locus of control. The user should be controlled to reduce short-term memory load. Reduce the user's memory burden

Second, there are some additional points that need to be added to the principle of interactive design on the phone

Minimize the operation of the steps to maximize the use of clicks instead of input time to let users know that their location and the Web consistent and data synchronization for the input method to make room

And for the mobile phone information on the way, it is the focus of this article, but also from the "Mobile Consortium Design" a book has been some inspiration.

The information on the phone, on the one hand to help you find the information you need, on the one hand to provide a friendly way to read the information you need. In order to support these two tasks effectively on the mobile phone, the information design in the mobile website interaction design needs to satisfy the following several:

Summary form showing information navigation and prompting in a clear position to reduce scrolling

Presentation of information in the form of abstracts

Because the information on the mobile phone and the information on the web have a common starting point-to facilitate reading. Any way to help users quickly determine whether a piece of information is valuable can be used to prevent users from spending a lot of time reading something that doesn't make sense to him. Because the Web can display very detailed information, and the mobile phone display a slightly longer article on the need for several pages, so we can not put an article directly fit to the mobile phone version on it, but also need to provide a new way, so that users can view the overall situation, all of a sudden see all the articles, This requires that the information be abbreviated into the form of a digest, but this also needs to be considered in terms of circumstances, such as the following examples

1, for the news, need to display the title

2, for the blog, need to display title + Time + comments

If the http://elyaaa.com does not fit directly into the phone, the style, such as on the experience is not good, even the large screen touchscreen phone needs to zoom + scrolling operation to see the full picture

But after the optimization of the http://elyaaa.com/wap/index-wap2.php can provide a good enough experience, in the form of a list of information, users can be the first time to learn about the site's profile, quickly find effective information to browse

3. For the Forum, need to display title + Author + time

Renren's log presentation form is close to the presentation requirements of the Forum, showing the detailed title, author and time of publication. You can then open the log in just one step, with a quick index and a good experience that adds a lot to the client.

4, for micro-blog, need to display all