How to make our website as simple as mobile phone

at present, the most popular mobile phone is undoubtedly the 4 generation of apple, why is it so fire? User experience, which is also the focus of the Apple Corp has been focused on the product and long-term factors. Well, what about our website? Here’s an analysis of the relationship between the mobile phone interface elements and mobile phone hardware, interface elements and software requirements, and find out the design ideas, how should our website do the user experience?


1. content: refers to all the information contained in the entire interface, the contents of the interface from the flow chart to limit each interface to complete the function. Content affected by mobile phone screen. (a) screen: each interface on the phone shows limited content, it is best to complete a single task per interface, and to ensure that users can operate smoothly, as far as possible to avoid character input.


2. interaction: specific performance in the user how to select the main function, how to select sub functions, how to quit software, and so on. Interactive design is under the established content framework, according to the user’s habits, to arrange the contents of the interface display order, display mode and interface operation mode (static). Interaction is mainly affected by the way mobile phones operate and processing capabilities. A) mobile phone operating mode: the touch screen is more convenient than objects such as buttons, touch screen mobile phone select a function, just click on the selected function, and physical keys need to press the keys on the mobile phone mobile phone mobile phone, then press the confirm button. B) processing power: mobile processing ability is strong, software runs faster, and the interaction between software and users is faster.


3. color: refers to the interface used in the color system and display accuracy. The interface color design is affected mainly by the screen, the size of the software and the adaptation. A) screen: the resolution of the screen is high, the color distinction is more clear, the details are more abundant, and the visual effect is better. B) software size: software size restrictions, such as JAR packages must be below 400K, interface design can not use too many pictures, priority procedures drawn from. The existing interface design mainly adopts the picture transverse filling, such as using 2*25 pixel pictures, transverse filling into 240*25 background map. C) adaptation: in order to ensure the suitability of the software, the interface design uses the one-way color gradient effect, such as the 2*25 picture only up and down gradient effect. In addition, with reference to mobile phones, QQ and other software and recent procedures to achieve the situation, the design as little as possible fillet and semi transparent effects.


4. layout: refers to the overall layout of the interface, including the size of pictures and text, pictures and text in the interface position. Interface layout is mainly affected by the mode of operation, the screen and the adaptation. (a) mobile operating mode: touch screen can make the interface design more flexible, not rigidly adhere to the existing interface design, so that the upper and lower or left and right layout. B) screen: large screen, screen layout >

Recommended Reading