The way of product design: The vast is always love, do not picture can not?!

Intermediary transaction SEO diagnosis Taobao guest Cloud host technology Hall

"Guide" a product really want to design high-end atmosphere internationalization, we must let users have the feeling of being realistic and take advantage of. Otherwise good-looking is not equal to easy to use. For example, this article three music products, a top of the United States, with a variety of beautiful pictures to attract users to listen to music, this logic can be right? Black Horse here to share this article Tencent EDC (not shell). The author uses two popular words of the truth summed up is: The revolution is not a dinner, products do not flood the United States;

As a member of the music product design team, I agree with this principle and design in this direction. However, the truth is known, the design is very rough, to ask how rough? With a fright.

Starting from their own, the following is a certain period of Q music products recommended style, of course, we can see a lot of music products are also used the same, the style of such recommendations.

And the following this a certain degree of music products waterfall flow style looks more high-grade, quite Pinterest design style.

Then look at the hawking very hard to a certain cloud music products, sure enough attitude, batting many pictures.

After reading a few examples of music products from China's Internet three mountains, we can find our problems with our feet, that is, we have successfully used a variety of professional design strength and elegant music taste design a piece of exquisite, intoxicating, and perseverance to work hard iterative

"Look at the picture software!!!"

(In fact, lying gun is not only music products, electrical business products of various kinds of beauty Tutuku more people ecstasy, dizzying, but also bring your own body armor, the next table. )

Slot Dot now that I've found it, I've started to speculate on the reasons for such problems, and I'm very scared to try and put forward solutions to these problems.

Part1: Why do we design this way:

First of all, we want to clean up a lot of content to the user, the result is really the plate also came out.

Second, we are afraid of user trouble, so gave a funnel straight into the user's ear hole-"play all, add" and other functions.

Moreover, we are afraid that the user can not see that this is a bunch of things, so give a beautiful picture, so as to help users with the image of the head of things, for example, the 80 's will listen to the song is a picture of making a yellow to write a big "80" (Smart bar).

Finally, we even fear that the user can not see the plate, put a big picture, of course, can not forget to match a line of sharp English fonts as embellishment, Cuzhongyouxi, perfect invincible.

Rely on the above design ideas, so interactive layout and jump logic design finished, seemingly mody plan, restore the Sketch:

Part2: Why don't users like it?

Mr. X, who lives in Nanshan district of Shenzhen, recently received an impressive interview about a Q-music product, and he expressed his views on a Q-music product like many users, probably as follows:

First of all, the song single topic description because the phone screen is too small to limit the number of words and can not be a happy lantern rolling (this does not), the original description of a sentence can only see half a sentence, then do not read Bai, buckle a point.

Second, the direct full playback function will be clicked by clicking on the image, interrupting the song you are listening to, and will jump directly to the playback page, buckle a point,

Third, users do not know what songs inside, why to play directly, give a reason first, because this is not a radio, ah, can not be trusted to listen ah, buckle a point.

Four, pictures are big eyes beauty, in the end how to distinguish between Japan, South Korea, Hong Kong and Macao, deduction one point.

Five, so many pictures, looks like advertising ah, the most annoying ads, buckle a point.

Six, the picture so many, certainly the charge flow, the hand deduction one point.

Seven, a key play certainly more charge flow, do not click it, buckle a point.

Eight, the point of the big picture will be the default playback ah? There is a play button on it, do not dare to point, buckle one points.

Ninth, not easy to see a picture of the reading scene, interested, focus on a look, the title is "not noisy do not make, it is very good to hear", the result of a steaming picture of "Afternoon tea Café favorite song", in the end listen to which one, tangle, buckle a point.

... If the score is very, then we have long failed, what style of continuation, the big picture unique, are self praise.

Black and blue, to solve the problem, as a not entirely new design products, based on user-oriented design ideas, you can have the following thinking:

1. The essential difference: The music product differs from the picture browsing product aspect lies in, the music wants to listen, the picture only can see.

Pinterest waterfall Interactive form, which is to solve a large number of image browsing, the size of the content of a mixture of design, Metroui rule color is directly updated content dynamically to the plot of the resulting, not like goods.

Pinterest website Picture Show

METRO UI

It can be found that no interactive form based on picture content design can fully express the characteristics of music products, so it is very important to give viewers a full test reason.

2. So what is the reason to attract users to click on a song or a set of content? Familiar and never seen ", that's the reason.

Because it satisfies the user's freshness, also in line with user expectations, then for music products, the sense of familiarity is based on the same style, genre, singer, scene and other experience on the basis of, or based on the understanding, hearsay and other cognitive basis, and the novelty is based on different from others, different from the past personalized consciousness , so before the user clicks on a button or item, you need to fully complete both aspects of the design communication.

3. What are the forms of justification?

The first and most intuitive reason for the carrier is the text, an infectious or inflammatory or representational text can arouse the user's desire to click, think about a long time ago the tape box, we listen to this song, but over and over the box, because this is the only way to understand the music behind the story of the way, The music recommended as a music magazine, should be more text directly displayed in front of the user, the efficiency of text reading is far higher than the picture, to use a full sense of familiarity and empathy to drive users to try new content.

Second, the familiar characters, songs are created by people no doubt, so familiar with the creation of the content can basically be regarded as familiar, this is the social familiarity and the power of idols driven by natural reasons, irresistible.

Again, let the music speak for itself. The picture is not the culprit, should be icing on the cake, the song is has its own album picture, this is the music unique product appearance, both visual and auditory double feelings, so, find the right way to the music of their own appearance, can do and different design purposes.

4. What are the interactive means for presenting reasons?

Design old words Well, concrete analysis of specific problems. I am guided by the discussion is not a good child, the conclusion is not necessarily the principle of good children, but also in order to trigger more design thinking and interactive methods of innovation, here give examples for their own reflection also share to everyone:

(1) The return list is rendered in such a way that the list can be expressed as follows:

The advantage of the list form is that the presentation of the content and objects is more orderly, the text expression area will be larger, the click area more prominent, read and unread state more obvious, action click More Single.

(2) Extract the feature tag, the user expected in the anchor.

By combining the use scenes of music products, the user all listen to the song behavior its strong correlation factor is the situation rather than the time or the emotion factor, for instance the user more listens to the music behavior to be doing some thing while listens to the song to concentrate or relaxes, but does not specially allocates the song time to listen to the song, therefore, It is particularly important to quickly find the music content that you are interested in, to extract the key words of the user's songs or to judge the user's behavior more accurately than to play the emotional cards, such as driving, bathing, toilet, office, sports, running and so on.

(3) Extracts the typical content, causes the user to anticipate.

For example, to recommend the same genre of rock music, you should directly use the most recognizable songs album cover to represent this style, rather than using the theme of the atmosphere picture, superfluous, superfluous.

Reference case, Apple App Store:

(4) The action should occur after the content.

Design should have patience, bridal chamber night, can lift the veil of practice is completely undesirable, should let the user understand the content after the row to give and batch processing ability to choose, so, for example, all play, add, pay attention to, share and other actions must be in the content of the underlying page to appear, Otherwise, at all levels of the page will cause click Streaming or scene transfer, affect the overall experience, to avoid the product impression of the confusion and forced feeling.

(5) Reduce the level of sense, create a lightweight and convenient content presentation, reduce the user's expected burden.

Reference case: Interactive case for content rendering in IOS7

Address: Www.apple.com/ios/ios7

Sometimes, they seem to be satisfied with the design is actually flawed, design is not dinner, but also live ammunition, close to users, into science, thank you for watching this episode, Goodbye.