Vivid images: Mobile thinking and web thinking

With the rise of mobile internet, the word mobile thinking is increasingly being mentioned. Often people ask me what is mobile thinking, in fact the word is quite WEB thinking.

summed up below:

The use and usage habits are different due to the different physical devices. (Thinking is for the designers of mobile products, but for the user is the use of habits)

Use squat toilets and toilets to compare WEB thinking and mobile thinking, respectively:

Using WEB thinking to do Mobile:

Using mobile thinking to transform the WEB:

In fact, no matter what the thinking, as long as the product can be made easy for users to use, in line with user habits. WEB thinking is the father of mobile thinking, but also can not be moved to the overall move above, or according to the characteristics of the mobile transformation.

Let's explore some of the differences between WEB and mobile:

A physical difference

Physical differences include differences in size and functional differences.

1. Differences in size

PCs can render more content on a single screen than smartphones, although the size of smartphones is now bigger. Differences in screen size have led to differences in layout design on the WEB and on the phone.

WEB and mobile devices interact in different ways at the same time.

The type of gesture is more than the type of mouse operation, using the characteristics of gestures can make a lot of interesting and novel interaction.

But the tapping area of the finger is larger than the cursor.

And because of the "bad" of mobile scene, the content on the mobile side, the font as far as possible to do larger, easy to identify. Because your users may be on a crowded bus, subway, may be walking while playing mobile phones.

2. Differences in Functionality

The smartphone is portable and comes with a variety of sensors compared to traditional PCs. There are a number of applications for the unique features of smart phones:

There are also flashlight applications based on the characteristics of the front-facing flash. Drawing applications based on touch-screen features. Others, like shaking and sweeping these features, are hard to make on a traditional PC.

So make full use of the features of your smartphone when doing mobile products.

Two differences in user usage habits

The difference of mobile thinking is embodied in this stage, the physical difference of equipment leads to the difference of user's usage habit, so the thinking of product designer should change at this stage.

Let's start by analyzing the evolution of the following several products.

• Blog--Weibo--Instagram

As you can see, from PC to mobile, products are becoming lighter and thinner.

Why is there such a change?

Because the mobile scene, the user's IQ is very low! Even the illiterate!

On the WEB side, the user will put most of the attention resources and energy on the PC. In the mobile scenario, the user will only assign a small amount of attention to your app. For example, you can read the news APP on the subway in the early peak, you should always pay attention to the people around you, pay attention to whether the subway station, so you assigned to your APP's attention is actually very few.

So now you should know what mobile thinking is:

Design products for the mentally retarded!

Copyright NOTICE: Welcome to reprint, hope to reprint the same time add the original address, thank you for your cooperation, learning happy!

Vivid images: Mobile thinking and web thinking