Design Theory: Touch screen button size and space design

In the touch-screen button design, size has a huge impact on usability. ISO and ANSI standards recommend the size of 0.75 "x 0.75" (x 19 mm), and a study from the Department of Psychology at Wright State University also shows that the 0.75 "x 0.75" button is the highest satisfaction rate for users.

Let's delve a little deeper and I think 1.25 "x 0.75" (x 19 mm) is the best size. Why, then? This is certainly related to the ratio, just as you spend your childhood in the ordinary TV set now has been replaced by widescreen TV series, the truth behind this is actually relatively simple.

The size of the button itself is an aspect, the spacing between the buttons? It is interesting to have the fact that the spacing between buttons has little effect on the performance and accuracy of the entire interaction. So even if the screen size is very small, it is still recommended to increase the size of the button, even if this will make a lot of buttons next to each other. Of course, if there is extra space, a maximum of 0.125 "(about 3 mm) intervals will help make the interface more comfortable, although the overall accuracy and speed will not change."

Want to use a smaller size button in your design? No problem, the size we're talking about here is the actual touch area of the button. If you use a smaller button, just make sure that the touch area of the button is more than the visible area of his own, and that's all we need. Of course in this case you have to consider the spacing between the buttons.

If you are dealing with a touch screen that is really small, you may have to use a button less than 0.75 "(about 19 mm)." This time 0.375 "(about 9.5 mm) of size can be used as a reference, but absolutely cannot make the button less than 0.25" (about 6.4 mm). Just like throwing darts, no matter how close the user is to the touchscreen, it's hard to hit the center of the button every time. A common person repeatedly presses the same point, its accuracy is generally 0.125 "(about 3.2 mm) within."

That size gets bigger? Have to say this is not necessarily a good thing, because the user clicks after a certain degree of precision will not improve, the speed will decline, because moving in the various buttons between the fingers must move a greater distance.

Now let science tell us what an ideal button should look like.

The Greek letter "φ" in mathematics often denotes a fixed value--1.618, which is known as "Golden Division". The friend who understands the literature review must all know that the Golden Section is widely used in many places. The Mona Lisa, for example, uses a golden section that is enough to write a whole book.

If you use this golden ratio on a button, the "ideal" button is 1.25 "x 0.75" (x 19 mm).