Alibaba China Station mobile phone client project design

From scratch Alibaba Wireless terminal design, experienced from the early stage of product positioning, product form exploration, wireless demand scene brain violence, product dismantling, divided product thinking discussion, version planning to mobile phone behavior, mobile phone platform characteristics analysis and even information structure determination, details of the scrutiny ...

Agile development of wireless end is fast, how low-cost, methodical iterative update, version planning and product development considerations are particularly critical. Nine Sudoku Aggregation tool platform shape and operation form in our client positioning must coexist, but the first issue of less function, transition period to ensure that the current version of the full and reasonable structure, but also consider the continuity of user habits and activity code modules can be reused.

On the basis of the 13-Year-old Web site (which fosters a stable user base and fosters a certain user habits), we are not actually starting from scratch. Business-to-business Business attributes determine the design of the wireless scene and the relevance of the site, and users will inevitably accompany the use of some of the site habits of the migration, so in the wireless scene and mobile phone-side characteristics of the design, we also consider the user at the site of the cognitive mapping.

As project owner, there are several lessons to be highlight in following up on the process:

1. With regard to the difficulty of visual adaptation

Compared to the iOS platform, there are many Android hardware vendors, a wide variety of screen resolutions, and the DPI is different, we do this:

(1) The target user group uses the mobile phone proportion research (May through the questionnaire and so on), chooses a mainstream resolution and the target machine (this project target machine is the HTC G7, the resolution 480*800);

(2) Visual design process, real-time in the target machine and regularly in other resolution mobile phone to see the actual effect, and adjust the program;

(3) The standard point nine diagram (nine sudoku) of the slice is particularly important. 9.png not only to the maximum low cost, high reduction of the fit to the Android screen, but also between the designer and the development of students communication tools, to avoid the visual-front-end this aspect of the design.

2. About visual slicing resource files large

Because of the relatively independent iterative development of functional modules, the different development of students for slicing management is not uniform, even if the app file large and running in the process of memory, operation fluency is poor. During the UI check process, optimize the slice resource bundle, replace the irregular gradients and textures, reuse styles as much as possible, and unify the. 9.png format.

3. About UI Check

The goal of the UI check is not only to ensure that the UI is designed to be reduced in the development process, but also to be an important review of the design plan. Especially mobile phone operation process is strong, the process is more dynamic, transitions animation, hover effect, gesture these content all need high-fidelity demo in real test to confirm adjustment and optimization.

Finally, product updates and experience optimization are a never-ending process. After that we have to expand more wireless platforms (Windows phone/ipad/...) As well as new product features added, will also be based on the buried point data and the use of the development of the iterative process of synchronization optimization experience design. Please look forward to it!

The following is a summary of the project in the PPT part of the content, to facilitate a more intuitive understanding of everyone: