JP5759424B2

JP5759424B2 - User interface design support device

Info

Publication number: JP5759424B2
Application number: JP2012153484A
Authority: JP
Inventors: 孔希草野; 桃子中谷; 大野　健彦; 健彦大野
Original assignee: Nippon Telegraph and Telephone Corp
Current assignee: Nippon Telegraph and Telephone Corp
Priority date: 2012-07-09
Filing date: 2012-07-09
Publication date: 2015-08-05
Anticipated expiration: 2032-07-09
Also published as: JP2014016772A

Description

本発明は、ユーザインタフェースにより実現したい機能に適したＵＩ（ユーザインタフェース）部品を知ることができるユーザインタフェース設計支援装置に関する。 The present invention relates to a user interface design support apparatus capable of knowing a UI (user interface) component suitable for a function desired to be realized by a user interface.

従来において、コンピュータシステムの設計者は、ユーザインタフェース（ＵＩ）の設計に多くの時間と労力を掛ける必要がある。そこで、ＵＩ設計を省力化するために、ＵＭＬを用いてＵＩを自動生成する装置が発明されている（特許文献１）。しかし、上記発明では、操作可能なＵＩの生成結果のみが受け取れるだけであって、ユーザの使いやすさを考慮することは難しい。特に、使いやすさを考慮するためには、どのようにシステムの機能が利用されるのかを理解し、後述するＵＩデザインパターンを照会しながら、適切なＵＩデザインを選択することが重要であるが、上記発明でこれらの情報が参照されることはない。 Traditionally, computer system designers have to spend a lot of time and effort designing user interfaces (UIs). Therefore, in order to save UI design, an apparatus that automatically generates a UI using UML has been invented (Patent Document 1). However, in the above invention, only the result of generating an operable UI can be received, and it is difficult to consider the ease of use of the user. In particular, in order to consider ease of use, it is important to understand how system functions are used and to select an appropriate UI design while referring to a UI design pattern to be described later. Such information is not referred to in the above invention.

なお、ここで指すＵＩデザインパターンとは、どのようなＵＩ部品（ボタン、アイコン、フレーム、メニューなど）が、どのような利用状況で用いることが適切かが記述されたものである。 Note that the UI design pattern referred to here describes what UI components (buttons, icons, frames, menus, etc.) are appropriate to be used in what usage situations.

そのため設計者が、設計したＵＩ案とＵＩデザインパターンとを組み合わせながら、ＵＩ案について考察し、適切に修正することもまた困難である。 For this reason, it is also difficult for the designer to consider the UI proposal and appropriately correct it while combining the designed UI proposal and the UI design pattern.

また一方で、ユーザがカスタマイズ可能なＵＩを提供することで、ユーザ毎に最適なユーザインタフェースが利用できるようにする装置が発明されている（特許文献２）。この装置を使うことで、ユーザ毎に良いＵＩを得られる可能性は高まるものの、元のＵＩ案の設計自体は設計者の技量に強く依存しており、ＵＩ設計自体を支援することはできない。 On the other hand, an apparatus has been invented that provides a user-customizable UI so that an optimum user interface can be used for each user (Patent Document 2). Although the possibility that a good UI can be obtained for each user is increased by using this apparatus, the design of the original UI plan is highly dependent on the skill of the designer, and the UI design itself cannot be supported.

加えて、使いやすいＵＩを設計するには、ユーザテストを実施し、修正を繰り返すことが重要であるとされているが、上記の既存発明では、繰り返しを円滑に行うために重要な、ＵＩ設計の元になった情報とＵＩデザインパターンの参照を支援することは困難である。 In addition, in order to design an easy-to-use UI, it is important to perform user tests and repeat corrections. However, in the above-described existing invention, UI design is important for smooth repetition. It is difficult to support the reference of information and UI design patterns.

特開２００３−１４０８９３号公報JP 2003-140893 A 特開２００９−２０５３５３号公報JP 2009-205353 A

本発明は、上記の課題に鑑みてなされたものであり、その目的とするところは、ユーザインタフェースにより実現したい機能に適したＵＩ（ユーザインタフェース）部品を知ることができるユーザインタフェース設計支援装置を提供することにある。 The present invention has been made in view of the above problems, and an object of the present invention is to provide a user interface design support apparatus capable of knowing UI (user interface) components suitable for functions desired to be realized by a user interface. There is to do.

第１の本発明は、複数の種類のＵＩ部品のそれぞれにつき、当該種類のＵＩ部品の使用頻度に関する条件、当該種類のＵＩ部品の主要度に関する条件、当該種類のＵＩ部品の表示継続時間に関する条件、当該種類のＵＩ部品の機能と他の機能との間の関連度に関する条件、当該種類のＵＩ部品を表示する画面サイズに関する条件、当該種類のＵＩ部品を用いた情報の入力方法に関する条件を示すＵＩ部品種類別条件情報が予め記憶されるＵＩ部品種類別条件情報記憶部と、ＵＩ部品により実現したい２以上の機能のそれぞれにつき、当該機能を示す機能識別情報、当該機能を使用する使用頻度、当該機能の主要度、当該機能を実現するＵＩ部品の表示継続時間、当該機能と他の機能との間の関連度を示す機能情報からなるアーキテクチャ情報を読み込むとともに、前記２以上の機能を実現するＵＩ部品が表示される画面の画面サイズ、当該ＵＩ部品を用いた情報の入力方法を示すデバイス情報を読み込む読込部と、前記アーキテクチャ情報ならびにデバイス情報が記憶される情報保持部と、前記２以上の機能のそれぞれにつき、読み込まれた機能情報により示される使用頻度、主要度、表示継続時間、関連度ならびに、読み込まれたデバイス情報により示される画面サイズ、入力方法が前記ＵＩ部品種類別条件情報記憶部に記憶されたＵＩ部品種類別条件情報内の使用頻度に関する条件、主要度に関する条件、表示継続時間に関する条件、関連度に関する条件、画面サイズに関する条件、入力方法に関する条件にそれぞれ適合するか否かを判定し、判定結果に基づいて、前記ＵＩ部品種類別条件情報記憶部からＵＩ部品種類別条件情報を選択する照会部と、前記２以上の機能のそれぞれにつき、選択されたＵＩ部品種類別条件情報に対応する種類のＵＩ部品に関する情報ならびに、当該ＵＩ部品種類別条件情報を選択するのに用いた機能情報内の機能識別情報を対応づけて表示する出力部とを備えることを特徴とするユーザインタフェース設計支援装置をもって解決手段とする。 According to the first aspect of the present invention, for each of a plurality of types of UI components, a condition regarding the usage frequency of the UI component of the type, a condition regarding the degree of importance of the UI component of the type, and a condition regarding the display duration of the UI component of the type , Conditions regarding the degree of association between the function of the UI component of this type and other functions, conditions regarding the screen size for displaying the UI component of the type, and conditions regarding the method of inputting information using the UI component of the type UI component type condition information storage unit in which UI component type condition information is stored in advance, function identification information indicating the function for each of two or more functions desired to be realized by the UI component, use frequency of using the function, Architectural information consisting of the main level of the function, the display duration of the UI component that realizes the function, and the function information indicating the degree of association between the function and another function The reading unit that reads the device information indicating the screen size of the UI component that realizes the two or more functions and the input method of information using the UI component, and the architecture information and the device information are stored. Information holding unit to be used, and for each of the two or more functions, the usage frequency, the main degree, the display duration, the degree of association indicated by the read function information, the screen size indicated by the read device information, and the input The method is a condition related to usage frequency, a condition related to the degree of importance, a condition related to display duration, a condition related to the degree of association, a condition related to the screen size, and the input in the condition information stored in the UI part type It is determined whether or not each condition relating to the method is satisfied, and the UI unit is determined based on the determination result. An inquiry unit that selects UI component type condition information from the type condition information storage unit, and information on the UI component of a type corresponding to the selected UI component type condition information for each of the two or more functions, and A user interface design support apparatus comprising an output unit that displays the function identification information in the function information used to select the UI component type condition information is used as a solution means.

例えば、前記出力部は、前記２以上の機能のそれぞれに対応するＵＩ部品を示すＵＩ部品画像ならびに機能識別情報からなるデザインパターンを表示する。 For example, the output unit displays a UI component image indicating a UI component corresponding to each of the two or more functions and a design pattern including function identification information.

例えば、前記出力部は、２以上の前記デザインパターンを表示するものであり、
前記ユーザインタフェース設計支援装置は、前記ユーザインタフェース設計支援装置に接続された出力結果選択インタフェースからの指示に基づき、前記２以上のデザインパターンのうちの１つを選択する。 For example, the output unit displays two or more design patterns,
The user interface design support apparatus selects one of the two or more design patterns based on an instruction from an output result selection interface connected to the user interface design support apparatus.

例えば、前記出力部は、２以上の機能につき、対応する機能情報内の互いの関連度が予め定められた値以上である場合には、対応するＵＩ部品画像が同じになるようにする。 For example, for the two or more functions, the output unit causes the corresponding UI component images to be the same when the degree of relevance in the corresponding function information is equal to or greater than a predetermined value.

例えば、ユーザインタフェース設計支援装置は、前記ユーザインタフェース設計支援装置に接続された出力結果調整インタフェースからの指示を基に前記デザインパターンを編集するユーザインタフェース設計部を備える。 For example, the user interface design support apparatus includes a user interface design unit that edits the design pattern based on an instruction from an output result adjustment interface connected to the user interface design support apparatus.

本発明によれば、ユーザインタフェースにより実現したい機能に適したＵＩ（ユーザインタフェース）部品を知ることができる。 According to the present invention, it is possible to know a UI (user interface) component suitable for a function desired to be realized by a user interface.

本実施の形態に係るユーザインタフェース設計支援装置の構成図である。It is a block diagram of the user interface design support apparatus which concerns on this Embodiment. ＵＩ部品種類別条件情報記憶部１１の構成の一例を示す図である。It is a figure which shows an example of a structure of the condition information storage part 11 classified by UI component kind. アーキテクチャ情報の構成の一例を示す図である。It is a figure which shows an example of a structure of architecture information. デバイス情報の構成の一例を示す図である。It is a figure which shows an example of a structure of device information. 読込部１２の動作を示すフローチャートである。3 is a flowchart showing the operation of a reading unit 12. 照会部１４の動作を示すフローチャートである。6 is a flowchart showing the operation of the inquiry unit 14. 情報保持部１３に記憶されたアーキテクチャ情報の各機能情報に部品名が対応づけられた様子を示す図である。It is a figure which shows a mode that a component name was matched with each function information of the architecture information memorize | stored in the information holding part. 出力部１５の動作（実施例１）を示すフローチャートである。6 is a flowchart showing an operation (Example 1) of the output unit 15; 実施例１による表示例を示す図である。6 is a diagram illustrating a display example according to Embodiment 1. FIG. 出力部１５の動作（実施例２）を示すフローチャートである。10 is a flowchart illustrating an operation (Example 2) of the output unit 15. 実施例２による表示例を示す図である。10 is a diagram illustrating a display example according to Embodiment 2. FIG. 出力部１５の動作（実施例３）を示すフローチャートである。It is a flowchart which shows operation | movement (Example 3) of the output part 15. FIG. 実施例３、４による表示例を示す図である。FIG. 10 is a diagram illustrating a display example according to Examples 3 and 4; 出力部１５の動作（実施例４）を示すフローチャートである。10 is a flowchart illustrating an operation (Example 4) of the output unit 15. ユーザインタフェース設計部１６の動作を示すフローチャートである。5 is a flowchart showing the operation of the user interface design unit 16. 編集後のデザインパターンの一例を示す図である。It is a figure which shows an example of the design pattern after edit. デザインパターンにより作成されたユーザインタフェースの一例を示す図である。It is a figure which shows an example of the user interface produced with the design pattern.

以下、本発明の実施の形態について図面を参照して説明する。 Hereinafter, embodiments of the present invention will be described with reference to the drawings.

図１は、本実施の形態に係るユーザインタフェース設計支援装置の構成図である。
ユーザインタフェース設計支援装置１は、ユーザインタフェースの設計を支援する装置である。ユーザインタフェースは、ボタン、アイコン、フレーム、メニューなどのユーザインタフェース部品（以下、ＵＩ部品）を含んで構成され、パーソナルコンピュータの画面など表示されることでユーザの目に触れ、ユーザがこれらＵＩ部品を操作しているような感覚でマウスやキーボードを操作することで情報を入力できるようにするものである。 FIG. 1 is a configuration diagram of a user interface design support apparatus according to the present embodiment.
The user interface design support apparatus 1 is an apparatus that supports user interface design. The user interface includes user interface parts (hereinafter referred to as UI parts) such as buttons, icons, frames, menus, etc., and is displayed on a personal computer screen or the like so that the user can see the UI parts. Information can be input by operating the mouse and keyboard as if they were operating.

ユーザインタフェース設計支援装置１は、ユーザインタフェースのアーキテクチャに関するアーキテクチャ情報ならびにユーザインタフェースを実現するためのデバイスに関するデバイス情報を読み込み、各機能ならびにデバイスに適したＵＩ部品を選択し、ＵＩ部品を示す情報をディスプレイ２に表示するものである。 The user interface design support apparatus 1 reads architecture information related to a user interface architecture and device information related to a device for realizing the user interface, selects a UI component suitable for each function and device, and displays information indicating the UI component. 2 is displayed.

例えば、ユーザインタフェース設計支援装置１は、ユーザインタフェースのひな形として、選択したＵＩ部品を含むデザインパターンをディスプレイ２に表示し、デザインパターンが２以上ある場合は、ユーザインタフェース設計支援装置１に接続された出力結果選択インタフェース３からの指示に基づき、１つのデザインパターンを選択し、また、ユーザインタフェース設計支援装置１に接続された出力結果調整インタフェース４からの指示に基づき、デザインパターンを編集し、これにより、デザインパターンを所望のユーザインタフェースになるようにするものである。 For example, the user interface design support apparatus 1 displays a design pattern including a selected UI component on the display 2 as a model of the user interface. If there are two or more design patterns, the user interface design support apparatus 1 is connected to the user interface design support apparatus 1. One design pattern is selected based on the instruction from the output result selection interface 3, and the design pattern is edited based on the instruction from the output result adjustment interface 4 connected to the user interface design support device 1. Thus, the design pattern becomes a desired user interface.

このように、ユーザインタフェース設計支援装置１は、ユーザインタフェースを実現するために適したＵＩ部品を選択し、これにより、ユーザインタフェースの設計を支援する。また、ユーザインタフェース設計支援装置１は、出力結果調整インタフェース４からの指示を基にデザインパターンを編集し、編集後のデザインパターンが所望のユーザインタフェースとなるようにすることで、ユーザインタフェースの設計を支援する。 As described above, the user interface design support apparatus 1 selects a UI component suitable for realizing the user interface, thereby supporting the user interface design. Further, the user interface design support device 1 edits the design pattern based on the instruction from the output result adjustment interface 4 so that the edited design pattern becomes a desired user interface, thereby designing the user interface. Support.

ユーザインタフェース設計支援装置１は、ＵＩ部品に関する種類別の情報であるＵＩ部品種類別条件情報が記憶されるＵＩ部品種類別条件情報記憶部１１と、アーキテクチャ情報ならびにデバイス情報を読み込む読込部１２と、読み込んだ機能情報ならびにデバイス情報を記憶する情報保持部１３と、機能情報ならびにデバイス情報をＵＩ部品種類別条件情報に照会し、機能情報ならびにデバイス情報に応じたＵＩ部品種類別条件情報を選択する照会部１４と、選択されたＵＩ部品種類別条件情報に対応する種類のＵＩ部品を含むデザインパターンをディスプレイ２に表示する出力部１５と、出力結果調整インタフェース４からの指示を基にデザインパターンを編集するユーザインタフェース設計部１６とを備える。 The user interface design support apparatus 1 includes a UI component type condition information storage unit 11 that stores UI component type condition information, which is information on a UI component type, and a reading unit 12 that reads architecture information and device information. An information holding unit 13 that stores the read function information and device information, and queries the function information and device information to the UI component type condition information, and selects the UI component type condition information according to the function information and the device information. The design pattern is edited based on the instruction from the output unit 15, the output unit 15 that displays the design pattern including the UI component of the type corresponding to the selected UI component type condition information, and the output result adjustment interface 4. And a user interface design unit 16.

図２は、ＵＩ部品種類別条件情報記憶部１１の構成の一例を示す図である。
ＵＩ部品種類別条件情報記憶部１１には、複数の種類のＵＩ部品のそれぞれにつき、
（１）当該種類のＵＩ部品を一意に示す部品ＩＤおよび部品名、
（２）当該種類のＵＩ部品の使用頻度に関する条件、
（３）当該種類のＵＩ部品の主要度に関する条件、
（４）当該種類のＵＩ部品の表示継続時間に関する条件、
（５）当該種類のＵＩ部品の機能と他の機能との間の関連度に関する条件、
（６）当該種類のＵＩ部品を表示する画面サイズに関する条件、
（６）当該種類のＵＩ部品を用いた情報の入力方法に関する条件、
（７）当該種類のＵＩ部品の用法の説明
を示すＵＩ部品種類別条件情報が予め記憶される。 FIG. 2 is a diagram illustrating an example of the configuration of the UI component type-specific condition information storage unit 11.
In the UI component type condition information storage unit 11, for each of a plurality of types of UI components,
(1) a component ID and a component name that uniquely indicate the UI component of that type,
(2) Conditions relating to the frequency of use of this type of UI component,
(3) Conditions related to the importance of UI parts of this type,
(4) Conditions related to display duration of the UI component of the type,
(5) Conditions related to the degree of association between the function of the UI component of this type and other functions;
(6) Conditions relating to the screen size for displaying the UI component of the type,
(6) Conditions relating to information input method using the UI component of the type,
(7) Condition information for each UI component type indicating the usage of the UI component of that type is stored in advance.

例えば、使用頻度、主要度、表示継続時間の条件は、範囲で規定される。 For example, the conditions of use frequency, importance, and display duration are defined by ranges.

例えば、関連度の条件は、関数で規定される。図の関数Ｆ＿１（ｒｓ）、Ｆ＿２（ｒｓ）、Ｆ＿３（ｒｓ）などのｒｓは、ある機能に関連する全ての機能に対する関連度である。 For example, the relevance degree condition is defined by a function. In the figure, rs such as functions F_1 (rs), F_2 (rs), and F_3 (rs) are relevance levels for all functions related to a certain function.

例えば、画面サイズの条件は、最小の画面サイズで規定される。例えば、入力方法の条件は、入力装置の名前のリストで規定される。 For example, the screen size condition is defined by the minimum screen size. For example, the input method condition is defined by a list of input device names.

（ユーザインタフェース設計支援装置１の動作）
次に、ユーザインタフェース設計支援装置１の動作について説明する。 (Operation of User Interface Design Support Device 1)
Next, the operation of the user interface design support apparatus 1 will be described.

まず、読込部１２は、図示しない記憶部からアーキテクチャ情報ならびにデバイス情報を読み込み、情報保持部１３に記憶させる。 First, the reading unit 12 reads architecture information and device information from a storage unit (not shown) and stores the information in the information holding unit 13.

ここで読込部１２は、例えば、図３に示すような、ＵＩ部品により実現したい２以上の機能のそれぞれに関する機能情報からなるアーキテクチャ情報を読み込む。 Here, the reading unit 12 reads, for example, architecture information including function information related to each of two or more functions desired to be realized by a UI component as illustrated in FIG.

各機能情報は、
（１）対応する機能を一意に示す機能ＩＤ、
（２）当該機能を示す機能識別情報である機能名、
（３）当該機能を使用する使用頻度、
（４）当該機能の主要度、
（５）当該機能を実現するＵＩ部品の表示継続時間、
（６）当該機能と他の機能との間の関連度
を示すものである。 Each function information
(1) a function ID that uniquely indicates the corresponding function;
(2) a function name that is function identification information indicating the function;
(3) Frequency of use of the function,
(4) Majority of the function,
(5) UI component display duration time for realizing the function,
(6) This indicates the degree of association between the function and other functions.

例えば、使用頻度は、一定時間での使用回数で規定される。
例えば、主要度は、１〜１０までの数字で規定され、数字が大きいほど、主要度が高いことを示す。
例えば、表示継続時間は、一回あたりの表示継続時間で規定される。
例えば、関連度は、他の各機能との関連度を含むものである。関連度は、０〜１までの値をもち、値が大きいほど、関連度が高いことを示す。 For example, the use frequency is defined by the number of uses in a certain time.
For example, the degree of importance is defined by numbers from 1 to 10, and the larger the number, the higher the degree of importance.
For example, the display duration is defined by the display duration per time.
For example, the degree of association includes the degree of association with other functions. The degree of association has a value from 0 to 1, and the larger the value, the higher the degree of association.

また、ここで読込部１２は、デバイス情報を読み込む。 Here, the reading unit 12 reads device information.

デバイス情報は、
（１）ＵＩ部品が表示される画面を有するデバイスのデバイス名、
（２）画面の画面サイズ、
（３）ＵＩ部品を用いた情報の入力方法
を示すものである。 Device information
(1) Device name of a device having a screen on which UI parts are displayed,
(2) Screen size,
(3) An information input method using UI parts is shown.

例えば、画面サイズは、縦横のピクセル数で規定される。例えば、入力方法は、入力装置の名前のリストで規定される。 For example, the screen size is defined by the number of vertical and horizontal pixels. For example, the input method is defined by a list of input device names.

読込部１２は、例えば、ユーザインタフェースを据え置き型の画面の大きいコンピュータで実現したい場合は図４（ａ）に示すようなデバイス情報を読み込み、ユーザインタフェースを携帯型の画面の小さいコンピュータで実現したい場合は図４（ｂ）に示すようなデバイス情報を読み込む。 For example, when the reading unit 12 wants to realize the user interface with a computer having a stationary screen with a large screen, the reading unit 12 reads device information as shown in FIG. 4A, and when the user interface is desired to be realized with a computer having a small portable screen. Reads device information as shown in FIG.

ここでは、読込部１２は、図５に示すように、まず、アーキテクチャ情報を読み込む（Ｓ１）。次に、読込部１２は、アーキテクチャ情報から読み込んでない機能情報がある（Ｓ３：ＹＥＳ）なら、その内の１つの機能情報内の機能ＩＤ、機能名、使用頻度、主要度、表示継続時間、関連度を読み込む（Ｓ５−１〜６）。 Here, as shown in FIG. 5, the reading unit 12 first reads architecture information (S1). Next, if there is function information that is not read from the architecture information (S3: YES), the reading unit 12 has a function ID, function name, use frequency, importance, display duration, and related information in one of the function information. The degree is read (S5-1 to 6).

読込部１２は、アーキテクチャ情報から読み込んでない機能情報がなくなったら（Ｓ３：ＮＯ）、デバイス情報を読み込み（Ｓ７）、デバイス情報から画面サイズならびに入力方法を読み込む（Ｓ９ー１〜２）。 When there is no function information that is not read from the architecture information (S3: NO), the reading unit 12 reads the device information (S7), and reads the screen size and the input method from the device information (S9-1 and S2).

読込部１２は、次に、読み込んだ各機能情報内のデータならびにデバイス情報内のデータを情報保持部１３に記憶させ（Ｓ１１）、読み込みを終了する。 Next, the reading unit 12 stores the read data in each function information and the data in the device information in the information holding unit 13 (S11), and ends the reading.

次に、照会部１４は、情報保持部１３から機能情報ならびにデバイス情報を読み出し、機能情報ならびにデバイス情報をＵＩ部品種類別条件情報記憶部１１のＵＩ部品種類別条件情報に照会し、機能情報ならびにデバイス情報に応じたＵＩ部品種類別条件情報を選択する。 Next, the inquiry unit 14 reads out the function information and the device information from the information holding unit 13, inquires the function information and the device information from the UI component type condition information storage unit 11 for the function information and the device information. Select UI component type condition information according to the device information.

ここでは照会部１４は、例えば、図６に示すように、まず、デバイス情報を情報保持部１３から読み出す（Ｓ２１）。次に、照会部１４は、まだ読み出してない機能情報を情報保持部１３から読み出し（Ｓ２３）、機能情報により示される使用頻度、主要度、表示継続時間、関連度、デバイス情報により示される画面サイズ、入力方法をＵＩ部品種類別条件情報内の該当の条件に照会し（Ｓ２５−１〜６）、各条件が充足されたなら、該当のＵＩ部品種類別条件情報を選択し、ＵＩ部品種類別条件情報から部品名を読み出し、部品名を当該機能情報に対応づけて、情報保持部１３に記憶させる（Ｓ２７）。 Here, for example, as shown in FIG. 6, the inquiry unit 14 first reads device information from the information holding unit 13 (S21). Next, the inquiry unit 14 reads out the function information that has not been read out from the information holding unit 13 (S23), the use frequency indicated by the function information, the degree of importance, the display duration, the degree of association, and the screen size indicated by the device information. The input method is referred to the corresponding condition in the condition information by UI part type (S25-1 to 6), and if each condition is satisfied, the condition information by the corresponding UI part type is selected, and the UI part type is selected. The component name is read from the condition information, and the component name is associated with the function information and stored in the information holding unit 13 (S27).

なお、照会部１４は、ステップＳ２７で、複数のＵＩ部品種類別条件情報を選択した場合は、各ＵＩ部品種類別条件情報に対し、条件に対する適合の程度が高いほど高い順位を付与する。 In addition, when a plurality of pieces of UI component type condition information are selected in step S27, the inquiry unit 14 assigns a higher rank to each UI component type condition information as the degree of conformance to the condition is higher.

照会部１４は、まだ読み出してない機能情報があれば（Ｓ２９：ＹＥＳ）、ステップＳ２３に戻り、まだ読み出してない機能情報がなければ、照会を終える。 If there is function information that has not been read yet (S29: YES), the inquiry unit 14 returns to step S23, and ends the inquiry if there is no function information that has not yet been read.

例えば、具体的な照会方法として次のような例が考えられる。
機能情報i: func_i
と、機能情報を定義するとき、機能情報の各項目を下記の通り表現する。
使用頻度：func_i.freq
主要度：func_i.priority
表示継続時間：func_i.runtime
関連度：func_i.relations
（relations は関連度の集合で、relations(j)で任意の関連度を参照する）
（但し 1< i , j <= 機能情報の数、任意の正の整数、i≠j)
（「xxx.yyy」という表記は「ドットの左が、右を所有する」ということを表す） For example, the following example can be considered as a specific inquiry method.
Function information i: func_i
When function information is defined, each item of function information is expressed as follows.
Usage frequency: func_i.freq
Majority: func_i.priority
Display duration: func_i.runtime
Relevance: func_i.relations
(Relations is a set of relevance, refer to any relevance in relations (j))
(Where 1 <i, j <= number of function information, any positive integer, i ≠ j)
(The notation "xxx.yyy" means "the left of the dot owns the right")

また、ＵＩ部品種類別条件情報k : db_k (k = ＵＩ部品種類別条件情報の登録番号で、任意の正の整数）
とするとき、ＵＩ部品種類別条件情報に登録されている各条件は下記の通り表現する。
使用頻度条件：db_k.freqCondition
主要度条件：db_k.priorityCondition
表示継続時間条件：db_k.runtimeCondition
関連度条件：db_k.relationCondition
画面サイズ条件：db_k.sizeCondition
入力方法条件：db_k.ifCondition Also, UI component type condition information k: db_k (k = registration number of UI component type condition information, any positive integer)
In this case, each condition registered in the UI component type condition information is expressed as follows.
Usage frequency condition: db_k.freqCondition
Severity condition: db_k.priorityCondition
Display duration condition: db_k.runtimeCondition
Relevance level condition: db_k.relationCondition
Screen size condition: db_k.sizeCondition
Input method condition: db_k.ifCondition

また、各conditionは、条件を充足するか否かを判定する式、match()を持つ。
match()は、引数として与えられた値が、条件に適合する場合に真を返す。図２に示したＵＩ部品種類別条件情報の場合、使用頻度、主要度、表示継続時間の条件のmatch()は、条件として定められた値の範囲内に、引数として入力された値が含まれている場合、真を返す、といえる。今回は、簡単に範囲内に含まれる場合を例示したが、match()は、任意の条件式で評価することが可能である。 Each condition has an expression, match (), for determining whether or not the condition is satisfied.
match () returns true if the value given as an argument meets the condition. In the case of the UI component type condition information shown in FIG. 2, the match () of the usage frequency, the main degree, and the display duration condition includes the value input as an argument within the range of values determined as the condition. If it is, it can be said to return true. This time, the case where it is simply included in the range is illustrated, but match () can be evaluated by an arbitrary conditional expression.

任意の機能に対して選択されるＵＩ部品種類別条件情報は、次の６条件式を全て満たすものとする。但し、ＵＩ部品種類別条件情報が６条件のいずれかを有していない場合、対応する条件式は常に真とする。 The UI component type condition information selected for an arbitrary function satisfies all the following six conditional expressions. However, if the UI component type condition information does not have any of the six conditions, the corresponding conditional expression is always true.

デバイスに関する条件式
条件式１: db_k.sizeCondition.match(device.size)
条件式２: db_k.ifCondition.match(device.if)
機能の項目に関する条件式
条件式３: db_k.freqCondition.match(func_i.freq)
条件式４: db_k.priorityCondition.match(func_i.priority)
条件式５: db_k.runtimeCondition.match(func_i.runtime)
条件式６: db_k.relationCondition.match( F_k( rs ) ) Conditional expression for devices Conditional expression 1: db_k.sizeCondition.match (device.size)
Conditional expression 2: db_k.ifCondition.match (device.if)
Conditional expression for function items Conditional expression 3: db_k.freqCondition.match (func_i.freq)
Conditional expression 4: db_k.priorityCondition.match (func_i.priority)
Conditional expression 5: db_k.runtimeCondition.match (func_i.runtime)
Conditional expression 6: db_k.relationCondition.match (F_k (rs))

条件式６において、F_k( rs )は、各機能への関連度をもとに演算を行い、真または偽を返すものである。引数「rs」として与えられるのは、ある機能に関連している機能の関連度の集合、すなわち function_i.relationsである。このF_k( rs )は、様々な演算方式が考えられる。例えば、関連度条件が、全ての関連度の平均値によって決まるとすれば、
F_k( function_i.relations ) = avg( function_i.relations )
（なお avg() は平均値を算出するものとする）
として計算し、マッチングを行えば良い。 In the conditional expression 6, F_k (rs) performs an operation based on the degree of association with each function and returns true or false. What is given as an argument “rs” is a set of relevances of functions related to a function, that is, function_i.relations. Various calculation methods can be considered for this F_k (rs). For example, if the relevance condition is determined by the average value of all relevance,
F_k (function_i.relations) = avg (function_i.relations)
(Note that avg () calculates the average value.)
And matching is performed.

そのため、関連度の条件式は、条件式６’のように記述出来る。
条件式６’: db_k.relationCondition.match( avg(func_i.relations ) Therefore, the relevance degree conditional expression can be described as conditional expression 6 ′.
Conditional expression 6 ': db_k.relationCondition.match (avg (func_i.relations)

この通り、条件式６においては、全ての関連度の加算を用いたり、関連度が高い機能がいくつあるかを考慮したりなど、様々な条件を考えることが可能であり、状況に応じて任意の条件式を定められるものとする。 In this way, in Conditional Expression 6, it is possible to consider various conditions such as using the addition of all relevance levels and considering how many functions have a high relevance level. The conditional expression of

更に、上記の条件式３〜６に対して、複数のＵＩ部品種類別条件情報が当てはまる場合は、例えばＵＩ部品種類別条件情報に設定された条件範囲の中央値に最も近いものを優先することで、優先度順に並べられた照会結果（ＵＩ部品種類別条件情報）が得られる。その他にも、使用頻度、主要度、関連度、何を重視するかなどの重み付けをして、優先的にマッチングする方法など、様々な方法が考えられる。 Further, when a plurality of pieces of UI part type condition information apply to the conditional expressions 3 to 6, priority is given to the one closest to the median of the condition range set in the UI part type condition information, for example. Thus, the inquiry result (UI component type condition information) arranged in order of priority is obtained. In addition, various methods such as a method of preferential matching by weighting the usage frequency, the degree of importance, the degree of association, and what is important are considered.

また、マッチングする最大数（選択できるＵＩ部品種類別条件情報の最大数）について、任意の閾値を定めるか、もしくは、上位何位まで出力、などの指定を行うことで、選択されるＵＩ部品種類別条件情報の数を調整することも可能である。 In addition, for the maximum number of matching (maximum number of UI component type condition information that can be selected), an arbitrary threshold value is set, or the output to the top is specified, and the UI component type selected. It is also possible to adjust the number of different condition information.

一例として最も単純な照会方法を示したが、いずれかの条件のみに適合すれば良い、条件毎に重みを付けて優先度を付けるなど、状況に合わせて様々な照会方法が考えられ、任意の照会式に対応できるものである。 The simplest query method is shown as an example, but there are various query methods that can be used according to the situation. It can handle query expressions.

上記のような照会の結果、情報保持部１３においては、図７に示すように、アーキテクチャ情報の各機能情報に対し、条件充足により選択されたＵＩ部品種類別条件情報内の部品名が対応づけられる。なお、図は、１つの機能情報に対し、１つのＵＩ部品の部品名を対応づけた例と、１つの機能情報に対し、２つのＵＩ部品の部品名を対応づけた例とを示すものである。また、デバイス情報の図示は省略する。 As a result of the inquiry as described above, in the information holding unit 13, as shown in FIG. 7, each function information in the architecture information is associated with a part name in the UI part type condition information selected by condition satisfaction. It is done. The figure shows an example in which a part name of one UI part is associated with one function information, and an example in which part names of two UI parts are associated with one function information. is there. Also, illustration of device information is omitted.

次に、出力部１５の動作について説明する。出力部１５の動作については、複数の実施例を説明する。 Next, the operation of the output unit 15 will be described. Regarding the operation of the output unit 15, a plurality of embodiments will be described.

（実施例１）
出力部１５は、例えば、図８に示すように、まず、情報保持部１３から、まだ読み出してない機能情報内の機能ＩＤ、機能名、当該機能情報に対応づけられた部品名、当該部品名を含むＵＩ部品種類別条件情報内の用法の説明を読み出し（Ｓ３１）、機能ＩＤ、機能名、部品名、該当のＵＩ部品を例示するＵＩ部品画像およびＵＩ部品の用法の説明を対応づけて表示する（Ｓ３３）。 Example 1
For example, as illustrated in FIG. 8, the output unit 15 first has a function ID, a function name, a component name associated with the function information, and a component name in the function information not yet read from the information holding unit 13. The usage description in the condition information according to the UI component type including the information is read (S31), the function ID, the function name, the component name, the UI component image illustrating the corresponding UI component, and the description of the usage of the UI component are displayed in association with each other. (S33).

出力部１５は、まだ読み出してない機能ＩＤ等があれば（Ｓ３５：ＹＥＳ）、ステップＳ３１に戻り、まだ読み出してない機能ＩＤ等がなければ（Ｓ３５：ＮＯ）、表示を終える。 If there is a function ID or the like that has not been read yet (S35: YES), the output unit 15 returns to step S31, and if there is no function ID that has not been read yet (S35: NO), the display ends.

図８の処理によれば、例えば、図９に示すような、リスト形式の表示結果が得られる。これにより、例えば、ユーザインタフェースの設計者は、各機能に対して、どのＵＩ部品が適しているかを知ることができる。 According to the processing of FIG. 8, for example, a display result in a list format as shown in FIG. 9 is obtained. Thereby, for example, the designer of the user interface can know which UI component is suitable for each function.

（実施例２）
また、出力部１５は、図１０に示すように、まず、情報保持部１３から、まだ読み出してない機能情報内の機能名および当該機能情報に対応づけられた部品名を読み出し（Ｓ４１）、まだ読み出してない機能名等があれば（Ｓ４３：ＹＥＳ）、ステップＳ４１に戻り、まだ読み出してない機能名等がなければ（Ｓ４３：ＮＯ）、ステップＳ４５に進む。 (Example 2)
Further, as shown in FIG. 10, the output unit 15 first reads out the function name in the function information that has not been read out and the component name associated with the function information from the information holding unit 13 (S41). If there is a function name that has not been read (S43: YES), the process returns to step S41, and if there is no function name that has not been read yet (S43: NO), the process proceeds to step S45.

出力部１５は、例えば、各機能名に対応する部品名（複数ある場合はその１つ）を含む部品名リストを生成し（Ｓ４５）、部品名リスト内の各部品名に対応するＵＩ部品を示すＵＩ部品画像ならびに、対応する機能名を含んでなるデザインパターンを表示し（Ｓ４７）、表示を終える。複数の部品名から選択される１つの部品名は、例えば、最高順位が付与されたＵＩ部品種類別条件情報に対応するものである。 The output unit 15 generates, for example, a part name list including part names (one of which is one if there are plural parts) corresponding to each function name (S45), and indicates UI parts corresponding to the respective part names in the part name list. The UI part image and the design pattern including the corresponding function name are displayed (S47), and the display is finished. One component name selected from a plurality of component names corresponds to, for example, UI component type condition information to which the highest order is assigned.

出力部１５は、例えば、各ＵＩ部品の配置については、関連度を用い、関連度が高いものほど近接して配置し、そうでないものは離して配置する。 For example, the output unit 15 uses the relevance degree for the arrangement of each UI component, and arranges the UI components closer to each other with a higher relevance degree, and arranges the other parts apart.

図１０の処理によれば、例えば、図１１に示すようなデザインパターンが表示される。これにより、例えば、ユーザインタフェースの設計者は、各機能に対して、ユーザインタフェースのイメージを得ることができる。 According to the processing of FIG. 10, for example, a design pattern as shown in FIG. 11 is displayed. Thereby, for example, the designer of the user interface can obtain an image of the user interface for each function.

また、関連度が高いものほど近接して配置し、そうでないものは離して配置することより、どの機能同士の関連が高いかを一目で理解することができる。 In addition, it is possible to understand at a glance which functions are highly related to each other by placing them closer to each other with a higher degree of relevance and placing them away from each other.

（実施例３）
また、出力部１５は、図１２に示すように、まず、情報保持部１３から、まだ読み出してない機能情報内の機能名および当該機能情報に対応づけられた部品名を読み出し（Ｓ５１）、まだ読み出してない機能名等があれば（Ｓ５３：ＹＥＳ）、ステップＳ５１に戻り、まだ読み出してない機能名等がなければ（Ｓ５３：ＮＯ）、ステップＳ５５に進む。 (Example 3)
Further, as shown in FIG. 12, the output unit 15 first reads out the function name in the function information that has not been read out and the component name associated with the function information from the information holding unit 13 (S51). If there is a function name that has not been read (S53: YES), the process returns to step S51. If there is no function name that has not been read yet (S53: NO), the process proceeds to step S55.

出力部１５は、例えば、各機能名に対応する部品名（複数ある場合はその１つ）を含んでなる部品名リストを生成し（Ｓ５５）、少なくとも１つの部品名が異なる別の部品名リストの生成が可能なら（Ｓ５７：ＹＥＳ）、その部品名リストも生成する（Ｓ５５）。そして、出力部１５は、全ての部品名リストの生成を終えたなら（Ｓ５７：ＮＯ）、各部品名リストに対応するデザインパターンを全て表示し（Ｓ５９：全てのデザインパターンを表示）、表示を終える。複数の部品名から選択される１つの部品名は、例えば、最高順位が付与されたＵＩ部品種類別条件情報に対応するものである。 The output unit 15 generates, for example, a part name list including part names (one of which is one if there are plural parts) corresponding to each function name (S55), and another part name list having at least one different part name. Can be generated (S57: YES), the part name list is also generated (S55). When the output unit 15 finishes generating all the component name lists (S57: NO), the output unit 15 displays all the design patterns corresponding to each component name list (S59: displays all the design patterns), and ends the display. . One component name selected from a plurality of component names corresponds to, for example, UI component type condition information to which the highest order is assigned.

図１２の処理によれば、例えば、図１３に示すような、複数のデザインパターンが表示される。 According to the processing in FIG. 12, for example, a plurality of design patterns as shown in FIG. 13 are displayed.

これにより、例えば、ユーザインタフェースの設計者が、この複数のユーザインタフェースのイメージを得ることができる。 Thus, for example, a user interface designer can obtain images of the plurality of user interfaces.

（実施例４）
また、出力部１５は、図１４に示すように、まず、情報保持部１３から、まだ読み出してない機能情報内の機能名、使用頻度、主要度、関連度および当該機能情報に対応づけられた部品名を読み出し（Ｓ６１）、まだ読み出してない機能名等があれば（Ｓ６３：ＹＥＳ）、ステップＳ６１に戻り、まだ読み出してない機能名等がなければ（Ｓ６３：ＮＯ）、ステップＳ６５に進む。 Example 4
Further, as shown in FIG. 14, the output unit 15 is first associated with the function name, the usage frequency, the degree of importance, the degree of association, and the function information in the function information that has not been read from the information holding unit 13. The part name is read (S61). If there is a function name or the like that has not been read (S63: YES), the process returns to step S61. If there is no function name or the like that has not been read yet (S63: NO), the process proceeds to step S65.

出力部１５は、２以上の機能名が以下の条件、つまり、互いの機能に対する関連度がその値以上であり、かつ、使用頻度、主要度、関連度が互いに類似しているという条件に該当する場合は、当該２以上の機能名をグループ化する（Ｓ６５）。 The output unit 15 corresponds to the condition that two or more function names are the following conditions, that is, the degree of relevance for each function is equal to or greater than the value, and the usage frequency, the main degree, and the degree of association are similar to each other If so, the two or more function names are grouped (S65).

次に、出力部１５は、各機能名に対応する部品名（複数ある場合はその１つ）を含む部品名リストを生成する（Ｓ６７）。 Next, the output unit 15 generates a component name list including the component names (one of them if there are a plurality) corresponding to each function name (S67).

ここでは、出力部１５は、グループ化された２以上の機能名については、部品名が同じになるようにする（Ｓ６７）。この部品名は、各機能名とともに読み出された部品名の中の共通の部品名から選択される（Ｓ６７）。 Here, the output unit 15 makes the component names the same for the two or more function names grouped (S67). This component name is selected from the common component names among the component names read together with the function names (S67).

そして、出力部１５は、少なくとも１つの部品名が異なる別の部品名リストの生成が可能なら（Ｓ６９：ＹＥＳ）、その部品名リストも生成する（Ｓ６７）。そして、出力部１５は、全ての部品名リストの生成を終えたなら（Ｓ６９：ＮＯ）、各部品名リストに対応するデザインパターンを全て表示し（Ｓ７１）、表示を終える。 Then, if it is possible to generate another part name list in which at least one part name is different (S69: YES), the output unit 15 also generates the part name list (S67). When the output unit 15 finishes generating all the component name lists (S69: NO), the output unit 15 displays all the design patterns corresponding to the respective component name lists (S71), and ends the display.

図１４の処理によれば、例えば、図１３に示したような、複数のデザインパターンが表示され、しかも、例えば、図の機能名「時間指定機能」と機能名「時間表示機能」が、ステップＳ６５でグループ化されている場合は、図のように、両者ともＵＩ部品はフレームとなり、統一感を得ることができる。 According to the processing of FIG. 14, for example, a plurality of design patterns as shown in FIG. 13 are displayed, and, for example, the function name “time designation function” and the function name “time display function” in the figure are stepped. When grouped in S65, as shown in the figure, both UI parts become frames, and a sense of unity can be obtained.

また、グループ化された機能名「ベル機能」、「カウントダウン機能」、「リセット機能」、「カウントアップ機能」について、共通の部品名が、「メニュー」と「アイコン」と２つある場合は、例えば、左側のデザインパターンでは、ＵＩ部品がメニューで統一され、右側のデザインパターンでは、ＵＩ部品がアイコンで統一される。 In addition, when there are two common component names, “Menu” and “Icon”, for the grouped function names “Bell Function”, “Countdown Function”, “Reset Function”, and “Count Up Function” For example, in the left design pattern, UI parts are unified with menus, and in the right design pattern, UI parts are unified with icons.

これにより、例えば、ユーザインタフェースの設計者は、統一感のあるユーザインタフェースのイメージを得ることができる。 Thereby, for example, a user interface designer can obtain an image of a user interface with a sense of unity.

なお、グループ化の条件は、互いの機能に対する関連度が予め定められた値以上であるという条件であってもよい。 Note that the grouping condition may be a condition that the degree of association with each other's function is a predetermined value or more.

実施例３、４の場合、出力部１５は、出力結果選択インタフェース３からの指示に基づき、１つのデザインパターンを選択する。 In the third and fourth embodiments, the output unit 15 selects one design pattern based on an instruction from the output result selection interface 3.

例えば、ユーザインタフェース設計部１６は、出力結果調整インタフェース４からの指示を基にデザインパターンを編集する。 For example, the user interface design unit 16 edits the design pattern based on an instruction from the output result adjustment interface 4.

ここでは、ユーザインタフェース設計部１６は、図１５に示すように、出力結果調整インタフェース４からの信号により、表示された機能名に対応する１つの機能が選択されたら（Ｓ８１）、対応するＵＩ部品を選択し（Ｓ８３）、出力結果調整インタフェース４からの信号により、ＵＩ部品の色や大きさや位置などを変更し、また、追記などを行い、つまり、デザインパターンを編集し（Ｓ８５）、編集後のデザインパターンを保存し（Ｓ８７）、表示する（Ｓ８９）。 Here, as shown in FIG. 15, when one function corresponding to the displayed function name is selected by the signal from the output result adjustment interface 4 (S81), the user interface design unit 16 selects the corresponding UI component. Is selected (S83), and the color, size, position, etc. of the UI part is changed by a signal from the output result adjustment interface 4, and additional writing is performed, that is, the design pattern is edited (S85). The design pattern is saved (S87) and displayed (S89).

ユーザインタフェース設計部１６は、出力結果調整インタフェース４からの信号により、編集の続行を指示されたなら（Ｓ９１：ＹＥＳ）、ステップＳ８１に戻り、編集終了が指示されたなら（Ｓ９１：ＮＯ）、編集を終了する。 If the user interface design unit 16 is instructed to continue editing by a signal from the output result adjustment interface 4 (S91: YES), the process returns to step S81. If the end of editing is instructed (S91: NO), the editing is performed. Exit.

図１５の処理によれば、図１３（ｂ）のデザインパターンが、編集により、例えば、図１６に示すようなデザインパターンに変更される。 According to the processing in FIG. 15, the design pattern in FIG. 13B is changed to a design pattern as shown in FIG. 16, for example, by editing.

また、図１６のデザインパターンを基に、図１７に示すようなユーザインタフェースが作成される。 Further, a user interface as shown in FIG. 17 is created based on the design pattern of FIG.

これにより、例えば、ユーザインタフェースの設計者が、このユーザインタフェースを実際のアプリケーションなどに使用することができる。 Thereby, for example, a user interface designer can use this user interface for an actual application.

以上説明したように、本実施の形態によれば、アーキテクチャ情報に示された機能に適合するＵＩ部品の情報やＵＩ部品画像を表示することができる。また、ＵＩ部品画像からなるデザインパターンを表示することで、そのデザインパターンからユーザインタフェースを設計することが妥当かを例示することができる。 As described above, according to the present embodiment, it is possible to display UI component information and UI component images that match the functions indicated in the architecture information. Also, by displaying a design pattern made up of UI part images, it can be illustrated whether it is appropriate to design a user interface from the design pattern.

つまり、設計者がユーザインタフェースを設計する際、アーキテクチャ情報に示された機能に適合するＵＩ部品画像を表示することによって、設計者がＵＩ部品をどのように適用すれば良いかを理解することができる。また、２以上のデザインパターンを表示することによって、設計者はその中から最も適切と思うデザインパターンを選択することができ、更に、デザインパターンを編集できるようにすることにより、効率的にユーザインタフェースを設計することができる。 That is, when the designer designs the user interface, the designer can understand how the UI component should be applied by displaying a UI component image that matches the function indicated in the architecture information. it can. In addition, by displaying two or more design patterns, the designer can select the design pattern that he thinks is most appropriate from them, and by allowing the design pattern to be edited, the user interface can be efficiently operated. Can be designed.

以上により、本実施の形態では、設計者がユーザインタフェースを適切に設計できるように支援できる。加えて、２以上のデザインパターンから設計した各ユーザインタフェースに対して、それぞれどの様な理由でその設計に至ったかを明確に説明することが可能となり、設計者は案の選択、組合せ、改善を円滑に行える。 As described above, in the present embodiment, it is possible to support the designer so that the user interface can be appropriately designed. In addition, for each user interface designed from two or more design patterns, it is possible to clearly explain why the design has been achieved, and the designer can select, combine, and improve the plan. It can be done smoothly.

なお、出力結果選択インタフェース３、出力結果調整インタフェース４、ユーザインタフェース設計部１６は、ユーザインタフェース設計支援装置１の利用において必須ではなく、これらを用いなくてもよい。 Note that the output result selection interface 3, the output result adjustment interface 4, and the user interface design unit 16 are not indispensable in using the user interface design support apparatus 1, and may not be used.

また、ユーザインタフェース設計支援装置１としてコンピュータを機能させるためのコンピュータプログラムは、半導体メモリ、磁気ディスク、光ディスク、光磁気ディスク、磁気テープなどのコンピュータ読み取り可能な記録媒体に記録でき、また、インターネットなどの通信網を介して伝送させて、広く流通させることができる。 In addition, a computer program for causing a computer to function as the user interface design support apparatus 1 can be recorded on a computer-readable recording medium such as a semiconductor memory, a magnetic disk, an optical disk, a magneto-optical disk, or a magnetic tape. It can be distributed widely through transmission via a communication network.

１ユーザインタフェース設計支援装置
２ディスプレイ
３出力結果選択インタフェース
４出力結果調整インタフェース
１１ＵＩ部品種類別条件情報記憶部
１２読込部
１３情報保持部
１４照会部
１５出力部
１６ユーザインタフェース設計部 DESCRIPTION OF SYMBOLS 1 User interface design support apparatus 2 Display 3 Output result selection interface 4 Output result adjustment interface 11 Condition information storage part according to UI component type 12 Reading part 13 Information holding part 14 Reference part 15 Output part 16 User interface design part

Claims

複数の種類のＵＩ部品のそれぞれにつき、当該種類のＵＩ部品の使用頻度に関する条件、当該種類のＵＩ部品の主要度に関する条件、当該種類のＵＩ部品の表示継続時間に関する条件、当該種類のＵＩ部品の機能と他の機能との間の関連度に関する条件、当該種類のＵＩ部品を表示する画面サイズに関する条件、当該種類のＵＩ部品を用いた情報の入力方法に関する条件を示すＵＩ部品種類別条件情報が予め記憶されるＵＩ部品種類別条件情報記憶部と、
ＵＩ部品により実現したい２以上の機能のそれぞれにつき、当該機能を示す機能識別情報、当該機能を使用する使用頻度、当該機能の主要度、当該機能を実現するＵＩ部品の表示継続時間、当該機能と他の機能との間の関連度を示す機能情報からなるアーキテクチャ情報を読み込むとともに、前記２以上の機能を実現するＵＩ部品が表示される画面の画面サイズ、当該ＵＩ部品を用いた情報の入力方法を示すデバイス情報を読み込む読込部と、
前記アーキテクチャ情報ならびにデバイス情報が記憶される情報保持部と、
前記２以上の機能のそれぞれにつき、読み込まれた機能情報により示される使用頻度、主要度、表示継続時間、関連度ならびに、読み込まれたデバイス情報により示される画面サイズ、入力方法が前記ＵＩ部品種類別条件情報記憶部に記憶されたＵＩ部品種類別条件情報内の使用頻度に関する条件、主要度に関する条件、表示継続時間に関する条件、関連度に関する条件、画面サイズに関する条件、入力方法に関する条件にそれぞれ適合するか否かを判定し、判定結果に基づいて、前記ＵＩ部品種類別条件情報記憶部からＵＩ部品種類別条件情報を選択する照会部と、
前記２以上の機能のそれぞれにつき、選択されたＵＩ部品種類別条件情報に対応する種類のＵＩ部品に関する情報ならびに、当該ＵＩ部品種類別条件情報を選択するのに用いた機能情報内の機能識別情報を対応づけて表示する出力部と
を備えることを特徴とするユーザインタフェース設計支援装置。 For each of a plurality of types of UI components, a condition regarding the usage frequency of the UI component of the type, a condition regarding the degree of importance of the UI component of the type, a condition regarding the display duration of the UI component of the type, Condition information regarding the degree of association between a function and another function, a condition regarding a screen size for displaying the UI component of the type, and condition information for each UI component type indicating a condition regarding an information input method using the UI component of the type A UI component type condition information storage unit stored in advance;
For each of two or more functions desired to be realized by the UI component, function identification information indicating the function, frequency of use of the function, importance of the function, display duration of the UI component that realizes the function, A method of inputting information using the UI component, the size of the screen on which the UI component realizing the two or more functions is displayed, while reading the architecture information including the function information indicating the degree of association with another function A reading unit for reading device information indicating
An information holding unit for storing the architecture information and device information;
For each of the two or more functions, the usage frequency, the main level, the display duration, the degree of association indicated by the read function information, the screen size indicated by the read device information, and the input method are classified according to the UI component type. It conforms to the conditions related to the usage frequency, the condition related to the main degree, the condition related to the display duration, the condition related to the degree of association, the condition related to the screen size, and the condition related to the input method in the condition information for each UI component stored in the condition information storage unit. An inquiry unit that selects UI component type condition information from the UI component type condition information storage unit based on the determination result;
For each of the two or more functions, information on the UI component of the type corresponding to the selected UI component type condition information, and function identification information in the function information used to select the UI component type condition information A user interface design support apparatus, comprising: an output unit that displays the information in association with each other.

前記出力部は、
前記２以上の機能のそれぞれに対応するＵＩ部品を示すＵＩ部品画像ならびに機能識別情報からなるデザインパターンを表示する
ことを特徴とする請求項１記載のユーザインタフェース設計支援装置。 The output unit is
The user interface design support apparatus according to claim 1, wherein a UI component image indicating a UI component corresponding to each of the two or more functions and a design pattern including function identification information are displayed.

前記出力部は、
２以上の前記デザインパターンを表示するものであり、
前記ユーザインタフェース設計支援装置は、
前記ユーザインタフェース設計支援装置に接続された出力結果選択インタフェースからの指示に基づき、前記２以上のデザインパターンのうちの１つを選択する
ことを特徴とする請求項２記載のユーザインタフェース設計支援装置。 The output unit is
Two or more of the design patterns are displayed,
The user interface design support device includes:
The user interface design support apparatus according to claim 2, wherein one of the two or more design patterns is selected based on an instruction from an output result selection interface connected to the user interface design support apparatus.

前記出力部は、
２以上の機能につき、対応する機能情報内の互いの関連度が予め定められた値以上である場合には、対応するＵＩ部品画像が同じになるようにする
ことを特徴とする請求項２記載のユーザインタフェース設計支援装置。 The output unit is
The two or more functions are configured such that, when the degree of association between the corresponding function information is greater than or equal to a predetermined value, the corresponding UI component images are the same. User interface design support device.

前記ユーザインタフェース設計支援装置に接続された出力結果調整インタフェースからの指示を基に前記デザインパターンを編集するユーザインタフェース設計部
を備えることを特徴とする請求項２記載のユーザインタフェース設計支援装置。 The user interface design support apparatus according to claim 2, further comprising: a user interface design unit that edits the design pattern based on an instruction from an output result adjustment interface connected to the user interface design support apparatus.

請求項１ないし５のいずれかに記載のユーザインタフェース設計支援装置としてコンピュータを機能させるためのコンピュータプログラム。 A computer program for causing a computer to function as the user interface design support device according to claim 1.