The unthinking in GUI design

Source: Internet
Author: User

The first contact with the concept of "without thinking" is through a post called "Shenze kan Fukasawa, the core > of:< consciousness", which gives some examples to illustrate the author's point of view.

There is an iron railing in the picture, why do people put milk cartons on it?

When we are tired on foot, why do we sit on the smooth slate?

People in the subway reading or playing games, why subconsciously like to carry a car on the back?


Why is there such a lot of situations, why there are so many "without thinking"?

Because the square of the railings above is the same as the shape of the milk box;

Because the slate is smooth, flat and clean, most like the seat in the weekdays;

Because people subconsciously fear the attack from behind, when there is a "backer", no longer fear;


In the product design world, Donnald Norman has put forward such a theory-excellent design is not required manual! When users feel remorse for not using the product, or even reading the instructions, everything should be blamed on what the designer is considering is far from enough!!!

A desk lamp with a tray. This table lamp is Shenze Straight's work, solve the problem is that users go home after the chaos of keys or mobile phones and other items, leading to go out when the situation is missing. By observing life, the designer found that the first thing people do when they come home at night is to turn on the light, so he makes a fuss at this point, and the base of the lamp is designed as a small pallet. When the user turned on the light, he threw the key into the tray below, and when he left the room to turn off the key, he would pick it up, and it would be done naturally without any trace. There are no instructions or instructions to tell the user to put things in the tray under the table lamp, but the user will follow the designer's course of thinking.

Listed above is the use of visual semantics in the real product design applications, specific to the Internet and mobile terminal GUI design, there is a similar, but also has its own unique. Here are some of the things I can think of.


Take the common traffic lights in everyone's life for example, "The red light stops, the green light line, the yellow light is bright the idea has already been popular, therefore puts this kind of color the special implication metonymy to the GUI design and makes the reasonable use, sometimes will appear very apt, lets the user be possible without hesitation, handy use. The red button is closed, similar to the forbidden line, the green button is magnified, similar to the release, and the yellow button is narrowed down to the status bar, similar to the pending wait. Again such as the green button is to dial the phone, the red button is the end of the call. These are excellent examples of color usage.


Users have accumulated a lot of conceptual models in their daily life, and when designers have made the conceptual models seamless to the GUI design, they can avoid thinking and use them correctly.

Let's look at the GUI design of Figure WP7, each of its screens unfold is equivalent to an ancient scroll picture, but in the initial use of users how to do this hint, so that its subconscious to go to the horizontal slide screen, carefully look at the green box part of the picture below, like the life of the ubiquitous label? Does it make you want to pull it out and see what kind of divine impulse it is? If anything, it succeeds.

The second example is more intuitive, clear, natural, without explanation, there is a picture of the truth.


Position I think it is also a stage to be able to exert fists. For example, when we finish writing a letter, we will sign our name and date below, OK, it's done! In GUI design, our common window, landing interface, and so on, are the first to fill in the relevant information, check the correct, and then click on the following "landing", "submit", "completion", "Next" and other buttons. In the user's mental model, must be influenced by the position imperceptibly.

Post language

Product design can do without instructions, it is self-evident, I think the GUI can do without boot tutorial, at a glance. For designers, we have to do is more nuanced observation of life, experience life, perception of life, through color, shape, location and other design methods, so that users, especially novice users in the use of the interface can do self-taught, easy.

Related Article

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

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: and provide relevant evidence. A staff member will contact you within 5 working days.