JP5651450B2 - Screen design evaluation apparatus, screen design evaluation method and program - Google Patents

Description

  The present invention relates to a screen design evaluation apparatus, a screen design evaluation method, and a program for assisting screen design.

Conventionally, the following inventions have been proposed for designing and designing an easy-to-use GUI (Graphical User Interface).
In the invention described in Patent Document 1, when designing a layout using a GUI builder, it is determined whether or not each GUI component conforms to predetermined restrictions (guidelines such as ease of use and display format), and the GUI. Check for updated constraints every time you start the builder. Further, in the invention described in the cited document 2, when editing the GUI screen, it is checked whether each GUI component and an event associated with the component satisfy a predetermined constraint condition, and it is determined that the GUI component is not satisfied. Rejects user input corresponding to the event.

  The invention described in the cited document 3 is an evaluation system for evaluating the operability of software having a GUI, analyzing the design contents of the GUI of the software, calculating a GUI design score, and further operating the software. Based on the history, an operation history score is calculated, and comprehensive operability is evaluated. In the invention described in the cited document 4, in the GUI design, a combination of at least one rule, an evaluation GUI definition, and a parameter calculation formula is stored as a GUI guideline rule, and from the result of operating the evaluation GUI, A parameter corresponding to the rule is calculated.

Japanese Patent No. 2998652 Japanese Examined Patent Publication No. 7-56628 JP 2002-123409 A JP 2009-104313 A

However, in the techniques described in Patent Documents 1 and 2, for example, a part that inputs a name is easy to use a “text box”, and a part that inputs gender is easy to use a “radio button”. There is a problem that the usability according to the intended use cannot be evaluated. Further, in the techniques described in Patent Documents 3 and 4, there is a problem that the test must be performed by actually operating the GUI, which takes time and effort for evaluation.
That is, rather than simply evaluating as a single-screen component, it is necessary to determine ease of use and determine an appropriate screen design based on the meaning of the component for display and input.

  The present invention has been made in view of the above points, and an object of the present invention is to provide a screen design evaluation apparatus capable of easily evaluating a screen in consideration of ease of use when a user actually uses the screen. Another object is to provide a screen design evaluation method and program.

The present invention has been made to solve the above problems, and one aspect of the present invention includes an on-screen information storage unit that stores semantic information indicating the use of each component installed on each screen, and the above meaning An evaluation rule definition unit that stores a rule for each component according to information, and a screen information evaluation process that determines whether or not a component arranged on the screen matches a rule stored in the evaluation rule definition unit And a screen transition information storage unit that stores screen transitions of the respective screens, and the evaluation rule definition unit includes component rules for a plurality of screens having a relationship between a transition source and a transition destination, A rule that defines a transition of a screen type indicating a use, and the screen information evaluation processing unit specifies a plurality of screens having a relationship between a transition source and a transition destination from the screen transition information storage unit, and Parts for multiple screens It is determined whether or not the rule stored in the evaluation rule definition unit matches, and the screen transition stored in the screen transition information storage unit matches the transition of the screen type stored in the evaluation rule definition unit. It is a screen design evaluation apparatus characterized by determining whether or not .

  According to the present invention, since the evaluation is performed based on the semantic information given to each component, the evaluation of the screen in consideration of ease of use when the user actually uses the screen without actually operating the screen. Can be easily performed.

  In addition, according to one aspect of the present invention, in the above-described screen design evaluation apparatus, the screen design evaluation device includes a screen transition information storage unit that stores screen transitions of the screens, and the evaluation rule definition unit has a relationship between a transition source and a transition destination. The part rule for a plurality of screens is stored, and the screen information evaluation processing unit identifies a plurality of screens having a relationship between a transition source and a transition destination from the screen transition information storage unit, and the plurality of identified screens On the other hand, it is determined whether or not a part matches a rule stored in the evaluation rule definition unit.

  According to the present invention, since the screen transition of each screen is stored, it is possible to evaluate not only a single screen but also a plurality of screens having a relationship between a transition source and a transition destination.

  Further, according to one aspect of the present invention, in the screen design evaluation device, the evaluation rule definition unit stores a rule that defines a transition of a screen type indicating a use of the screen, and the screen transition information storage unit The screen type of each screen is stored, and the screen information evaluation processing unit determines whether the screen transition stored in the screen transition information storage unit matches the transition of the screen type stored in the evaluation rule definition unit. It is characterized by determining.

  According to the present invention, since the screen type of each screen is stored and the evaluation is performed based on the rule defining the transition of the screen type, the screen transition can be evaluated.

  Moreover, in one aspect of the present invention, in the screen design evaluation apparatus, the screen design evaluation device includes an input unit that inputs an application condition that specifies a user of the screen or a property of the business that uses the screen, and the evaluation rule definition unit includes: The application condition corresponding to each rule is stored, and the screen information evaluation processing unit makes a determination based on the rule corresponding to the application condition input to the input unit.

  According to this invention, since the application condition is associated with each rule, the screen can be evaluated according to the characteristics of the user of the screen and the business using the screen.

Further, according to one aspect of the present invention, an in-screen information storage unit that stores semantic information indicating the use of each component installed on each screen, and an evaluation rule definition unit that stores rules for each component according to the semantic information And a screen transition information storage unit that stores screen transitions of the respective screens. A screen information evaluation processing unit of a screen evaluation apparatus that stores the components arranged on the screen is stored in the evaluation rule definition unit. have a step of determining whether or not meeting the rule, the evaluation rule definition part includes a part of the rules for multiple screens on the relationship between the transition destination and the transition source, the transition of the screen type indicating use of the screen In the step, the screen information evaluation processing unit identifies a plurality of screens having a relationship between a transition source and a transition destination from the screen transition information storage unit, and Part against the screen Is matched with the rule stored in the evaluation rule definition unit, and the screen transition stored in the screen transition information storage unit matches the transition of the screen type stored in the evaluation rule definition unit It is a screen design evaluation method characterized by determining whether or not to perform.

Further, according to one aspect of the present invention, an in-screen information storage unit that stores semantic information indicating the use of each component installed on each screen, and an evaluation rule definition unit that stores rules for each component according to the semantic information And a screen transition information storage unit that stores screen transitions of the respective screens, and whether or not the components arranged on the screen match the rules stored in the evaluation rule definition unit A program for executing a determination step , wherein the evaluation rule definition unit defines a rule of parts for a plurality of screens having a relationship between a transition source and a transition destination, and a transition of a screen type indicating a use of the screen And a plurality of screens having a relationship between a transition source and a transition destination are identified from the screen transition information storage unit in the step, and a component is the evaluation rule for the plurality of identified screens. It is determined whether or not the rule stored in the right part matches, and whether or not the screen transition stored in the screen transition information storage unit matches the transition of the screen type stored in the evaluation rule definition unit. Is a program for determining

  According to the present invention, since the evaluation is performed based on the semantic information given to each component, the evaluation of the screen in consideration of ease of use when the user actually uses the screen without actually operating the screen. Can be easily performed.

It is a block diagram which shows the structure of the screen design evaluation system by one Embodiment of this invention. It is the schematic which shows the data structure and data example of the template management table which the template memory | storage part by this embodiment memorize | stores. It is the schematic which shows the data structure and data example of a screen transition template table which the template memory | storage part by this embodiment memorize | stores. It is the schematic which shows the data structure and example of a component template table which the template memory | storage part by this embodiment memorize | stores. It is the schematic which shows the data structure and data example of the screen transition information table which the screen transition information storage part by this embodiment memorize | stores. It is the schematic which shows the data structure and data example of the information table in a screen which the information storage part in a screen by this embodiment memorize | stores. It is the schematic which shows the data structure and data example of the evaluation rule table which the evaluation rule definition part by this embodiment memorize | stores. It is the schematic which shows the data structure and data example of a result table which the result memory | storage part by this embodiment memorize | stores. It is a flowchart which shows the procedure of the screen design process by this embodiment. It is a flowchart which shows the procedure of the screen edit process by this embodiment. It is an image figure for demonstrating the installation of the page by this embodiment, and the meaning of a page. It is an image figure for demonstrating installation of the components by this embodiment, and the meaning of a component. It is an image figure which shows an example of the screen produced | generated by the screen information edit process part. It is a flowchart which shows the procedure of the screen information evaluation process by this embodiment. It is an image figure for demonstrating an example of the evaluation between screens by this embodiment. It is an image figure for demonstrating another example of the evaluation between screens by this embodiment. It is an image figure for demonstrating another example of the evaluation between screens by this embodiment. It is a flowchart which shows the procedure of the result output process by this embodiment. It is an image figure which shows an example of the result display screen by this embodiment.

Hereinafter, an embodiment of the present invention will be described in detail with reference to the drawings.
FIG. 1 is a block diagram showing the configuration of the screen design evaluation system according to this embodiment.
The screen design evaluation system includes a screen design evaluation apparatus 1, a screen design terminal 2, and an evaluation terminal 3. The screen design terminal 2 is a terminal device for generating a GUI screen. The screen design evaluation device 1 is a server device that evaluates a generated screen. The evaluation terminal 3 is a terminal device for displaying a screen evaluation result by the screen design evaluation device 1. The screen design terminal 2 and the evaluation terminal 3 may be the same terminal device.

The screen design evaluation apparatus 1 includes a screen information editing processing unit 11, a screen information evaluation processing unit 12, a result display processing unit 13, a template storage unit 14, a screen transition information storage unit 15, and an in-screen information storage unit 16. And an evaluation rule definition unit 17 and a result storage unit 18.
The screen information editing processing unit 11 displays an editing screen for editing the screen on the display unit 22 of the screen design terminal 2. The screen information editing processing unit 11 edits the screen based on the content input from the input unit 21 of the screen design terminal 2 on the editing screen, and the editing result is stored in the screen transition information storage unit 15 and the in-screen information storage. Write to part 16.

The screen information evaluation processing unit 12 reads the rules stored in the evaluation rule definition unit 17 based on the application conditions input from the input unit 31 of the evaluation terminal 3. The application condition is a condition for specifying the characteristics of the user of the screen or the business using the screen. Then, the screen information evaluation processing unit 12 evaluates the screen generated by the screen information editing processing unit 11 based on the read rule. For example, the screen information evaluation processing unit 12 determines whether or not a component arranged on the screen matches a rule stored in the evaluation rule definition unit 17. Alternatively, the screen information evaluation processing unit 12 specifies a plurality of screens having a relationship between the transition source and the transition destination from the screen transition information storage unit 15, and the components are evaluated rule definition unit 17 for the specified plurality of screens. It is determined whether or not it matches the rule stored in. Alternatively, the screen information evaluation processing unit 12 determines whether or not the screen transition stored in the screen transition information storage unit 15 matches the screen type transition stored in the evaluation rule definition unit 17.
The result display processing unit 13 displays the evaluation result by the screen information evaluation processing unit 12 on the display unit 32 of the evaluation terminal 3.

  The template storage unit 14 stores a template management table indicating frequently used screen templates, a screen transition template table indicating transitions of the template screen, and a component template table indicating components arranged in the template screen. . Details of the template management table, the screen transition template table, and the component template table will be described later.

  The screen transition information storage unit 15 stores a screen transition information table indicating the screen transition indicating the flow of the screen generated by the screen information editing processing unit 11 and the screen type indicating the use of the screen. Details of the screen transition information table will be described later. The in-screen information storage unit 16 stores an in-screen information table indicating component information of components arranged in the screen generated by the screen information editing processing unit 11. The part information is information related to the part and includes semantic information indicating the use of the part. Details of the in-screen information table will be described later.

  The evaluation rule definition unit 17 stores an evaluation rule table indicating rules for evaluating the screen generated by the screen information editing processing unit 11. The evaluation rule definition unit 17 stores a rule for each part according to the semantic information, a part rule for a plurality of screens having a relationship between a transition source and a transition destination, a rule for defining transitions of screen types, and the like. Details of the evaluation rule table will be described later. The result storage unit 18 stores a result table indicating an evaluation result by the screen information evaluation processing unit 12 for each business. Details of the result table will be described later.

  The screen design terminal 2 includes an input unit 21 and a display unit 22. The display unit 22 displays the editing screen received from the screen information editing processing unit 11 of the screen design evaluation device 1. The input unit 21 installs screens on the editing screen displayed by the display unit 22, arranges parts on each screen to determine the position and size, and determines attribute information (for example, options The screen is designed while adding the semantic information of the parts, characters, images, etc. displayed on the list, colors, or buttons). In addition, the input unit 21 adds transition information between screens and defines a screen flow.

  The evaluation terminal 3 includes an input unit 31 and a display unit 32. The input unit 31 receives input of application conditions. The display unit 32 displays the evaluation result of the screen by the result display processing unit 13 that receives the result of the screen information evaluation processing unit 12 based on the application condition input to the input unit 31.

Next, various tables will be described.
FIG. 2 is a schematic diagram illustrating a data structure and a data example of a template management table stored in the template storage unit 14 according to the present embodiment. As shown in the figure, the template management table is a two-dimensional tabular data composed of rows and columns. Each item includes a template name, a template ID (Identifier) for identifying the template, a user characteristic, and a system characteristic. Have columns. Each row of this table exists for each template ID. The user characteristics are characteristics of screen users such as children, elderly people, experts, general users, operators, and the like. The user characteristic may be a classification based on a user's proficiency with respect to a computer, a physical handicap such as eyesight, or the like. The system characteristic is a characteristic of a business (system) using the screen, and is, for example, processing efficiency, input accuracy, or the like.
In the illustrated example, the template name corresponding to the template ID “T001” is “tmp01”, the user characteristic is “general user”, and the system characteristic is “input accuracy”.

  FIG. 3 is a schematic diagram illustrating a data structure and a data example of the screen transition template table stored in the template storage unit 14 according to the present embodiment. As shown in the figure, the screen transition template table is a two-dimensional tabular data composed of rows and columns, and includes a template ID, a business type, a screen ID that uniquely identifies the screen, a screen type, and a next screen. Has a column for each item with information. Each row of this table exists for each set of template ID and screen ID. Here, one or more screen IDs are associated with one template ID. That is, a template is a set of screens. The business type is a business type that uses a screen corresponding to the template ID, such as a customer information input business, a customer information update business, a customer information deletion business, a search business, and a reference business. A business is a series of processing using a screen. The screen type indicates the use of each screen such as menu, input, confirmation, result, search, and the like. The next screen information indicates a transition destination screen and is a set of screen IDs. A plurality of screen IDs can be set in the next screen information.

  In the illustrated example, the business type corresponding to the set of the template ID “T001” and the screen ID “0001” is “customer information input business”, the screen type is “menu”, and the next screen information is “0002, 0003 ". That is, the screen ID “0001” transits to the screen ID “0002” or the screen ID “0003”. The business type corresponding to the set of the template ID “T001” and the screen ID “0002” is “customer information input business”, the screen type is “input”, and the next screen information is “0001,0003”. That is, the screen ID “0002” transits to the screen ID “0001” or the screen ID “0003”. The business type corresponding to the set of the template ID “T001” and the screen ID “0003” is “customer information input business”, the screen type is “confirmation”, and the next screen information is “0001”. That is, the screen ID “0003” changes to the screen ID “0001”.

  FIG. 4 is a schematic diagram illustrating a data structure and a data example of a component template table stored in the template storage unit 14 according to the present embodiment. As shown in the figure, the part template table is a two-dimensional tabular data composed of rows and columns, and includes columns of items of template ID, business type, part type, semantic information, and attribute information. Have. Each row of this table exists for each set of template ID, component type, and semantic information. The component type is a type of components arranged on the screen, such as a text box, transition, pull-down menu, and combination. The component type “combination” is a combination of components (a certain component is subordinate to another component), such as a combination of a date input text box and calendar control. In the case of the component type “combination”, information on the combined components is also set in the component type. The semantic information is a meaning given to each component, and indicates the use of each component. The attribute information is information about each component, such as a list of component options, the color of the component, or characters and images displayed for the component.

  In the first record shown in the figure, the part type “text box” whose semantic information is “name” is arranged on the screen corresponding to the template ID “T001” (business type “customer information input work”). Is shown. In the next record, the component type “radio button” whose semantic information is “sex selection” is arranged on the screen corresponding to the template ID “T001” (business type “customer information input business”). Is shown. In the next record, the part type “transition” whose semantic information is “zip code search” is arranged on the screen corresponding to the template ID “T001” (business type “customer information input business”). Is shown. In the next record, the part type “pull-down menu” whose semantic information is “prefecture selection” is arranged on the screen corresponding to the template ID “T001” (business type “customer information input work”). It is shown that. In addition, the attribute information “prefecture information (Hokkaido: Aomori Prefecture:…: Okinawa Prefecture)” is given in advance as a list of options to the part type “pull-down menu” whose semantic information is “prefecture selection”. .

  FIG. 5 is a schematic diagram illustrating a data structure and a data example of a screen transition information table stored in the screen transition information storage unit 15 according to the present embodiment. As shown in the figure, the screen transition information table is data in a two-dimensional table format composed of rows and columns, and includes a business ID for identifying each business, a business type, a screen ID, a screen type, and next screen information. And has a column for each item. Each row of this table exists for each set of business ID and screen ID. Here, one or more screens are associated with one business. That is, the business is a set of screens, and the screen information editing processing unit 11 generates one or a plurality of screens for each business.

  In the first record shown in the figure, the screen type corresponding to the business ID “G001” (business type “customer information input business”) and the screen ID “0002” is “input”, and the next screen information is “0003”. It is shown that. That is, the screen ID “0002” transits to the screen ID “0003”. In this next record, the screen type corresponding to the business ID “G001” (business type “customer information input business”) and the screen ID “0003” is “confirmation”, and the next screen information is “0004”. It shows that there is. That is, the screen ID “0003” transits to the screen ID “0004”. In the next record, the screen type corresponding to the business ID “G001” (business type “customer information input business”) and the screen ID “0004” is “confirmation”, and the next screen information is “0000”. It shows that there is. That is, the screen ID “0004” transits to the screen ID “0000”.

  FIG. 6 is a schematic diagram illustrating a data structure and a data example of the in-screen information table stored in the in-screen information storage unit 15 according to the present embodiment. As shown in the figure, the in-screen information table is data in a two-dimensional table format composed of rows and columns. As the component information, the screen ID, the component ID for identifying the component, the component type, the semantic information, Each column includes items of position / size, attribute information, and transition information. Each row of this table exists for each set of screen ID and component ID. The position / size is the coordinate value (x coordinate value: y coordinate value) and size (height, width) of each component. The transition information is a screen ID of a screen that transitions when some operation (for example, pressing) is performed on the component. The transition information “-” indicates that there is no transition destination.

  In the first record shown in the figure, the component type of the component ID “001” arranged in the screen ID “0002” is “text box”, the semantic information is “name”, and the position is the coordinate value “x1: y1 ”and the size is“ h1, w1 ”. In the next record, the component type of the component ID “002” arranged in the screen ID “0002” is “text box”, the semantic information is “address”, and the position is the coordinate value “x2: y2”. ”And the size is“ h2, w2 ”. In the next record, the component type of the component ID “003” arranged in the screen ID “0002” is “text box”, the semantic information is “phone number”, and the position is the coordinate value “x3: y3 "and the size is" h3, w3 ". In the next record, the component type of the component ID “004” arranged in the screen ID “0002” is “pull-down menu”, the semantic information is “occupation”, and the position is the coordinate value “x4: y4”. ", The size is" h4, w4 ", and the attribute information indicates" company employee: self-employed: housewife ". In the next record, the component type of the component ID “005” arranged in the screen ID “0002” is “transition”, the semantic information is “next”, and the position is the coordinate value “xa5: ya5”. ”, The size is“ h5, w5 ”, and the transition information is“ 0003 ”. That is, when any operation is performed on the component ID “005”, the screen transitions to the screen ID “0003”. In the next record, the component type of the component ID “006” arranged in the screen ID “0002” is “transition”, the semantic information is “return”, and the position is the coordinate value “x6: y6”. , The size is “h6, w6”, and the transition information is “0001”. That is, when any operation is performed on the component ID “006”, the screen transitions to the screen ID “0001”.

  FIG. 7 is a schematic diagram illustrating a data structure and a data example of an evaluation rule table stored in the evaluation rule definition unit 17 according to the present embodiment. As shown in the figure, the evaluation rule table is a two-dimensional tabular data composed of rows and columns. As a rule, a rule ID for identifying each rule, an application condition, an evaluation condition, an evaluation item, and an evaluation It has columns for each item of attribute information, scoring, and message information. Each row of this table exists for each rule ID. The application condition is a condition for applying the rule, and user characteristics or / and system characteristics are designated. The evaluation condition is, for example, a range to be evaluated such as a component, within a screen, and between screens. The evaluation item is an item to be evaluated such as, for example, a component focused on when evaluating or the meaning of screen transition. Evaluation attribute information is a method for calculating conditions and evaluation points for evaluation items. The score is a score for each rule. Further, the message information is text information of a comment (for example, a rule corresponding situation or a handling method) displayed as a result when the rule does not match.

  In the illustrated example, the application condition corresponding to the rule ID “rule001” is “user characteristic = general user”, the evaluation condition is “part”, the evaluation item is “part type = radio button”, and the evaluation The attribute information is “option = 5 or less”, and the score is “10”. The application condition corresponding to the rule ID “rule002” is “user characteristics = general user”, the evaluation condition is “in-screen”, the evaluation item is “semantic information = error message”, and the evaluation attribute information Is “position = within specified range (x, y)”, and the score is “10”. Also, the application condition corresponding to the rule ID “rule003” is “user characteristics = general user”, the evaluation condition is “between screens”, and the evaluation item is “part type = transition & & semantic information is the same”. The evaluation attribute information is “position = within 10 px”, and the score is “10”. The application condition corresponding to the rule ID “rule004” is “system characteristic = input accuracy”, the evaluation condition is “between screens”, and the evaluation item is “screen transition”.

  FIG. 8 is a schematic diagram illustrating a data structure and a data example of a result table stored in the result storage unit 18 according to the present embodiment. As shown in the figure, the result table is two-dimensional tabular data composed of rows and columns, and each item of the corresponding rule ID, screen ID, component ID, scoring, evaluation score, and message information. Have columns. Each row in this table exists for each set of rule ID, screen ID, and component ID. The corresponding rule is a rule ID of a rule that does not match as a result of evaluating the screen. The evaluation score is a score obtained as a result of evaluating the screen. This result table exists for each business.

  In the first record shown in the figure, the component ID “005” of the screen ID “0001” does not match the rule ID “rule001”, and the evaluation score is “0” for the score “10” of the rule ID “rule001”. Indicates that

Next, a screen design process performed by the screen design evaluation apparatus 1 will be described with reference to FIG. FIG. 9 is a flowchart showing the procedure of the screen design process according to the present embodiment.
First, in step S1, the screen information editing processing unit 11 performs screen editing processing for generating a screen. Details of the screen editing process will be described later.
Next, in step S2, the screen information evaluation processing unit 12 performs screen information evaluation processing for evaluating the screen generated by the screen editing processing. Details of the screen information evaluation process will be described later.
Finally, in step S3, the result display processing unit 13 performs a result output process for outputting the result of the screen information evaluation process. Details of the result output process will be described later.

Next, the screen editing process by the screen information editing processing unit 11 will be described with reference to FIG. FIG. 10 is a flowchart showing the procedure of the screen editing process according to this embodiment.
First, in step S101, the screen information editing processing unit 11 sets a page (screen). Specifically, the screen information editing processing unit 11 causes the display unit 22 of the screen design terminal 2 to display an editing screen 100 (see FIG. 11) for editing the screen. When an instruction to create a new screen is input from a screen designer who edits the screen, the input unit 21 of the screen design terminal 2 transmits the instruction to the screen information editing processing unit 11. When receiving an instruction to create a new screen, the screen information editing processing unit 11 adds a new record to the screen transition information table stored in the screen transition information storage unit 15.

  Further, the screen information editing processing unit 11 displays a list of template names in the template management table stored in the template storage unit 14 on the editing screen 100 (see reference numeral 101 in FIG. 11). The person in charge of screen design can select a template from the list of template names, and can appropriately edit the screen transition in a series of business operations based on this template. For example, when there are many display items in the work to be edited, editing such as dividing the display screen A in the template into the display screen A1 (1/2) and the display screen A2 (2/2) is performed.

Next, in step S102, the screen information editing processing unit 11 assigns a page (screen). Specifically, the screen information editing processing unit 11 displays a dialog box or the like for prompting input of a screen name and a screen type on the editing screen 100. When the screen name and screen type are input by the input unit 21, the screen information editing processing unit 11 writes the input screen name and screen type in the screen transition information table.
When a template is selected in step S101, the screen information editing processing unit 11 writes the screen type of the template in the screen transition information table in advance, and displays the screen type in the editing screen 100 in advance (FIG. 11). Reference numeral 102).

  Next, in step S103, the screen information editing processing unit 11 sets a screen transition. Specifically, the screen information edit processing unit 11 accepts input of next screen information on each screen. When the next screen information is input, the screen information editing processing unit 11 writes the next screen information in the screen transition information table.

  When a template is selected in step S101, the screen information editing processing unit 11 writes the next screen information of the template in the screen transition information table in advance, and displays the next screen information on the editing screen 100. The person in charge of screen design can determine the transition based on the next screen information already set. For example, when the screen is divided or when a shortcut (return to the top page, etc.) is specified, the next screen information can be changed by editing the displayed next screen information.

  Next, in step S <b> 104, the screen information editing processing unit 11 makes a transition meaning. Specifically, the screen information edit processing unit 11 accepts an input of business type. When the business type is input, the screen information editing processing unit 11 writes the input business type in the screen transition information table. The input of the business type may be performed by setting a page in step S101 described above.

  Next, in step S105, the screen information edit processing unit 11 arranges components on each screen. Specifically, in the editing screen 100, when a part such as a “text box” or “button” is arranged in the screen by an operation of the mouse or the like, and the arrangement position, size, etc. are set, the screen information editing is performed. The processing unit 11 writes the information in the in-screen information table. For example, the designer can place a part by selecting the part from the reference numeral 103 in FIG. 12 and dragging and dropping the selected part to the reference numeral 104 in FIG.

  Finally, in step S106, the screen information editing processing unit 11 gives meaning to the components arranged in the screen. Specifically, the screen information edit processing unit 11 accepts input of component semantic information from a text box indicated by reference numeral 105 in FIG. Then, when the semantic information of each component is input, the screen information editing processing unit 11 writes the semantic information in the in-screen information table. Since the semantic information is closely associated with the evaluation described later, a list of predefined semantic information may be displayed and selected from the displayed list. In the case of a template part, the screen information editing processing unit 11 writes the semantic information of the template part in the in-screen information table and displays the semantic information on the editing screen 100. The person in charge of screen design can edit the displayed semantic information.

Hereinafter, the screen editing process will be described using a specific example with reference to the drawings.
FIG. 11 is an image diagram for explaining the installation of pages and the meaning of pages according to the present embodiment.
The screen information editing processing unit 11 displays the editing screen 100 shown in the figure on the display unit 22 of the screen design terminal. Thereby, the person in charge of design can edit the screen. On the editing screen 100, a list 101 of templates stored in the template storage unit 14 is displayed in a selectable manner. Thereby, since the person in charge of design can divert the template, the screen can be edited more efficiently. Further, the screen information editing processing unit 11 displays an input field 102 for inputting the screen type of each screen on the editing screen 100.

FIG. 12 is an image diagram for explaining component installation and component significance according to the present embodiment.
The screen information editing processing unit 11 displays the component list 103 on the editing screen 100. Here, when a template is selected in step S <b> 101 described above, the screen information editing processing unit 11 reads the component of the template from the component template table, and displays the read component in the component list 103. The person in charge of design installs a part by selecting the part from the part list 103 and dragging and dropping the selected part to the position of reference numeral 104. Further, the screen information editing processing unit 11 displays an input field 105 for inputting semantic information of each part on the editing screen 100.

FIG. 13 is an image diagram illustrating an example of a screen generated by the screen information editing processing unit 11.
FIG. 13A is an image diagram illustrating an example of a user information input screen 200. On the user information input screen 200, a name text box 201, an address text box 202, a telephone number text box 203, an occupation pull-down menu 204, a return transition 205, and a next transition 206 are arranged.
FIG. 13B shows part information of the user input screen 200 stored in the in-screen information table. The record of the component ID “001” shown in the drawing is the component information of the name text box 201. Also, the record of the component ID “002” is. This is part information of the address text box 202. The record of the component ID “003” is component information in the telephone number text box 203. The record with the component ID “004” is component information of the occupation pull-down menu 204. The record with the component ID “005” is the component information of the next transition 206. The record of the component ID “006” is the component information of the return transition 205.

Next, the screen information evaluation process performed by the screen information evaluation processing unit 12 will be described with reference to FIG. FIG. 14 is a flowchart showing a procedure of screen information evaluation processing according to the present embodiment.
First, in step S201, the screen information evaluation processing unit 12 accepts input of application conditions. User characteristics and system characteristics are specified as input application conditions. This is because the viewpoint of ease of use varies depending on the user of the screen and the business.

  Next, in step S202, the screen information evaluation processing unit 12 performs component evaluation. Specifically, the screen information evaluation processing unit 12 reads from the evaluation rule table a rule that matches the application condition input in step S201 and whose evaluation condition is “component”. Then, the screen information evaluation processing unit 12 determines whether or not the component corresponding to the evaluation item of the read rule matches the condition of the evaluation attribute information of the read rule. Then, the screen information evaluation processing unit 12 determines that the part matches the rule when the condition is met. On the other hand, if the condition does not match the condition, the screen information evaluation processing unit 12 determines that the part does not match the rule, the rule ID of the rule, the screen ID of the part, the part ID of the part, Scoring, evaluation score of this rule, and message information of this rule are written in the result table. At this time, the screen information evaluation processing unit 12 calculates the evaluation score based on the evaluation score calculation method of the evaluation attribute information.

For example, when evaluating the rule ID “rule001” in the evaluation rule table illustrated in FIG. 7, the screen information evaluation processing unit 12 identifies a component whose component type is “radio button” from the in-screen information table. Next, the screen information evaluation processing unit 12 determines whether or not the number of options of the specified component is within five. Then, the screen information evaluation processing unit 12 determines that the rule ID “rule001” matches when the number of options is 5 or less. On the other hand, when the number of options is greater than 5, the screen information evaluation processing unit 12 determines that the rule ID “rule001” does not match.
In addition to the above-described example, as part evaluation, for example, it is defined that a predetermined operation is performed when the part is operated, or the part label (button name) is displayed in the system (business It is conceivable to evaluate whether the same label as a part having the same function (having the same semantic information) on other screens in ().

  Next, in step S203, the screen information evaluation processing unit 12 performs in-screen evaluation. Specifically, the screen information evaluation processing unit 12 reads from the evaluation rule table a rule that matches the application condition input in step S201 and whose evaluation item is “in-screen”. Then, the screen information evaluation processing unit 12 determines whether or not a screen component that matches the evaluation item of the read rule matches the condition of the evaluation attribute information. Then, the screen information evaluation processing unit 12 determines that this screen matches this rule when the condition is met. On the other hand, if the screen information evaluation processing unit 12 does not match the condition, the screen information evaluation processing unit 12 determines that the screen does not match the rule, and determines the rule ID of the rule, the screen ID of the screen, the score, and the evaluation of the rule. The point and the message information of this rule are written into the result table. At this time, the screen information evaluation processing unit 12 calculates the evaluation score based on the evaluation score calculation method of the evaluation attribute information.

  For example, when evaluating the rule indicated by the rule ID “rule002” in the evaluation rule table illustrated in FIG. 7, the screen information evaluation processing unit 12 specifies a screen including a component whose semantic information is “error message”. The screen information evaluation processing unit 12 determines that the screen matches the rule ID “rule002” when the position of the component whose semantic information is “error message” is within the specified range (x, y). It is determined that the screen does not match the rule ID “rule002” when the position of is outside the specified range (x, y).

  Further, as another example of the inter-screen evaluation, an evaluation of an arrangement position of an abnormal button for performing logout or cancellation will be described. The screen information evaluation processing unit 12 evaluates whether the distance between the abnormal button and the normal button for proceeding with the work is too close. Specifically, first, the screen information evaluation processing unit 12 calculates the distance between the position of the abnormal button and the position of the normal button. Then, when the calculated distance is greater than the predetermined value, it is determined that the rule matches, and when the calculated distance is equal to or less than the predetermined value, it is determined that the rule does not match.

  In addition, as another example of the evaluation between screens, a component according to user characteristics will be described. For example, in the case of a component having semantic information “date input”, the screen information evaluation processing unit 12 displays a “pull-down menu” or a calendar to select a component type if the user characteristic is “general user”. If the user characteristic is “operator”, it is determined whether or not the component type is “text box”. This is because which part type is easy to use depending on the user of the screen.

  In addition to the above-described example, when there is a “check box” part within the range of the “table” part, the position of the “check box” is on the left side of the table, or “table” If there is a “button” within the range of the part, it may be possible to evaluate whether or not the position of the “button” is on the right side of the table. In addition, there is an evaluation as to whether or not the parts that perform the screen transition are arranged at a position within a predetermined distance in the horizontal direction without being scattered in the screen.

  Finally, in step S204, the screen information evaluation processing unit 12 performs inter-screen evaluation. Specifically, the screen information evaluation processing unit 12 reads from the evaluation rule table a rule that matches the application condition input in step S201 and whose evaluation item is “between screens”. Then, the screen information evaluation processing unit 12 determines whether or not the rule evaluation item matches the condition of the evaluation attribute information for a plurality of screens having a relationship between the transition source and the transition destination. Then, the screen information evaluation processing unit 12 determines that the evaluation item matches this rule when the condition is met. On the other hand, if the condition does not match the condition, the screen information evaluation processing unit 12 determines that the evaluation item does not match the rule, the rule ID of the rule, the scoring, the evaluation score of the rule, and the rule Write message information to the result table. At this time, the screen information evaluation processing unit 12 calculates the evaluation score based on the evaluation score calculation method of the evaluation attribute information.

Hereinafter, the inter-screen evaluation will be described using a specific example.
FIG. 15 is an image diagram for explaining an example of inter-screen evaluation according to the present embodiment.
FIG. 15A is a display example of a user information input screen 200, an input information confirmation screen 300, and a result screen. FIG. 15B shows part information on the user information input screen 200. The part information of the next transition 206 that is a part of the user information input screen 200 is a record indicated by the part ID “005”. FIG. 15C shows the component information on the input information confirmation screen 300. The part information of the next transition 306 that is a part of the input information confirmation screen 300 is a record indicated by the part ID “005”.
In the illustrated example, the rule ID “rule003” in the evaluation rule table shown in FIG. 7 is evaluated. First, the screen information evaluation processing unit 12 specifies a screen having a transition relationship in the screen transition information table. The screens in the transition relationship are a plurality of screens in the relationship between the transition destination screen and the transition source screen. In the example shown in this figure, since the screen ID “0003” is set in the next screen information of the screen ID “0002” in the screen transition information table, the screen information evaluation processing unit 12 uses the screen ID “0002” (user The information input screen 200) and the screen ID “0003” (input information confirmation screen 300) are specified as a screen having a transition relationship. Next, the screen information evaluation processing unit 12 identifies a component that is installed on the identified screen and whose component type is transition in the in-screen information table. Then, the screen information evaluation processing unit 12 compares the positions of the parts having the same semantic information among the parts specified on each screen, and if the difference is within 10 px, it matches the rule ID “rule003”. judge. In the illustrated example, the screen information evaluation processing unit 12 includes the position (xa5, ya5) of the next transition 206 on the user information input screen 200 and the position (xb5, yb5) of the next transition 306 on the input information confirmation screen 300. Compare Here, the semantic information of the next transition 206 of the user information input screen 200 and the next transition 306 of the input information confirmation screen 300 is “next” and is the same.

16 and 17 are image diagrams for explaining another example of the inter-screen evaluation according to the present embodiment.
16 and 17 are conditions relating to screen transitions defined in the evaluation attribute information of the rule ID “rule004” in the evaluation rule table shown in FIG. This rule defines the transition of the screen type. When the screen transition of each business type matches the transition defined in the evaluation attribute information in the screen transition information table, the screen information evaluation processing unit 12 determines that the business matches the rule ID “rule004”.

  In the example illustrated in FIG. 16, transitions are defined in the evaluation attribute information for each business type. For example, in the case of the business type “reference” shown in FIG. 16A, the screen type “top” transits to the screen type “1 layer”, and the screen type “1 layer” from the screen type “top” or The screen type changes to “2 layers”, and the screen type “2 layers” changes to the screen type “1 layer”. In the case of the business type “registration” shown in FIG. 16B, the screen type “input” is changed to the screen type “result”. In the case of the business type “list search” shown in FIG. 16C, the screen type “search” is changed to the screen type “search result list”, and the screen type “search result list” is changed to the screen type “display”. Transition to. In the case of the business type “update” shown in FIG. 16D, the screen type “display” is changed to the screen type “update”, and the screen type “update” is changed to the screen type “display” or the screen type “result”. ”. In the case of the business type “delete” shown in FIG. 16E, the screen type “display” is changed to the screen type “result”.

In the example shown in FIG. 17, transitions when one screen is divided into a plurality of screens are defined in the evaluation attribute information. As shown in FIG. 17A, a screen having the screen type “input” Is divided into a parent screen and a child screen, the parent screen and the child screen transition to each other. Further, as shown in FIG. 17B, when the screen of the screen type “input” is divided into the divided screen 1, the divided screen 2, and the divided screen 3, the screen changes from the divided screen 1 to the divided screen 2. From the split screen 2, the screen transitions to the split screen 1 or the split screen 3, and from the split screen 3 to the split screen 2.

  In addition, as another example of screen transition, screen transition according to system characteristics will be described. For example, in the case of screen transition in the business type “customer information input business”, if the system characteristic “input accuracy”, a confirmation screen for the information entered for each predetermined range is displayed, and the system characteristic “processing efficiency” If there is, reduce the display of the confirmation screen as much as possible (for example, display it once at the end).

  As another example of the inter-screen evaluation, the presence / absence of a screen transition button will be described. First, the screen information evaluation processing unit 12 specifies a screen in which the screen ID is set in the next screen information. Next, the screen information evaluation processing unit 12 determines whether or not there is a part for transitioning to the screen set in the next screen information in the specified screen. For example, when the screen ID “0002” in the screen transition information table shown in FIG. 5 is evaluated, it is determined whether or not there is a component for transitioning to the next screen information “0003” of the screen ID “0002”. Referring to the in-screen information table shown in FIG. 6, since the screen ID “0002” has a component ID “005” for transitioning to the screen ID “0003”, the screen information evaluation processing unit 12 matches this rule. Judge that.

  In addition, as another example of the inter-screen evaluation, the presence / absence of work storage / resumption will be described. When the component type is “text box”, “pull-down menu”, or the like and there are many input components for inputting information, the screen information evaluation processing unit 12 temporarily stores the information input at every predetermined timing. Make sure that the necessary parts are installed. First, the screen information evaluation processing unit 12 calculates the total number of input components installed on the screen for each job. Then, the screen information evaluation processing unit 12 determines whether or not there is a component for temporarily storing information input to the input component when the calculated total number of input components is larger than a predetermined value.

Next, the result output process performed by the result display processing unit 13 will be described with reference to FIG. FIG. 18 is a flowchart showing the procedure of the result output process according to this embodiment.
First, in step S301, the result display processing unit 13 performs a totaling process of the results of the screen information evaluation process. Specifically, the result display processing unit 13 calculates a total score, a score for each task, a score for each screen, and a score for each rule. First, the result display processing unit 13 reads the evaluation score and the score of each rule from the result table, and sets the score of the rule = (evaluation score / score). Next, the result display processing unit 13 calculates the total score of the rule for each screen ID = (sum of evaluation points / sum of scoring), and the score of the screen = (total score of the rule corresponding to the screen × 100). To do. Then, the result display processing unit 13 calculates the total score of the rule for each job = (sum of evaluation points / sum of the score), and sets the score of the job = (total score of the rule corresponding to the job × 100). In addition, the result display processing unit 13 sets the total score as the average value of the scores for each job.
Next, in step S302, the result display processing unit 13 displays the results totaled in step S301 on the display unit 32 of the evaluation terminal 3.

FIG. 19 is an image diagram illustrating an example of a result display screen displayed on the display unit 32 of the evaluation terminal 3 according to the present embodiment.
As shown in the figure, the result display screen includes a total score 401, a score 402 for each job, a score 403 for each screen, a score for each corresponding rule, a rule corresponding situation for each corresponding rule, and each corresponding rule. Are displayed. The corresponding situation and handling method of the rule is message information of the corresponding rule. By displaying the corresponding situation of the rule and the corresponding method together with the score, the designer can re-edit the screen more easily with reference to the result display screen. In addition, evaluation points in screen evaluation become clear and can be used as a reference for screen design in discussions with customers.

  As described above, according to the present embodiment, the evaluation is performed based on the semantic information given to each component. Therefore, it is possible to improve the usability when the user actually uses the screen without actually operating the screen. It is possible to easily evaluate the screen in consideration. Moreover, since the screen transition of each screen is memorize | stored, not only a single screen but the evaluation between several screens in a transition relationship can be performed. Further, since the screen type of each screen is stored, screen transition can be evaluated. Further, since the rules are defined according to the application conditions, it is possible to evaluate the screen according to the characteristics of the user who uses the screen and the business using the screen.

Also, a program for realizing the steps shown in FIGS. 9, 10, 14, and 18 is recorded on a computer-readable recording medium, and the program recorded on the recording medium is read into a computer system and executed. Thus, screen design processing, screen editing processing, screen information evaluation processing, or result output processing may be performed. Here, the “computer system” may include an OS and hardware such as peripheral devices.
Further, the “computer system” includes a homepage providing environment (or display environment) if a WWW system is used.
The “computer-readable recording medium” means a flexible disk, a magneto-optical disk, a ROM, a writable nonvolatile memory such as a flash memory, a portable medium such as a CD-ROM, a hard disk built in a computer system, etc. This is a storage device.

Further, the “computer-readable recording medium” means a volatile memory (for example, DRAM (Dynamic DRAM) in a computer system that becomes a server or a client when a program is transmitted through a network such as the Internet or a communication line such as a telephone line. Random Access Memory)), etc., which hold programs for a certain period of time.
The program may be transmitted from a computer system storing the program in a storage device or the like to another computer system via a transmission medium or by a transmission wave in the transmission medium. Here, the “transmission medium” for transmitting the program refers to a medium having a function of transmitting information, such as a network (communication network) such as the Internet or a communication line (communication line) such as a telephone line.
The program may be for realizing a part of the functions described above. Furthermore, what can implement | achieve the function mentioned above in combination with the program already recorded on the computer system, and what is called a difference file (difference program) may be sufficient.

As described above, the embodiment of the present invention has been described in detail with reference to the drawings. However, the specific configuration is not limited to the above, and various design changes and the like can be made without departing from the scope of the present invention. It is possible to
For example, the result storage unit 18 may manage the history of evaluation results so that a screen after editing based on the evaluation result can be compared with a screen before editing. In this case, the history is stored together with the edited part information and the screen transition information.

  DESCRIPTION OF SYMBOLS 1 ... Screen design evaluation apparatus 2 ... Screen design terminal 3 ... Evaluation terminal 11 ... Screen information edit process part 12 ... Screen information evaluation process part 13 ... Result display process part 14 ... Template memory | storage part 15 ... Screen transition information memory part 16 In-screen information storage unit 17 ... Evaluation rule definition unit 18 ... Result storage unit 21, 31 ... Input unit 22, 32 ... Display unit

Claims (4)

An in-screen information storage unit for storing semantic information indicating the use of each component installed on each screen;
An evaluation rule definition unit that stores a rule for each component according to the semantic information;
A screen information evaluation processing unit that determines whether or not a component arranged on the screen matches a rule stored in the evaluation rule definition unit;
A screen transition information storage unit for storing the screen transition of each screen;
Equipped with a,
The evaluation rule definition unit stores a rule for parts for a plurality of screens having a relationship between a transition source and a transition destination, and a rule for defining a transition of a screen type indicating a use of the screen,
The screen information evaluation processing unit identifies a plurality of screens having a relationship between a transition source and a transition destination from the screen transition information storage unit, and a component is stored in the evaluation rule definition unit for the identified plurality of screens. The screen transition stored in the screen transition information storage unit matches the screen type transition stored in the evaluation rule definition unit. A screen design evaluation device characterized by An input unit for inputting an application condition for specifying the characteristics of the user of the screen or the business using the screen;
The evaluation rule definition unit stores application conditions corresponding to each rule,
The screen design evaluation apparatus according to claim 1 , wherein the screen information evaluation processing unit makes a determination based on a rule corresponding to an application condition input to the input unit. An in-screen information storage unit for storing semantic information indicating the use of each component installed on each screen;
An evaluation rule definition unit that stores a rule for each component according to the semantic information;
A screen transition information storage unit for storing the screen transition of each screen;
The screen information evaluation processing of the screen evaluation device provided in the component that is disposed on the screen, have a step of determining whether or not matching the rule stored in the evaluation rule definition part,
The evaluation rule definition unit stores a rule for parts for a plurality of screens having a relationship between a transition source and a transition destination, and a rule for defining a transition of a screen type indicating a use of the screen,
In the step, the screen information evaluation processing unit specifies a plurality of screens having a relationship between a transition source and a transition destination from the screen transition information storage unit, and a component is included in the evaluation rule with respect to the specified plurality of screens. It is determined whether or not the rule stored in the definition unit matches, and whether or not the screen transition stored in the screen transition information storage unit matches the transition of the screen type stored in the evaluation rule definition unit. A screen design evaluation method characterized by determining An in-screen information storage unit for storing semantic information indicating the use of each component installed on each screen;
An evaluation rule definition unit that stores a rule for each component according to the semantic information;
A screen transition information storage unit for storing the screen transition of each screen;
On a computer with
A program for executing a step of determining whether or not a component arranged on the screen matches a rule stored in the evaluation rule definition unit ;
The evaluation rule definition unit stores a rule for parts for a plurality of screens having a relationship between a transition source and a transition destination, and a rule for defining a transition of a screen type indicating a use of the screen,
In the step, a plurality of screens having a relationship between a transition source and a transition destination are identified from the screen transition information storage unit, and a component is stored in the evaluation rule definition unit for the identified plurality of screens. It is determined whether or not they match, and it is determined whether or not the screen transition stored in the screen transition information storage unit matches the screen type transition stored in the evaluation rule definition unit.
program.

Images