Analysis on the design and interaction of SNS user experience in China

With the rapid development of Internet industry and the rapid development of electronic industry, People's social networking seems to be inseparable from the network, which has been the rapid development of SNS.

From open QQ space to pay attention to the dynamic of friends, recent mood how, to go to everyone on the internet to find a long time do not contact classmate friend, go to work idle to happy secretly dish hair harass Sao, go to white society to listen to music, read newspaper, do test, try Luck, calculate lucky.

Today let us take the QQ space as the guidance, the common discussion Chinese SNS user experience and the product design usability and the affinity. Today's QQ space of interactivity and experience are relatively strong, as early as the launch of the room that will, pure is their own space, write a log biography of photos. That's all. To today's personal center and the interaction between friends, the most timely access to friends of the dynamic and mood, but also China's SNS Leap bar. Start with the personal center, talk about the experience design of SNS in China

Above is everyone, happy, QQ release mood interface.

Comparison：
1, everyone and happy to use the click of the input box directly out of the expression design, reduce the user's operating procedures, you can choose to use their own expression, and QQ space mood release, there is no expression of this function.
2, everyone and QQ space have a quick share of pictures, video and web site link function. But in the design of the QQ is a bit old-fashioned, click on the icon shown below a functional area, you can turn off. The operation is in accordance with the conventional, easy to start. And everyone design although very unique, click after the prompt can be directly in the input box input

But I tried a few and didn't succeed. The occasional test to save success (PS successful time, share links and add the site's introduction, there is little meaning). In addition, in the sharing of photos in the following image of the interface, according to the use of the general in the lower right corner should have a certain release button, I instinctively in the lower right corner did not find a button, but later on the above, this has violated the use of conventional. QQ space to do is very good.
There is also a question, you need to click the icon and then the box above the input link is valid or at any time, this part of the experience and interaction estimates need further study. Happy without this function. Several button points open directly after the specific published page.

Review：
QQ Space relatively more modest point. In line with the user experience, but also easy to operate, the operation prompts more.
Renren, seemingly want to give users a better operating experience, but counterproductive. The operation set a bit against the general, some operations are too vague, ease of use.
Happy, the function is relatively few. Simple function brings is concise, where to send the log to where, very clear, experience is also good. Perhaps this is in line with the positioning of the net, mainly for white-collar workers, fast-paced, high efficiency. When and where to do something. Unambiguous。
QQ later also introduced the function of check-in (as shown below) the number of days to sign in, you can use more and more expressions. To some extent stimulate the user's some kind of psychology. But it is debatable whether the user will stick to it. And the sign in mood UI design is also very good. Personally think that if the sign and mood combined is more perfect.

Analysis
QQ is oriented to a large user base. A wide range of users, all levels of people have, so this kind of a decent design industry relatively reasonable. Experience and practicality are relatively reasonable
Everyone is mainly from the students to work time of about 1-5 years of the crowd, this part of the people with higher academic qualifications, the use of the requirements also have some improvement. So everyone's experience design is also reasonable. It is even more perfect if the usability is stronger.
Happy mainly for the social white-collar workers. As simple as possible, fast operation, the same function will never have different operations. So this simple design is also reasonable. Throughout the net, no custom skin, the interface design industry relatively rigorous, generous.

We do improve the user experience design, we must be careful not to violate the user's use of conventional and inertia. Instead of improving, they bring about a worse experience.

The above picture is QQ space, everybody, and happy can interactive comment interface.
SNS and the community mainly embodies is the human and the person's online exchange and the interaction, the commentary is also the SNS manifests the interaction one main form.

Comparison
1, the three have used too much commentary hidden way, the difference is that QQ and everyone uses is part of the hidden. And happy to use is all hidden, only show the number of bars.
2,QQ Show hidden comments are used to enter the comments of the person's space, everyone is directly loaded on this page, for fun because all hidden, so click on the comment directly unfolded.

Review
All the fun to hide the comment is to make the interface concise, consistent with its positioning. But ignoring the interactivity of the commentary, the user may not see the comments, or just comment on the comments, but not interactive comments, lost SNS interactive purpose.
On the contrary, part of the hidden, to some extent, maintain the appearance of the page, and experience is also very good.
A method for displaying a shadow-hiding comment. In principle, it is better to allow users to operate on the same interface as possible. Maintain the integrity and operational consistency of the user's browsing page, and try to get more information from the user on the same interface. Achieve good interactivity.

Analysis
QQ space in the maintenance of user access to the integrity and operation of the continuity is good, whether it is the log illustrations or outside the chain of video, can be in the Personal center to click on the part of the preview, users can also click on the title into the Publisher page to view.
It's a little hard to explain the hidden view of the comment to open the space of the person being flattened.
Everyone and QQ space just the opposite, illustrations and everything needs to be viewed on the Publisher page. If the two can combine effectively, it will be a very good experience design in the aspect of realizing interactivity.

Happy or have to click on the personal page to visit and comment. Perhaps it fits its positioning and simplicity, and can add a little bit of ease to its positioning, such as the experience of an operation on the same page.

While interacting with the user, you should maintain the integrity of the user's browsing page and the consistency of the operation, so as to allow users to get more information in an interface

The iron is hot, for the same interface for the associated operation, to maintain the integrity and consistency of user browsing.
Above is the QQ space everybody happy deletes the access record the interface,
It's good to be happy that all three have this function, It is convenient to pay attention to every good friend and don't want to let it know this part of the needs of people. In comparison, QQ space experience the best, in an interface to complete the deletion operation; Happy net of the second, the home page has the necessary hints, but must open a new page to operate; the worst is renren, home without any hint. You still need to do one step after you open more. is a hidden.

Compared with the three, in the user browsing integrity and ease of use QQ obviously win. and friendly confirmation prompts the perfect presentation of user-centric design.
Happy relatively slightly less, just imagine, in your existing design based on the front page with a small fork, this fork will only appear in the mouse through the large div box, will not affect the entire design style and positioning, while giving users the perfect operation experience
Talk about everyone's bad experience in this area. First, it does not conform to the above completeness and consistency. There is no need to prompt the first page, "more" can not be prompted for this operation. In addition, the deletion is not prompted, is not the designer feel that this deletion is not so important (think, why do users delete records operation, the purpose is that he wants to focus on the friend, but do not want to let the attention of the people know, or do not want others to see the friend to watch him. So confirm the operation is still necessary, perhaps the user pressed the wrong, or temporarily want to change his mind?

This small function of the above why QQ space experience so good, everyone net so bad, the important factor is there is no stand in the user's position, everyone this function is likely to see other sites have such an operation, feel good, but not in-depth to think about the user.

For adding an additional small function, or a small operation experience. You should consider whether the user needs this feature, and why you should use this experience. How to know the user to use this function in a simple and quick way.

When it comes to confirming operations, continue to strike the hot, everyone does not seem to like the user to confirm the hint, above is QQ space happy everyone's application delete operation
Everyone's operation is indeed very convenient, on the edge to delete, the problem is deleted, the user if regret, I swear today will never play stealing food game, but deleted I have regrets, everyone this time tell me, sorry, you have deleted, you must go to the Application Center, to a large amount of applications to find. Compared with, although QQ and happy all need to go to the management application to delete, and the operation step is more than everybody, but conforms to the user psychology, step-by-step guidance. Such an operation does not simplify the steps. What is needed is a complete operational experience.

Perhaps we talk about ease of use is not the simpler the easier, the ease of use is based on the complete operation of the process and improve the operating procedures and perfect operation experience above. Sometimes the best experience is only the thrill of the moment the user's mouse has slipped.

We need to continuously optimize our design and operation to bring the perfect experience to the user with the complete function and operation. Often success depends on 1px

Speaking of details, Web2.0 emphasizes user-centric. Our products must give users a better experience to win the user's viscosity. In the case of web2.0, we may be able to adopt a more advanced approach, in the premise of guaranteeing all users a good experience, with the simplest way to give some users a more perfect experience ahead of the operation. This is a little QQ space to do a better job, first look at a few pictures

The above effect only supports Google Chrome or Firefox
This is the use of CSS3, may only need a single attribute, one line of code can achieve unimaginable interaction effect. It is not necessary for us in this situation to want all users to experience this effect (because doing so in other ways may lead to a worse experience, such as slow loading). and other (IE) users ' readability and ease of use have not declined in the slightest. For the CSS3 experience is not unfolding here, interested readers can read my other related articles http://www.ue-ui.com/progressiveenhancement-explain.html

A good user experience product doesn't care if he can take care of all the users. However, it is consistent with the needs of all users, the experience of all users to use the product is available, Easy-to-use, compliant with the operating experience

The above mentioned several products, to a certain extent, are relatively successful products, have a certain user groups, and for its user characteristics, the design of a large framework is reasonable. In the details of each product is impossible to do a perfect, so we need our product designers to listen to the user's needs and suggestions, for the characteristics of a word product design in line with the product to meet the user's habit of better experience products.

Whether it is QQ or happy and everyone, their positioning of the crowd are different. So the design style is inconsistent. We can't comment on which design is good and which design is bad, but one thing is certain: we must be suitable for our products, in the psychological, psychological habits, experience, the use of the habit of analysis, standing in their use of the position of the product design. Through the user-centric thinking, grasp the details of pleasure to enhance the user experience to design a good product to

Sohu's white society is a different from the public community of an exchange platform. The main positioning of white-collar computer office family.

Grasp the user's psychology, work, along with the simple use of songs play enjoy, read carefully selected warm special news, measured their luck, every day to sign a gold coin can be used to draw prizes. Free to send out the log share the beauty of the picture, the boss came to F9 me in the search data, the song still appreciate. Can join the mood friends dynamic anytime and anywhere to interact with friends? Forgive my herd mentality.

(Finished, thanks for reading)

Source: http://www.ue-ui.com/sns-ued-analysis-of-the-interaction-2.html