How to make our site as simple as a mobile phone

Intermediary transaction http://www.aliyun.com/zixun/aggregation/6858.html ">seo diagnose Taobao guest cloud host technology Hall

At present, the most popular mobile phone is 4 generations of apple, why so fire it? The user experience, which is Apple's emphasis on the focus of the work and the long-term product of the factors. What about our website? below to analyze the mobile phone interface elements and mobile phone hardware, interface elements and software requirements of the relationship between the search for a design idea, our site how to do the user experience it?

1. Content: Refers to the entire interface contains all the information, the interface content from the flowchart to limit the completion of each interface function. Content is affected by the phone screen. A) screen: The mobile phone on the display of each interface is limited, preferably each interface to complete a single task, and ensure that users can operate smoothly, as far as possible to avoid character input.

2. Interaction: Specific performance in how users choose the main function, how to select the child function, how to exit the software and so on. The interactive design is to arrange the display order, display mode and interface operation mode (static) of the content on the interface according to the user's usage habits under the established content frame. Interaction is mainly affected by mobile phone operation mode and processing ability. A mobile phone operation mode: Touch screen than the object key to operate more convenient, such as a touch screen mobile phone Select a function, only click on the function, and the physical button mobile phone needs to press the button up and down, and then press the phone to confirm the key. B Processing Capacity: mobile phone processing ability, software running faster, software and user information between the interaction is faster.

3. Color: Refers to the interface of the use of color and display accuracy. The interface color design is mainly affected by the screen, software size and suitability. A) Screen: The screen resolution is high, color separation is more clear, details richer, visual effects better. b Software Size: The size of the software is limited, such as the jar package must be below 400K, the interface design can not use too many pictures, the first consideration of the program to paint. The existing interface design mainly uses the picture crosswise fills, if uses the 2*25 pixel picture, fills horizontally into the 240*25 background picture. c) Suitability: In order to ensure the suitability of the software, the interface design as far as possible using one-way color gradient effect, such as 2*25 picture only up and down gradient effect. In addition, referring to mobile phone QQ software and recent procedures to achieve the situation, the design as little as possible with rounded corners and translucent effect.

4. Typesetting: Refers to the overall layout of the interface, including the size of pictures and text, pictures and text in the interface position. The interface typesetting is mainly affected by the operation mode, screen and suitability. A mobile phone operation mode: Touch screen can make the interface design more flexible, not rigidly adhere to the existing interface design such as up or down or left and right typesetting. B Screen: Large screen, interface layout can be more relaxed, such as the title bar can be larger. c) Suitability: As far as possible to avoid the use of scroll bars, preferably the interface of the content of a screen can be fully displayed, such as the main interface of the child function control within 7.

5. Dynamic effect: Refers to the change process of interface switching. Dynamic effects are influenced by mobile phone operation mode, processing ability and software size. A mobile phone operation mode: Multi-point touch, will increase the dynamic effect. b) processing capacity: Mobile phone processing ability is strong, can increase complex dynamic effect. It takes a lot of time to write a gradient effect, which is a bit difficult to design and program. C Software Size: Dynamic effect will increase the burden of the program, but also may increase the number of pictures, it is bound to increase the size of the software. If you have a dynamic effect, you should also put it on the interface that users often use.

The above discussion, when the mainstream mobile phone mode of operation changes, interface interaction, interface layout and dynamic effects can be adjusted accordingly, the size of the software can be increased, the interface color and dynamic effects may be adjusted accordingly. So what about our website? Would you please think about whether our website is designed to be as easy to operate as Apple's products?

The original author: Wing SEO team members--stay, the original address: http://www.sem0571.com, welcome everyone to shoot Bricks, SEO Senior Exchange Group 546,269,451 exchanges and communication!