NetEase Cloud Music ipad V1.0 Design Summary

NetEase Cloud Music as a heavy product of netease, no matter work or experience are similar software leaders, from Android to the iphone, are praised as a tide. Now the ipad end is also online, the product team to share the product from the research to the landing of the whole process, hope that students can understand after reading the professional design process, to join the big companies in the future work, very helpful yo.

　Everything starts with the heart

When NetEase Cloud music iphone platform on the line at the beginning of the moment, the project team has received a lot of users hope that the ipad platform to be online early calls. This kind of expectation gives us a kind of invisible power, also let us more firmly believe that we can not casually to copy all the designs of the iphone, simply make an adaptation, even if it is a few users of the platform, we have to start from the "Heart", Give a friend who likes music a sincere music product that is exclusive to the ipad platform.

　Everything is tailored for ipad users

We've been thinking about the behavior and habits of ipad users listening to music since we started to design the ipad platform task. Our users investigate the habits and characteristics of users using the ipad to listen to music through questionnaires and user interviews.

Compared with the mobile phone, the ipad platform uses a more concentrated scenario, and the behavior characteristics of users in mobile and fixed scenes are more prominent. At the same time, ipad users have a dual-use feature, often on the side of "playing games", "Reading novels", "Watching the news," while listening to music. This requires. We can not be too cumbersome in design, the level can not be too deep. All of the convenience of user-friendly operation for the core of the entire version of the design.

　1, to simplify--information structure flattened "three-layer structure"

In the mobile end of cloud music, because of the screen size reasons, the use of the conventional "progressive" layer of in-depth interface information architecture, often because of the level is too deep, so that users need a layer of jump interface to meet the needs of users. In the early stage of the application of the ipad platform research, many products still follow the phone-side architecture design, and not very good use of the ipad platform features, so the cloud music information architecture for a lot of exploratory attempts, and finally adopted a "three-tier structure" mode, To make a huge product system flat design, to simplify, to meet the ipad users use habits.

　2. Convenient and plain operation gesture

Combined with the simplicity of the three-tier structure, using gestures is a quick and easy operation that ipad users don't need. Cloud Music is a function of rich music products, interface jump logic is more complex, return operation frequently. But on the NetEase cloud music ipad platform, there is hardly any return button. Gestures allow you to walk through all the interfaces of a three-tier structure. At the same time for music cut song, MV Fast Forward fast retreat have made gesture design, to meet the ipad user fast operation needs.

　3, in the function of strong and easy to find balance

NetEase Cloud Music is a function of rich music products, to meet the diverse needs of music users at the same time, we have to user experience ease of use is never relaxed. In particular, the larger size of the ipad screen, how the rational use of the designers have to think about the problem. For example, our playback page has about 18 button actions. How to classify and organize the operation is to make the designer more headaches. Designers try and revise them over and over again. In the complex to explore the road of simplicity, so that the powerful and easy to use the balance.

　4. Visual style

NetEase Cloud Music in the overall visual style of the bold changes and innovation. From the original deep red and black main tones into today's elegant red and white main colors, to give people a fresh and elegant feeling. In the design also tend to today's most popular flat style design, in each interface are carved jade, simple interface without losing personality and connotation.

Continually validating and polishing the design

From the initial information architecture of the product to the interactive draft, the first draft, the operational prototype, we almost always discuss the user's operational logic, the interface element placement, and the optimization of the platform characteristics. Because iPadV1.0 is a fully functional and even more than the existing mobile platform features more than a special platform, in the face of new and functional, complex logic, designers in order to complete and accurately express their design ideas. With the paper prototype performance interface between the logic and jump relationship, for communication with great convenience.

In order to seriously reflect the problems we have in the design of the field, by making high-fidelity prototypes (almost all of the prototype tools on the ipad and finally using Justinmind to simulate the final effect), we were able to restore our expected test results, and the information architecture for the entire application interface switching and interaction behavior are all presented in front of the user.

In the development process, the designer in order to be able to capture every detail, with animated demo to simulate response time and dynamic efficiency of fluency. Be preoccupied with every detail. At the same time easy to develop a quick understanding of the original designers. To a large extent, improve the efficiency of product development.

User feedback and experience

NetEase Cloud Music ipad platform has been officially shelves since May 22, has been the user's affirmation and support, but in terms of performance and some details are not perfect. Hope that our efforts and sincerity, to be able to exchange more people like music affirmation. In the coming days, we will continue to bring more surprises and quality product experience.