How to build a good mobile website? Google experts teach you 25 strokes (v) [turn]

▌21, your product images need to support large image display

Customers want to see the products they buy. On a retail site, users want to see higher-resolution product images, so you can see more details, and if the site does not support a large-picture display, it will certainly make users feel very disappointed.

Key elements: High-quality close-up images are required for these key images of product photos.

▌22, tell users which screen direction to visit the site most comfortable

Users tend to visit the site in a fixed screen direction, unless prompted to tell them to switch the screen orientation (for example, when watching a video). You can design your website by taking into account both vertical and horizontal screen orientations, and encourage users to switch to the best screen orientation. But anyway, to switch the screen direction, you have to make sure that some important "Call of action" content can be clearly displayed on the site.

Key elements: You can communicate the best screen orientation with the user, but make sure that the important "call to action" content remains prominently positioned.

▌23, keep users in a single browser window to access your website

Switching windows frequently on a smartphone can be a hassle, and users may not be able to find how to get back to your website. So, let the user browse your site in a separate window. In particular, do not open the "Call of action" content in a new window.

Key element: Make sure that the "Call of action" content is displayed in a single browser window.

▌24, avoid "whole site" label

Once the user sees the "All-power" option, it will feel that the "mobile site" is a compact version of the site, and eventually choose to click into the "full site." Even if the content of the desktop and mobile sites is consistent, it can be misleading to users, so you could use the "desktop Site" tab instead of "whole site".

Key elements: To give users a simple site switching experience, with the "desktop site" tag, instead of the "whole site" label.

▌25, you have to understand why you need the user's address information

Users generally want to know why you ask them for geolocation information. For example, a user on a travel site to book a hotel in another city, but he is very strange, because this site will require the user to provide the current location information. So, you need to put the location on the site this column default to empty, and then let the user choose, or provide users with a clear "Call of action" action, such as "Find Near Me", and so on.

The key ingredient: you have to understand why you need the user's address information, and then learn how that information affects the user experience.

In response to these 25 points, Google's user experience researcher Jenny Gove summarizes the most important four points, respectively, as follows:

▌ 1, add an eye-catching search bar

If your mobile site does not yet have a search bar, then you really need to add one quickly. "On mobile devices, people want to be able to quickly find what they need, so we find that there is a lot of demand for search bars and it's best to put them on the home page. "Gove explained.

Of course, as a research project initiated by Google, it does not seem surprising to suggest that the search strip be installed prominently on the site. But in fact, Google found that users do not really mind using the search bar, because it allows them to quickly find the information they need.

▌ 2, split the big table into small pieces

Google found that many sites would require users to provide a variety of information, such as address information (required to send goods), credit card number (required to pay the bill), and so on. When filling in this information, the website will often provide a long form page, which has a variety of input boxes, very complex. So, if you can split these tables into smaller, easier-to-understand chunks, the effect might be better.

In addition, Gove suggests that you should be able to display the steps for filling out forms. And it is best to fill in real-time verification of the correctness of the input content, such as the user input their own zip code, can be verified in real time.

▌ 3, allow users to browse anonymously

Some shopping sites require users to sign up or sign in to make a purchase. Some sites are more exaggerated and must be registered or logged in before they can be browsed. Both of these approaches are wrong.

"If you're going to create a retail site, if users don't have a registered account, they'll be able to give them a visitor's identity," Gove says. Yes, businesses want users to be able to sign in, but they can only do it after they've paid the bill. ”

▌ 4, to support the convenient switching between devices

Because people use mobile terminals anytime and anywhere, it is very likely that they will be interrupted by something during use and then moved to work on the laptop.

Gove believes that the most tragic experience is that when users switch devices, they can't continue their previous experience, it's too much of a hassle to have users copy and paste the URLs they visit.

The best solution is that the mobile site can provide a shortcut button, and then automatically send the current link, or access to the user's own mailbox, and then regardless of the user on what device to log on, can continue their own experience.

Finally, Gove that Google through user research, clear positioning of the construction of mobile sites exist problems, she felt, although a lot of problems, but fortunately these problems can be identified, and if these problems can be written down, it means that people also have the ability to solve these problems.