Vivid images: mobile thinking and WEB thinking

With the rise of mobile Internet, the term mobile thinking is increasingly mentioned. People often ask me what mobile thinking is. In fact, this term is quite similar to WEB thinking.

To summarize:

The different physical devices lead to different usage methods and usage habits. (Thinking is for mobile product designers, while for users it is usage habits)

Use squat toilets and toilets to illustrate web thinking and mobile thinking:

Use WEB thinking to do mobile:

Use mobile thinking to transform the WEB:

In fact, no matter what kind of thinking it is, as long as the product is easy for users to use and conforms to their habits, it is fine. WEB thinking is considered the father of mobile thinking, but it cannot be completely moved to mobile. It still needs to be transformed according to the characteristics of mobile.

Let’s explore some of the differences between web and mobile:

A physical difference

Physical differences include size and functionality.

1. Difference in size

A PC can display more content on one screen than a smartphone, even though smartphones are getting bigger and bigger. The difference in screen size leads to differences in layout design on the web and on mobile phones.

At the same time, the interaction methods of WEB and mobile devices are different.

There are more types of gestures than mouse operations, and the characteristics of gestures can be used to make many interesting and novel interactions.

[[127827]]

But the click area of ​​your finger is larger than the cursor.

And due to the "badness" of mobile scenarios, the content and fonts on the mobile terminal should be as large as possible to make them easier to recognize. Because your users may be on a crowded bus or subway, or they may be playing with their phones while walking.

2. Functional differences

Compared with traditional PCs, smartphones are portable and have various built-in sensors. Many applications have been developed based on the unique features of smartphones:

There are also flashlight applications based on the front flash feature, drawing applications based on the touch screen feature, and other functions such as shake and scan, which are difficult to implement on traditional PCs.

Therefore, when making mobile products, we must make full use of the characteristics of smartphones.

Differences in user usage habits

The differences in mobile thinking are concentrated at this stage. The physical differences in devices lead to differences in user usage habits, so the thinking of product designers must change at this stage.

Let’s first analyze the evolution of the following products.

• Blog -> Weibo -> Instagram

It can be seen that from PC to mobile, products are becoming lighter and thinner.

Why is there such a change?

Because in the mobile scenario, the IQ of users is very low! Some may even be illiterate!

On the web, users will focus most of their attention and energy on their PCs. On mobile, users will only allocate a small amount of attention to your app. For example, you can read a news app on the subway during the morning rush hour. You have to pay attention to the people around you and whether the subway has arrived at the station, so the attention you allocate to your app is actually very little.

So now you know what mobile thinking is:

Design products for adults!