JPWO2010035391A1 - GUI evaluation system, GUI evaluation method, and GUI evaluation program - Google Patents

Abstract

A GUI evaluation system includes a screen information recording unit that stores information on text and input / output components as components in an evaluation target screen as screen information, an input / output component group specifying unit that specifies a group of components, and an input / output component. Input / output component layout determining means for evaluating the layout of the component based on the relationship between the components in the group specified by the group specifying unit and the relationship between the groups is provided. The input / output part group specifying means specifies a set including an input part and a component close to the input part as a small group, and the small group and another small group or text adjacent to the small group, or A set having other small groups and text as members is specified as a medium group.

Description

  The present invention relates to a GUI evaluation system, a GUI evaluation method, and a GUI evaluation program for evaluating usability of a system, and in particular, a GUI evaluation system, a GUI evaluation method, and a GUI for evaluating validity of arrangement of input / output parts and item names on a screen. Regarding the evaluation program.

  A GUI (graphical user interface) is widely used as an interface when a user inputs and outputs information to a computer system (hereinafter referred to as a system). A GUI may be evaluated to evaluate the usability of the system. As an example of GUI evaluation, there is evaluation of the validity of the arrangement of input / output parts and item names on the screen. For example, in each screen included in the evaluation target system that is the target of usability evaluation, it is evaluated whether there is a place that hinders visibility in the arrangement of component elements such as item names and information input / output areas.

  When performing such an evaluation, the position of individual components is determined in consideration of the property of perceiving adjacent components and similar components as a group (pregnant's law in Gestalt psychology). Rather than evaluating, it is required to check whether there is a problem in a group in which several components are grouped.

  A GUI automatic evaluation device and a test execution device that automatically evaluate a GUI are known (see, for example, Patent Documents 1 and 2). The GUI automatic evaluation apparatus described in Patent Document 1 inputs a screen design guide and accumulates the guide data as a formal rule. Further, attribute information and attribute values for each window in the evaluation target system are accumulated as GUI information. Then, the GUI information and the rule are collated for each window, and the collation result is output. Patent Document 1 also describes means for generating GUI information from product specifications, source programs, GUI construction tools, and the like.

  The test execution device described in Patent Document 2 holds, in an operation database (DB), a user sequence specified by a user when executing a test and a complementary sequence that is complemented so that the user sequence is executed according to a procedure. To do. Then, the state of the GUI unit is confirmed when the user sequence is executed according to the user sequence execution procedure. When the user sequence cannot be executed, an appropriate complementary sequence is searched in the operation DB, and the user sequence is executed after executing the complementary sequence. The test execution device described in Patent Document 2 can perform a test that automatically executes a specified operation procedure.

  Patent Document 3 describes a Web screen creation tool that can confirm the validity of terms on a Web screen. The Web screen creation tool checks a homonym, a feed pseudonym, and a synonym for a source file of the Web screen by using a term that is pre-registered and easily misidentified. Specifically, when a registered term is detected on the evaluation target Web screen, a list of correction candidates for the term is displayed.

JP-A-8-241191 JP 2004-110267 A Japanese Patent Laid-Open No. 2004-234402

  When using the GUI automatic evaluation device described in Patent Document 1, if the specification or source program cannot be obtained when the evaluation target system is in the prototype stage or is a product of another company, the evaluator is notified. Therefore, an operation for manually writing GUI information is required. Through manual work, there is a possibility that the GUI information is not correctly created. Even if the specification is available, the specification itself may be incorrect. In other words, unless an evaluation target system that actually operates is evaluated, there is a risk that correct evaluation will not be performed.

  When using the test execution device described in Patent Document 2, it can be confirmed whether or not the prescribed user sequence has been executed normally, but it takes time to prepare the sequence according to the evaluation target system. . Further, it is not possible to evaluate the GUI part or the sequence itself in sequence execution.

  The Web screen creation tool described in Patent Document 3 cannot evaluate characteristics related to usability other than unregistered terms.

  When evaluating the input / output components (text boxes, list boxes, radio buttons, etc.) on the screen to be evaluated and the appropriateness of the arrangement of the items indicating their contents, targeting a group of several input / output components. When the process for confirming the presence or absence of a problem is performed manually, the work amount of the evaluator is increased, and there is a risk that the result of the evaluator may vary due to overlooking the problem. This is because when checking whether there is a problem with the arrangement of the constituent elements rather than the position of the individual elements constituting the evaluation target screen, check according to the type of the constituent elements and how they are organized. This is because the parts to be processed are different, and the evaluator is required to have a certain degree of knowledge, and when an evaluator with little experience evaluates, there is a possibility that a problem may be overlooked or that a non-problem may be regarded as a problem. Moreover, it is because it is calculated | required to perform evaluation work in all the screens made into evaluation object.

  In the above Patent Documents 1 and 2, devices for automatically evaluating the GUI are described. In these devices, the validity of the arrangement of items indicating the input / output parts of the screen to be evaluated and the contents thereof is evaluated. Is not considered.

  Therefore, an object of the present invention is to provide a GUI evaluation system, a GUI evaluation method, and a GUI evaluation program that can evaluate the validity of the arrangement of input / output components and items on an evaluation target screen.

  A GUI evaluation system according to the present invention is a GUI evaluation system that evaluates an evaluation target screen included in the evaluation system, and stores screen information recording means that stores text and input / output component information as components in the evaluation target screen. And an input / output component group specifying means for specifying a group of components. The input / output component group specifying means refers to the screen information stored in the screen information recording means, and the input / output component and its input / output A small group identification part that identifies a set of components close to a part as a small group, and a small group and another small group or text adjacent to the small group, or a set of other small groups and text A group specified by the I / O component group specifying unit. Relationships between elements within flops, and based on the relationship between the groups, characterized by comprising input and output parts layout determination means for evaluating the layout of the components.

  A GUI evaluation method according to the present invention is a GUI evaluation method for evaluating an evaluation target screen included in an evaluation system, and stores information on text and input / output parts as components in the evaluation target screen as screen information in a screen information recording means. When the component group is specified and the component group is specified, the input / output component and the component adjacent to the input / output component are referred to by referring to the screen information stored in the screen information recording means. A medium group identification process that identifies a set of a small group and another small group or text adjacent to the small group, or a group of other small groups and text as a medium group. Based on the relationships between the components in the group of identified components and the relationships between the groups. And evaluating the out.

  A program for GUI evaluation according to the present invention is used in a computer in a GUI evaluation system for evaluating an evaluation target screen provided in the evaluation system, in a screen information recording means as information on text and input / output parts as components in the evaluation target screen. The screen information saving process to be saved and the input / output part group specifying process for specifying the group of components are executed, and in the input / output part group specifying process, referring to the screen information stored in the screen information recording means, Small group identification processing for identifying a set of input / output parts and components close to the input / output parts as a small group, and a small group and another small group or text adjacent to the small group, or another small group And medium group identification processing that identifies a set of text and medium as a middle group And executing an input / output component layout determination process for evaluating the layout of the component based on the relationship between the components in the group specified by the input / output component group specifying process and the relationship between the groups. And

  According to the present invention, the evaluator can comprehensively and consistently evaluate the validity of the arrangement of components such as input / output parts and items on the evaluation target screen.

It is a block diagram which shows the structure of one Embodiment of a GUI evaluation system. It is explanatory drawing which shows the example of the GUI information preserve | saved at the GUI information recording part. It is explanatory drawing which shows the example of the evaluation object screen in an evaluation object system. It is explanatory drawing which shows the specific result of an input / output component group (small). It is explanatory drawing which shows the specific result of an input / output component group (medium). It is explanatory drawing which shows the specific result of an input / output component group (large). 6 is an explanatory diagram illustrating an output example of a determination result of an input / output component layout determination unit for a window A. FIG. It is explanatory drawing which shows the specific result of an input / output component group (small). It is explanatory drawing which shows the specific result of an input / output component group (medium). It is explanatory drawing which shows the specific result of an input / output component group (large). It is an enlarged view which expands and shows an input / output component group (medium). It is explanatory drawing which shows the example of an output of the determination result of the input / output component layout determination part 5 with respect to the window B. FIG. It is explanatory drawing which shows the window C as an evaluation object screen. It is explanatory drawing which shows the specific result of an input / output component group (small) and an input / output component group (medium). It is explanatory drawing which shows the specific result of an input / output component group (large). 6 is an explanatory diagram illustrating an output example of a determination result of an input / output component layout determination unit for a window C. FIG. It is a block diagram which shows the principal part of the GUI evaluation system by this invention. It is a block diagram which shows the principal part of the other aspect of the GUI evaluation system by this invention. It is a flowchart which shows the outline | summary of the GUI evaluation method by this invention. It is a flowchart which shows the outline | summary of the other aspect of the GUI evaluation method by this invention.

  Hereinafter, specific embodiments of the present invention will be described with reference to the drawings.

  FIG. 1 is a block diagram showing a configuration of an embodiment of a GUI evaluation system according to the present invention. The GUI evaluation system shown in FIG. 1 includes an input / output means 1, a GUI information recording unit 2, a GUI information acquisition unit 3, an input / output component group specifying unit 4, and an input / output component layout determining unit 5. .

  The input / output means 1 includes an input means for inputting information indicating the contents of an evaluator's operation such as a mouse and a keyboard, and an output means such as a display.

  The GUI information recording unit 2 includes the text of the component of the evaluation target screen, the coordinates of the input / output parts (text box, combo box, list box, check box, radio button) and information indicating the type of the part, GUI information (screen information related to text and input / output components) is stored. Input / output components include selection components such as check boxes and radio buttons, and text input / output components related to text such as text boxes, list boxes, and combo boxes (to allow the user to input text or present text). Parts). In the following description, check boxes and radio buttons are exemplified as the selection parts, but the selection parts may be parts of other forms. In addition, although text boxes, list boxes, and combo boxes are illustrated as text input / output components, the text input / output components may be other forms of components.

  The GUI information acquisition unit 3 acquires, in advance, the text of the components of the screen to be evaluated, the information indicating the coordinates of the input / output parts and the type of the part, and the contents of the text in the plurality of screens displayed by the evaluation target system 6. Then, it is recorded in the GUI information recording unit 2 as GUI information. Note that the GUI information recorded in the GUI information recording unit 2 is not acquired from the evaluation target system 6 but is registered in the GUI information recording unit 2 from a storage medium in which already generated GUI information is stored. May be.

  The text box is a display having a shape such as a rectangle displayed on the screen, and is a component having an area for allowing the user to input text. The combo box is a component that presents options to the user and allows the user to input arbitrary data in addition to the presented options. The list box is a component that presents options that the user can select in a list format. The check box is a component having a plurality of selection items and an area in which a check mark indicating selection is input. The radio button is a component having a selection unit for making the user select one of a plurality of selection items.

  The input / output component group specifying unit 4 refers to the GUI information held in the GUI information recording unit 2 and first, for the check box and radio button, whether or not text exists within a specified distance in the right direction of the component. Make sure. If the text exists, the text is regarded as a small item. A set of check boxes or radio buttons and small items is defined as a small group (input / output component group (small)). Also, for text boxes, list boxes, and combo boxes, check whether there is text or other input / output parts that indicate symbols and units within a specified distance in the right direction, starting from the part at the top left of the screen to be evaluated. To do. When text and other input / output parts exist, the text and other input / output parts are regarded as components belonging to the same group as the text input / output parts. And the same process is performed with respect to the rightmost component of the group. Repeat the process until there is no text or other input / output parts within the specified distance in the right direction, and the final set of components is identified as an input / output part group (small) To do.

  Furthermore, the input / output component group specifying unit 4 determines whether there is a text that does not belong to another intermediate group (input / output component group (medium)) within a specified distance in the upward or left direction of the input / output component group (small). Confirm whether or not. If text exists, it is considered an item. A set of items and input / output component groups (small) is defined as an input / output component group (medium). In addition, for input / output component groups (small) that include check boxes or radio buttons, input / output that does not belong to other input / output component groups (medium) that include the same type of input / output components within the specified distance in the right and down directions. Check whether the component group (small) exists. When the input / output component group (small) exists, the input / output component group (small) is regarded as a component belonging to the same group as the input / output component group (small) including the check box or radio button. And the same process is performed with respect to the component of the right end and lower end of the same group. The process is repeated until there are no constituent elements within the specified distance in the right direction and the downward direction, and the set of constituent elements finally collected is defined as an input / output part group (medium).

  Further, the input / output component group specifying unit 4 sequentially has another input / output component group (middle) whose left end coordinates match within the specified distance in the downward direction from the input / output component group (middle) at the upper left of the screen. Confirm whether or not to do. When another input / output component group (medium) exists, the other input / output component group (medium) is regarded as a component belonging to the same group. And the same process is performed with respect to the component of the lower end of the group. The processing is repeated until there are no components within the specified distance in the downward direction, and the set of the finally assembled components is defined as an input / output component group (large). Then, information on all the input / output component groups is output to the input / output component layout determination unit 5.

  The input / output component layout determining unit 5 refers to the input / output component group information input from the input / output component group specifying unit 4 and inputs / output component groups (small) that do not have small items corresponding to check boxes or radio buttons. If there is an input / output component group (medium) that does not have an item, it is determined that there is a problem with the presence or absence of the item. The item and the small item are, for example, text indicating the contents of the input / output component.

  In addition, the input / output component layout determination unit 5 selects the input / output component group (middle) in which components are arranged in the downward direction in the input / output component group (middle) belonging to the same input / output component group (large). The part nearest to the item is confirmed among the parts adjacent to the right direction. If the distance to the item closest to the item does not fall within the specified range and is too close or too far away, it is determined that there is a problem in the distance between the item and the input / output component. Further, whether or not the X coordinates of the input / output components adjacent to each item in the right direction are different is checked, and if there is a portion where the X coordinates are different, it is determined that there is a problem in the alignment of the input / output components.

  The input / output component layout determination unit 5 checks the location of the component closest to the input / output component group (large) when there is another component in the left direction of the input / output component group (large). . If the distance between the part closest to the input / output part group (large) is not within the specified range and is too close, it is determined that there is a problem with the distance between the item and the input / output part. For the input / output component group (middle) that does not belong to any input / output component group (large), the distance between the item and the input / output component arranged in the right direction is confirmed. If the distance between the input / output component is not within the specified range and is too close, it is determined that there is a problem with the distance between the item and the input / output component.

  Further, the input / output component layout determination unit 5 determines whether the input / output component group (middle) in which the component is arranged in the lower direction of the item is between the item and the input / output component arranged in the lower direction of the item. Check the distance. If the distance between the item and the input / output component does not fall within the specified range and is too close, it is determined that there is a problem with the distance between the item and the input / output component.

  Further, the input / output component layout determination unit 5 checks the distance between the small item and the component in each input / output component group (small) in the input / output component group (medium) including the check box or radio button. If the distance between the small item and the part is not within the specified range and is too close or too far, it is determined that there is a problem with the distance between the small item and the part (check box or radio button). To do. Furthermore, when check boxes or radio buttons are arranged in the horizontal direction, the distance between the small item and the part in the left input / output part group (small) is set for all input / output part groups (small). The distance A is compared with the distance B, where the distance A is the distance between the right end of the left input / output component group (small) and the right input / output component group (small). When the distance B is less than or equal to the distance A, it is determined that there is a problem with the arrangement of the check box or radio button, and the result is output to the input / output means 1.

  The input / output component group specifying unit 4 and the input / output component layout determining unit 5 are realized by a CPU that operates according to a program in a computer that implements a GUI evaluation system, for example.

  FIG. 2 is an explanatory diagram illustrating an example of GUI information held in the GUI information recording unit 2. FIG. 3 is an explanatory diagram illustrating an example of an evaluation target screen in the evaluation target system. In the example shown in FIG. 2, the GUI information includes item number, input / output information type or input / output component type (text, text box, list box, combo box, radio button, check box), and data (text Content) and coordinates. FIG. 2 illustrates GUI information related to the window A shown in FIG. In the GUI information, item numbers that are serial numbers are set, and types, data, and coordinates are set in order from the component (text or input / output component) arranged in the upper left of window A.

  Next, referring to the explanatory diagrams of FIGS. 3 to 7, the input / output component group of the evaluation target screen in the evaluation target system 8 is specified by the input / output component group specifying unit 4 and the input / output component layout determining unit 5. A process for determining the validity of the arrangement of the input / output parts, that is, a process for evaluating the validity of the arrangement of the input / output parts will be described. Here, the case where the window A shown in FIG.

  The input / output component group specifying unit 4 confirms that the text exists within a specified distance in the right direction of the radio button 31 for the window A shown in FIG. The existing text is “item A3-1”, and the input / output component group specifying unit 4 regards the text “item A3-1” as a small item for the radio button 31 and, as shown in FIG. Assume that a set with the text “item A3-1” is an input / output component group (small) 41. Similarly, a set of the radio button 32 and the text “item A3-2” is an input / output component group (small) 42. FIG. 4 is an explanatory diagram showing the result of specifying the input / output component group (small). In this embodiment, the “specified distance” when searching for small items of check boxes or radio buttons is unlimited, and text exists without any other input / output components in the left direction of the screen. The text is considered a small item. However, the “specified distance” may be set to a specific numerical value such as within 10 pixels, or may be set to twice the size (height) of the text.

  Further, the input / output component group specifying unit 4 checks whether or not there is a text indicating a symbol or unit or another input / output component within a specified distance in the right direction from each text box, list box or combo box. To do. When there is a symbol, text indicating a unit, or other input / output component, the existing component is regarded as a component belonging to the same group as the text box, list box, or combo box. Also, by performing the same process on the rightmost component of the group and repeating the same process until there are no symbols, text indicating units, and other input / output parts within the specified distance in the right direction. Identify the input / output component group (small). In the window A shown in FIG. 3, since the text “:” indicating a symbol exists within a predetermined distance in the right direction of the text box 33, the text “:” is regarded as a component belonging to the same group.

  Then, the same processing is executed with the text “:” as the starting point, and the text box and the text “˜” arranged in the right direction are regarded as the same group. The input / output component group specifying unit 4 finally specifies the input / output component group (small) 43 as shown in FIG. In this embodiment, “:”, “˜”, “/”, “year”, “month”, “day”, “hour”, and “minute” are assumed as texts indicating symbols and units. However, the number of target text constituent characters may be increased. In the present embodiment, the “specified distance” relating to the identification of the input / output component group (small) of the text box, list box, and combo box is set to 5 pixels. However, other numerical values may be set, or may be set to 1/2 times the size (height) of the text.

  Next, the input / output component group specifying unit 4 moves the input / output component group (small) upward or to the left within a specified distance, or the input / output component group that does not belong to the input / output component group (small). Check if there is text within the specified distance in the direction. If the text exists, the text is regarded as an item for the corresponding input / output component group (small) or input / output component, and the text and the input / output component group (small) or input / output component are ). If there is no text, I / O component group (small), or I / O component that does not belong to I / O component group (small), I / O component group (small), or I / O component group that has no items It is regarded as an input / output component that does not belong to (small) and has no items, and is specified as an input / output component group (medium).

  FIG. 5 is an explanatory diagram showing the result of specifying the input / output component group (medium). In the example shown in FIG. 5, six input / output component groups (medium) 51 to 56 are specified in the window A by the input / output component group specifying unit 4. In this embodiment, the “specified distance” at the time of item search is set to 5 pixels upward and unlimited to the left. However, for example, a specific numerical value within 10 pixels may be set for the left direction, or the text size (height) may be set twice for the upward direction and the left direction.

  Next, the input / output component group identification unit 4 sequentially starts from the input / output component group (middle) at the upper left of the screen with another input / output component that matches the X coordinate of the left end and exists within a specified distance in the downward direction. Check whether the group (medium) exists. When such another input / output component group (medium) exists, the input / output component group (medium) is regarded as a component belonging to the same group. Further, the same processing is repeated for the input / output component group (medium) at the bottom of the group until no other input / output component group (medium) exists, and finally the input / output component group (large) is specified. .

  FIG. 6 is an explanatory diagram showing the result of specifying the input / output component group (large). In the example illustrated in FIG. 6, the input / output component group specifying unit 4 includes, in window A, an input / output component group (large) 61 in which two input / output component groups (medium) 51 and 52 on the screen are combined, These four input / output component groups (medium) 53, 54, 55, and 56 are identified as input / output component groups (large) 62. In this embodiment, the “specified distance” at the time of searching the input / output component group (medium) is set to 10 pixels downward. However, for example, it may be set to other numerical values within 20 pixels, or set to twice the size (height) of the text.

  Next, the input / output component layout determination unit 5 checks whether there is a group in which no item or small item exists for all input / output component groups (middle) and all input / output component groups (small). To do. If there is a group in which no item or small item exists, it is determined that there is a problem with the presence or absence of the item. In the window A illustrated in FIG. 3, since there are items and small items in all groups, the input / output component layout determination unit 5 determines that there is no problem (see FIGS. 4 to 6).

  Further, the input / output component layout determination unit 5 is configured to select an input / output component group (small) adjacent to each item in each input / output component group (medium) belonging to one input / output component group (large), or Whether the X coordinate of the left end of the input / output component that is close to the item and does not belong to any of the input / output component groups (small) matches, and the distance between the closest input / output component Confirm. In the example illustrated in FIGS. 3 and 4 to 6, in the window A, the left ends of the input / output component groups (small) 41 and 43 in the input / output component group (medium) 53 and 54 (see the auxiliary line 63 in FIG. 6). ) Does not match the left end of the input / output components in the input / output component group (middle) 55, 56 (see the auxiliary line 64 in FIG. 6). Therefore, the input / output component layout determination unit 5 determines that there is a problem in the alignment of the input / output components.

  Also, in window A, all I / O component groups (middle) items, I / O component groups close to the items (small), or I / O components close to the items, which I / O component group (small) ) Is included in the specified range, the input / output component layout determining unit 5 determines that there is no problem. In this embodiment, the “specified range” used for determining the distance between the item and the input / output component is set to 3 pixels or more and 10 pixels or less. However, for example, other numerical values may be set, or may be set to be not less than ½ times and not more than twice the height based on the text size (height).

  FIG. 7 is an explanatory diagram illustrating an output example of the determination result of the input / output component layout determination unit 5 for the window A. As shown in FIG. 7, the input / output component layout determination unit 5 outputs three types of determination results: presence / absence of items, input / output component spacing, and input / output component alignment. The evaluator can easily grasp the presence / absence of the problem in the window A and the problem location from the determination result output by the input / output component layout determination unit 5.

  As described above, close components are grouped in the same group according to the processing method corresponding to the check box or radio button that is the part for selection and the text box, list box, or combo box that is the part related to the text. Thus, it is possible to perform the evaluation after reliably specifying the position where the interval and alignment of the constituent elements are to be evaluated.

  Here, an example is shown in which the evaluation related to the part for selection and the evaluation of the part related to the text are executed together, but either the evaluation related to the part for selection or the evaluation of the part related to the text is executed. It may be.

  In addition, the input / output component group specifying unit 4 specifies the small group, the medium group, and the large group on the evaluation target screen, but the input / output component group specifying unit 4 does not specify the large group, but the small group and the medium group. Even when specifying the above, the validity of the arrangement and alignment of the input / output information can be evaluated. That is, it is possible to evaluate the validity of the presence / absence of the item corresponding to the input / output component by determining whether or not the text display is included in at least each middle group and each small group. In addition, by determining whether the distance between the text display in the middle group and the small group or input / output component in the group adjacent to the text display is within a predetermined specified range, the arrangement between the constituent elements is determined. Can be evaluated for validity. Further, when the input / output component is a selection component, the distance between the input / output component and the text display is compared with the distance between the input / output component and the adjacent input / output component. And the text display are less than or equal to the distance between the input / output component and the adjacent input / output component, it can be determined that the selection component is not properly arranged.

  Next, referring to the explanatory diagrams of FIGS. 8 to 12, for another example, the input / output component group specifying unit 4 and the input / output component layout determining unit 5 specify the input / output component group of the evaluation target screen. A process for determining the validity of the arrangement of the input / output information will be described. FIG. 8 is an explanatory diagram showing a window B as an evaluation target screen. Here, the case where the window B shown in FIG.

  The input / output component group specifying unit 4 performs processing for specifying an input / output component group (small) as described above. When the processing is completed, a set of radio buttons and text (small items) is specified as an input / output component group (small) 81 and an input / output component group (small) 82 as shown in FIG. Further, a set including a text box and text indicating a unit (“year”, “month”, “day”) is specified as an input / output component group (small) 83.

  Next, the input / output component group specifying unit 4 performs processing for specifying the input / output component group (medium) as described above. When the processing is completed, as shown in FIG. 9, input / output component groups (medium) 91 to 97 are specified. Note that the list box arranged between the text “Heading B1” and the input / output component group (medium) 91 does not have any text within the specified distance in the upward and left directions, and has no entry. The output component group (medium) 91 is specified.

  Next, the input / output component group specifying unit 4 performs processing for specifying the input / output component group (large) as described above. When the processing is completed, input / output component groups (large) 101 and 102 are specified as shown in FIG. Note that the input / output component group (medium) 97 does not match the other leftmost input / output component groups (medium) 93 to 96 with the X coordinate of the left end. Identified as output component group (medium).

  Next, the input / output component layout determining unit 5 targets all the input / output component groups (medium) and all the input / output component groups (small) as items such as text indicating the contents of the input / output components and small items. It is determined whether there is a group that does not exist, and if there is a group that does not have items or small items, it is determined that there is a problem with the presence or absence of the item. In window B, as shown in FIG. 9, since there is no item in the input / output component group (medium) 91, the input / output component layout determining unit 5 determines that there is a problem in the input / output component group (medium) 91. judge.

  Further, the input / output component layout determination unit 5 is configured to select an input / output component group (small) adjacent to each item in each input / output component group (medium) belonging to one input / output component group (large), or It is confirmed whether or not the X coordinate of the left end of the input / output component that is close to the item and does not belong to any input / output component group (small) matches. In the window B, as shown in FIG. 10, in all the input / output component groups (middle) in the input / output component group (large) 102, the left end of the input / output component group (small) in the right direction of the item and the input / output components Therefore, the input / output component layout determining unit 5 determines that there is no problem with the alignment of the input / output components. Note that the input / output component group (large) 101 has only one input / output component group (medium) (item 92) (see FIG. 9 and FIG. 10). The input / output component layout determination unit 5 excludes the input / output component group (medium) in the input / output component group (large) 101 from the evaluation of the validity of alignment.

  Further, the input / output component layout determination unit 5 is configured to select an input / output component group (small) adjacent to each item in each input / output component group (medium) belonging to one input / output component group (large), or Check the distance between the input / output component close to the item and the input / output component that does not belong to any of the input / output component groups (small) and is closest to the item. In window B, as shown in FIG. 10, in the input / output component group (large) 101, the corresponding distance (W1) in the input / output component group (medium) 92 is within a specified range (3 pixels or more and 10 pixels or less). If it does not fit (see FIGS. 9 and 10), the input / output component layout determination unit 5 determines that there is a problem. In the input / output component group (large) 102, the corresponding distance (W101) in the input / output component group (medium) 95, 97 is the closest distance, and W101 is a specified range (3 pixels or more and 10 pixels or less). Therefore, it is determined that there is no problem (see FIGS. 9 and 10). Even if the distance (W102) between the other input / output component groups (medium) 93 and 94 belonging to the same input / output component group (large) 102 is 10 pixels or more, the input / output component layout determination unit 5 has a problem. Not considered.

  Further, the input / output component layout determination unit 5 selects an item and an input / output component group (small) adjacent to the item in the input / output component group (middle) that does not belong to any input / output component group (large), or Check if there is a problem with the alignment of the input / output components by checking the distance between the input / output components that do not belong to the input / output component group (small) and checking whether the distance is within the specified range. To determine. If there is another input / output component in the left direction of the input / output component group (middle), check whether the distance to the input / output component is within the specified range. It is determined whether there is a problem with the alignment of the output parts. In window B, as shown in FIG. 10, in the input / output component group (medium) 97 that does not belong to the input / output component group (large), the distance between the item and the text box is neither too short nor too long. Therefore, the input / output component layout determination unit 5 determines that there is no problem. Furthermore, since the distance W103 between the input / output component group (medium) 97 and the text box arranged on the left side is within the specified range, it is determined that there is no problem. In this embodiment, the “specified range” used for determining the distance between the input / output component group (middle) and the input / output component arranged on the left is set to 5 pixels or more. However, for example, other numerical values such as 10 pixels or more and 20 pixels or less may be set, or may be set such that the height is 1 time or more and 3 times or less based on the text size (height).

  Further, the input / output component layout determination unit 5 targets the input / output component group (medium) including the check box or radio button as the target, and the distance between the component of the input / output component group (small) and the small item and the adjacent item. The distance to the input / output component group (small) is compared to determine whether there is a problem in the input / output component spacing. As shown in the enlarged view of the input / output component group (medium) 93 in FIG. 11, in the window B, in the input / output component group (medium) 93, the radio button and the text “ When comparing the distance W111 between the item B3-1 "and the distance W112 to the adjacent input / output component group (small), W112 is equal to or less than W111, and the input / output component layout determining unit 5 has a problem. Is determined.

  FIG. 12 is an explanatory diagram illustrating an output example of the determination result of the input / output component layout determination unit 5 for the window B. As shown in FIG. 12, three types of determination results are output: presence / absence of items, interval of input / output components, and alignment of input / output components. The numerical value of “item number” shown in FIG. 12 indicates what number of display elements (text display portion and input / output parts such as items) are counted in the horizontal direction from the upper left in window B. . The evaluator can easily grasp the presence / absence of the problem in the window B and the problem location from the determination result output by the input / output component layout determination unit 5 as shown in FIG.

  In this example as well, according to the processing method corresponding to each of the check box or radio button and the text box (or list box, combo box), the adjacent components are grouped into the same group. The evaluation can be performed after the interval and the position where the alignment is evaluated are specified with certainty. Furthermore, in a group that includes check boxes or radio buttons, the distance between the corresponding part and the sub-item is compared with the distance between the check box or radio button and another group that is juxtaposed. Appropriate assessment of component placement, even on screens with more information and complexity, by determining if there is a problem when it is short or whether it is too narrow or too wide between other groups and parts It can be carried out.

  Here, an example is shown in which the evaluation related to the part for selection and the evaluation of the part related to the text are executed together, but either the evaluation related to the part for selection or the evaluation of the part related to the text is executed. It may be.

  In addition, the input / output component group specifying unit 4 specifies the small group, the medium group, and the large group on the evaluation target screen, but the input / output component group specifying unit 4 does not specify the large group, but the small group and the medium group. Even when specifying the above, the validity of the arrangement and alignment of the input / output information can be evaluated.

  Next, with reference to the explanatory diagrams of FIGS. 13 to 16, for another example, the input / output component group specifying unit 4 and the input / output component layout determining unit 5 specify the input / output component group of the evaluation target screen. A process for determining the validity of the arrangement of the input / output information will be described. FIG. 13 is an explanatory diagram showing a window C as an evaluation target screen. Here, the case where the window C shown in FIG.

  The input / output component group specifying unit 4 performs processing for specifying the input / output component group (small) and the input / output component group (medium) as described above. When the processing is completed, as shown in FIG. 14, input / output component groups (medium) 141 to 147 are specified. For the input / output component group (small) 148 and the input / output component group (small) 149, a group that regards the text “item C6:” located to the left of the input / output component group (small) 148 as an item, Input / output components within a specified distance in the right and down directions of each group, with the text “item C7:” positioned to the left of the component group (small) 149 as a separate group The groups (small) are collectively considered to belong to the input / output component group (medium) 146 and the input / output component group (medium) 147, respectively.

  Next, the input / output component group specifying unit 4 performs processing for specifying the input / output component group (large) as described above. When the process is completed, input / output component groups (large) 151 to 153 are specified as shown in FIG.

  Next, the input / output component layout determining unit 5 targets all the input / output component groups (medium) and all the input / output component groups (small) as items such as text indicating the contents of the input / output components and small items. Check if there is a group that does not exist. If there is a group in which no item or small item exists, it is determined that there is a problem with the presence or absence of the item. In window C, since all the groups include items and small items, the input / output component layout determination unit 5 determines that there is no problem.

  Further, the input / output component layout determination unit 5 is configured to select an input / output component group (small) adjacent to each item in each input / output component group (medium) belonging to one input / output component group (large), or It is confirmed whether or not the X coordinate of the left end of the input / output component that is close to the item and does not belong to any input / output component group (small) matches. In the window C, the input / output component group (medium) 143 in the input / output component group (large) 151 has items arranged in the upward direction with respect to the input / output components (see FIGS. 14 and 15). Therefore, the input / output component group (medium) 143 is excluded. Since the X coordinates of the left ends of the input / output components in the other input / output component groups (medium) 141 and 142 match, the input / output component layout determination unit 5 determines that there is no problem with the alignment of the input / output components. In the input / output component group (large) 153, there is a variation (see auxiliary lines 154 and 155 in FIG. 15) at the left end of the input / output component group (small), and it is determined that there is a problem with the alignment of the input / output components. In this way, the input / output component layout determination unit 5 compares the arrangement positions of a plurality of groups of the same level (small level in this example, but may be medium level) included in the large group, Evaluate the adequacy of placement between components.

  Further, the input / output component layout determination unit 5 is configured to select an input / output component group (small) adjacent to each item in each input / output component group (medium) belonging to one input / output component group (large), or Check the distance between the input / output component that is close to the item and that is not in any of the input / output component groups (small) and that is closest to the item. In the window C, it is determined that there is no problem in the intervals for the input / output component groups (medium) 141, 142, 144 to 147 in which items and input / output components are arranged in the horizontal direction. For the input / output component group (medium) 143 in which the items and the input / output components are arranged in the vertical direction, the input / output component layout determination unit 5 does not belong to the input / output component group (large). Check the distance (W151) between the item and the input / output component. In this case, as shown in FIG. 15, since it does not fall within the specified range (because it is too narrow), the input / output component layout determination unit 5 determines that there is a problem.

  Further, the input / output component layout determination unit 5 determines whether or not the distance to the other input / output component falls within a specified range when another input / output component exists in the left direction of the input / output component group (large). And determine whether there is a problem in the alignment of the input / output parts. In the window C, as shown in FIG. 15, in the input / output component group (large) 152, the distance W152 to the text box arranged on the left is within a specified range. 5 determines that there is no problem.

  FIG. 16 is an explanatory diagram illustrating an output example of the determination result of the input / output component layout determination unit 5 for the window C. As shown in FIG. 16, three types of determination results are output: presence / absence of items, input / output component spacing, and input / output component alignment. Note that the numerical value of “Item No.” described in FIG. 16 indicates what number of display elements (text display portion and input / output parts such as items) are counted in the horizontal direction from the upper left in window B. . For example, the “check box (item No. 12)” corresponds to the twelfth check box, that is, “item C6-1”, counting from the upper left to the left end in the horizontal direction, counting from the lower left end. Indicates a check box. The evaluator can easily grasp the presence / absence of the problem in the window C and the problem location from the determination result output by the input / output component layout determination unit 5 as shown in FIG.

  In this example as well, according to the processing method corresponding to each of the check box or radio button and the text box (or list box, combo box), the adjacent components are grouped into the same group. The evaluation can be performed after the interval and the position where the alignment is evaluated are specified with certainty. In addition, for items and input / output components, by taking into account groups arranged in the vertical direction, perform appropriate evaluation on the arrangement of components even for more complex screens. Can do.

  Here, an example is shown in which the evaluation related to the part for selection and the evaluation of the part related to the text are executed together, but either the evaluation related to the part for selection or the evaluation of the part related to the text is executed. It may be.

  In addition, the input / output component group specifying unit 4 specifies the small group, the medium group, and the large group on the evaluation target screen, but the input / output component group specifying unit 4 does not specify the large group, but the small group and the medium group. Even when specifying the above, the validity of the arrangement and alignment of the input / output information can be evaluated.

  As described above, the GUI evaluation system according to the present embodiment groups the components in the evaluation target screen based on commonly used GUI patterns such as characteristics, symbols, and units according to the types of input / output parts, It is possible to determine the interval between components in a group, the adequacy of alignment, and the presence of an item, and the interval of components between groups, the adequacy of alignment, and the presence of an item.

  The evaluator does not evaluate the components on the screen to be evaluated individually, but ensures the interval between elements, the validity of the alignment, and the existence of items when viewed in a group (group) of multiple components. It is possible to make a determination, and it is possible to reliably check the problem part.

  FIG. 17 is a block diagram showing a main part of the GUI evaluation system according to the present invention. As shown in FIG. 17, the GUI evaluation system is a screen information recording unit 203 (corresponding to the GUI information recording unit 2 shown in FIG. 1) that stores information on text and input / output components as components on the evaluation target screen as screen information. ) And an input / output part group specifying unit 201 (corresponding to the input / output part group specifying unit 4 shown in FIG. 1) for specifying a group of components. The input / output part group specifying unit 201 includes a screen information recording unit 203. The small group identification unit 211 that identifies a set having the input / output component and the component close to the input / output component as a small group with reference to the screen information stored in the Other small groups or texts close to the group, or a group consisting of other small groups and text as members An input / output component layout that evaluates the layout of the component based on the relationship between the components in the group specified by the input / output component group specifying unit and the relationship between the groups A determination unit 202 (corresponding to the input / output component layout determination unit 5 shown in FIG. 1) is provided.

  As shown in FIG. 18, in the GUI evaluation system, the input / output component group specifying unit 201 specifies a set including a medium group and another medium group adjacent to the medium group as a large group. A group specifying unit 213 may be further included.

  FIG. 19 is a flowchart showing an outline of a GUI evaluation method according to the present invention. Hereinafter, it is assumed that the GUI evaluation method is executed in the GUI evaluation system shown in FIG. As shown in FIG. 19, the text as the components in the evaluation target screen and the information on the input / output parts are stored in advance in the screen information recording means as screen information (step S1). Then, an input / output component group specifying process for specifying a group of components is executed (step S2).

  In step S2, the screen information stored in the screen information recording unit is referred to, and a set including the input / output component and the component adjacent to the input / output component as a small group is specified (step S21). ), And a set having the small group and another small group or text adjacent to the small group, or another small group and text as members, is specified as a middle group (step S22).

  Thereafter, the layout of the constituent elements is evaluated based on the relation between the constituent elements in the group specified in the process of step S2 and the relation between the groups (step S3).

  Further, as shown in FIG. 20, in the GUI evaluation method, a process (step S23) is further performed to specify a set including a medium group and other medium groups close to the medium group as a large group. May be.

  While the present invention has been described with reference to the embodiments and examples, the present invention is not limited to the above embodiments and examples. Various changes that can be understood by those skilled in the art can be made to the configuration and details of the present invention within the scope of the present invention.

  This application claims priority based on Japanese Patent Application No. 2008-251811, filed on Sep. 29, 2008, the entire disclosure of which is incorporated herein.

  The present invention can be suitably applied to an application for evaluating system usability.

DESCRIPTION OF SYMBOLS 1 Input / output means 2 GUI information recording part 3 GUI information acquisition part 4 Input / output part group specification part 5 Input / output part layout determination part 6 Evaluation target system 31, 32 Radio button 33 Text box 41-43 Input / output part group (small)
51-56 I / O parts group (medium)
61, 62 I / O parts group (large)
63,64 Auxiliary line 81-83 I / O parts group (small)
91-97 I / O parts group (medium)
101,102 I / O parts group (large)
141-147 I / O parts group (medium)
151-153 I / O parts group (large)
154, 155 Auxiliary line 201 Input / output component group specifying unit 202 Input / output component layout determining unit 203 Screen information recording unit 211 Small group specifying unit 212 Medium group specifying unit 213 Large group specifying unit

Claims (21)

A GUI evaluation system for evaluating an evaluation target screen included in the evaluation system,
Screen information recording means for storing information on text and input / output parts as components in the evaluation target screen as screen information;
An input / output component group specifying means for specifying a group of components,
The input / output component group specifying means includes:
With reference to the screen information stored in the screen information recording means, a small group identifying unit that identifies a set of input / output components and components close to the input / output components as a small group,
A small group and another small group or text adjacent to the small group, or a group of other small groups and text that identifies a set of other small groups and text as a medium group,
A GUI comprising: input / output component layout determining means for evaluating the layout of the component based on the relationship between the components in the group specified by the input / output component group specifying unit and the relationship between the groups Evaluation system. The input / output component layout determination means evaluates the validity of the presence / absence of an item corresponding to the input / output component by determining whether or not a text display is included for each medium group and each small group. The GUI evaluation system according to claim 1. The input / output component layout determining means determines whether the distance between the text display in the middle group and the small group in the group adjacent to the text display or the input / output component is within a predetermined specified range. The GUI evaluation system according to claim 1, wherein the validity of arrangement between components is evaluated. When the input / output component is a selection component, the input / output component layout determining means calculates the distance between the input / output component and the text display and the distance between the input / output component and the adjacent input / output component. When the distance between the input / output component and the text display is equal to or less than the distance between the input / output component and the adjacent input / output component, it is determined that the arrangement of the selection component is not valid. The GUI evaluation system according to any one of claims 1 to 3. The input / output component group specifying means includes a large group specifying unit that specifies a set of the medium group and other medium groups adjacent to the medium group as a large group,
The input / output component layout determining means evaluates the validity of the alignment of the input / output components by determining a displacement of a small group adjacent to the text display in the medium group included in the large group or an input / output component misalignment. The GUI evaluation system according to any one of claims 1 to 4. The GUI evaluation system according to claim 5, wherein the input / output component layout determining means evaluates the validity of the arrangement between the components according to the distance between the large group and the input / output component adjacent to the large group. The GUI evaluation according to claim 5, wherein the input / output component layout determination unit evaluates the validity of the arrangement between the components by comparing the arrangement positions of a plurality of groups of the same level included in the large group. system. A GUI evaluation method for evaluating an evaluation target screen included in an evaluation system,
The information on the text and input / output parts as components in the screen to be evaluated is stored as screen information in the screen information recording means,
Identify a group of components,
When identifying a group of components,
With reference to the screen information stored in the screen information recording means, a set of input / output components and components adjacent to the input / output components is specified as a small group,
Identify a small group and other small groups or texts close to the small group, or a set of other small groups and text as medium groups,
A GUI evaluation method comprising: evaluating a layout of a component based on a relationship between components in a group of identified components and a relationship between groups. When evaluating the layout of component elements, the validity of the existence of items corresponding to input / output parts is determined by determining whether text display is included for each medium group and each small group. The GUI evaluation method according to claim 8 to be evaluated. When evaluating the layout of the component, determine whether the distance between the text display in the middle group and the small group or input / output component in the group adjacent to the text display is within a specified range. The GUI evaluation method according to claim 8 or 9, wherein the validity of the arrangement between the components is evaluated. When evaluating the layout of a component, if the input / output component is a selection component, the distance between the input / output component and the text display and the distance between the input / output component and the adjacent input / output component When the distance between the input / output component and the text display is equal to or less than the distance between the input / output component and the adjacent input / output component, it is determined that the arrangement of the selection component is not valid. The GUI evaluation method according to any one of claims 8 to 10. A large group specifying process for specifying a set of a medium group and other medium groups adjacent to the medium group as a large group when evaluating the layout of the component;
Alignment evaluation that evaluates the validity of the alignment of input / output components by determining the displacement of the placement of small groups or input / output components close to the text display in the medium group included in the large group in the input / output component layout determination process The GUI evaluation method according to any one of claims 8 to 11, wherein processing is performed. The input / output component layout determination process performs an arrangement evaluation process for evaluating the validity of the arrangement between components according to the distance between the large group and the input / output parts adjacent to the large group. GUI evaluation method. The arrangement evaluation process for evaluating the validity of the arrangement between components by comparing the arrangement positions of a plurality of groups of the same level included in the large group in the input / output component layout determination process. 13. The GUI evaluation method according to 13. In the computer in the GUI evaluation system that evaluates the evaluation target screen included in the evaluation system,
Screen information storage processing for storing information on text and input / output parts as components in the evaluation target screen as screen information in the screen information recording means;
I / O parts group identification processing that identifies the group of components is executed,
In the input / output component group identification process,
With reference to the screen information stored in the screen information recording means, a small group specifying process for specifying a set of input / output components and components adjacent to the input / output components as a small group;
A medium group identification process for identifying a small group and another small group or text adjacent to the small group, or a set of other small groups and text as a medium group,
For GUI evaluation for executing input / output component layout determination processing for evaluating the layout of the component based on the relationship between the components in the group specified by the input / output component group specifying processing and the relationship between the groups program. On the computer,
In the input / output component layout determination process, the validity of the existence of items corresponding to input / output components is evaluated by determining whether text display is included for each medium group and each small group. 16. The GUI evaluation program according to claim 15, for executing an item evaluation process. On the computer,
By determining whether or not the distance between the text display in the middle group and the small group in the group adjacent to the text display or the input / output component is within a prescribed range in the input / output component layout determination process. The GUI evaluation program according to claim 15 or 16, for executing an arrangement evaluation process for evaluating validity of arrangement between components. On the computer,
In the input / output component layout determination processing, when the input / output component is a selection component, the distance between the input / output component and the text display and the distance between the input / output component and the adjacent input / output component are determined. Comparison evaluation that determines that the arrangement of the selection component is not valid when the distance between the input / output component and the text display is equal to or less than the distance between the input / output component and the adjacent input / output component The program for GUI evaluation according to any one of claims 15 to 17, for executing processing. On the computer,
The input / output component group specifying process executes a large group specifying process that specifies a set of a medium group and another medium group adjacent to the medium group as a large group,
Alignment evaluation that evaluates the validity of the alignment of input / output components by determining the displacement of the placement of small groups or input / output components close to the text display in the medium group included in the large group in the input / output component layout determination process The GUI evaluation program according to any one of claims 15 to 18, for executing processing. On the computer,
Claim for causing the input / output component layout determination processing to execute a layout evaluation process for evaluating the adequacy of the layout between the components according to the distance between the large group and the input / output components adjacent to the large group. Item 19. The GUI evaluation program according to Item 19. On the computer,
20. An arrangement evaluation process for evaluating the validity of arrangement between components by comparing arrangement positions of a plurality of groups of the same level included in a large group in the input / output component layout determination process. The GUI evaluation program according to claim 20.

Images