Website User Experience Analysis: 7 Laws of interactive design

"Unless there is a better choice to follow the standards," what laws of law are considered standard in the field of interactive design?

Alan Cooper: Follow the standards unless you have a better choice.

Perhaps the best known of Alain Coux Cooper, the father of interactive design, is that "unless there is a better choice to follow the standard", there are many time-validated laws of law in the field of interactive design that are recognized as standards, so what do you know?

1. Fitts ' Law/Fitzpatrick Laws (Fitzpatrick Law)

Law content: The time required to move from one starting position to a final goal is determined by two parameters, the distance to the target and the size of the target (D and W in the above image), expressed as a time T = a + b log2 (d/w+1) by a mathematical formula.

It was first proposed by Paul Fitzpatrick in 1954, and the mathematical model used to predict the time from any point to the center of the target was the most extensive and far-reaching in human-computer interaction (HCI) and design. The new Windows 8 shift from the Start menu to the Start screen can also be seen as an application of the law.

The revelation of the Fitzpatrick Law:

Buttons and other clickable objects require a reasonable size.

The edges and corners of the screen are good for placing elements like menu bars and buttons, because the corners are huge targets, they are infinitely high or infinitely wide, and you can't use the mouse to exceed them. No matter how far you move, the mouse will eventually stop at the edge of the screen and navigate to the top of the button or menu.

The Control menu (right-click menu) that appears next to the object that the user is manipulating can be opened faster than a Drop-down menu or toolbar because you do not need to move to another location on the screen.

Extended reading: Mouse interaction in the Windows design specification, the laws of Fitts and internet design, the law of laws and user interfaces, Google Chrome and Fitts Law, and the application of Fitts laws and Fitzpatrick Principles in interactive design ( readlists)

2. Hick's Law/Marschik (SHIKFA)

Law content: The more choices (n) A person faces, the longer the time (T) needed to make a decision. The reaction time t=a+b log2 (n) is expressed by the mathematical formula. The more options in the interface in human-computer interaction, the longer the user's decision is made. For example, there are 5 items per menu compared to 2 menus, and users will be quicker to choose from 1 menus with 10 items.

Marschik law is applied to the design of menu and submenu of software/website interface, and it is also applicable in mobile devices.

Extended reading: Schickfa and talk about Hick law (readlists)

3. Magic Digital 7±2 Law

In 1956, George Miller A quantitative study of short-term memory, he found that the best state of the human mind could remember a block of 7 (±2) chunks of information, and the human mind began to make mistakes after remembering 5-9 messages. Similar to the Marschik law, the Magic Digital 7±2 rule is often applied to mobile application interaction design, such as the application of more than 5 tabs.

4. Law of proximity approach

According to Gestalt (Gestalt) Psychology: When objects are too close, consciousness thinks they are relevant. In an interactive design, a Submit button appears next to a text box, so when the function blocks that are close to each other are irrelevant, the interaction design may be problematic.

5. Tesler's Law Teisle laws (Conservation of complexity)

The law says that every process has its inherent complexity, there is a tipping point beyond which the process can no longer be simplified, you can only move the inherent complexity from one place to another. As for the design of the mailbox, the recipient address can no longer be simplified, but the sender is able to transfer its complexity through the integration of the client.

6. Xinxiang Heavy Husband: The principle of error prevention

The misplaced principle holds that most of the accidents are caused by negligence of design, and not by negligence of human operations. By changing the design, the fault can be minimized. This principle was originally used for industrial management, but it also works well in interactive design. such as in the hardware design of the USB slot, but also in the interface design can be often seen, such as when the use of the condition is not met, often by the failure of the function to indicate (the general button will become gray can not click) to avoid not to press.

As shown above, the comment function of the Geek Park is fast, when the message box is not content or the mailbox format is incorrect, it is impossible to get the verification code, only the two are satisfied.

7. Occam ' s Razor the principle of an Omega razor (simple and effective principle)

This principle is called "if not necessary, do not increase the entity", if there are two functional equivalent design, then choose the simplest. In the Geek public class • Into UC UC browser product manager Sujannan in the "UC Browser for Android product design Thinking" speech also talked about the principle of the application, "if UC Mobile browser to release the first version of UC 1.0, you will choose which five features?"

In order to follow the magic number 7 law This article is only introduced here, if you are interested in looking for other laws, such as the Fitzpatrick Law close to steering law, Gutenberg Diagram Gutenberg Law and shine to which applicable Pareto law (80 /20 principle), the three-division principle and so on.

The last thing I want to say is that although these laws of law are judged by many people as standards, many people also remember Alan Cooper said the famous saying, but from a practical point of view these rules will only be used as a reference or inspiration, as the interaction designers must not be scripted, because only in person to do after the deep experience.

Unless the special statement, the Geek observation is the Geek Park original report, reproduced please indicate the original link.

Original address: http://www.geekpark.net/read/view/166489