User Experience Design: Effective communication of information on mobile website

Let users read your site is the beginning of all things, in order to be in the narrow mobile web site as effective as possible to convey information, the picture of this article I use a mobile phone screenshot, browser for UCWeb 7, mobile phone for Sony Ericsson M608.

Let users read your site is the beginning of everything, in order to be in the narrow mobile phone site as effective as possible to convey information, I summed up so several.

This article's picture is I use the handset a screenshot, the browser for UCWeb 7, the handset is the Sony Ericsson M608.

1. Clear text Spacing

The appropriate size of the text interval allows users to read the content when not too tired, but also effective to avoid dizziness. Let your users take little effort to understand your intentions and take the next steps.

2. Comfortable text color

Most people use mobile phones when surfing the internet is in an unstable environment, such as the bus, shopping malls, even when walking, comfortable text colors can ease the user's visual fatigue, not let them because the eyes too tired and put the phone into the pocket.

3. Use a different text background color

A background color with a large contrast to the text color can help users to read the text content more easily. The background color also lets you distinguish between specific content and other content areas. If you want to display different kinds of information on a small screen, a different background color will be a good way to do it.

The site on the left highlights the key news with the background color, and the site on the right uses the background color to separate the columns from the content.

4. Use different sizes of text

The important content can be used in large characters. This is still valid on the mobile Web site. And because the mobile Web page is usually very small, the appropriate large font will be the first to seize the user's attention.

5. Use a different text color

Different text colors are another way to distinguish between displaying information. In the rarely used pictures of mobile websites, different text colors can also increase the interest of the site.

6. Control the amount of information

The phone screen is very small, so don't try to cram everything into one page. As much as possible to the most important show out, the rest of the user can choose whether to click to continue viewing.

Do you want to put so much news in one category when you look at this site?

7. Do not forget the picture annotation

Many users use mobile phones when surfing the Internet will choose to screen pictures, this time good picture annotation will not let users feel the site rough. Conversely, if only display "picture" the word, will increase the user to the website boredom.

The left side of the site is a good use of the annotation of the picture, the logo image into the text "mobile Sina net" looks good. And the right side of this is more embarrassing.

8. Clear Navigation

The more space is small, the more clear navigation is needed. The best result is that the user knows where they are and how to get to another place.

The first site on the left, the navigation and the text mixed together, looks more Ching.

These two have no such problem, in different ways to achieve the same separation of the navigation bar.