A concise guide to Web Designers ' mobile-end web Design

As early as a few years ago the mobile end of the data flow has exceeded the desktop side, mobile phones and tablets occupy the mainstream, and the combination of the advantages of the giant screen mobile phones is a big line. For today's designers, the real first screen in the end is the desktop or mobile interface, it is really hard to say. Perhaps the term "mobile-side first" is not accurate, but the "mobile-side screen primarily" argument is very close to the actual situation. Create a good small screen user experience, is now the designer to penetrate the bone marrow instinct.

So what's the most important thing about creating a good mobile-end user experience? A fine picture? Elegant icons or a nuanced UI? If you are browsing the mobile Web pages frequently, you should expect a seamless and fluent navigation experience. From a smooth interface to another interface, no hysteresis, no dislocation of the visual elements, complete content loading, the user for such a browsing experience is not stop, conversion rate of ascension is obvious.

A truly good navigation experience can help users find what they want, rather than stuffing more information into a limited screen, and adding useful, easy-to-use, key items to the menu bar is the smartest choice.

　Search

Many web pages have so much content that the introduction of search engines in the interface can help users filter their content more quickly. The limit of the screen size of the mobile end has already decided that the content of the page can be limited, and can not display information systematically and comprehensively as the desktop side.

Users expect the site to provide a fast access to accurate information channels, regardless of aimless browsing, users will often have a destination to find some kind of article or even an article, hoping to find a product, and search engines can quickly narrow the scope of browsing.

The best solution is to put the search function at the top of the screen, whether it's a mobile Web page or an app, which is designed to be easy to discover and to meet the user's daily browsing habits.

Wikipedia's mobile pages naturally place the search box at the top of the page, which is determined by the properties of the site. But LinkedIn puts the search function in the bottom menu bar, which is also in some sense curable with the interface, which is logical-after all, its social attributes are higher than the search for information.

　Home

As the main signifier inherited from the desktop side, the small house icon on the home page is a conventional existence. When a user sees this icon, it is often clear what it means.

On the mobile end, the role of the home page is significantly magnified, because in the strong interactive interface of the mobile end, the existence of home icon so that users more efficient, more quickly understand where is the home page, where the most important content, they know where to start. At the same time, mobile end of the home page to allow more content to have the core of the load.

Multiple tasks, strong interactive mobile end there is a common situation, is the phone, SMS, push everywhere, users are easily attracted by a variety of pop-up information, and once the user browses to other information, and then back to the browser, the home page became an important relay of information.

ALBERTSON's mobile End page hides the icon of the home page in the side bar of the Hamburg icon, even if it is a Twitter that uses an infinite scrolling interface, and when designing the client it is customary to solidify the home button in the bottom menu bar.

　Share button

Today, social sharing has become an integral part of the user's life as the hot development of social media. Mobile end users will see, fun, interesting, useful variety of content, product sharing to different platforms, sharing buttons, essential.

In fact, the sharing of the mobile end is more and more popular than the desktop side. The ease and popularity of mobile devices is on the one hand, sharing also occupies a place in the common interactive mode of mobile end. That's why you should add a share button to your navigation or dish.

After all, there is not a small amount of content to attract users, and as a site owner, you want to share your content at all costs, right?

　　Related Categories and recommendations

The Electronic business class and the strong content class website, the content is complex, the navigation can contain the content to be limited, therefore the related category and the related recommendation appears quite practical. When keyword systems and classification systems are well developed, recommendations and category recommendations can leave users to linger.

Whether it's a website for shopping or consuming content, it's often not necessary to add too many links to us, to contact us, and to classify and recommend a better way to keep users.

The mobile Web pages of the JC Penney and EB Games will hide the categories in the Hamburg menu, and users will be more efficient at browsing the merchandise from the catalog.

　　Select a few menu options

Designers always want to do more for the user, however, in the mobile end of the navigation design this matter, usually less than always good too much. Too many choices are often hectic for users, and are more catastrophic for the growing number of compulsive users who choose to be obsessive.

The mountain of content on the desktop side of the Web page has made users fidgety, moving on the end of this idea, the user is difficult to accept. Whether you want to admit it or not, the time available to users is more fragmented, and information is only more quickly and directly presented to be noticed and paid attention to. Deliberate and selective selection is the way to win a mobile-end Web page.