TWI222002B - Method and system for scaling a graphical user interface (GUI) widget based on selection pointer proximity - Google Patents

Abstract

On a display screen, the visual size of a graphical user interface (GUI) widget is scaled based on the distance between the GUI widget and a displayed selection pointer, such as an arrow pointer controlled by a mouse. As the selection pointer is moved toward or away from the widget, the widget changes size. This permits the widget to display additional information, such as icon text, as a user moves a selection pointer closer to the widget.

Description

1222002 A7 B7 V. Description of the Invention (1) Related US Patent Cases This case relates to the following US patent cases, which are assigned to the same assignee. The subject matter of each item is incorporated herein by reference: US Patent Application No./_, filed on the same date, titled "Method and System for Providing a Pre-Selection Indicator for a Graphical User Interface (GUI)" Widget) "; and US Patent Application No./_ with the same date as this document, titled" Method and System for Graphical User Interface (GUI) Toolset with User-Selectable Quality " (GUI) Widget Having User-Selectable Mass). " BACKGROUND OF THE INVENTION 1. Field of the Invention The present invention relates to a graphical user interface (GUI) of a general computer device, and more particularly, to a GUI that can display selectable objects and can change its appearance in response to user actions. BACKGROUND OF THE INVENTION Graphical user interface (GUI) implementations on personal computers and workstations are very similar in many places. The GUI provides users with graphical and intuitive information displays. Generally, a user selects a pointer using a graphic, and the user uses a graphic pointer device for control, such as a mouse, a trackball, a joystick, or the like, to interact with a GUI display. It depends on the actions allowed by the operating system software application. Users place graphical indicators on the tool set and associate them with the graphical indicator device —. _-4-This paper standard applies to the Chinese national standard apple ( CNS > A4 size (210 X 297 mm) button to select the 1¾ toolset, which is the user_identifiable feature, ^ icon, menu, or object in the graphic display. Various software applications are currently available. Enhanced versions of operating systems and operating systems allow users to use graphical pointing devices to interact with selectable devices on the display screens of their computer systems. Toolsets must often be drawn with visual boundaries, which are used to define the goals of the seizure Because of the relationship between the user's visual acuity and the resolution capabilities of most commercially available displays, the size of the selectable object that can be successfully displayed and can be selected via the GUI must have a very low boundary value in the specific embodiment. Therefore, there are restrictions on the type and number of toolsets that can be drawn in a working GUI. — When the size of the display screen is reduced The problem will become very obvious, and its difficulty will immediately appear in portable and wireless devices. When the available display physical part of the device is reduced, the performance of the object will be changed / selected. These components will require greater manual control sensitivity and concentration. In order to overcome the above-mentioned problems, in US Patent No. 5,8 0 8,6 01, which is incorporated herein by reference, ^ super is a parent interaction type 1. Object Selection Pointer Method and Device

Apparatus) ", proposes a GUI system that can simulate an invisible force field linked to the displayed tool set and select the standard. When interacting with the JL set on the labor screen, the '601 system will A similar gravitational field is mathematically generated to operate between the displayed images of the selected index of the display screen. According to this technique, the interaction convention between the selected index and the toolset must be changed to include the selected index display. And various on this screen-5-

A7 B7 V. Explanation of the invention ("mass" effect indicated by the effective force field between the toolsets. When the position of the selected indicator displayed on the screen falls within the force boundary of the toolset, it can be immediately A selection indicator that captures objects whose force boundaries are crossed ° This makes it easier for the user to select a toolset, especially in a small display screen. Although the force field concept described in the '601 patent can dramatically improve graphics User interface 'but there is still room for improvement. For example, if the visual dimensions of a particular toolset can be changed moderately, the flexibility of the system described in the 601 patent can be enhanced. SUMMARY OF THE INVENTION The invention provides a method and system for adjusting the visual size of the displayed toolset according to the displayed selection index. According to a specific embodiment of the present invention, in the display screen, the visual size of the GUI toolset can be adjusted according to the GUIi tool. Set and display selection indicators, such as arrow pointers controlled by the mouse, to adjust the distance between them. When the selection button moves toward the tool set or When the tool set is opened, the tool set will change its size. This allows the child tool set to display additional information, such as icon text or refined graphic details, when the user moves the selection pointer toward the tool set. Brief description The foregoing and other features and advantages of the present invention will be more clearly understood from the following detailed description of the preferred specific embodiments and the accompanying drawings. The detailed description and drawings are only used to illustrate the present invention and not to limit the present invention. The scope of the invention is defined by the scope of the accompanying patent application and its equivalent scope.

The method shown in Figure 1 is a flow chart of a method which uses a selection index device, Mole's' to show the boundary of the force field around the selectable tool set on the display screen. / The end user shown in Figure 2 selects a toolset quality. Figure 3 illustrates the concept of the force field effect in the display toolset operation in three progressive steps as shown in Figures 3a-C. Not shown in Figure 4 is a preselection indicator for the corresponding toolset. The tf in FIG. 5 is a detailed diagram of the interaction of multiple toolsets that intersect or overlap the force field of the display device. " Figure 6, as shown in Figures 6 A-C, shows an example of a selection index arrow that interacts with a selectable tool set of a display screen. An example is shown in Fig. 7, where overlapping and non-overlapping force field boundaries surround a plurality of selectable toolsets or functional examples presented in a graphical user interface on a display screen. FIG. 8 is a flowchart of a method, which is a method for adjusting a tool set according to an effective force field between the tool set and a selected index according to a specific embodiment of the present invention. FIG. 9 is a diagram for adjusting the size of a tool set according to a selected index according to a further specific embodiment of the present invention. The system shown in Figure 10 is an example of a computer system using the toolset described here. Detailed description of the preferred embodiment As mentioned above, the basic laws of gravity similar to physics can be applied to one or more Fixed or movable, selectable or unselectable

This paper size applies to China National Standard (CNS) A4 (210 X 297 mm)

Interactions on this' tool set are depicted by a GUI display or a typical user application on the device. In this system, the user can use, for example, a joystick, joystick, mouse or trackball device, by placing the display selection indicator in the appropriate tool set and sending a signal to the computer system wishing to select. By manually assigning a specific force field coefficient, a similar concept of physical gravity, to each tool set and the selection index used to construct the GUI environment, it can be simulated on the surface of the display screen that the actual force field should be Interactions with actual objects, such as attraction or repulsion. For example, by assigning a specific quality to a tool set that is often selected on the GUI display, if it is close to the boundary surrounding an object, even if it does not step into the visual depiction boundary of the object itself, it has the The selection index of the assigned quality value will still be attracted to the object. The attractiveness between the selection indicators can automatically place itself in the selectable "hot spot" required to interact with the depicted selectable objects. What should be understood is the system and The method does not generate a real attraction or force field. Instead, it is generated through mathematical simulation and calculation. It can simply calculate the interaction force field effect between objects and use it to change the object or the selected index. Display position. However, at the beginning, several concepts will be introduced before discussing artificial virtual gravity% and its application. In order to use the concept of force field or gravity, the characteristic set of the selected index can be divided into two types. This entity is called “Real Selection Index” or “Real Selection Index” and “Virtual Selection Index •• or” Virtual Index ,. The real selection index and the virtual selection index can be divided into characteristics related to the conventional selection index mechanism. -8- This paper size is applicable to China® Home Standard (CNS) A4 specification (210X 297 mm) 1222002

Sex. In this dichotomy, the real indicator possesses the general physical location known by computer system hardware. That is, the real indicator has the actual location of the indicator according to the computer's system tracking mechanism. The virtual selection indicator has The other two characteristics, that is, the visual indication of the selected index position provided to the user viewing the device and the screen position indication of the index provided to the application program running on the computer system.

Therefore, when the user uses the indicator mechanism for selection, the location of the virtual selection indicator is used, which will notify the application with its position signal and guess which tool set the user should select instead of using the actual selection indicator. Real physical location.

Returning to Figure 1, the entire process and logic flow to implement the gravity boundary of the toolset will be discussed. In block 10, the quality value m of each toolset and the quality value centimeter of the selected index are selected. The operating system supplier, the air drive supplier, or the user may assign a quality value M to the selection index. In order to select the quality value m of the toolset, the user can trigger an event, such as a predetermined mouse click or a pop-up menu, etc., which will perform the _user interface to enter the quality value of the toolset. By changing the quality value of the toolset, the user can change the effective boundary of the toolset around the display screen device, and thus change the degree of interaction between the toolset and the selected index. Figure 2 shows an example of a display tool used by the end user to select a toolset quality. As shown in the figure, the user uses the selection index 24 to select the toolset 21. After selecting the toolset, the user will trigger an event, such as a predetermined mouse button tap or a keystroke, to present a pop-up menu 2 0. -9- 1222002 A7 B7 V. Description of the Invention (The pop-up menu 20 provides a user interface to set the features of the toolset, such as the text displayed in the toolset, the size, color, shape, and similar characteristics of the toolset. It is particularly important The system will have an input blank box to set the mass value m combined with the toolset. This input allows the end user to select the quality of the toolset and therefore change the effective force associated with the toolset in the display screen Boundary. After sighing about the features of the toolset, the end user can tap the "Apply" button in the pop-up menu 20 to update the toolset characteristic values of the toolset 21 stored in the computer system. Back to Figure 1. In box 11, the boundary size value B is calculated for each tool set on the screen that has been assigned an m value by the user or application designer. Because in the well-known gravitational formula, f = m / D2, Where ^ is the mass of the object 'and D is the distance from the center of gravity of the object where the force is to be calculated. So there is a way to calculate a force equal to the mass M allocated by the selected index Boundary condition b. In this calculation condition, the effective "mass" of the selected index can be overcome by the force f between it and the object. M ^ The virtual selection is only when the gravity overcomes the selected index displayed on the screen. “Indicator” is the indicator that is actually displayed on the screen, and will be separated from the physical location of the unselected real selection indicator that is attracted or repelled by the quality of the object. The real selection indicator has no visual performance, but the virtual selection indicator is displayed The position controlled by the user until the display position runs into a boundary B so that the calculated power exceeds the mass value assigned to the selected index by the program. Then, the control program shown in FIG. 1 can be moved The displayed virtual selection index. -10- This paper size applies the Mid-Threshold National Standard (CNS) A4 specification (210 X 297 mm) Binding 1222002 A7

As long as the position of the display 7F selection index and the mathematical quality value ΓΠ of the calculated force between the toolset cannot overcome the quality value M assigned by the selection index, then the virtual and real selection indexes have the same position, in other words, No matter where the user places the display selection indicator, it is overlapped. However, when the power calculated by the simple law of gravity mentioned above passes the mathematical mass value M, the selection index will be changed accordingly. From 詨 gravitational foot law, the boundary condition where the calculated force is greater than or equal to two mass values can be calculated, so B is equal to the square root after m divided by M. When it is around the selectable toolset 21, the calculated boundary is around the selectable object shown in FIG. 3A with the boundary 23, and its size B is drawn as the marked number 22. Order

Line It should be noted here that the display can be used to depict and represent third-degree space, so the force field of the point source is actually spherical and can interact with selected indicators that move in all three-dimensional spaces. However, assuming that most display screens and devices are second-degree space, the parent interactions between the indicators and toolsets described here are particularly applicable in second-degree space. Graphically, the index mass claw of the tool set boundary B is a gravitational center circle with a radius β. If the center of mass of an object is on a line, whether it is a straight line or a curve, then the boundary may be tied to a dimension of a fixed distance perpendicular to the line, and may be a cylinder in a three-degree space. However, in a two-dimensional screen system, the cylinder will be parallel to the screen monitor plane parent fork of the two lines, and the two lines are parallel to the center of gravity of the object. Figure 7 does not indicate that this type of border surrounds the selection area of the long menu item, and it is shown in Figures 6A-C that it surrounds a selectable button, and ----- -11-This paper scale applies China National Standard (CNS) Α4 Specification-1222002 V. Description of the invention (9) The rectangle or square around the point source quality function assigned in Figure 5 is known around. As soon as you return to the figure, you can calculate the boundary size μ describes the user's display of each object on the screen 'It has been assigned a quality value claw. Next, the selection indicator control program question will ask at box 12 if there are any tools ^ The boundary B overlaps the calculation of other toolsets Boundary value B. If the answer is yes, 胄 needs more complicated calculations (block 13) to produce the effective half-fe or size of the boundary ', a detailed description of which is shown in Figure 5. If there are multiple objects, the calculated boundary phase If it overlaps, it is necessary to perform a block related to the more complicated calculation of boundary B. This condition is shown in Figure $. There are two selectable objects ^ and… in the towel chart, and the boundary is dagger and B2. The two Object center The distance between them is expressed as w, which is smaller than the boundary size B! + B2. When this condition is true, the boundary value 6 is calculated as shown in box 13 in the figure, where the variable χ falls between the totals. When When the boundary condition overlap is detected in block 12 of the flow of FIG. 1, the effective boundary B can be used in the flow to determine whether the actual physical position of the selected index falls within the range of the boundary B. If it overlaps, This B value will be used for testing in block 14. Back to Figure 1, after the calculation of block 11 or 13, it will enter block 14 and ask if the real entity selection index position falls under any object under user control. Within the bounds of boundary B. If the answer is yes, the control program logic of FIG. 1 will move the displayed virtual selection indicator 24 to the center of the toolset 21 of boundary B with 3 true consistent physical indicators 25 (block 15 Bu-12 1222002 A7 I —_ B7 __ 5. Description of the invention (10) While capturing the virtual selection index 24 to the center of the tool set 21, the user can actually select the selected item by clicking the mouse button. Before the toolset A pre-selection indicator is displayed (box 16). The pre-selection indicator can provide the user with visual feedback related to which toolset is about to be selected if the user takes further action with the selection indicator device. The pre-selected indicator can be displayed on the screen combined with the toolset in any suitable visual cue form. Figure 3 can be considered as the first example of the pre-selected indicator, which has three consecutive patterns 3A-C, showing the system The interaction between the real entity selection index, the display selection index, and the preselection indicator in the display screen of the computer system. In this example, the preselection indicator is generated by the tool set 21 itself expanding in visual size. In Fig. 3A, the possibilities depicted by the random toolset 21 in the screen surface, for example, one click. The button 21 is assigned a mathematical quality value m. The display virtual selection index 24 and the real, physical selection index 25 overlap in most positions, as shown in FIG. 3A. That is, the user will place the selection pointers 24, 25 in a general manner by means of his trackball, mouse tracking device, pointer stick, joystick or the like, and look at the operations shown on the display screen surface. No difference. However, the selected indicator 24 is considered to be a “virtual indicator”, and the “real indicator”, indicator 25 is assigned to a quality value M. In FIG. 3B, the user shown in the figure has placed the selection index in touch, but has not crossed the boundary 23 calculated by the computer system process of FIG. 1, and the radius or boundary size around the tool set 21 is Β. From Figure 3A, -13- 1222002 A7 -____ B7 V. Description of the invention (") It can be seen that 'the display selection index and the dimension D between the active mass center of the tool set 2 1 drawn in the screen, which The size is the boundary size 23, which is much smaller than the distance D between the indicator and the toolset. In Fig. 3B, the selection index is placed exactly at the dimension D, which is equal to the boundary of the boundary dimension B. At this point, both the position of the real physical indicator and the position of the displayed virtual indicator still overlap, as shown in FIG. 3B. However, referring to FIG. 3C, when the user just crosses the selection index beyond the boundary size B, in other words, when the size d is less than or equal to B, the two entities of the selection index become very obvious. As long as the computer calculation indicates that the real entity index 25, the currently selected index Wei Zhi and the tool set 21 with a mass of M ′ are assigned to the mass m, and the size d between them is smaller than the force near the tool set 21. If the size B calculated from the radius of the field effect or the gravitational effect, the visual display position of the virtual selection index 24 will capture the hotspot or selectable part of the tool set 21. In addition, the toolset has enlarged its visual size to the boundary B to represent the preselected indicator. As far as the user is concerned, the actual physical position of the real indicator 25 has not changed as if the user manually controlled it, but the result seen is that the virtual selection indicator 24 has been attracted by the tool set 21 and is now It has been placed directly in the toolset 21, and the toolset 21 has been enlarged to the boundary 23. This allows the user to effectively select a range and increase accuracy, which is the same size as the boundary B around the force field 23 shown in the figure. The user no longer needs to place the selection indicator accurately. Because the described force field is not an actual force field ’, there will be no actual -14- This paper size applies to the Chinese national standard (CNS > 8-4 specification (210X297 mm)

Binding

1222002

The reverse and positive effects can be easily achieved by changing the sign of the force field value to be calculated, or assigning a negative value to one of the masses used in the calculation. The second example of the preselection indicator of the toolset shown in FIG. 4. In this example, the preselected halo 5 1 series is displayed corresponding to the toolset 2 1. The pre-selected halo 5 i is a magnified alternative example of the pre-selected instruction set shown in FIG. 3. In the example shown, the 'halo 5 1' is composed of a complex array of line pairs surrounding the toolset 2 1. When the real selection indicator 25 moves within the boundary of the toolset, in other words, D < B, a halo 5 1 will be displayed on the screen. The halo 51 can provide users with feedback in response to the movement of the selected index. In particular, the halo 5 1 indicates that the user can select the toolset 21 even though the selection index 25 does not actually reach the toolset 21. The alternative or added part of the halo 51 and enlarged view of FIG. 3 is that the tool set 21 can pre-select the indication format to flash on the screen. Returning to FIG. 1, if the real indicator position 25 does not fall within the boundary B of any tool set, the displayed virtual indicator 24 will overlap the real indicator position as shown in block 17. When the user repositions the selection indicator near the monitor screen of the user of his computer system, the blocks 14 to 17 of the process are repeated. When the condition of block 14 does not meet, in other words, when the real physical indicator position 25 falls outside the boundary condition B of the toolset, then the virtual indicator 24 is under the control of the user, which is the selection actually displayed on the screen The indicator will overlap with the real entity indicator position 25. In order to explain this situation, the hypothetical display of the user program shown in Figure 6A is -15- This paper size applies the Chinese National Standard (CNS) A4 specification (210X '297 public goods) 1222002 A7 B7 V. Description of the invention (13) A screen that displays a general selection button tool set ("data" or "standard") for a data condition, where the data or standard control button is selectable. The selectable object is a button 21, which represents a "standard, condition." The border of button 21 is B, as shown by the number 23, and its surroundings may not be visible. However, to explain this concept in this diagram, It can be displayed. The selectable indicators 25 and 24 shown in Figure 6a are the real and virtual indicators, respectively, where the user has placed them close to, but has not passed, around the selectable standard control button. Prepare the boundary 23 of 21. However, in FIG. 6B, the user has repositioned the selection index and controlled so that the position 25 of the real entity index just crosses the boundary 23. At this time from the selection index 25 to the available index The distance of the selection tool set 21 will be smaller than the size of the boundary B shown by the circle 23 of 6B. Then the virtual display selection index position 2 4 will immediately move to the center of the selectable button 21. If the user continues to move the real If the physical selection index position 25 finally crosses the boundary B away from the selectable toolset 21, the real and virtual selection indexes 25, 24 will overlap again as shown in FIG. 6C. As shown in FIG. 6B, the virtual selection index 24 The indicator actually displayed will be “fixed” at the center of gravity of the selectable button 21, and may stay there forever. However, the calculated power will act on the indicator 2 of the true consistent entity. The calculated position does not act on the position of the virtual selected indicator 24 that is actually displayed. Therefore, when the flow of Figure 1 calculates that the position of the real entity indicator no longer falls within the size around the boundary B of the toolset, the The program will move the displayed virtual selection indicator 24 to overlap with the position of the real physical indicator ', which is received from the user ’s mouse-driven selection mechanism. _ _ 16_ This paper size applies to towels, CNS A4 specifications (21ϋ X 297 公 楚)! One " ------

Order

Line 1222002 A7

Set quality, M is the quality of the selected index, and D is the distance between the center of gravity of the toolset and the selected index. This calculation can be repeated for each toolset with assigned quality value, or the selected indicator can be moved on the screen to repeat the calculation and update the force value in real time. You can set a critical value for this calculated force value. If the calculated gravity is below this critical value, then the toolset will not be affected by the selected index and because the force is too weak to adjust the size. In block 64, the calculated gravity is a factor of the visual size adjustment of the toolset. Therefore, when the gravity between the toolset and the selected indicator increases, in other words, the distance between the toolset becomes larger, as the distance between the two decreases. Or the visual size can be adjusted according to the boundary value B of the affected tool set. FIG. 9 is a diagram of selecting an index close to the size of the adjustment tool set according to the present invention. The leftmost part of FIG. 9 is a selection index 74 ′ located at the initial position, and the distance between the selection index 74 ′ and the first tool set 76 is 0. In this initial position, the selection index 74 has no gravitational effect on the toolset 76-80, so the toolset 76-80 can maintain their original size. The far right of FIG. 9 shows that the selection index 74 approaches the tool set 76_80 and moves to a second position distant from the first tool 76 by 〇2, where 〇2 < Di. In this second position, the selected index 74 will have a gravitational effect on the toolset 76-7 8, making it larger as the index 74 approaches. Referring now to FIG. 10, an example of a computer system is shown, which is capable of operating in accordance with the methods described herein. The system 100 includes an operating system (0S) 1 10, which includes a core i η, and one or more applications. This paper size is the National Standard for Finance (CNS) A4 specification (210 X 297 male «). " ——-1222002 A7 _____B7 5. Invention Description (16) 116, which will communicate with 0s 110 through one or more application programming interface (API) 114. The core U1 includes the lowest-level functions of the OS 110, which can control the operation of the hardware components of the computer system 100 through device drivers such as the graphic index device driver 120 and the display device driver 124. As shown in the figure, the graphic pointer device driver 120 and the display device driver 124 communicate with the mouse controller 108 and the display adapter 126, respectively, so that the mouse 104 and the display device 128 can be connected to each other. In response to the movement of the trackball 106 of the mouse 104, the mouse 104 draws a graphical indicator signal to the mouse controller 108, which can describe the direction and rotation of the trackball 106. The mouse controller 108 digitizes the figure / shape indicator signal and transmits the digitized figure indicator signal to the figure indicator device driver 20, and then interprets the digital figure indicator signal and forwards the interpreted The graphic indicator signal is sent to the screen monitor 122, which executes the GUI action according to the position of the graphic selection indicator in the display device 28. For example, the screen monitor 122 may cause the window to appear on the surface of the GUI in response to a user selecting a position within the window. Finally, the graphic indicator signal will be transmitted to the display device driver 124, which will transfer the data in the graphic indicator signal and other display data to the display adapter 126, which will convert the display data into R'G 'and The B signal is used to drive the display device 128. Therefore, the movement of the trackball 106 of the mouse 104 can cause a corresponding movement in the graphic selection index displayed on the display device 128. The tool set manager ns communicates with the screen monitor 122. The Tool Set Manager 1 1 8 includes software that is used to execute the tools described here to manage the tools. 19- The national standard (CNS) for this paper size is A view grid (210X297 mm) " ~- ---- 1222002 A7

Claims (1)

1222002 8 8 8 8 AB c D 々 、 Scope of patent application 1. A method for displaying a graphical user interface (GUI) toolset, including: determining a distance D between a displayed GUI toolset and a selected index displayed ; And adjust the visual size of the displayed GUI toolset according to the distance D. 2. The method according to item 1 of the scope of patent application, further comprising: defining a mass value m in combination with the displayed GUI tool set; defining a mass value M in combination with the displayed selection index; and according to the mass values m and M and the distance D. Adjust the visual size of the displayed GUI toolset. 3. The method according to item 2 of the scope of patent application, further comprising: calculating B = -Im! M; and adjusting the visual size of the displayed GUI tool set, which is a function of B. 4. The method according to item 2 of the scope of patent application, further comprising: calculating the force value F = m * M / D2; and adjusting the visual size of the displayed GUI tool set, which is a function of the force value F. 5. —A computer-usable medium storing a computer program product for displaying a graphical user interface (GUI) toolset, including: a device that determines a distance D between the displayed GUI toolset and the selected selection indicator; and A device for adjusting the visual size of the displayed GUI tool set according to the distance D. 6. If the computer-usable media in item 5 of the scope of patent application, further includes ... -21- This paper size applies to China National Standard (CNS) A4 specifications (210 X 297 mm) 1222002 A8 B8 C8 D8 A device that defines a mass value m in combination with the displayed GUI toolset; a device that defines a mass value M in combination with the displayed selection indicators; and adjusts the visual size of the displayed GUI toolset according to the mass values m and M and the distance D Of the device. 7. The computer-usable medium according to item 5 of the patent application scope, further comprising: a device for calculating B = ^ rn / M; and a device for adjusting the visual size of the displayed GUI toolset, which is a function of B. 8. If the computer-usable media in item 5 of the scope of patent application, further includes: a device for calculating the force value F = m * M / D2; and a device for adjusting the visual size of the displayed GUI tool set, which is a function of the force value F . 9. A computer system comprising: a display; a graphical user interface (GUI) presented by the display; a toolset displayed in the GUI, and a quality value combined with the toolset is m; displayed in the One of the GUI selection indexes, and the quality value combined with the selection index is M; a device that determines the distance D between the displayed tool set and the displayed selection index; and adjusts the distance based on the quality values m and M and the distance D A device that displays the visual dimensions of the toolset. 10. If the computer system of item 9 of the scope of patent application, further includes: -22- This paper size is applicable to the Chinese National Standard (CNS) A4 specification (210X297 mm) 1222002 8 8 8 8 AB c D 6. Calculation of the scope of patent application B = ylm / M device; and a device that adjusts the visual size of the displayed toolset as a function of B. 11. The computer system according to item 9 of the scope of patent application, further comprising: a device for calculating the force value F = m * M / D2; and a device for adjusting the visual size of the displayed toolset, which is a function of the force value F. -23- This paper size applies to China National Standard (CNS) A4 (210 X 297 mm)