UI design-Elephant invisible

UI design, elephant invisible

UI design, like elegant artwork, excellent UI design can also be an elephant invisible, the elephant invisible meaning is intentional intention of unintentional. Elephant is invisible! is not to show deliberate, do not overdo the proposition, to be compatible with the hundred state. no form without frame to accommodate all forms! The most magnificent image is the lack of image. This is a small part of the UI design shallow understanding, there are different views of the small partners Welcome to discuss the Exchange ' (*∩_∩*)!

the UI is the abbreviation for user Interface (UI). UI design refers to the whole design of human-computer interaction, Operation logic and beautiful interface of software. Good UI design is not only to make the software has a personality and taste, but also to make the operation of the software comfortable and simple, free, fully reflect the positioning and characteristics of the software. Software design can be divided into two parts: coding design and UI design. The UI is intended to be a user interface, an abbreviation for English user and interface. It literally consists of 2 parts of the user and interface, but it actually includes the interaction between the user and the interface.

In the rapid development of electronic products, interface design work is a little attention. The "Art" of interface design is also referred to as the "UI designer" or "UI engineer". In fact, the software interface design is like industrial products in the industrial modeling design, is an important selling point of the product. An electronic product has a beautiful interface will bring people comfortable visual enjoyment, closer to the distance between people and goods, is based on the scientific design of art. The standard of testing an interface is neither the opinion of the leader of a project development group nor the result of the vote of the project member, but the feeling of the end user.

About the UI design, accelerated conducted two large lectures, accompanied by lectures, small series slowly to the UI has a gradual deep understanding, today small part of the UI aspects of the design of a simple summary, have different views of the small partners, welcome to Exchange Supplement ' (*∩_∩*)!

try to use single column instead of single column layout

Try to use single column layouts instead of multiple columns to give you better control of the global. At the same time users can also at a glance content. More than one column will have the risk of distracting your users so that your main thrust is not very well expressed. The best thing to do is to use a logical narrative to guide the user and give you an action button at the end of the text.

Highlight the point you want to express

In fact, not just UI design, as we do everything before, we need to clearly do the purpose of this matter? Software such as life, any one of the first priority of the software is the same need to be clear, what we want to do, the simple point is the purpose of design, why we design, through the experience of small knitting projects, in the UI design, display to the user's interface space is very limited, but, Need to prompt to the user's information is many, in the limited space to put a lot of information is unrealistic, then we how to do nie, this time, we need to according to the purpose of the design software to determine what information is important can not be ignored, what kind of information may be placed in the Level two submenu, so, Highlight our design focus, if we do is a chat software, we do not let listen to music ah, see the movie Ah become the main theme of the software, our focus should be chat.

Similar functions are packaged and put together

throughout the development of the product we will intentionally or unintentionally create many modules, layouts or elements, and their functions may be some overlap. This situation indicates that the interface has been excessively designed. Be wary of these redundant functional modules, which are useless and degrade computer performance. In addition, the more modules on the interface, the greater the user's learning cost. So please consider refactoring our interface to make it thin enough. For example, in a recently played game, the characters ' attributes and skills are always put together, and the small map is placed in another corner. In doing so, users can be accustomed to the same place to find a kind of information, will feel more friendly oh.

warm hints to make the design more humane

Hint but very learned oh, pay special attention to the information prompts to have a little order, as far as possible to guide the user's vision in a reasonable order to obtain information, such as from the top to the bottom, from the left to have, the above small series of tips, is similar to the installation of software when the hint. In addition, the information prompt interface also has certain requirements, first, exclusive, always appear in the main interface information. Under normal circumstances, must have very important reasons or have been identified important information to use exclusive; second, temporary, in certain circumstances will pop up the information hint, after use can be manually turned off. Here's a little rule, if the temporary prompt information can be stacked, then, be sure to set a shortcut key to close all the prompt window, so it is "user-friendly"! Finally, the Wizard-style interface, the user does not need to operate, that is, without interrupting the user's current operation, the user is prompted. For example, in the 360 design, show the speed test ball, 360 will give the hint, master, you are cruel to hide me? Make sad expression, small part believe to see such a hint, is not bear to close the NIE.

user operation careless, cause operation error, what can we do?

Allow users to make mistakes, and give a good faith and warm reminders, to the user's wrong reasons for intelligent judgment, and then prompt the user exactly where the error occurred, we should how to operate, do not duang give a sentence in fact: "Sorry, you can not carry out the operation", such as in the QQ space, There are a lot of beautiful skin settings, but if you are not QQ members, the use of the skin, QQ will give such a hint: "Your saved items contain paid products, need to open business to obtain", in addition, QQ really made a friendly, below the prompt box, gave the solution "immediately open yellow diamond." As far as possible the user's error, such as when registering QQ, the number of words on the password is limited, can only set the password to six to 16 characters, this time we do not wait for the user has entered 100 characters characters prompt user, can only enter six to 16 character, and then let the user clear deep information, 20 when the user enters 16 characters, they cannot continue typing.

Keep user habits, we can do better

such as the Close button, the minimum button should be placed in the upper right corner, such as the most commonly used habits best not to break, as the design of the software, we should pay attention to the majority of user habits. For example, when the user needs to use the mouse, the vast majority of users use the left hand to operate the keyboard, the right hand operation of the mouse, so in this case, let the user use the keyboard operation, press the button as far as possible in the left-hand area of the keyboard. Keyboard buttons are limited, and need to implement the function is unlimited, we can combine keys to achieve the function, but, the key combination is not omnipotent, for example, the combination of keys is ctrl+alt+a, but if this key combination with other shortcut keys, we should do nie, so, careful use of key combinations, Keep the user habits, we can do better.

color Matching, cold or warm tones?

Color psychology is a very important subject, in the natural appreciation, social activities, the color is objectively a kind of stimulation and symbol for people, but also a subjective reaction and behavior. The color psychology starts from the vision, from the consciousness, the emotion and the memory, the thought, the will, the symbol and so on, its reaction and the change is extremely complex. The application of color, attaches great importance to this causal relationship, that is, from the experience of color to the color of the psychological norms, when stimulated by what can be produced by what reaction, are the color of psychology to explore the content.

Red usually gives a feeling of uneasiness, for example, during a small project, when using SVN to submit project code, especially afraid to see red, all the absolutely forbidden operation can be in red for the corresponding hint, we can try to use blue to express, Blue is the opposite of red in all aspects, in appearance the blue is transparent and moist, red is opaque and dry, from the psychological blue is cold, quiet, red is warm, excited; in character, Red is rough, blue is lofty, to human body function, blue lowers blood pressure, red increases hypertension , blue symbolizes quiet, fresh, comfortable and meditation, color collocation, but a very advanced learning Oh ' (*∩_∩*)!

The above is a small part of the UI of a brief summary, follow-up summary, blog will be updated, please look forward to.

Small Editor's note: I do not know where the small series have seen such a simple dialogue, as follows:

          Developer: Don't go, I'll teach you how to use it.

          users: Teach your sister, I am too lazy to learn. From this simple dialogue can be seen, our users are very impatient animals, and this animal is too picky, we have to do nie, whining no user, painstakingly developed a product, on-line. Happy, tense, all kinds of emotions intertwined, waiting for the user. but, but! The user has come, the user has gone ... There is no user, the product has failed. The script has become the norm for one product after another. It's okay, get used to it. Failure is not terrible, the terrible is not to think after failure. So why did the product fail? In particular, a developer with a confident product, feel that they have made a variety of innovations, provide a first-class UI, provide a cool function, put their competitors on the level of three or four blocks. Why did it fail? Innovative gameplay users do not understand, need to learn the cost, first-class UI is too special, the user to adapt to the UI, the cost of learning, the function of the user does not know how to set up, need to learn the cost! Innovation is not scary, scary is the user is very impatient animals. So, don't let them think, they're too lazy to think.
        Some developers will say, don't go, I'll teach you how to use, I will do a good job of learning to guide the function. Yes, this is a good way for developers to leave a part of the user. However, a large part of the user left the following sentence: Teach your sister, I do not bother to learn. Don't expect users to devote much effort to learning how to use your product, even if your product is really awesome. Take DotA and lol, DotA is really a very good product, can play very strong, have a good balance. But one drawback is that getting started is too difficult. There is no guide to teaching, no guidance on when to buy what equipment, recommended users buy what equipment. So that part of the "Learn Your sister" users will go to play lol, because there is more convenient operation, no anti-complement, do not think too much can play. User is in the spirit of an entertainment to use the developer's products, if the user is too troublesome, also represents the product will lose that part of the user. Learn UI design, small series need to do a lot of.

UI design-Elephant invisible