(57)【要約】      （修正有）【課題】ＵＩ部品が有する配置時属性値を自動的に設定でき、傾向が異なる複数の画面を設計する場合であっても、属性値編集の手間を削減できるユーザインタフェース設計装置を提供する。【解決手段】ＵＩ部品選択指示情報を受信する入力受付部１００と、ＵＩ部品選択指示情報に基づき、表示画面上で編集する対象となり得るＵＩ部品の中から、表示画面上で編集するＵＩ部品を、属性値設定対象ＵＩ部品として選択するＵＩ部品選択部１０３と、表示画面上に配置済みのＵＩ部品が有する情報を抽出する部品属性抽出部１０５と、ＵＩ部品選択部１０３が選択した属性値設定対象ＵＩ部品が有する配置時属性値を、部品属性抽出部１０５が抽出した情報に基づき設定する配置時属性値設定部１０４と、配置時属性値設定部１０４によって配置時属性値が設定された属性値設定対象ＵＩ部品の情報を表示装置３０に送信するＵＩ部品表示部１０６とを備えた。【選択図】図１
2015165372.tif 000002
【特許請求の範囲】
【請求項１】
ユーザが表示装置の表示画面上で編集するＵＩ部品を選択した情報であるＵＩ部品選択指示情報を受信する入力受付部と、
前記ＵＩ部品選択指示情報に基づき、前記表示画面上で編集する対象となり得るＵＩ部品の中から、前記表示画面上で編集するＵＩ部品を、属性値設定対象ＵＩ部品として選択するＵＩ部品選択部と、
前記表示画面上に配置済みのＵＩ部品が有する情報を抽出する部品属性抽出部と、
前記ＵＩ部品選択部が選択した前記属性値設定対象ＵＩ部品が、前記表示画面上に配置された際の、前記属性値設定対象ＵＩ部品が有する属性の配置時属性値を、前記部品属性抽出部が抽出した情報に基づき設定する配置時属性値設定部と、
前記配置時属性値設定部によって前記配置時属性値が設定された前記属性値設定対象ＵＩ部品の情報を前記表示装置に送信するＵＩ部品表示部とを備えたユーザインタフェース設計装置。
【請求項２】
前記配置時属性値設定部は、
前記属性値設定対象ＵＩ部品が有する属性と同種の属性が、前記部品属性抽出部が抽出したＵＩ部品が有する属性の中に存在しない場合は、前記属性値設定対象ＵＩ部品が有する属性の初期値を前記配置時属性値とし、
前記属性値設定対象ＵＩ部品が有する属性と同種の属性が、前記部品属性抽出部が抽出したＵＩ部品が有する属性の中に存在する場合は、当該抽出したＵＩ部品が有する属性の属性値を前記配置時属性値とする
ことを特徴とする請求項１記載のユーザインタフェース設計装置。
【請求項３】
前記表示画面上に配置済みの複数のＵＩ部品について、予め設定された条件に従って優先順位を設定し、優先順位の高いものから順に並べたＵＩ部品候補順リストを作成するＵＩ部品候補順リスト作成部をさらに備え、
前記配置時属性値設定部は、
前記属性値設定対象ＵＩ部品が有する属性と同種の属性が、前記ＵＩ部品候補順リストの前記優先順位に従って前記部品属性抽出部が抽出した前記ＵＩ部品が有する属性の中に存在しない場合は、前記属性値設定対象ＵＩ部品が有する属性の初期値を前記配置時属性値とし、
前記属性値設定対象ＵＩ部品が有する属性と同種の属性が、前記ＵＩ部品候補順リストの前記優先順位に従って前記部品属性抽出部が抽出した前記ＵＩ部品が有する属性の中に存在する場合は、当該抽出した前記優先順位が高いＵＩ部品が有する属性の属性値を前記配置時属性値とする
ことを特徴とする請求項１記載のユーザインタフェース設計装置。
【請求項４】
前記部品属性抽出部が抽出した、前記表示画面に配置済みの複数のＵＩ部品が有する属性に基づき、予め設定された条件に従って、前記属性の種類ごとに属性値が対応付けられた属性マップを作成する属性マップ作成部をさらに備え、
前記配置時属性値設定部は、
前記属性値設定対象ＵＩ部品が有する属性と同種の属性が前記属性マップに収録されていない場合は、前記属性値設定対象ＵＩ部品が有する属性の初期値を前記配置時属性値とし、
前記属性値設定対象ＵＩ部品が有する属性と同種の属性が、前記属性マップに収録されている場合は、当該収録された属性に対応付けられた前記表示画面に配置済みのＵＩ部品の前記属性値を前記配置時属性値とする
ことを特徴とする請求項１記載のユーザインタフェース装置。
【発明の詳細な説明】
【技術分野】
【０００１】
この発明は、ユーザインタフェース（ＵＩ）を設計するユーザインタフェース設計装置に関するものである。
【背景技術】
【０００２】
ユーザインタフェース設計装置は、対象機器に表示する様々な画面を設計する。このようなユーザインタフェース設計装置では、一般に、画面を表す編集ウィンドウを持ち、編集ウィンドウ上に四角や丸の形状のオブジェクトや、文字列、画像を表示するオブジェクトを複数配置して所望の画面を作成する。このようなオブジェクトをＵＩ部品と呼ぶ。ＵＩ部品は色やフォントといった、様々な属性を持っている。ここで、編集ウィンドウ上に新規にＵＩ部品を配置した際に、ＵＩ部品が有している属性の値を、配置時属性値と呼ぶ。
ＵＩ部品の各属性は、ユーザインタフェース設計装置によってあらかじめ定められた初期値を持っており、新規にＵＩ部品を配置する場合、配置時属性値と初期値は等しい。ユーザインタフェース設計装置のユーザは、配置されたＵＩ部品に対して、属性の値を編集することでＵＩ部品を所望の表示に変更する。したがって、ＵＩ部品が有する各属性の初期値が所望の値であった場合を除き、新規にＵＩ部品を配置する度に、このような属性の編集作業を行う必要が生じる。
【０００３】
この属性編集作業を軽減するために、単純には、ユーザに配置時属性値を設定させることが考えられる。しかし、設計対象の画面ごとに、色味などの傾向が異なる場合、ユーザが設定したい属性値が、設計対象の画面ごとに異なることとなり、設計対象の画面を切り替える度に配置時属性値を設定する行為を行う必要が生じる。
そこで、このような設定をユーザに要求することなく、画面設計時には自動的に属性値編集の手間を軽減する方法として、例えば、特許文献１では、関連情報格納テーブルと呼ばれる表形式のデータによって、画面パターンごとにＵＩ部品が有する属性の配置時属性値をあらかじめ定義しておくことで、ＵＩ部品の配置後に属性値を編集する手間を軽減することが開示されている。
【先行技術文献】
【特許文献】
【０００４】
【特許文献１】特開平９−１１４６２１号公報
【発明の概要】
【発明が解決しようとする課題】
【０００５】
しかしながら、ユーザインタフェース設計装置が設計対象とする機器によっては、カーナビ等、大量の画面を持つものがある。これに対し、特許文献１に開示されているような従来技術では、全ての画面をあらかじめ把握した上で、関連情報格納テーブルを記述しておく必要があり、大量の画面に対してそのような記述を行うことは非常に困難であるという課題があった。
【０００６】
この発明は、上記のような課題を解決するためになされたもので、各画面に配置するＵＩ部品が有する属性の配置時属性値を自動的に設定することができ、色味等の画面の傾向が異なる複数の画面を設計する場合であっても、属性値編集の手間を削減することができるユーザインタフェース設計装置を提供することを目的としている。
【課題を解決するための手段】
【０００７】
この発明に係るユーザインタフェース設計装置は、ユーザが表示装置の表示画面上で編集するＵＩ部品を選択した情報であるＵＩ部品選択指示情報を受信する入力受付部と、ＵＩ部品選択指示情報に基づき、表示画面上で編集する対象となり得るＵＩ部品の中から、表示画面上で編集するＵＩ部品を、属性値設定対象ＵＩ部品として選択するＵＩ部品選択部と、表示画面上に配置済みのＵＩ部品が有する情報を抽出する部品属性抽出部と、ＵＩ部品選択部が選択した属性値設定対象ＵＩ部品が、表示画面上に配置された際の、属性値設定対象ＵＩ部品が有する属性の配置時属性値を、部品属性抽出部が抽出した情報に基づき設定する配置時属性値設定部と、配置時属性値設定部によって配置時属性値が設定された属性値設定対象ＵＩ部品の情報を表示装置に送信するＵＩ部品表示部とを備えたものである。
【発明の効果】
【０００８】
この発明によれば、各画面に配置するＵＩ部品の属性の配置時属性値を自動的に設定することができ、色味等の画面の傾向が異なる複数の画面を設計する場合であっても、属性値編集の手間を削減することができる。
【図面の簡単な説明】
【０００９】
【図１】この発明の実施の形態１に係るユーザインタフェース設計装置の構成を示すブロック図である。
【図２】この発明の実施の形態１のユーザインタフェース設計装置を実現するハードウェア構成の一例を示す図である。
【図３】図２で説明した構成による表示装置の表示画面の例を示す図である。
【図４】画面編集エリア上に配置されたＵＩ部品の管理の一例を示す図である。
【図５】この発明の実施の形態１に係るユーザインタフェース設計装置において、新規にＵＩ部品を配置する際の動作を説明するフローチャートである。
【図６】ＵＩ部品提示エリアから、丸のＵＩ部品が選択された例を説明する図である。
【図７】この発明の実施の形態１の配置時属性値設定の動作のフローチャートである。
【図８】ＵＩ部品格納部に格納されている情報の一例を示す図である。
【図９】画面編集エリアに配置されている状態のＵＩ部品が保持する情報の一例を示す図である。
【図１０】この発明の実施の形態１に係るユーザインタフェース設計装置において、画面編集エリアに配置されたＵＩ部品の編集時属性値を編集する際の動作を説明するフローチャートである。
【図１１】この発明の実施の形態２に係るユーザインタフェース設計装置の構成を示すブロック図である。
【図１２】この発明の実施の形態２に係るユーザインタフェース設計装置の動作を説明するフローチャートである。
【図１３】ＵＩ部品候補順リストの一例を説明する図である。
【図１４】この発明の実施の形態２の配置時属性値設定の動作のフローチャートである。
【図１５】この発明の実施の形態３に係るユーザインタフェース設計装置の構成を示すブロック図である。
【図１６】この発明の実施の形態３に係るユーザインタフェース設計装置の動作を説明するフローチャートである。
【図１７】実施の形態３において、属性マップ作成部が、属性マップを作成する動作を説明する図である。
【図１８】実施の形態３において、属性マップ作成部が、属性マップを作成する動作を説明する図である。
【図１９】この発明の実施の形態３の配置時属性値設定の動作のフローチャートである。
【発明を実施するための形態】
【００１０】
以下、この発明の実施の形態について、図面を参照しながら詳細に説明する。
実施の形態１．
図１は、この発明の実施の形態１に係るユーザインタフェース設計装置１０の構成を示すブロック図である。
図１において、ユーザインタフェース設計装置１０は、ユーザが表示装置３０の表示画面上で、編集するＵＩ部品を選択した情報であるＵＩ部品選択指示情報を入力装置２０から受信し、配置時属性値を設定したＵＩ部品を表示装置３０に表示させるものであり、入力受付部１００と、ＵＩ部品提示部１０１と、ＵＩ部品格納部１０２と、ＵＩ部品選択部１０３と、配置時属性値設定部１０４と、部品属性抽出部１０５と、ＵＩ部品表示部１０６と、編集時属性値設定部１０９とを備える。
【００１１】
入力受付部１００は、ユーザが表示装置３０の表示画面上で、編集するＵＩ部品を選択した情報であるＵＩ部品選択指示情報を、入力装置２０から受信する。
ＵＩ部品提示部１０１は、ＵＩ部品格納部１０２に格納されているＵＩ部品を取得し、取得したＵＩ部品の情報を、提示ＵＩ部品情報として、表示装置３０に送信する。
ＵＩ部品格納部１０２は、ユーザインタフェース設計装置１０上で利用可能な、つまり、表示装置３０の表示画面上で編集する対象となり得るＵＩ部品を格納している。なお、ＵＩ部品格納部１０２が格納しているＵＩ部品には、それぞれ、予め決められている初期値が設定された属性情報が付与されている。
【００１２】
ＵＩ部品選択部１０３は、入力受付部１００が受信したユーザからのＵＩ部品選択指示情報に基づき、表示画面上で編集する対象となり得るＵＩ部品の中から、表示画面上で編集するＵＩ部品を、属性値設定対象ＵＩ部品として選択する。
配置時属性値設定部１０４は、ＵＩ部品格納部１０２に格納されている情報と、部品属性抽出部１０５がＵＩ部品表示部１０６から抽出した情報とに基づき、ＵＩ部品選択部１０３が選択した属性値設定対象ＵＩ部品が表示画面上に配置された際の、属性値設定対象ＵＩ部品が有する属性の配置時属性値を設定する。なお、この発明においては、このように、表示画面上に新規にＵＩ部品が配置されるタイミングで設定され、当該ＵＩ部品が新規に配置されるタイミングのみで保持する属性値を、配置時属性値という。
部品属性抽出部１０５は、表示装置３０の表示画面上に配置済みのＵＩ部品が有する情報を、ＵＩ部品表示部１０６から抽出する。
ＵＩ部品表示部１０６は、配置時属性値設定部１０４において配置時属性値が設定された属性値設定対象ＵＩ部品の情報を、編集ＵＩ部品情報として表示装置３０に送信する。
編集時属性値設定部１０９は、ＵＩ部品表示部１０６から入力したＵＩ部品編集指示に基づき、表示画面上に配置されているＵＩ部品の属性値を再設定する。なお、この発明においては、表示画面上に配置済みのＵＩ部品が保持している属性値を、編集時属性値という。
配置時属性値および編集時属性値については、ＵＩ部品の属性値を設定・保持する編集上のタイミングの違いを表現しているだけであり、同一のものを表している。
【００１３】
図２は、この発明の実施の形態１のユーザインタフェース設計装置１０を実現するハードウェア構成の一例を示す図である。なお、図２は、パーソナルコンピュータ（ＰＣ）での構成例である。
図１のＵＩ部品格納部１０２は、ＲＡＭやハードディスクなどの記憶装置２０３で実現され、入力受付部１００、ＵＩ部品提示部１０１、ＵＩ部品選択部１０３、配置時属性値設定部１０４、部品属性抽出部１０５、ＵＩ部品表示部１０６、編集時属性値設定部１０９は、処理装置２０２でプログラムを実行することで実現される。
【００１４】
また、マウス等のポインティングディバイス２０５、キーボード２０６といった入力装置２０によって、表示装置３０の表示画面のＵＩ部品提示エリアのＵＩ部品の選択や、画面編集エリアでの入力などが行われる。
ＵＩ部品提示部１０１が送信する提示ＵＩ部品情報や、ＵＩ部品表示部１０６が送信する編集ＵＩ部品情報は、モニタ２０４などの表示装置３０によって、画面に出力される。
【００１５】
図３は、図２で説明した構成による表示装置３０の表示画面の例を示す図である。
図３（ａ）の画面左の（Ａ）で示すエリアは、ＵＩ部品提示部１０１が送信する提示ＵＩ部品情報に基づき提示ＵＩ部品、つまり、ユーザが表示画面上で使用し、編集することができるＵＩ部品のシンボルを表示するＵＩ部品提示エリアである。図３（ａ）では、上から、四角部品、丸部品、テキスト表示部品、画像表示部品のシンボルを表示している。
【００１６】
図３（ａ）の画面右の（Ｂ）で示すエリアは、ＵＩ部品表示部１０６が送信する編集ＵＩ部品情報に基づき、ユーザが編集対象として選択したＵＩ部品を表示する画面編集エリアである。ユーザは、ＵＩ部品提示エリアから所望のＵＩ部品のシンボルを選択し、ドラッグ＆ドロップ等の操作により、画面編集エリアに編集するＵＩ部品（編集ＵＩ部品）を配置する。なお、図３（ｂ）に示すように、配置された編集ＵＩ部品をダブルクリック等の操作で選択すると、属性値設定画面（図３（ｂ）の（Ｃ））が開き、選択された編集ＵＩ部品の編集可能な属性値が表示される。ユーザが、属性値設定画面から属性値の設定を行うと、設定された属性値が編集ＵＩ部品の表示に反映される。
なお、画面編集エリアへのＵＩ部品配置方法として、上記は一例であり、例えば、画面編集エリア上で右クリックすると、ＵＩ部品提示部１０１によって、ＵＩ部品格納部１０２に格納されているＵＩ部品を提示する画面が表示され、そこからひとつを選択することで配置できるなど、他の方法であっても構わない。また、ＵＩ部品提示部１０１が表示する内容も、対象ＵＩ部品を表すシンボルでなくても、「丸」や「テキスト」といった文字列であるなど、他の提示方法でも構わない。
また、図３に示すように、画面編集エリア上に配置されたＵＩ部品は、一般的にそれぞれ別個のオブジェクトとして存在し、メモリ上の別のアドレスで指し示される。例えば、メモリ上のアドレスをＩＤと考えると、図４のような形で管理される。このように、画面編集エリア上の各ＵＩ部品は、重複しないＩＤで管理される。
【００１７】
動作について説明する。
図５は、この発明の実施の形態１に係るユーザインタフェース設計装置１０において、新規にＵＩ部品を配置する際の動作を説明するフローチャートである。
ＵＩ部品提示部１０１は、ＵＩ部品格納部１０２に格納されているＵＩ部品を取得し、取得したＵＩ部品をシンボル表示するための情報を、提示ＵＩ部品情報として、表示装置３０に送信する（ステップＳＴ４０１）。
ここでは、例えば、ＵＩ部品格納部１０２には、四角部品、丸部品、テキスト表示部品、画像表示部品が格納されているものとし、ＵＩ部品提示部１０１が提示ＵＩ部品情報を表示装置３０に送信することで、表示装置３０には、図３（ａ）で示したような画面が表示されるものとする。また、ここでは、図３（ａ）に示すように、すでに四角のＵＩ部品と、丸のＵＩ部品が、属性値が設定された状態で画面編集エリアに配置されている状態とする。
【００１８】
なお、ここでは、ＵＩ部品格納部１０２には、ユーザインタフェース設計装置１０上で利用可能な、つまり、表示装置３０の表示画面上で編集する対象となり得るＵＩ部品のみを格納しているものとしているが、これに限らず、ＵＩ部品提示部１０１には、他のユーザインタフェース設計装置１０で利用可能なものを含む全てのＵＩ部品を格納し、ＵＩ部品提示部１０１が、ＵＩ部品格納部１０２から、該当のユーザインタフェース設計装置１０において、表示装置３０の表示画面上で編集する対象となり得るＵＩ部品を抽出するようにしてもよい。
【００１９】
図３（ａ）に示すような画面が表示装置３０に表示されると、ユーザは、入力装置２０より、ＵＩ部品提示エリアに表示された提示ＵＩ部品を選択し、画面編集エリアに移動させる。ここでは、例えば、図３（ａ）のＵＩ部品提示エリアから、丸のＵＩ部品が選択されたとする（図６参照）。
【００２０】
入力受付部１００は、入力装置２０より、ユーザが表示装置３０の表示画面上で、編集するＵＩ部品を選択した情報であるＵＩ部品選択指示情報を受信する（ステップＳＴ４０２）。つまり、ここでは、丸のＵＩ部品を選択した旨の情報を受信する。
ＵＩ部品選択部１０３は、ステップＳＴ４０２で入力受付部１００が受信したＵＩ部品選択指示情報に基づき、ＵＩ部品提示部１０１が提示している、表示画面上で編集する対象となり得るＵＩ部品の中から、ユーザが表示画面上で編集するＵＩ部品、つまり、新規に画面編集エリアに配置するＵＩ部品（以下、属性値設定対象ＵＩ部品とする）を選択する（ステップＳＴ４０３）。ここでは、丸のＵＩ部品を選択する。
【００２１】
配置時属性値設定部１０４は、ステップＳＴ４０３においてＵＩ部品選択部１０３が選択した属性値設定対象ＵＩ部品の情報を入力とし、ＵＩ部品格納部１０２に格納されている情報と、部品属性抽出部１０５がＵＩ部品表示部１０６から抽出した情報とに基づき、ＵＩ部品選択部１０３が選択した属性値設定対象ＵＩ部品が表示画面上に配置された際の、属性値設定対象ＵＩ部品が有する属性の配置時属性値を設定する（ステップＳＴ４０４）。
【００２２】
図７は、この発明の実施の形態１の配置時属性値設定部１０４の動作のフローチャートである。
図７を用いて、図５のステップＳＴ４０４の処理を詳細に説明する。
配置時属性値設定部１０４は、属性値設定対象ＵＩ部品が有する属性の初期値を取得する（ステップＳＴ６０１）。具体的には、配置時属性値設定部１０４は、ＵＩ部品格納部１０２を参照し、ＵＩ部品格納部１０２に格納されている属性値設定対象ＵＩ部品が有する属性の初期値を取得する。ここでは、丸のＵＩ部品が有する属性の初期値を取得する。
【００２３】
図８は、ＵＩ部品格納部１０２に格納されている情報の一例を示す図である。
例えば、丸のＵＩ部品であれば、図８に示すように、「前景色」、「背景色」、「透過率」、「線幅」の４種類の属性を持ち、それぞれ、「青」、「なし」、「０（％）」、「５（ｐｔ）」といった内容の属性値が設定され、属性の初期値として格納されている。
ここでは、配置時属性値設定部１０４は、ステップＳＴ６０１において、属性値設定対象ＵＩ部品である丸のＵＩ部品の属性の初期値として、「前景色：青」、「背景色：なし」、「透過率：０％」、「線幅：５ｐｔ」を取得する。
【００２４】
なお、ここでは、丸のＵＩ部品は４種類の属性を持つものとしているが、これに限らず、属性の種類数については適宜設定すればよい。
また、図８は、ＵＩ部品格納部１０２に格納されている丸のＵＩ部品の情報の例であるが、ＵＩ部品格納部１０２には、ＵＩ部品提示部１０１がＵＩ部品提示エリアに提示する全てのＵＩ部品の情報が格納されている。つまり、図３（ａ）の、四角のＵＩ部品、テキスト表示のＵＩ部品、画像表示の表示部品の情報についても、丸のＵＩ部品同様、図８に示すように、属性の種類と属性値の初期値の情報が格納されている。
【００２５】
部品属性抽出部１０５は、画面編集エリアに配置されているＵＩ部品の中に、配置時属性値を抽出する対象となるＵＩ部品の候補、つまり、属性値設定対象ＵＩ部品が、属性値を取ってくることのできるＵＩ部品の候補があるかどうかを判断する（ステップＳＴ６０２）。具体的には、部品属性抽出部１０５は、ＵＩ部品表示部１０６が表示装置３０に送信している編集ＵＩ部品情報があるかどうか、すなわち、画面編集エリアに配置されているＵＩ部品があるかどうかを判断する。
【００２６】
ここで、図９は、画面編集エリアに配置されている状態のＵＩ部品が保持する情報の一例を示す図である。
なお、図９においてＵＩ部品ＩＤは省略して示しているが、画面編集エリアに配置されたＵＩ部品は、図４で示したように、メモリ上の別のアドレス（ＩＤ）で指し示される。
図９に示すように、画面編集エリアに配置されているＵＩ部品は、それぞれ属性を保持しており、当該属性の情報は、ＵＩ部品表示部１０６によって表示装置３０に送信される。
なお、ここでは、一例として、図３（ａ）のように、丸のＵＩ部品（図９（ａ）参照）と四角のＵＩ部品（図９（ｂ）参照）が画面編集エリアに配置されている状態のそれぞれの保持する情報を示している。
【００２７】
ステップＳＴ６０２において、配置時属性値を抽出する対象となるＵＩ部品の候補がなかった場合（ステップＳＴ６０２の“ＮＯ”の場合）、配置時属性値設定部１０４は、属性値設定対象ＵＩ部品の全ての属性に、ステップＳＴ６０１で取得した初期値を設定し、ステップＳＴ６１２へすすむ（ステップＳＴ６０３）。
ステップＳＴ６０２において、配置時属性値を抽出する対象となるＵＩ部品の候補があった場合（ステップＳＴ６０２の“ＹＥＳ”の場合）、配置時属性値設定部１０４は、属性値設定対象ＵＩ部品の属性に関して、制御のための数値として、属性の数をＮ、その属性のうち、何番目の属性かを示すインデックス値をｉとし、ｉに１を設定する（ステップＳＴ６０４）。
【００２８】
部品属性抽出部１０５は、画面編集エリア上に配置済みのＵＩ部品が有する情報を抽出し、配置時属性値設定部１０４は、部品属性抽出部１０５が抽出した、配置時属性値を抽出する対象となるＵＩ部品（以下、属性値抽出対象ＵＩ部品とする）の情報を入力する（ステップＳＴ６０５）。なお、ここでは、部品属性抽出部１０５において、属性値抽出対象ＵＩ部品はランダムに決定されるものとし、図９（ａ）の丸のＵＩ部品を属性値抽出対象ＵＩ部品と決定したとする。
【００２９】
配置時属性値設定部１０４は、ステップＳＴ６０１で取得した属性値設定対象ＵＩ部品のｉ番目の属性を抽出する（ステップＳＴ６０６）。例えば、ｉ＝１とすると、ここでは、１番目の属性として、図８に示す、「前景色：青」が抽出される。
配置時属性値設定部１０４は、ステップＳＴ６０１で取得した属性値設定対象ＵＩ部品のｉ番目の属性と同種の属性が、ステップＳＴ６０５で決定した属性値抽出対象ＵＩ部品に存在するかを判定する（ステップＳＴ６０７）。
【００３０】
ステップＳＴ６０７において、ｉ番目の属性と同種の属性がなかった場合（ステップＳＴ６０７の“ＮＯ”の場合）、配置時属性値設定部１０４は、ステップＳＴ６０１で取得した属性値設定対象ＵＩ部品のｉ番目の属性の初期値を配置時属性値に設定する（ステップＳＴ６０８）。
ステップＳＴ６０７において、ｉ番目の属性と同種の属性があった場合（ステップＳＴ６０７の“ＹＥＳ”の場合）、配置時属性値設定部１０４は、属性値設定対象ＵＩ部品のｉ番目の属性と同種の、属性値抽出対象ＵＩ部品の属性の属性値を、属性値設定対象ＵＩ部品が有する属性の属性値に設定する（ステップＳＴ６０９）。ここでは、図９（ａ）に示すように、丸のＵＩ部品の属性の種類の中に、「前景色」が存在する。したがって、配置時属性値設定部１０４は、属性値設定対象ＵＩ部品の１番目の属性「前景色：黒」に設定する。
配置時属性値設定部１０４は、インデックス値ｉがＮであるかどうか、つまり、属性値設定対象ＵＩ部品の全ての属性について配置時属性値設定の処理を行ったかどうかを判定する（ステップＳＴ６１０）。
【００３１】
ステップＳＴ６１０において、ｉ＝Ｎでない場合（ステップＳＴ６１０の“ＮＯ”の場合）、次の属性に対して配置時属性値設定の処理を行うため、ｉをインクリメントし（ステップＳＴ６１１）、ステップＳＴ６０６からの処理を繰り返す。
ステップＳＴ６１０において、ｉ＝Ｎであった場合（ステップＳＴ６１０の“ＹＥＳ”の場合）、属性値設定対象ＵＩ部品の全ての属性について配置時属性値設定の処理を行ったと判断し、処理終了する。
【００３２】
なお、ここでは、属性値設定対象ＵＩ部品も属性値抽出対象ＵＩ部品も同じ丸のＵＩ部品であり、属性値設定対象ＵＩ部品が有する属性は、属性値抽出対象ＵＩ部品にも存在していたが、属性値設定対象ＵＩ部品が有する属性が、属性値抽出対象ＵＩ部品に存在していない場合、つまり、ステップＳＴ６０７の“ＮＯ”となる場合について、補足説明する。
【００３３】
例えば、属性値設定対象ＵＩ部品がテキストのＵＩ部品で、属性に「フォント」、「背景色」を有し、それぞれ、「フォント：１１」、「背景色：緑」という属性の初期値が設定されていたとする。この場合、図９に示す丸のＵＩ部品を属性値抽出対象ＵＩ部品に決定すると、丸のＵＩ部品には、「背景色」という種類の属性は存在するが、「フォント」という種類の属性は存在しない。この場合、配置時属性値設定部１０４は、属性値設定対象ＵＩ部品の「フォント」には、「１１」という属性値を設定する。なお、属性値設定対象ＵＩ部品の「背景色」という属性の属性値には、属性値抽出対象ＵＩ部品である丸のＵＩ部品の「背景色：グレー」の属性値に基づき、「グレー」が設定される。
【００３４】
また、ここでは、ステップＳＴ６０５において、部品属性抽出部１０５により、属性値抽出対象ＵＩ部品は、ランダムに一つのＵＩ部品を選択して決定するものとしたが、これに限らず、部品属性抽出部１０５は、例えば、属性値設定対象ＵＩ部品と同一の種別のＵＩ部品からランダムに一つのＵＩ部品を選択するようにしてもよいし、ユーザがＵＩ部品提示エリアからＵＩ部品を選択してドラッグ操作した際に、画面編集エリア上に配置済みのＵＩ部品のうち、マウスポインタが最後に通過したＵＩ部品を算出して、選択するようにしてもよい。また、ユーザのドラッグ操作の際に、Ｃｔｒｌキー押下等、別の特定の操作を行いながらマウスポインタが通過したＵＩ部品を選択するようにしてもよいし、最後にユーザがドロップ操作した際の画面編集エリア上の位置から最も近い位置に存在しているＵＩ部品を選択するようにしてもよい。なお、これらは一例であり、その他、決定条件は適宜設定することができる。
【００３５】
図５の処理に戻る。
ステップＳＴ４０４において、配置時属性値設定部１０４が属性値設定対象ＵＩ部品が有する属性の配置時属性値を設定すると、ＵＩ部品表示部１０６は、ステップＳＴ４０４で配置時属性値が設定されたＵＩ部品を表示するための情報（配置時属性設定後ＵＩ部品情報とする）を表示装置３０へ送信する（ステップＳＴ４０５）。
【００３６】
表示装置３０では、表示画面の画面編集エリア上に、受信した配置時属性設定後のＵＩ部品を表示する。
図１０は、この発明の実施の形態１に係るユーザインタフェース設計装置１０において、画面編集エリアに配置されたＵＩ部品の編集時属性値を編集する際の動作を説明するフローチャートである。
ユーザは、表示されたＵＩ部品が、所望の表示となっているかどうかを確認し、所望の表示でなかった場合は、ユーザは、ＵＩ部品をダブルクリックする等して、図３（ｂ）で示した属性値設定画面を開き、ＵＩ部品の属性値の編集を行う。
そこで、入力受付部１００は、図５のステップＳＴ４０５で送信した配置時属性設定後ＵＩ部品情報に基づくＵＩ部品の編集指示を受信したかどうかを判定し、ＵＩ部品の編集指示を受信した場合には、図１０に示すように、画面編集エリアに配置されたＵＩ部品の編集時属性値を編集する。
【００３７】
ＵＩ部品の編集指示を受信した場合、まず、ＵＩ部品表示部１０６は、入力受付部１００が受信したＵＩ編集指示情報を編集時属性値設定部１０９に出力する（ステップＳＴ５０１）。
編集時属性値設定部１０９は、ＵＩ部品表示部１０６から入力したＵＩ部品編集指示に基づき、表示画面上に配置されているＵＩ部品の編集時属性値を設定する。具体的には、画面編集エリアに配置されている該当のＵＩ部品が保持する属性値を、ＵＩ部品編集指示の内容に再設定する（ステップＳＴ５０２）。
ＵＩ部品表示部１０６は、ステップＳＴ５０２において設定した編集時属性値設定後のＵＩ部品情報（編集時属性値設定ＵＩ部品情報とする）を表示装置３０に送信する（ステップＳＴ５０３）。
この手順に従って、画面編集エリア上に配置されたＵＩ部品について、ユーザは任意のタイミングで何度でも編集時属性値を編集し、所望の表示へと変更することができる。
【００３８】
なお、この実施の形態１において、ユーザインタフェース設計装置１０は、図１のような構成とするものとしたが、ＵＩ部品格納部１０２とユーザインタフェース設計装置１０は、入力受付部１００と、ＵＩ部品選択部１０３と、配置時属性値設定部１０４と、部品属性抽出部１０５と、ＵＩ部品表示部１０６とを備える構成であればよい。
また、部品属性抽出部１０５で抽出される属性の種類を、予め定めておくことも可能である。例えば、丸部品に対して抽出対象を前景色と背景色と線幅のみと定めておくことで、透過率等他の属性値は抽出せず、初期値を利用することができる。
【００３９】
以上のように、この実施の形態１によれば、ユーザが表示装置３０の表示画面上で編集するＵＩ部品を選択した情報であるＵＩ部品選択指示情報を受信する入力受付部１００と、ＵＩ部品選択指示情報に基づき、表示画面上で編集する対象となり得るＵＩ部品の中から、表示画面上で編集するＵＩ部品を、属性値設定対象ＵＩ部品として選択するＵＩ部品選択部１０３と、表示画面上に配置済みのＵＩ部品が有する情報を抽出する部品属性抽出部１０５と、ＵＩ部品選択部１０３が選択した属性値設定対象ＵＩ部品が、表示画面上に配置された際の、属性値設定対象ＵＩ部品が有する属性の配置時属性値を、部品属性抽出部１０５が抽出した情報に基づき設定する配置時属性値設定部１０４と、配置時属性値設定部１０４によって配置時属性値が設定された属性値設定対象ＵＩ部品の情報を表示装置３０に送信するＵＩ部品表示部１０６とを備えるように構成したので、大量の画面の作成が必要であり、かつ複数の画面を同時並行的に切り替えながら作成する場合でも、作成対象の画面に配置済みのＵＩ部品を用いて、新規に配置するＵＩ部品が有する属性の属性値を、画面の傾向に合わせて自動で設定することができ、ユーザの属性値設定の手間を軽減することができる。
【００４０】
実施の形態２．
実施の形態１では、画面編集エリアに新たにＵＩ部品を配置する際、画面編集エリアに配置されているＵＩ部品のうちの１つを属性値抽出対象ＵＩ部品に決定し、１つの属性値抽出対象ＵＩ部品と属性値設定対象ＵＩ部品との属性の比較により、属性値設定対象ＵＩ部品が有する属性の配置時属性値の設定を行っていた。この実施の形態２では、画面編集エリアに配置済みの複数のＵＩ部品について、属性値抽出対象ＵＩ部品とする順番が設定されたＵＩ部品候補順リストを作成し、ＵＩ部品候補順リストの順番に従って、複数のＵＩ部品候補の属性と属性値設定対象ＵＩ部品の属性との比較を行い、属性値設定対象ＵＩ部品が有する属性の配置時属性値を設定する実施の形態について説明する。
【００４１】
図１１は、この発明の実施の形態２に係るユーザインタフェース設計装置１０の構成を示すブロック図である。
図１１において、実施の形態１の図１で説明したものと同様の構成については、同じ符号を付し、重複した説明を省略する。図１の構成とは、ＵＩ部品候補順リスト作成部１０７をさらに備えた点が異なるのみである。
ＵＩ部品候補順リスト作成部１０７は、ＵＩ部品表示部１０６から表示画面上に配置済みの複数のＵＩ部品の情報を入力し、表示画面上に配置済みの複数のＵＩ部品について、予め設定された条件に従って優先順位を設定し、優先順位の高いものから順に並べたＵＩ部品候補順リストを作成する。
【００４２】
動作について説明する。
図１２は、この発明の実施の形態２に係るユーザインタフェース設計装置１０の動作を説明するフローチャートである。
図１２のステップＳＴ１００１〜１００３は、実施の形態１において図５のステップＳＴ４０１〜４０３で説明した動作と同様であるため、詳細な説明を省略する。
【００４３】
ステップＳＴ１００３において、ＵＩ部品選択部１０３が、属性値設定対象ＵＩ部品を選択すると、ＵＩ部品候補順リスト作成部１０７は、ＵＩ部品表示部１０６から表示画面上に配置済みの複数のＵＩ部品の情報を入力し、表示画面上に配置済みの複数のＵＩ部品について、予め設定された条件に従って優先順位を設定し、優先順位の高いものから順に並べたＵＩ部品候補順リストを作成する（ステップＳＴ１００４）。具体的には、ここでは、ＵＩ部品候補順リスト作成部１０７は、例えば、画面表示エリアに設定済みのＵＩ部品をランダムに取得し、取得した順に優先順位を設定していくものとする。例えば、画面編集エリアには図３（ａ）のように丸と四角のＵＩ部品が配置されていたとすると、ＵＩ部品候補順リスト作成部１０７は、図１３に示すようなＵＩ部品候補順リストを作成する。
なお、ＵＩ部品候補順リストは、図１３のように、優先順位に従って、ＵＩ部品の種別、および各ＵＩ部品が保持している属性の内容が収録されている。また、図１３のように、ＵＩ部品候補順リストにはＵＩ部品ＩＤを収録しているので、画面表示エリアに同じ属性値を持つ同種の部品が存在していたとしても、どの部品を指すものであるかが特定できるようになっている。
また、画面表示エリアに初めてＵＩ部品が配置されようとしている場合、つまり、現段階で画面表示エリアに配置されているＵＩ部品が存在しない場合は、ＵＩ部品候補順リスト作成部１０７は、ＵＩ部品候補順リストを作成しない。
【００４４】
また、ここでは、ステップＳＴ１００４において、ＵＩ部品候補順リスト作成部１０７は、画面表示エリアに設定されているＵＩ部品をランダムに取得し、取得した順に優先順位を設定していくものとしたが、これに限らず、例えば、画面表示エリア上に配置済みのＵＩ部品のうち、属性値設定対象ＵＩ部品と同一の種別のＵＩ部品のみを抽出してランダムに優先順位を設定するようにしてもよいし、ユーザがＵＩ部品提示エリアからＵＩ部品を選択してドラッグ操作した際に、画面編集エリア上に配置済みのＵＩ部品のうち、マウスポインタが通過したＵＩ部品のみを全て抽出し、通過した順に、あるいは、ランダムに、優先順位を設定するようにしてもよい。また、ユーザのドラッグ操作の際に、Ｃｔｒｌキー押下等、別の特定の操作を行いながらマウスポインタが通過したＵＩ部品を全て抽出し、通過した順に、あるいは、ランダムに、優先順位を設定するようにしてもよいし、最後にユーザがドロップ操作した際の画面編集エリア上の位置から近い位置に存在しているＵＩ部品を近い順に抽出し、優先順位を設定するようにしてもよい。なお、これらは一例であり、その他、ＵＩ部品候補順リストの作成条件は適宜設定することができる。
なお、ここでは、ＵＩ部品候補順リストは、図１３に示すような内容を収録するものとするが、これに限らず、ＵＩ部品ＩＤのみのリストとすることも可能である。
【００４５】
配置時属性値設定部１０４は、ステップＳＴ１００３においてＵＩ部品選択部１０３が選択した属性値設定対象ＵＩ部品の情報を入力とし、ＵＩ部品格納部１０２に格納されている情報と、ステップＳＴ１００４においてＵＩ部品候補順リスト作成部１０７が作成したＵＩ部品候補順リストの優先順位に従って部品属性抽出部１０５がＵＩ部品表示部１０６から抽出した情報とに基づき、ユーザが選択したＵＩ部品が有する属性の配置時属性値を設定する（ステップＳＴ１００５）。
【００４６】
図１４は、この発明の実施の形態２の配置時属性値設定部１０４の動作のフローチャートである。図１４を用いて、図１２のステップＳＴ１００５の処理を詳細に説明する。
配置時属性値設定部１０４は、属性値設定対象ＵＩ部品が有する属性の初期値を取得する（ステップＳＴ１１０１）。具体的な動作は、実施の形態１で説明した図７のステップＳＴ６０１と同様である。
配置時属性値設定部１０４は、図１２のステップＳＴ１００４においてＵＩ部品候補順リスト作成部１０７が作成したＵＩ部品候補順リストがあるかどうかを判定する（ステップＳＴ１１０２）。
【００４７】
ステップＳＴ１１０２において、ＵＩ部品候補順リストが作成されていなかった場合（ステップＳＴ１１０２の“ＮＯ”の場合）、配置時属性値設定部１０４は、属性値設定対象ＵＩ部品の全ての属性に、ステップＳＴ１１０１で取得した初期値を設定し、ステップＳＴ１１１５にすすむ（ステップＳＴ１１０３）。具体的な動作は、図７のステップＳＴ６０３と同様である。
【００４８】
ステップＳＴ１１０２において、ＵＩ部品候補順リストが作成されていた場合（ステップＳＴ１１０２の“ＹＥＳ”の場合）、配置時属性値設定部１０４は、属性値設定対象ＵＩ部品の属性に関して、制御のための数値として、属性の数をＮ、その属性のうち、何番目の属性かを示すインデックス値をｉとし、ｉに１を設定する（ステップＳＴ１１０４）。
そして、配置時属性値設定部１０４は、ステップＳＴ１１０１で取得した属性値設定対象ＵＩ部品のｉ番目の属性を抽出する（ステップＳＴ１１０５）。この、ステップＳＴ１１０４，ステップＳＴ１１０５の具体的な動作は、それぞれ、図７のステップＳＴ６０４，ステップＳＴ６０６と同様である。
【００４９】
配置時属性値設定部１０４は、ＵＩ部品候補順リストに関する制御用の値として、ＵＩ部品候補順リストに含まれるＵＩ部品の個数をＭ、そのＵＩ部品がＵＩ部品候補順リスト上の何番目のＵＩ部品かを示すインデックス値をｊとし、ｊに１を設定する（ステップＳＴ１１０６）。
配置時属性値設定部１０４は、ＵＩ部品候補順リスト上のｊ番目のＵＩ部品を特定する（ステップＳＴ１１０７）。
【００５０】
配置時属性値設定部１０４は、ステップＳＴ１１０７で特定したｊ番目のＵＩ部品に、ステップＳＴ１１０５で抽出した属性値設定対象ＵＩ部品のｉ番目の属性と同種の属性があるかどうかを判定する（ステップＳＴ１１０８）。具体的には、配置時属性値設定部１０４は、ＵＩ部品候補順リスト上のｊ番目のＵＩ部品の属性を抽出するよう部品属性抽出部１０５に指示し、部品属性抽出部１０５から、該当のＵＩ部品（以下、属性値抽出対象ＵＩ部品とする）の情報を入力して、該当のＵＩ部品の属性の種類の中に、属性値設定対象ＵＩ部品のｉ番目の属性の種類があるかどうかを判定する。
【００５１】
ステップＳＴ１１０８において、ｉ番目の属性と同種の属性があった場合（ステップＳＴ１１０８の“ＹＥＳ”の場合）、配置時属性値設定部１０４は、ｊ番目のＵＩ部品から特定される、属性値設定対象ＵＩ部品のｉ番目の属性と同種の属性の属性値を、属性値設定対象ＵＩ部品のｉ番目の属性の属性値に設定する（ステップＳＴ１１１１）。
【００５２】
ステップＳＴ１１０８において、ｉ番目の属性と同種の属性がない場合（ステップＳＴ１１０８の“ＮＯ”の場合）、配置時属性値設定部１０４は、ｊ＝Ｍかどうか、つまり、ＵＩ部品候補順リストの全ての全てのＵＩ部品について、ｉ番目の属性と同種の属性があるかどうかの判定処理を行ったかどうかを判定する（ステップＳＴ１１０９）。
【００５３】
ステップＳＴ１１０９において、ｊ＝Ｍではない場合（ステップＳＴ１１０９の“ＮＯ”の場合）、ＵＩ部品候補順リスト上の次のＵＩ部品について処理を行うため、ｊをインクリメントし（ステップＳＴ１１１０）、ステップＳＴ１１０７からの処理を繰り返す。
ステップＳＴ１１０９において、ｊ＝Ｍであった場合（ステップＳＴ１１０９の“ＹＥＳ”の場合）、ＵＩ部品候補順リストには、属性値設定対象ＵＩ部品のｉ番目の属性を持つＵＩ部品が存在しないと判断し、配置時属性値設定部１０４は、ステップＳＴ１１０１で取得した属性値設定対象ＵＩ部品のｉ番目の属性の初期値を配置時属性値に設定する（ステップＳＴ１１１２）。
【００５４】
配置時属性値設定部１０４は、インデックス値ｉがＮであるかどうか、つまり、属性値設定対象ＵＩ部品の全ての属性について属性値設定の処理を行ったかどうかを判定する（ステップＳＴ１１１３）。
ステップＳＴ１１１３において、ｉ＝Ｎでない場合（ステップＳＴ１１１３の“ＮＯ”の場合）、次の属性に対して配置時属性値設定の処理を行うため、ｉをインクリメントし（ステップＳＴ１１１４）、ステップＳＴ１１０５からの処理を繰り返す。
【００５５】
ステップＳＴ１１１３において、ｉ＝Ｎであった場合（ステップＳＴ１１１３の“ＹＥＳ”の場合）、属性値設定対象ＵＩ部品の全ての属性について配置時属性値設定の処理を行ったと判断し、処理終了する。
なお、ステップＳＴ１１１３，ステップＳＴ１１１４の具体的な動作は、図７のステップＳＴ６１０，ステップＳＴ６１１と同様である。
【００５６】
図１２の処理に戻る。
ステップＳＴ１００５において、配置時属性値設定部１０４が、属性値設定対象ＵＩ部品が有する属性の配置時属性値を設定すると、ＵＩ部品表示部１０６は、ステップＳＴ１００５で配置時属性値が設定されたＵＩ部品を表示するための配置時属性設定後ＵＩ部品情報を表示装置３０へ送信する（ステップＳＴ１００６）。
なお、実施の形態２においても、実施の形態１同様、表示装置３０において、表示画面の画面編集エリア上に、受信した配置時属性設定後のＵＩ部品を表示すると、ユーザは、配置されたＵＩ部品が所望の表示となっているかどうかを確認し、所望の表示でなかった場合は、ＵＩ部品をダブルクリックする等して、ＵＩ部品の属性値の編集を行う。
この場合の動作については、実施の形態１において、図１０で説明した動作と同様であるため、詳細な説明を省略する。
【００５７】
以上のように、実施の形態２によれば、表示画面上に配置済みの複数のＵＩ部品について、予め設定された条件に従って優先順位を設定し、優先順位の高いものから順に並べたＵＩ部品候補順リストを作成するＵＩ部品候補順リスト作成部１０７をさらに備え、配置時属性値設定部１０４は、属性値設定対象ＵＩ部品が有する属性と同種の属性が、ＵＩ部品候補順リストの優先順位に従って部品属性抽出部１０５が抽出したＵＩ部品が有する属性の中に存在しない場合は、属性値設定対象ＵＩ部品が有する属性の初期値を配置時属性値とし、属性値設定対象ＵＩ部品が有する属性と同種の属性が、ＵＩ部品候補順リストの優先順位に従って部品属性抽出部１０５が抽出したＵＩ部品が有する属性の中に存在する場合は、当該抽出した優先順位が高いＵＩ部品が有する属性の属性値を配置時属性値とするように構成したので、作成対象の画面に配置済みの複数のＵＩ部品に対して優先度を付与して配置時属性値を設定することができ、より効果的な配置時属性値の設定を行い、ユーザの属性値設定の手間を軽減することができる。
【００５８】
実施の形態３．
この実施の形態３では、画面編集エリアに新たにＵＩ部品を配置する際、画面編集エリアに配置されている複数のＵＩ部品について、複数のＵＩ部品それぞれが有する属性に基づき、属性に対する属性値が設定されている属性マップを作成し、属性マップに設定されている配置時属性値を参照して、属性値設定対象ＵＩ部品が有する属性の配置時属性値を設定する実施の形態について説明する。
【００５９】
図１５は、この発明の実施の形態３に係るユーザインタフェース設計装置１０の構成を示すブロック図である。
図１５において、実施の形態１の図１で説明したものと同様の構成については、同じ符号を付し、重複した説明を省略する。図１の構成とは、属性マップ作成部１０８をさらに備えた点が異なるのみである。
属性マップ作成部１０８は、部品属性抽出部１０５が抽出した、画面編集エリアに配置済みの複数のＵＩ部品が有する属性について、予め設定された条件に従って、属性の種類ごとに属性値が対応付けられた属性マップを作成する。
【００６０】
動作について説明する。
図１６は、この発明の実施の形態３に係るユーザインタフェース設計装置１０の動作を説明するフローチャートである。
図１６のステップＳＴ１３０１〜１３０３は、実施の形態１において図５のステップＳＴ４０１〜４０３で説明した動作と同様であるため、詳細な説明を省略する。
ステップＳＴ１３０３において、ＵＩ部品選択部１０３が、属性値設定対象ＵＩ部品を選択すると、属性マップ作成部１０８は、部品属性抽出部１０５が抽出した、画面編集エリアに配置済みの複数のＵＩ部品が有する属性について、予め設定された条件に従って、属性の種類ごとに属性値が対応付けられた属性マップを作成する（ステップＳＴ１３０４）。
【００６１】
ステップＳＴ１３０４の具体的な動作について、以下説明する。
例えば、図１７に示すように、表示装置３０の表示画面の画面編集エリアには、丸のＵＩ部品とテキストのＵＩ部品が配置済みの状態であり、丸のＵＩ部品は、「前景色：黒」、「背景色：グレー」、「透過率：０（％）」、「線幅：２（ｐｔ）」の属性の種類および編集時属性値を有し、テキストのＵＩ部品は、「前景色：黒」、「背景色：白」、「フォント：５（ｐｔ）」の属性の種類および編集時属性値を有するものとする。このとき、属性マップ作成部１０８は、部品属性抽出部１０５が抽出した、画面編集エリアに配置済みの全てのＵＩ部品の情報、つまり、丸のＵＩ部品とテキストのＵＩ部品の情報を入力し、まず、ランダムに丸のＵＩ部品を選択する。そして、属性マップ作成部１０８は、図１８（ａ）に示すように、丸のＵＩ部品の属性の種類に、その編集時属性値を対応付けた属性マップを作成する。さらに、属性マップ作成部１０８は、部品属性抽出部１０５が抽出した、画面編集エリアに配置済みであるもう１つのテキストのＵＩ部品の情報を選択し、同様に、テキストのＵＩ部品の属性の種類と編集時属性値が対応付けられた情報を属性マップに追加作成する。この時、テキストのＵＩ部品が有する「前景色」と「背景色」の属性については、すでに丸のＵＩ部品の属性に基づき属性マップを作成済みであるので、属性マップ作成部１０８は、「前景色」と「背景色」について、すでに作成されている属性マップの編集時属性値の値を更新し、図１８（ｂ）に示すような属性マップを作成する。
なお、画面表示エリアに初めてＵＩ部品が配置されようとしている場合、つまり、現段階で画面表示エリアに配置されているＵＩ部品が存在しない場合は、部品属性抽出部１０５はＵＩ部品の情報を抽出せず、属性マップ作成部１０８は属性マップを作成しない。
【００６２】
また、ここでは、図１７、図１８を用いて説明したように、部品属性抽出部１０５が抽出した、画面編集エリアに配置済みの全てのＵＩ部品に対して、属性マップ作成部１０８は、ランダムな順序でＵＩ部品を選択し、すでに属性マップに登録されている属性と同種類の属性については、編集時属性値の値を上書きして、属性マップを作成するようにしたが、これに限らず、属性マップ作成部１０８は、部品属性抽出部１０５から入力した配置済みの全てのＵＩ部品対して、属性の種類ごとに編集時属性値の出現回数をカウントし、最も多い属性値を属性マップに登録するようにしてもよい。例えば、「背景色」という種類の属性について、「赤」という編集時属性値が３つのＵＩ部品に対して設定されており（出現回数３回）、青が２つのＵＩ部品に対して設定されていれば（出現回数２回）、属性マップの「背景色」という種類に対応する編集時属性値には、「赤」を登録する。このとき最大出現回数が同じものが複数あればランダムに一つの値を選択して登録する、などである。なお、これらは一例であり、その他、属性マップの作成条件は適宜設定することができる。
【００６３】
図１６の処理に戻る。
配置時属性値設定部１０４は、ステップＳＴ１３０３においてＵＩ部品選択部１０３が選択した属性値設定対象ＵＩ部品の情報を入力とし、ステップＳＴ１３０４において属性マップ作成部１０８が作成した属性マップを参照して、ユーザが選択したＵＩ部品が有する属性の配置時属性値を設定する（ステップＳＴ１３０５）。
【００６４】
図１９は、この発明の実施の形態３の配置時属性値設定部１０４の動作のフローチャートである。図１９を用いて、図１６のステップＳＴ１３０５の処理を詳細に説明する。
配置時属性値設定部１０４は、属性値設定対象ＵＩ部品が有する属性の初期値を取得する（ステップＳＴ１６０１）。具体的な動作は、実施の形態１で説明した図７のステップＳＴ６０１と同様である。
配置時属性値設定部１０４は、図１６のステップＳＴ１３０４において属性マップ作成部１０８が作成した属性マップがあるかどうかを判定する（ステップＳＴ１６０２）。
ステップＳＴ１６０２において、属性マップが作成されていなかった場合（ステップＳＴ１６０２の“ＮＯ”の場合）、配置時属性値設定部１０４は、属性値設定対象ＵＩ部品の全ての属性に、ステップＳＴ１６０１で取得した初期値を設定し、ステップＳＴ１６１１にすすむ（ステップＳＴ１６０３）。具体的な動作は、図７のステップＳＴ６０３と同様である。
【００６５】
ステップＳＴ１６０２において、属性マップが作成されていた場合（ステップＳＴ１６０２の“ＹＥＳ”の場合）、配置時属性値設定部１０４は、属性値設定対象ＵＩ部品の属性に関して、制御のための数値として、属性の数をＮ、その属性のうち、何番目の属性かを示すインデックス値をｉとし、ｉに１を設定する（ステップＳＴ１６０４）。そして、配置時属性値設定部１０４は、ステップＳＴ１６０１で取得した属性値設定対象ＵＩ部品のｉ番目の属性を抽出する（ステップＳＴ１６０５）。この、ステップＳＴ１６０４，ステップＳＴ１６０５の具体的な動作は、それぞれ、図７のステップＳＴ６０４，ステップＳＴ６０６と同様である。
【００６６】
配置時属性値設定部１０４は、属性マップを参照し、ステップＳＴ１６０５で抽出した属性値設定対象ＵＩ部品のｉ番目の属性と同種の属性があるかどうかを判定する（ステップＳＴ１６０６）。
ステップＳＴ１６０６において、ｉ番目の属性と同種の属性があった場合（ステップＳＴ１６０６の“ＹＥＳ”の場合）、配置時属性値設定部１０４は、属性マップ上の、ステップＳＴ１６０５で抽出した属性値設定対象ＵＩ部品のｉ番目の属性の種類に対応する属性値を、属性値設定対象ＵＩ部品のｉ番目の属性の配置時属性値に設定する（ステップＳＴ１６０７）。
【００６７】
ステップＳＴ１６０６において、ｉ番目の属性と同種の属性がない場合（ステップＳＴ１６０６の“ＮＯ”の場合）、配置時属性値設定部１０４は、ステップＳＴ１６０１で取得した属性値設定対象ＵＩ部品のｉ番目の属性の初期値を配置時属性値に設定する（ステップＳＴ１６０８）。
配置時属性値設定部１０４は、インデックス値ｉがＮであるかどうか、つまり、属性値設定対象ＵＩ部品の全ての属性について属性値設定の処理を行ったかどうかを判定する（ステップＳＴ１６０９）。
【００６８】
ステップＳＴ１６０９において、ｉ＝Ｎでない場合（ステップＳＴ１６０９の“ＮＯ”の場合）、次の属性に対して配置時属性値設定の処理を行うため、ｉをインクリメントし（ステップＳＴ１６１０）、ステップＳＴ１６０５からの処理を繰り返す。
ステップＳＴ１６０９において、ｉ＝Ｎであった場合（ステップＳＴ１６０９の“ＹＥＳ”の場合）、属性値設定対象ＵＩ部品の全ての属性について配置時属性値設定の処理を行ったと判断し、処理終了する。
なお、ステップＳＴ１６０９，ステップＳＴ１６１０の具体的な動作は、図７のステップＳＴ６１０，ステップＳＴ６１１と同様である。
【００６９】
図１６の処理に戻る。
ステップＳＴ１３０５において、配置時属性値設定部１０４が属性値設定対象ＵＩ部品が有する属性の配置時属性値を設定すると、ＵＩ部品表示部１０６は、ステップＳＴ１３０５で配置時属性値が設定されたＵＩ部品を表示するための配置時属性設定後ＵＩ部品情報を表示装置３０へ送信する（ステップＳＴ１３０６）。
なお、実施の形態３においても、実施の形態１，２同様、表示装置３０において、表示画面の画面編集エリア上に、受信した配置時属性設定後のＵＩ部品を表示すると、ユーザは、配置されたＵＩ部品が所望の表示となっているかどうかを確認し、所望の表示でなかった場合は、ＵＩ部品をダブルクリックする等して、ＵＩ部品の属性値の編集を行う。
この場合の動作については、実施の形態１において、図１０で説明した動作と同様であるため、詳細な説明を省略する。
【００７０】
以上のように、この実施の形態３によれば、部品属性抽出部１０５が抽出した、表示画面に配置済みの複数のＵＩ部品が有する属性に基づき、予め設定された条件に従って、属性の種類ごとに属性値が対応付けられた属性マップを作成する属性マップ作成部１０８をさらに備え、配置時属性値設定部１０４は、属性値設定対象ＵＩ部品が有する属性と同種の属性が属性マップに収録されていない場合は、属性値設定対象ＵＩ部品が有する属性の初期値を配置時属性値とし、属性値設定対象ＵＩ部品が有する属性と同種の属性が、属性マップに収録されている場合は、当該収録された属性に対応付けられた表示画面に配置済みのＵＩ部品の属性値を配置時属性値とするように構成したので、より効果的な配置時属性値の設定を行い、ユーザの属性値設定の手間を軽減することができる。
【００７１】
なお、この実施の形態１〜３において、ユーザインタフェース設計装置１０がＵＩ部品格納部１０２を備えるものとしたが、これに限らず、ＵＩ部品格納部１０２は、ユーザインタフェース設計装置１０の外部に備えるものとしてもよい。
【００７２】
なお、本願発明はその発明の範囲内において、各実施の形態の自由な組み合わせ、あるいは各実施の形態の任意の構成要素の変形、もしくは各実施の形態において任意の構成要素の省略が可能である。
また、各実施の形態１〜３におけるユーザインタフェース設計装置１０の制御に用いられる各部は、ソフトウェアに基づくＣＰＵを用いたプログラム処理によって実行される。
また、各実施の形態１〜３におけるＵＩ部品格納部１０２は、ＨＤＤ、ＤＶＤ、メモリなどによって構成される。
【符号の説明】
【００７３】
１０  ユーザインタフェース設計装置、２０  入力装置、３０  表示装置、１００  入力受付部、１０１  ＵＩ部品提示部、１０２  ＵＩ部品格納部、１０３  ＵＩ部品選択部、１０４  配置時属性値設定部、１０５  部品属性抽出部、１０６  ＵＩ部品表示部、１０７  ＵＩ部品候補順リスト作成部、１０８  属性マップ作成部、１０９  編集時属性値設定部。
【図１】
2015165372.tif 000003
【図２】
2015165372.tif 000004
【図３】
2015165372.tif 000005
【図４】
2015165372.tif 000006
【図５】
2015165372.tif 000007
【図６】
2015165372.tif 000008
【図７】
2015165372.tif 000009
【図８】
2015165372.tif 000010
【図９】
2015165372.tif 000011
【図１０】
2015165372.tif 000012
【図１１】
2015165372.tif 000013
【図１２】
2015165372.tif 000014
【図１３】
2015165372.tif 000015
【図１４】
2015165372.tif 000016
【図１５】
2015165372.tif 000017
【図１６】
2015165372.tif 000018
【図１７】
2015165372.tif 000019
【図１８】
2015165372.tif 000020
【図１９】
2015165372.tif 000021