Summary of typical design ideas of mobile products

"Editor's note" This article author @xidea. Interactive designer, half product manager. Focus on the overall user experience design and product design based on the Internet. This article is reproduced from the author's blog.

There are a lot of mobile internet product managers and designers from the traditional internet, we have accumulated some experience, some can continue to use on the mobile side, and some will not work, this may be from the mobile internet and the difference between the traditional internet.

difference 1, terminal

Traditional Internet: The main access terminal is the computer. Computers are highly standardised devices, either in the Mac or PC camps (other architectures are not discussed). Concretely embodied in:

Most PCs use hardware that is standardized and versatile

Most of the screen resolution of 1024px and above, large size

Software terminals are more uniform, are browsers (for the moment regardless of client products), and because of the existence of web standards, different browsers (or different kernels) for the front-end resolution is not a big difference

Technical standards are relatively unified, such as the use of HTML to write structure, use CSS to write performance, use JS to write front-end behavior, PHP, JSP, etc. to write back-end, such as MySQL and other management database. What's done is basically considered cross-platform

Mobile Internet: The main access terminals are mobile phones and various pad. With mobile phones, the standardization is far less than the computer. Concretely embodied in:

The hardware design is not standard enough. Some mobile phone with buttons, and some mobile phone with touch screen. Some use the arrow keys, some use trackball. Some with a full keyboard, some with a screen keyboard and so on

Very strange resolution, especially the Android camp. Relatively small size

Platform is not unified. While mainstream smartphones are essentially two of iOS and Android. However, with the new Windows Phone, plus Sunset Symbian, plus the Kjava on the non-intelligent machine, and so on, many platforms, the development of the app is incompatible with each other. Mobile Web Apps (accessed using a mobile browser) are not mature either technically or in experience. Even the same platform, sometimes in front of the performance is also a big difference, especially the Android camp

2, use scene and use environment

Traditional Internet:

In most cases, the use of traditional Internet scenarios is relatively formal and the environment is more stable. For example, we might put a laptop on a table and keep it on the 2-hour net.

The use of the environment determines that the traditional Internet access will be more stable.

Access speed is relatively fast

Mobile Internet:

In most cases, the use of mobile internet scenes will be more casual, everywhere, the use of the environment is also more complex. For example, on the subway (may be shaking), in the toilet (may be short), in line (may be hurried), under the bed (may be dim light).

The use of scenarios and environments determines that mobile Internet applications will be more fragmented.

The access speed is relatively slow and the access is unstable.

3, other aspects

Traditional Internet:

Tariff and Flow: Most of the time is not limited to the flow of billing methods.

Mobile Internet:

Tariff and Flow: most of the domestic is a monthly limit on the flow of the way, and relatively expensive.

A distinctive device that differs from a computer. Such as: GPS module, gravity sensors and so on.

Based on the above differences, perhaps from the product design level, there will be the following ideas:

design ideas 1, combined with mobile internet and mobile equipment features, to avoid weaknesses.

Typical case:

Talkbox and micro-letter voice Chat

Because most of the cases, typing text on the phone is more cumbersome, and speaking is much easier. So in the mobile phone, the use of non-instant voice communication, more convenient than the use of text.

iphone Shake undo Input

On the phone to enter a lot of text, want to undo re-enter how to do? Using the DELETE key one word deletion must not be the best way. On the iphone, we just flick the phone (shaking in one direction) and we can undo the input.

Address

Natural true relationship SNS.

Cut fruit

Mobile device "unique" (the unique bar) touch and stroke operation can do a lot of keyboard and mouse could not feel the experience. such as cutting fruit this game, if the computer with the mouse operation, will be fun. But on mobile devices, it's fun.

Clear

On the computer, we can use the mouse to accurately click on the contents of the screen, theoretically can be accurate to pixel. But on the phone, if you use a finger operation, there is no way to be so accurate. The presence of gestures alleviates this problem to some extent, providing a possibility to operate without the need for precision. For example, chear this to do List app, which uses gestures to perform most of the operation. For example, slide down to create a new item, slide to the right on an item to mark it as completed, slide to the left to delete, and so on.

2, consider the use of mobile Internet environment, make appropriate improvements.

Typical case:

Night mode

Many users have the habit of reading before bedtime, often turning off the lights and lying in bed reading e-books. In the relatively dark environment, the usual light color background dark text design will be very dazzling, this creates the traditional Internet may not encounter problems. So there is a "night mode", the background color and the contrast of the text is reduced, it looks softer, suitable for reading before bedtime.

Content Pre-read

In a mobile environment, the network is often unstable. So when designing an online reading application, you can read 2, 3 pages of content from the server when the network is unobstructed. This allows for a smooth reading experience if a short network outage occurs.

3, consider the use of mobile internet scenarios, thinking about the appropriate products.

Typical case:

Weibo

Weibo is not a proprietary application of mobile Internet, but it is better suited for use in mobile environments than other applications that need to send content, such as blogs. Because can only write 140 words, so it is suitable to use scattered time, fragmented share of their small mood, small sentiment, small complaints.

Instagram

First of all, if you want to share your experience with the fastest and most vivid friends, photos are generally more suitable than words. Second, in image processing, traditional Internet, people will also process photos and share. But at that time, we can accept more complex operation. In mobile, the most suitable way to deal with pictures is to choose an effect, application. Don't offer all kinds of sliders for me to adjust.

LBS

In the age of PC, I can hardly imagine going to a place, taking out a computer, choosing the position I am in and what "check-in" is.

Public comments

We always have some temporary, or uncertain, needs. Like to go shopping with friends tired, want to drink a cup of coffee. Or come to a strange place, want to find a restaurant to eat. At this point we may not be able to take the computer at any time, but we will always carry the phone. Open the phone to see a variety of restaurants in the vicinity and evaluation, a good solution to these "temporary" needs.

Source: http://www.leiphone.com/121204-chibop-design-ideas.html