Web design: Talk about product design differences from PC end to mobile end

Intermediary transaction SEO diagnosis Taobao guest Cloud host technology Hall

What is the difference between PC and mobile Client (APP) design?

Enterprise App Research

With the advent of the mobile Internet era, the products of mobile end are getting more and more attention. In the planning of products, the PC-side and mobile-side products are often placed in the same important position to think. Response design in the near period of time appears fiery abnormal, but also shows that more and more people pay attention to the user in each device terminal level experience. However, the diversity of equipment and the variety of product forms give designers more space to play, but also bring more challenges to designers. PC, PAD, phone or even TV and WAP, the combination of the client formed a variety of products, these products in the design of what is different, how to plan the different platforms on the function of products, design, what differences are very worthy of discussion topics.

The picture is LinkedIn's Web, IPhone and IPad version.

How to plan the functions of different products

On the PC side has the oversized screen, has the mouse and the keyboard flexible interactive form, its function is often more complex, the user can through the mouse pointing form quickly completes each kind of task. However, in pad and mobile phone, the screen can present a limited amount of information, interactive form is also a relatively poor form of gestures, all of which determine the mobile end of the function should be done subtraction.

For new products, mobile priority or move the same important product planning is important, independent thinking on the mobile side can present the function and content, so that designers more clearly see the core functions of products, content, conducive to designers to grasp the direction of the product. Even consider the mobile end priority over the PC side, the function of the PC in the mobile function based on the architecture, it will not be separated from the core value of the product.

The inherent characteristics of the PC are more advantageous in complex functional operations. Is that a complex function that is transferred directly to the PC, but only simple on the phone? I don't think so, to see the product's target users and product characteristics, some products users are only more inclined to use the mobile end, and even some users of this product do not have a PC. Therefore, on the basis of considering user characteristics, the product information architecture of mobile end is prioritized. If some of the features feel transferred to the PC to measure the no problem, then I think can be transferred, in the mobile end highlight the most core features to the user, and keep the interface concise.

For old products, such as Taobao products, its PC side itself and its complexity. That in product design, more thinking in the mobile end of the user's use scenarios and core functions, first to meet the core functions, to meet the mobile phone features and mobile scenarios.

Second, design differences in where

The current design techniques in various platforms, various forms have converged trend, in the web side of the design is more and more clients, many web apps make it difficult to judge whether the HTML5 do or native. As a result, the differences in design techniques will be less and less.

However, based on PC, pad, phone equipment characteristics of a larger difference, PC pointing operation and PAD, phone touch operation is very different, touch-first design principle of the mobile end of the design has a greater help. Second, the user's device performance and network characteristics vary widely, in the design needs to think about the environment used by their users. Again, many devices users, when using products, how to switch between devices, how to connect the operation of different equipment and not discarded are designers need to consider the problem.

For WAP and native design, the main concern browser support characteristics and native can play the mobile phone, various types of sensor characteristics, which requires the designer to broaden their thinking to think, good design can greatly enhance the experience.

Iii. What are the strategies for design

Response design is the most common approach to web design from the PC to the mobile end. And in many companies there are many practices. Taobao, Zi-woo (Editor note: Taobao Senior UED director) has been in the promotion of response-style design, in a Amoy nets, Taobao search and many other products have practice, in general, the user experience has played a positive role. However, we see a good response to the site is often a relatively simple structure of the blog class, news class sites, these pages structure simple, responsive rules easy customization, front-end implementation is not complex. And for the complex web page response design, you will encounter a lot of challenges, Taobao Senior designer, Le Ride, in the play Guest project, summed up a set of design, it is worth reference. But in general, it's worth exploring whether a complex page should use a response.

What is the difference between a PC and a mobile client (APP) design? Successful mobile client products are often based on user tasks and the use of scenarios designed to play the characteristics of the mobile phone, so that the original PC function is better to make up and upgrade. The LBS allows users to quickly spot nearby shops, Twitter can quickly upload real-time photos, and can query anytime, anywhere.

What is the focus on WAP and client? The two are consistent in terms of usage scenarios. The main focus has two points, one is that the flow of the two are often inconsistent, according to the source of traffic to distinguish between the characteristics of users, based on the different characteristics of the user to make the difference between the two products. The second is a number of WAP restrictions and advantages, WAP has a lot of functions can not be achieved, in addition, WAP has the advantage of rapid iteration, but also can carry out some of the project error. Of course, the current WAP and client is also in the integration, which is also a direction, with the HTML5 and other technologies mature, the integration of the two is sooner or later things.

Finally, the era of mobile internet has come, the volume of mobile users will be more and more than the PC, in the product design, thinking that the mobile platform is inevitable, how to better the whole platform design, but also to be more people in the industry to explore. I remember a few years ago, I was very believer that the mobile side of the product should be a PC supplement, now it seems completely unreliable. such as micro-letter products, the PC side of the design is purely mobile side of the complement, more products do not have a PC-side products. Therefore, how can carry on the whole platform design, also need according to each product characteristic, the user characteristic, the situation characteristic decides, the biggest display product core value to the target user, this succeeds!