IPhone Qqmusic Design Record

1. Written in front

After the Android Qqmusic, we turned the battlefield to the iOS platform, a more closed, more competitive, demanding battlefield. International map, Spodify, Last.fm, Pandora has been pitched battle for a long, mainland battlefield more touch hand, nine days off, Watercress FM, Shrimp joined early. How did the belated iphone qqmusic? This is another attempt on the iOS platform after Android, and we've summed up the stumbling and tossing process in the middle, hoping to accumulate experience and strength.

2. Adjust Product definition

"A solution that can be constantly self-improvement will really improve the situation and be implemented more effectively." "Starting with the Android Qqmusic, we've tried to introduce a product definition description (Application definiation statement) to encourage the design team to cut into the entire product design process earlier." Also solve the problem of listening to the mobile scene, the different ecosystems will give product positioning and target audience differences, one end is open Android, one end is closed iOS, used to disk management thinking of Chinese users in itunes difficult to adapt. "Get rid of that damn data line!" --This is our entire team's response to the product again.

3. Deep scene to strengthen the user pain point

"Details determine success or failure. "In addition to a deeper understanding of the general" song "scenario, we will focus more on the subtle user pain points and analyze the inconvenience that users encounter when using itunes:

(1) Home and company, itunes list is difficult to unified management;

(2) Add a small number of songs have to start the "--itunes";

(3) ...

4. iphone User Usage Scenario survey

5. Survey of IPhone user population distribution

The customer pain point of the precise grasp and effective solutions, so that the app at the demand level to meet the user's real needs.

6. Napkin Type Rapid Prototyping

"It is much more effective to draw a few strokes than to say 1000 sentences. ”

After the discussion of product positioning and demand analysis, the next step should be to show the "idea". Many designers like to open a variety of prototype tools immediately, and "alone" to draw the map, in fact, to turn an idea into the actual product form, a pen and a white paper (or whiteboard) is enough. We encourage product managers to participate in drawing wireframes together and express their ideas in real time. In the collision, we will find the subtle impact of the design on the product, this gradually developed global vision can help designers better understand the product, of course, the product manager can better understand the design.

7. Visual style proposal

After the interactive finalization formally enters the visual design stage. After several discussions we decided to take the blue sky and white clouds as the theme, to create a warm, relaxed atmosphere of the interface.

8. Visual final Manuscript interface display

Depending on the target user, attribute characteristics, the use of habits, use of scenes, use of time, the use of emotional appeal, the picture of abstract emotions, such as the analysis of more than 2000 effective questionnaires show that: the target user's education level and income will be better, music-loving people in the spirit than will be more sensitive. When users use the iphone to listen to songs, 80% are using headphones, the main use of the scene is on the road or before bedtime. With music as a companion, creating a space for their own, in the music to swim, from which to obtain the soul and emotional comfort and relaxation. So we hope that when you start QQ music in the Morning, the golden sun sprinkled to the sea of clouds, as though I was not around you, but still said to you: "Good morning, refueling!" is the beginning of a beautiful day! "

Androi

Dynamic playback interface, late at night, take you to the stars to stroll. can also go with you to swim in the deep sea. When the music of sadness sounded, the rain hit the glass, let the world blurred. We can not touch all of your feelings, but look forward to meeting with your feelings when the moment of communication and moving. We feel the importance of responsibility and pressure for the blueprint we have sketched out for ourselves, but we are not afraid to rise to the punch. Finally do not enough place also please Haihan. )

9. Start icon

Icon for the maintenance of Qqmusic has been the visual recognition of the use of Qqmusic logo for the main body with the interface of the main color blue.

10. PostScript

In the entire design process, we introduced a number of small changes, the results are good. The IPhone qqmusic the first of a free app in 9 hours, scoring an unprecedented 4.5 stars. Although the results are gratifying, but the problem exists, our performance is not perfect, the experience is not smooth, the middle also because of the lack of in-depth understanding of the framework, leading to a large adjustment, we would like to take this as a guide, continue to move forward.

Finally, thanks to the iphone Qqmusic team, they write a music for the children of the musical stop cloud, I hope you like.