Six-point principles for mobile applications to enrich dynamic effects

Source: Internet
Author: User
Keywords Can rich time nbsp;

If you want to make your mobile apps more lively and smart, rich dynamic effect is indispensable, rich dynamic effect can make your application more dynamic, full of vitality, rich dynamic effect can let your application show efficiency, improve quality sense; rich dynamic effect can make your application full of charm, explore , rich dynamic effect can let your application reduce anxiety, eliminate wait feeling, rich dynamic effect can make your application full of flavor, have rhythm, rich dynamic effect can make your application have surprisingly http://www.aliyun.com/zixun/aggregation/27800.html "> Information Organization, neat and efficient."

Here are six simple and common ways-transitions, invitations, transitions, feedback, scaling, adsorption.

Because the mobile screen space is limited, more content will be hidden behind the screen, or the left side of the screen, the right, the bottom, the transition dynamic performance helps to create a sense of spatial orientation. Transition dynamic is the most widely used type of activity, after all, the iphone, Andoird, WP7 have provided some of the official performance of the API, some simple dynamic effect can be directly called the official API to complete. Android Official 8, the iphone official action 19, WP7 official action 6, the specific platform of the difference between the dynamic effect, follow-up has the opportunity to share.

Directly provide the invitation to inform users of what can be done, the effect of the most intuitive, the best guide. However, attention must be paid to the operation of the invitation must highlight the main functions or tasks, can not be any function to invite users to try, you know, most users use only 20% of your application even good. Invitations cannot be too compelling, and, if not necessary, it is impolite to interrupt the actions that the user is performing.

When the application is loading data, be sure to give the transition, let the user know that the application is working hard, the system-level transition is divided into two-progress bar and Chrysanthemum turn, the progress bar is used in the predictable completion of the time and the rest of the case; Photo forwarding on the iphone, messages moving from inbox to spam all have a good transition, letting users know that they are currently jumping from one application to another, knowing that jumping from one folder to another avoids the hassle of getting lost.

Not all cases, should be clear to inform the user of course the load progress of the task, such as the iphone with the SMS application, send a message when there is a progress bar, the intention is good, let users know the progress of the message sent. But because the progress bar creates an obvious sense of waiting, and the user is worried about leaving the current interface, the message sends a failure (how do users know about synchronization and asynchrony?). ), so only silly wait there. In fact, can let the text message backstage send, as long as the guarantee sends the failure to have the way to inform the user. Similarly, the picture sharing application is the same, the background upload can be.

When a task succeeds or fails, there is a way to inform the user. For example Reeder client, will be after you point unread, immediately bomb layer tells you have marked as unread, after you point statted, immediately bomb layer tells you, has starred. Feedback needs to be noticed by the user at the right time, to communicate the results of the operation succinctly and clearly,

If a successful class of reminders, often just tell the state on it, the user does not need to perform operations, feedback can disappear. And if the failure of the class feedback, you need to attract attention, can be relatively strong some, the position of feedback can be considered relevance, such as account errors can appear next to the account, password errors can appear next to the password, using the relative warning color and design style.

In one inch of gold in a cell phone interface, eager to build a duplex building, a row when two lines. In fact, it is not possible, just need a design idea-----------box. Each function module is a box, when you do not need to use, it is just a box, labeled on the top, you know the inside is a sock, when you need, you can open the box, exposing a lot of double socks.

Like Bluga this input box, when you do not need to input, it looks like an input entry, but when you click, the input of the auxiliary information came out, a larger text composition box, location, picture, send button, you can open the box, edit a rich message.

Adsorption is a very aesthetic design in the grid system, when you drag an application to switch position, the application will be automatically adsorbed to the alignment of the grid position, to ensure that the interface neat and tidy (unlike some of Nokia's mobile phones, widgets can be dragged full screen, like my messy desktop) When you drag a application to another application, you can become a folder, this is also through the style of folders and the effect of adsorption, so that users understand the creation of the interactive folder.

Any dynamic effect, need to go through the scene and the needs of the thinking, in what kind of special situation, solve what kind of problem, not to move, WP7 dynamic effect, I am afraid to see a long time will be tired of it.

In addition to the interface itself, but also need to include vibration, voice, gestures and other factors to consider, good action, with the appropriate sound, reasonable gesture, is the most natural way of interaction.

Starting today, try to improve the quality of your application and let it move!

Source Address: http://elya.cc/2012/05/06/1234/

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.