How to design mobile Internet

After so many products to understand, but also spit out the recent product level summary, if you are pursuing experience and emotional design, then this may be helpful, there may be no regularity, or is not organized, think about what to write, some is the moment of thought to record, some may be a lot of thinking after writing. The ' chestnuts ' are not necessarily completely right.

1. Reward upgrade: So far, because there is no quiet way to upgrade the smooth, basically all use the window to download, do a good job is incremental upgrade, download package is much smaller, but the price is quite large, many people do not want to upgrade, but also do not want to see the knife immediately window, so it is necessary to take some way (lottery, lottery, points,) And so on rewards the user, encourages this kind of behavior, the form is not limited, the new fun is better.

2. Give: A lot of information push, the user is not necessarily all like, or even a bit do not like, this time will be the right to choose the user, and can turn off the push.

3. Situational design: A way to create surprises, such as users of micro-letters in the Spring Festival when the train passed the screen, such as micro-letter input ' Mody ' when there will be blowing kisses rain.

4. Use the blank: The first list can not be dragged, the iphone created the inertia of the slide (list can still drag and automatically rebound), using the inertia of the sliding blank created a drop-down refresh, pull the cat client introduced a cat to see the ball animation increased interest. Is it more convenient, fun, and fun to think about the gaps in your app?

5. Information Main Line: a large number of information display, display information, how to use a sort? Where's the rule? Information around how a main line to show, do a good example of path, the information scrollbars personalized to a dynamic clock, can understand that the main line is by time to go, You can also know where the current presentation information is relative to the entire list of information.

6. Index positioning: A large number of information display, to consider quickly let users find what they want, do a good job with contact people, the city's alphabetical index, and so on.

7. Clear atmosphere: Information classification, similar attributes to the same box, such as Press (Android version) of the settings, divided into synchronization, reading, navigation, caching and other areas (there are many examples of different);

Stay white enough, do not let users feel depressed, white is also the realm, do not look very stingy;

The text is most refined, do not a bunch of small print, ramble, can use 4 words, do not use 6 words, when appropriate with pictures to illustrate the problem.

8. Thinking splash screen: Is the splash screen really necessary? Does the program start really need 3, 5 seconds, from the technical point of view most should not.

Most applications are for the user to provide value, not to the user ' Maixiao ', can be opened as fast as possible, can directly use directly to serve, typical negative cases such as I check, 2 seconds of black screen plus 3 seconds of splash screen, the first technology is not clearance is black screen (with mobile phone, I use the Millet 1 test), technology is not the focus of the first slot, User open You may be the most important thing is to quickly scan the two-dimensional code to know the result, unexpectedly wait 5 seconds +, then the function list!!! Need a little more scanning to really start the task, here is not to think about the use of direct open scan interface, the other functions temporarily hidden way? Keep the secondary function entrance, let the user quickly find it. Positive examples are Fuubo and micro-letters.

9. Thinking out: Click a "Back" key to exit directly? or two consecutive physical keys ' back ' exit? or pop-up confirmation box ' OK ' exit OK? Here first draw a question mark, objectively speaking, the confirmation box needs to click Back + click Confirm, two keys not in the same place to produce a finger mobile cost, If a user is viewing "privacy. jpg" in urgent need of closure, then this approach is more unfavorable. So as to how to exit, but also need to look at specific applications and scenarios.

10. Key content: Content-type application, basically the data for the king, content first, such as micro-blog, video, reading, and so on, generally will be the key content first displayed, while highlighting the main features, hidden secondary operations.

11. Core path: The most commonly used function, the path best ' single hand one Step ' direct, typical examples such as the DOM player's bottom action bar (other players also have), and the path menu similar or likeness of QQ space "published" and Fuubo in the lower right corner of three operations.

The core function as little as possible in the upper-right corner, as far as possible not to put in the upper left corner, these places is to touch the ' dead zone ', especially the Android phone, 4, 5-inch screen more popular, one hand difficult to touch the upper right corner, almost touch the upper left corner.

12. ' Bold ' hypothesis: Whether you can try to make assumptions such as if your users use only one hand, you may consider left-handed right-handed habits and more human, may be more in-depth thinking of how to do "one hand one step direct".

For example, if your users can't tell the difference between red and green, it may discourage you from using colors to mark different messages, and may give your users more care.

There is also a basic assumption that your users are impatient or their little white, listen to the Zhou share, old week often share some dry goods out, this is very good, for young people are very helpful, his eyes this is very important.

If not bold, when bold?

13. About Verification code: More boldly, why should users enter 4 numbers? Even 4 alphanumeric mixes, does the product manager not know how much it costs to enter 4 mixed characters in a mobile phone? even ask the user or let users to calculate results, and why let users think?

These may be widely used on PCs, but are handheld devices really going to do that?

Verification code, I understand is to make the machine can not easily identify, but also allow people to quickly and low-cost verification through. A simple scheme is to choose alternative input, but to note that the option can not be too little or break the probability of greater, at the same time to choose quickly to avoid thinking. For example, there is a color block (random position) on the whiteboard, only in the point of the pass (calculated by position).

14. Strengthen the advantage: mobile Internet Products One is the first PC has, and then extended to mobile devices, such as QQ, micro-bo and so on; one is born in mobile devices such as Mo, sing it like this; generally born in mobile devices to do better.

First, the PC side or the first mobile phone is not important, but if the advantage is not used or a pity, make full use of mobile phone features, such as micro-letter by shaking the operation to achieve a minimalist, singing the recording, the high quality of navigation are also fully utilize the characteristics of mobile devices. Tencent Micro-Bo Blow is also a good point of explosion.

Then there is, mobile devices do not necessarily copy the things on the PC, thinking about the different way of showing, thinking of different play, move more think about space. For example, Taobao catching butterflies, kissingly lottery. It's also a good idea to have a great deal of advance orders.

15. Closed-loop experience: A closed-loop experience creates an immersive feeling, two typical scenes: reading and shopping, the two have in common, reading is the first selection of articles in the reading, shopping, when the first selection of goods in shopping, once by the election into the reading and purchase of the link, I hope no more interference users, the user's reading, Purchase-related operations do not need to leave the current page without interruption can be completed, read/purchase and then smoothly into the selection of the link.

Take a chestnut: for example, the Byte society, reading (selection)-> read (fonts, bookmarks, directories and so on do not need to jump out and interrupt)-> reading (selection).

Another chestnut: such as the cat, Channel/category/recommend (shopping)-> shop (set, collection, order, etc. without jumping and interrupting)-> back page or Order (shopping guide).

Reading and shopping above is a closed-loop immersion experience.

16. Rendering atmosphere: In particular, embodied in the application of shopping, such as the countdown to a bargain (to a sense of Rob), Taobao comments on the key words (on the above show) to the user objective display of goods, good products have a good overall evaluation, virtually to promote the decision, the user is a follower. Other types can also help users make decisions faster by rendering the atmosphere.

17. Position: Do not put the user as God, too fake, so that the care between friends is good, pay attention to cock silk and group psychology, pay attention to privacy, collection and records and other privacy attention to protect.

Write these first, and then add later, you are welcome to continue to watch my blog continued.