JP5910510B2 - ＵＩ（ＵｓｅｒＩｎｔｅｒｆａｃｅ）作成支援装置、ＵＩ作成支援方法及びプログラム - Google Patents

Description

本発明は、ＵＩ作成支援装置、ＵＩ作成支援方法及びプログラムに関する。

ＵＩ画面の設計者は、ＵＩ画面を使用するユーザ（以下、「想定ユーザ」）を把握し、当該想定ユーザに適したＵＩ画面を設計する必要があるが、想定ユーザに適したＵＩ画面を設計することは容易でない。

特許文献１には、ユーザに応じてＵＩ画面に配置する部品を取捨選択し、選択した部品のみを配置した当該ユーザ用のＵＩ画面を生成する技術が開示されている。具体的には、ユーザのシステムに対する習熟度が低い場合、ＵＩ画面に表示する部品を少なくするとともに、容易に操作できるＧＵＩ部品を表示し、ユーザのシステムに対する習熟度が上がると、ＵＩ画面に表示する部品を追加していく技術が開示されている。

特許文献２には、ユーザからヘルプ情報の要求があった場合にヘルプ情報を提供する機能を有するシステムにおいて、ユーザに応じて提供するヘルプ情報を取捨選択し、選択したヘルプ情報のみを表示部に表示する技術が開示されている。

特許文献３には、ＵＩの設定を自動で変更可能に構成したデータ処理装置であって、ユーザの操作能力に応じて、ツールバーのアイコン表示の大きさを変更したり、表示するメニューを取捨選択したりするデータ処理装置が記載されている。

特許文献４には、ユーザごと、及び装置に表示される画面ごとに、文字の拡大表示等のユーザサポートが必要か不要かを登録しておき、当該登録情報に基づいて、各ユーザ用のＵＩ画面を作成するＵＩ装置が記載されている。なお、ユーザサポートとしては、文字の拡大表示のほか、音声ガイドや、色盲者用モノクロ画面等の表示が記載されている。

特開２００４−３５５４１８号公報 特開２００１−１１７６８８号公報 特開２００４−２１５８０号公報 特開２００７−４４４４号公報

ＵＩ画面の操作性は、データ入力などの処理効率及び正確性等に影響するため、ユーザにとって扱いやすいＵＩ画面に設計することは重要である。本発明者らは、ＵＩ画面に表示される情報の種類及び量などが、ＵＩ画面の操作性に影響を及ぼすこと、及び、その影響はユーザによって異なることを見出した。

ＵＩ画面の操作性を向上させる手段としては、特許文献１、２及び３に記載の技術のように、想定ユーザに応じて、ＵＩ画面に表示する情報を取捨選択する手段が考えられる。しかし、ＵＩ画面に残す情報、及び、ＵＩ画面から削除する情報の選択は難しく、当該選択を誤ると、扱いにくいＵＩ画面となってしまう。なお、特許文献４に記載の技術は、ＵＩ画面に表示する情報を取捨選択するようには構成されていない。

そこで、本発明では、想定ユーザに応じてＵＩ画面に表示する情報を適切に取捨選択して、当該想定ユーザに適したＵＩ画面の構成を決定する技術を提供することを課題とする。

本発明によれば、複数の項目の入力を受付けるＵＩ（User Interface）画面を作成するための支援を行うＵＩ作成支援装置であって、前記ＵＩ画面に、前記複数の項目各々の入力を受付けるためのＧＵＩ（Graphical User Interface）部品と、前記ＧＵＩ部品に対応付けて表示する前記複数の項目各々に関する情報である項目関連情報とを配置し、前記ＵＩ画面を使用する想定ユーザに応じて、前記ＵＩ画面に配置する前記項目関連情報の量を変更して、前記想定ユーザ用の前記ＵＩ画面の構成を決定するＵＩ構成決定手段を有し、前記項目関連情報は、前記複数の項目各々を識別するための項目識別情報を下位層とし、前記項目識別情報を分類したグループからなる上位層を少なくとも１つ備えた階層構造を有し、前記ＵＩ構成決定手段は、前記ＵＩ画面に前記項目識別情報を配置するとともに、前記想定ユーザに応じて、前記ＵＩ画面に配置する前記上位層の情報の量を変更するＵＩ作成支援装置が提供される。

また、本発明によれば、複数の項目の入力を受付けるＵＩ画面を作成するための支援を行うＵＩ作成支援方法であって、前記ＵＩ画面に、前記複数の項目各々の入力を受付けるためのＧＵＩ部品と、前記ＧＵＩ部品に対応付けて表示する前記複数の項目各々に関する情報である項目関連情報とを配置し、前記ＵＩ画面を使用する想定ユーザに応じて、前記ＵＩ画面に配置する前記項目関連情報の量を変更して、前記想定ユーザ用の前記ＵＩ画面の構成を決定するＵＩ構成決定ステップを有し、前記項目関連情報は、前記複数の項目各々を識別するための項目識別情報を下位層とし、前記項目識別情報を分類したグループからなる上位層を少なくとも１つ備えた階層構造を有し、前記ＵＩ構成決定ステップでは、前記ＵＩ画面に前記項目識別情報を配置するとともに、前記想定ユーザに応じて、前記ＵＩ画面に配置する前記上位層の情報の量を変更するＵＩ作成支援方法が提供される。

また、本発明によれば、複数の項目の入力を受付けるＵＩ画面を作成するための支援を行うプログラムであって、コンピュータを、前記ＵＩ画面に、前記複数の項目各々の入力を受付けるためのＧＵＩ部品と、前記ＧＵＩ部品に対応付けて表示する前記複数の項目各々に関する情報である項目関連情報とを配置し、前記ＵＩ画面を使用する想定ユーザに応じて、前記ＵＩ画面に配置する前記項目関連情報の量を変更して、前記想定ユーザ用の前記ＵＩ画面の構成を決定するＵＩ構成決定手段として機能させ、前記項目関連情報は、前記複数の項目各々を識別するための項目識別情報を下位層とし、前記項目識別情報を分類したグループからなる上位層を少なくとも１つ備えた階層構造を有し、前記ＵＩ構成決定手段は、前記ＵＩ画面に前記項目識別情報を配置するとともに、前記想定ユーザに応じて、前記ＵＩ画面に配置する前記上位層の情報の量を変更するプログラムが提供される。

本発明によれば、想定ユーザに応じてＵＩ画面に表示する情報を適切に取捨選択して、当該想定ユーザに適したＵＩ画面の構成を決定することが可能となる。

上述した目的、および、その他の目的、特徴および利点は、以下に述べる好適な実施の形態、および、それに付随する以下の図面によって、さらに明らかになる。
本実施形態のＵＩ作成支援装置の機能ブロック図の一例である。 本実施形態のＵＩ作成支援装置により実現されるＵＩ画面の一例である。 本実施形態のＵＩ作成支援装置により実現されるＵＩ画面の一例である。 本実施形態のＵＩ作成支援装置により実現されるＵＩ画面の一例である。 本実施形態のＵＩ部品保持部の構成の一例である。 本実施形態のＵＩ作成支援方法の処理の流れの一例を説明するためのフローチャートである。 本実施形態のＵＩ作成支援装置により実現されるＵＩ画面の一例である。 本実施形態のＵＩ作成支援装置により実現されるＵＩ画面の一例である。 本実施形態のＵＩ作成支援装置により実現されるＵＩ画面の一例である。 本実施形態のＵＩ作成支援装置により実現されるＵＩ画面の一例である。 本実施形態のＵＩ作成支援装置により実現されるＵＩ画面の一例である。 本実施形態のＵＩ作成支援装置により実現されるＵＩ画面の一例である。 本実施形態のＵＩ作成支援装置により実現されるＵＩ画面の一例である。 本実施形態のＵＩ作成支援装置により実現されるＵＩ画面の一例である。 本実施形態のＵＩ作成支援装置により実現されるＵＩ画面の一例である。 本実施形態のＵＩ作成支援装置により実現されるＵＩ画面の一例である。 本実施形態のＵＩ作成支援装置により実現されるＵＩ画面の一例である。 本実施形態のＵＩ作成支援装置により実現されるＵＩ画面の一例である。

以下、本発明の実施の形態について図面を用いて説明する。

なお、本実施形態の各部は、任意のコンピュータのＣＰＵ、メモリ、メモリにロードされたプログラム（あらかじめ機器を出荷する段階からメモリ内に格納されているプログラムのほか、ＣＤ等の記憶媒体やインターネット上のサーバ等からダウンロードされたプログラムも含む）、そのプログラムを格納するハードディスク等の記憶ユニット、ネットワーク接続用インタフェースを中心にハードウエアとソフトウエアの任意の組合せによって実現される。そして、その実現方法、機器にはいろいろな変形例があることは、当業者には理解されるところである。

また、本実施形態の説明において利用する機能ブロック図は、ハードウエア単位ではなく、機能単位のブロックを示している。これらの図においては、本実施形態の各装置は１つの機器により実現されるよう記載されているが、その実現手段はこれに限定されない。すなわち、物理的に分かれた構成であっても、論理的に分かれた構成であっても構わない。

＜第１の実施形態＞
図１は、本実施形態のＵＩ作成支援装置１の構成の一例を示す機能ブロック図を示す。図示するように、本実施形態のＵＩ作成支援装置１は、ＵＩ構成決定部１０を有する。本実施形態のＵＩ作成支援装置１は、その他、入力受付部２０、ＵＩ部品保持部３０、ＵＩ作成部４０及び出力部５０を有してもよい。

ＵＩ作成支援装置１は、複数の項目の入力を受付けるＵＩ画面を作成するための支援を行う。複数の項目の入力を受付けるＵＩ画面においては、例えば図２に示すように、各項目に対応したＧＵＩ（Graphical User Interface）部品（テキストボックス、ラジオボタン、ドロップダウンリスト等）が表示されるほか、各ＧＵＩ部品に対応付けて、各項目に関する情報（以下、「項目関連情報」）が表示される。

本実施形態における「項目関連情報」は、複数の項目各々を識別するための項目識別情報と、項目識別情報を分類したグループを識別する情報とを含む。すなわち、項目関連情報は、項目識別情報を下位層とし、項目識別情報を分類したグループからなる上位層を少なくとも１つ備えた階層構造を有する。

図２に示す例においては、項目識別情報として、品名、品番、品種、購入先コードなどが表示されている。そして、項目識別情報を分類したグループを識別する情報として、基本情報、要求者情報、要求部門、資材部門、社員情報、要求情報、購入先などが表示されている。そして、ＵＩ画面の左上に位置するテキストボックスには、「■基本情報」、「◆要求部門」、「要求情報」及び「品名」の４つの項目関連情報が対応付けられている。また、その右に位置するテキストボックスには、「■基本情報」、「◆要求部門」、「要求情報」及び「品番」の４つの項目関連情報が対応付けられている。

ＵＩ画面を操作するユーザは、ＵＩ画面に表示された項目関連情報に基づいて、各ＧＵＩ部品を操作して入力すべき内容を把握し、所定の情報を入力することとなる。

図５に、図２のＵＩ画面に表示されている項目関連情報の一例を示す。図５に示す例においては、「項目名」の欄に、項目識別情報が記載されている。「内容」の欄には、各項目名に対応付けてＵＩ画面に表示されるＧＵＩ部品の種類が記載されている。そして、「分類１」〜「分類３」の欄には、項目識別情報を分類したグループからなる上位層が記載されている。図５に示す例においては、項目関連情報は３つの上位層を有している。

ここで、当該ＵＩ画面から情報の入力を受付けるサービスの習熟度が高いユーザ、特に当該ＵＩ画面から情報を入力する作業の習熟度が高いユーザは、ＵＩ画面に多くの項目関連情報が表示されていなくても、各ＧＵＩ部品を操作して入力すべき内容を容易に把握することができると考えられる。むしろ、不要な項目関連情報がＵＩ画面に表示される事でＵＩ画面が大きくなり、不要なスクロール表示操作を行わなければいけなくなるなどの不利益をもたらし、処理効率の低下を招く恐れがあると考えられる。

一方、当該ＵＩ画面から情報の入力を受付けるサービスの習熟度が低いユーザ、特に当該ＵＩ画面から情報を入力する作業の習熟度が低いユーザは、ＵＩ画面に多くの項目関連情報が表示されている方が、各ＧＵＩ部品を操作して入力すべき内容を把握し易いと考えられる。例えば、図２に示すように複数の項目が階層的な情報とともに表示されている場合、ユーザは階層情報を利用して複数の項目をグループ分けし、段階的に入力作業を行うことが可能となり、結果、処理効率及び正確性の向上が期待できると考えられる。

そこで、本実施形態のＵＩ作成支援装置１は、想定ユーザに応じてＵＩ画面に表示する項目関連情報の量を変更して、想定ユーザ用のＵＩ画面の構成を決定するよう構成されている。以下、このような構成を実現する各部について説明する。

ＵＩ構成決定部１０は、想定ユーザに応じて、ＵＩ画面の構成を決定する。具体的には、ＵＩ構成決定部１０は、ＵＩ画面に、複数の項目各々の入力を受付けるためのＧＵＩ部品と、ＧＵＩ部品に対応付けて表示する項目関連情報とを配置したＵＩ画面の構成を決定する。ＵＩ画面に配置されるＧＵＩ部品の種類及び数、また、項目関連情報の内容は特段制限されず、ＵＩ画面の使用場面、用途等に基づいて決定することができる設計的事項である。

また、ＵＩ構成決定部１０は、ＵＩ画面を使用する想定ユーザに応じて、ＵＩ画面に配置する項目関連情報の量を変更して、想定ユーザ用のＵＩ画面の構成を決定する。

例えば、ＵＩ画面が所定のサービスに関する情報の入力を行うためのＵＩ画面であって、想定ユーザの当該所定のサービスの習熟度、特に当該ＵＩ画面から情報を入力する作業の習熟度が低い場合には、ＵＩ構成決定部１０は、当該想定ユーザ用のＵＩ画面として、配置する項目関連情報の量が多いＵＩ画面の構成を決定する。一方、想定ユーザの当該所定のサービスの習熟度、特に当該ＵＩ画面から情報を入力する作業の習熟度が高い場合には、ＵＩ構成決定部１０は、当該想定ユーザ用のＵＩ画面として、配置する項目関連情報の量が少ないＵＩ画面の構成を決定する。

ここで、図２乃至４に、ＵＩ構成決定部１０が想定ユーザに応じて、ＵＩ画面に配置する項目関連情報の量を変更して決定したＵＩ画面の構成例を示す。

図２乃至４は、図５に示す項目関連情報及びＧＵＩ部品を配置したＵＩ画面である。上述の通り、図５に示す項目関連情報は、「項目名」の欄に記載された項目識別情報と、「分類１」〜「分類３」の欄に記載されている項目識別情報を分類したグループを識別する情報とを有する。そして、項目関連情報は、項目識別情報を下位層とし、「分類１」〜「分類３」の欄に記載されているグループを上位層とした階層構造を有する。なお、上位層は少なくとも１つあればよく、その数は設計的事項である。また、項目識別情報をどのように分類するかについても設計的事項である。

図２に示すＵＩ画面においては、項目識別情報のほか、「分類１」〜「分類３」の全ての上位層が表示されている。ＵＩ構成決定部１０は、上記所定のサービスの習熟度、特に当該ＵＩ画面から情報を入力する作業の習熟度が低い第１の想定ユーザ用のＵＩ画面として、図２に示すような上位層の全てを表示したＵＩ画面の構成を決定することができる。

図３に示すＵＩ画面においては、項目識別情報のほか、「分類１」及び「分類２」の２つの上位層が表示されている。ＵＩ構成決定部１０は、第１の想定ユーザよりも上記習熟度が高い第２の想定ユーザ用のＵＩ画面として、図３に示すようなＵＩ画面の構成を決定することができる。

図４に示すＵＩ画面においては、項目識別情報のほか、「分類１」の上位層のみが表示されている。ＵＩ構成決定部１０は、第２の想定ユーザよりも上記習熟度が高い第３の想定ユーザ用のＵＩ画面として、図４に示すようなＵＩ画面の構成を決定することができる。

また、ＵＩ構成決定部１０は、第３の想定ユーザよりも上記習熟度が高い第４の想定ユーザ用のＵＩ画面として、図示しないが、項目関連情報として項目識別情報のみを表示し、上位層を全く表示しないＵＩ画面の構成を決定することもできる。

このように、ＵＩ構成決定部１０は、項目関連情報として、各ＧＵＩ部品に対応付けて項目識別情報をＵＩ画面上に配置するとともに、想定ユーザに応じて、ＵＩ画面上に配置する上位層の情報の量を変更して、当該想定ユーザ用のＵＩ画面の構成を決定することができる。すなわち、ＵＩ構成決定部１０は、想定ユーザに応じて、ＵＩ画面上に配置する上位層を決定して、当該想定ユーザ用のＵＩ画面の構成を決定することができる。

図１に戻り、入力受付部２０は、想定ユーザの属性を示す情報の入力をユーザから受付ける。想定ユーザの属性を示す情報は、例えば、「ＵＩ画面から情報の入力を受付けるサービスの習熟度を示す情報」であってもよいし、または、「ＵＩ画面から情報を入力する作業の習熟度を示す情報」であってもよい。これらの情報は、例えば、想定ユーザの習熟度を点数化（例：５段階評価）した情報などであってもよい。かかる場合、入力受付部２０は、ユーザから想定ユーザの習熟度を示す点数の入力を直接受け付けても良いし、または、想定ユーザの習熟度を示す点数を算出するための情報の入力を受付けてもよい。想定ユーザの習熟度を示す点数を算出するための情報は、想定ユーザの性別、年齢、サービス使用期間、職業などの想定ユーザに関する情報であってもよい。入力受付部２０は入力を受付けたこのような情報を基に、予め保持している所定の算出ルールを利用して、想定ユーザの習熟度を示す点数を算出しても良い。入力受付部２０が上述のような情報の入力を受付ける手段は特段制限されず、キーボード、マウス、タッチパネルディスプレイ等のあらゆる入力装置を利用して、実現することができる。

入力受付部２０が入力を受付けた想定ユーザの属性を示す情報は、ＵＩ構成決定部１０に渡される。そして、ＵＩ構成決定部１０は、取得した想定ユーザの属性を示す情報に基づき、想定ユーザに応じたＵＩ画面の構成、例えば、ＵＩ画面上に配置する上位層を決定する。例えば、ＵＩ構成決定部１０は、想定ユーザの習熟度を示す情報（例：点数）と、ＵＩ画面上に配置する上位層を識別する情報とを対応付けた情報を予め保持しておき、当該情報を利用して、想定ユーザに応じたＵＩ画面の構成を決定してもよい。

ＵＩ部品保持部３０は、ＵＩ画面に配置されるＧＵＩ部品及び項目関連情報を示すデータを保持する。例えば、ＵＩ部品保持部３０は、図５に示すようなデータを保持する。

ＵＩ作成部４０は、ＵＩ部品保持部３０が保持するデータを利用し、ＵＩ構成決定部１０が決定したＵＩ画面の構成に従い、ＧＵＩ部品、及び、所定の項目関連情報を配置して、ＵＩ画面を作成する。所定の項目関連情報とは、項目識別情報と、ＵＩ構成決定部１０がＵＩ画面上に配置すると決定した上位層の情報である。結果、図２乃至４に示すようなＵＩ画面が得られる。

出力部５０は、ＵＩ作成部４０が作成したＵＩ画面を、例えばディスプレイ等の出力装置を介して出力する。結果、ユーザは、図２乃至４に示すようなＵＩ画面を確認することが可能となる。

次に、本実施形態のＵＩ作成支援方法の処理の流れの一例を、図６のフローチャートを用いて説明する。

図６のフローチャートに示すように、本実施形態のＵＩ作成支援方法は、入力受付ステップＳ１０と、ＵＩ構成決定ステップＳ２０と、ＵＩ作成ステップＳ３０と、出力ステップＳ４０とを有する。

入力受付ステップＳ１０では、入力受付部２０が、想定ユーザの属性を示す情報の入力をユーザから受付ける。例えば、入力受付部２０は、「ＵＩ画面から情報の入力を受付けるサービスにおける想定ユーザの習熟度を示す情報」（例：５段階評価）の入力を受付ける。

ＵＩ構成決定ステップＳ２０では、ＵＩ構成決定部１０が、Ｓ１０で入力受付部２０が取得した情報に基づき、想定ユーザ用のＵＩ画面の構成を決定する。具体的には、ＵＩ構成決定部１０は、ＧＵＩ部品と、当該ＧＵＩ部品に対応付けて表示する項目関連情報とを配置したＵＩ画面の構成を決定する。この時、ＵＩ構成決定部１０は、想定ユーザに応じて、配置する項目関連情報の量を変更して、想定ユーザ用のＵＩ画面の構成を決定する。

ＵＩ作成ステップＳ３０では、ＵＩ作成部４０が、ＵＩ部品保持部３０が保持するＧＵＩ部品及び項目関連情報を示すデータを利用し、Ｓ２０でＵＩ構成決定部１０が決定したＵＩ画面の構成に従い、ＵＩ画面を作成する。

出力ステップＳ４０では、出力部５０が、Ｓ３０でＵＩ作成部４０が作成したＵＩ画面を、例えばディスプレイを介して出力する。結果、ユーザは、例えば図２乃至４に示すようなＵＩ画面を視認することができる。

その後、例えば、ユーザからＳ４０で出力したＵＩ画面の構成を保存する入力を受付け、当該入力に従い、当該ＵＩ画面の構成を示す情報を保存してもよい。当該ＵＩ画面の構成を示す情報は、ＧＵＩ部品及び項目関連情報を配置したＵＩ画面のデータそのものであってもよいし、Ｓ２０でＵＩ構成決定部１０が決定したＵＩ画面の構成を示す情報であってもよい。

なお、本実施形態のＵＩ作成支援装置１は、例えば、以下のプログラムをコンピュータにインストールすることで、実現することができる。
複数の項目の入力を受付けるＵＩ画面を作成するための支援を行うプログラムであって、
コンピュータを、
前記ＵＩ画面に、前記複数の項目各々の入力を受付けるためのＧＵＩ部品と、前記ＧＵＩ部品に対応付けて表示する前記複数の項目各々に関する情報である項目関連情報とを配置し、前記ＵＩ画面を使用する想定ユーザに応じて、前記ＵＩ画面に配置する前記項目関連情報の量を変更して、前記想定ユーザ用の前記ＵＩ画面の構成を決定するＵＩ構成決定手段として機能させるためのプログラム。

本実施形態によれば、想定ユーザに応じてＵＩ画面に表示する情報を適切に取捨選択して、当該想定ユーザに適したＵＩ画面の構成を決定することができる。

＜第２の実施形態＞
本実施形態は、想定ユーザに応じて、ＵＩ画面上におけるＧＵＩ部品及び項目関連情報の表示密度（配置密度）を変更する構成をさらに有する点で、第１の実施形態の構成と異なる。その他の構成については、第１の実施形態と同様である。以下、ＧＵＩ部品及び項目関連情報をまとめて、ＵＩ部品という。

本実施形態のＵＩ作成支援装置１の構成の一例を示す機能ブロック図は第１の実施形態と同様である。すなわち、図１に示すように、本実施形態のＵＩ作成支援装置１は、ＵＩ構成決定部１０を有する。また、本実施形態のＵＩ作成支援装置１は、その他、入力受付部２０、ＵＩ部品保持部３０、ＵＩ作成部４０及び出力部５０を有してもよい。

以下、ＵＩ構成決定部１０及びＵＩ作成部４０の構成について説明する。なお、入力受付部２０、ＵＩ部品保持部３０及び出力部５０の構成については、第１の実施形態と同様であるので、ここでの説明は省略する。

ＵＩ構成決定部１０は、ＵＩ画面を使用する想定ユーザに応じて、ＵＩ画面上におけるＵＩ部品の表示密度を変更する。結果、ディスプレイに同時に表示されるＵＩ部品の数が変更する。

例えば、ＵＩ画面が所定のサービスに関する情報の入力を行うためのＵＩ画面であって、想定ユーザの当該所定のサービスの習熟度、特に当該ＵＩ画面から情報を入力する作業の習熟度が低い場合には、ＵＩ構成決定部１０は、ＵＩ部品の表示密度が小さいＵＩ画面の構成を、当該想定ユーザ用のＵＩ画面として決定する。このようにすれば、ディスプレイに同時に表示される情報の量が少なくなる。結果、ＵＩ画面を操作しているユーザは表示されている情報を容易に理解し、処理効率や正確性を向上させることができる。

一方、ＵＩ画面が所定のサービスに関する情報の入力を行うためのＵＩ画面であって、想定ユーザの当該所定のサービスの習熟度、特に当該ＵＩ画面から情報を入力する作業の習熟度が高い場合には、ＵＩ構成決定部１０は、ＵＩ部品の表示密度が大きいＵＩ画面の構成を、当該想定ユーザ用のＵＩ画面として決定する。このようにすれば、ディスプレイに同時に表示される情報の量が多くなるが、ＵＩ画面の大きさを小さくすることができる。かかる場合、スクロール表示操作の量を減らすことができる。特に、ディスプレイに同時にＵＩ画面の全てが表示されるような場合には、スクロール表示操作は不要となる。結果、ＵＩ画面を介した所定の情報の入力の処理効率を向上させることができる。

ＵＩ画面上におけるＵＩ部品の表示密度の変更は、例えば、ＵＩ画面上におけるＵＩ部品の配置ルールを変更することで実現することができる。ＵＩ構成決定部１０は、想定ユーザに応じて、ＵＩ画面上におけるＵＩ部品の配置ルールを決定することで、当該想定ユーザ用のＵＩ画面の構成を決定してもよい。

上記ＵＩ部品の配置ルールの内容は特段制限されないが、例えば、ＵＩ画面上において、同一行に配置することができるＵＩ部品の最大数を定めたルール、ＵＩ画面上におけるＵＩ部品間の行方向の間隔を定めたルール、ＵＩ部品間の列方向の間隔を定めたルール、ＵＩ部品間の行及び列方向の間隔を定めたルール、ここで列記した複数のルールの中の少なくとも２つを組み合わせたルールなどであってもよい。各ルールにおける具体的な値は設計的事項であり、例えば、ＵＩ構成決定部１０は、予め定められた複数の候補値の中から想定ユーザに応じて１つの値を選択するようにしてもよい。なお、ここで例示した配置ルールはあくまで一例であり、ＵＩ部品の表示密度を変更することができる内容であれば、その他の内容であっても構わない。

ここで、図７乃至９に、異なる配置ルールに従い複数のＵＩ部品を配置したＵＩ画面の例を示す。図７乃至９に示すＵＩ画面は、ディスプレイに表示された状態を示している。

図７に示すＵＩ画面は、ディスプレイに同時にＵＩ画面の全てが表示されるＵＩ画面（以下、「第１のＵＩ画面」）である。すなわち、図７に示す第１のＵＩ画面においては、スクロールバーが表示されていない。ＵＩ構成決定部１０は、想定ユーザに応じて、図７に示す第１のＵＩ画面のように、ディスプレイに同時にＵＩ画面の全てが表示されるような配置ルールを決定することができる。なお、第１のＵＩ画面の配置ルールは、ディスプレイに同時にＵＩ画面の全てが表示される構成を実現できるものであればよく、その詳細は特段制限されない。

図８及び９に示すＵＩ画面は、ＵＩ部品の表示密度を、第１のＵＩ画面におけるＵＩ部品の表示密度よりも小さくしたＵＩ画面（以下、「第２のＵＩ画面」）である。図８及び９に示す第２のＵＩ画面は、スクロールバーを操作して、スクロール表示するよう構成されている。

図８及び９に示す第２のＵＩ画面の配置ルールは、図７に示す第１のＵＩ画面の配置ルールに比べて、同一行に配置可能なＵＩ部品の最大数が少なくなっている。結果、図８及び図９に示す第２のＵＩ画面は、図７に示す第１のＵＩ画面と比べて、ＵＩ部品の表示密度が小さくなり、ディスプレイに同時に表示されるＵＩ部品の数が少なくなっている。なお、図９に示す第２のＵＩ画面は、図８に示す第２のＵＩ画面と比べてＵＩ部品の表示密度が小さく、ディスプレイに同時に表示されるＵＩ部品の数が少なくなっている。すなわち、図９に示す第２のＵＩ画面の配置ルールは、図８に示す第２のＵＩ画面の配置ルールに比べて、同一行に配置可能なＵＩ部品の最大数が少なくなっている。

ＵＩ構成決定部１０は、想定ユーザに応じて、図８及び９に示す第２のＵＩ画面のように、ＵＩ部品の表示密度が、第１のＵＩ画面におけるＵＩ部品の表示密度よりも小さくなるような配置ルールを決定することができる。なお、第２のＵＩ画面の配置ルールは、ＵＩ部品の表示密度が第１のＵＩ画面におけるＵＩ部品の表示密度よりも小さくなる構成を実現できるものであればよく、図８及び９を用いて説明した配置ルールは一例である。

本実施形態のＵＩ構成決定部１０は、想定ユーザに応じて、第１の実施形態で説明したようにＵＩ画面に配置する項目関連情報の量を変更するとともに、上述のようにＵＩ画面上におけるＵＩ部品の表示密度を変更して、当該想定ユーザ用のＵＩ画面の構成を決定する。

そして、本実施形態のＵＩ作成部４０は、ＵＩ部品保持部３０が保持するＵＩ部品を利用し、ＵＩ構成決定部１０が決定したＵＩ画面の構成に従い、ＵＩ部品を配置してＵＩ画面を作成する。

本実施形態のＵＩ作成支援方法の処理の流れは、第１の実施形態に準じて実現することができる。よって、ここでの説明は省略する。

本実施形態によれば、第１の実施形態と同様の作用効果を実現することができる。また、本実施形態によれば、想定ユーザに応じてディスプレイに同時に表示される情報の量を変更することで、想定ユーザに適したＵＩ画面の構成を決定することが可能となる。

＜第３の実施形態＞
本実施形態は、想定ユーザに応じて、ＵＩ画面を複数のページに分割し、ＵＩ部品を複数のページに分けて表示する構成をさらに有する点で、第１及び第２の実施形態の構成と異なる。その他の構成については、第１及び第２の実施形態と同様である。

本実施形態のＵＩ作成支援装置１の構成の一例を示す機能ブロック図は第１及び第２の実施形態と同様である。すなわち、図１に示すように、本実施形態のＵＩ作成支援装置１は、ＵＩ構成決定部１０を有する。また、本実施形態のＵＩ作成支援装置１は、その他、入力受付部２０、ＵＩ部品保持部３０、ＵＩ作成部４０及び出力部５０を有してもよい。

以下、ＵＩ構成決定部１０及びＵＩ作成部４０の構成について説明する。なお、入力受付部２０、ＵＩ部品保持部３０及び出力部５０の構成については、第１及び第２の実施形態と同様であるので、ここでの説明は省略する。

ＵＩ構成決定部１０は、第２の実施形態と同様、想定ユーザに応じて、図７に示すようなディスプレイに同時にＵＩ画面の全てが表示される第１のＵＩ画面の構成を、当該想定ユーザ用のＵＩ画面の構成として決定することができる。

また、ＵＩ構成決定部１０は、想定ユーザに応じて、ＵＩ画面を複数のページに分割し、複数のページを順次ディスプレイに表示する表示手法を備えたＵＩ画面（以下、「第３のＵＩ画面」）の構成を決定する。すなわち、ＵＩ部品を複数のページに分けて配置し、ＵＩ部品が所定数ずつ順次ディスプレイに配置されるようにする。結果、ディスプレイに同時に表示されるＵＩ部品の数が変更する。

例えば、ＵＩ画面が所定のサービスに関する情報の入力を行うためのＵＩ画面であって、想定ユーザの当該所定のサービスの習熟度、特に当該ＵＩ画面から情報を入力する作業の習熟度が低い場合には、ＵＩ構成決定部１０は、ＵＩ画面をより多くのページに分割した構成を、当該想定ユーザ用のＵＩ画面として決定する。このようにすれば、ディスプレイに同時に表示される情報の量が少なくなる。結果、ＵＩ画面を操作しているユーザは、表示されている情報を容易に理解し、処理効率や正確性を向上させることができる。

一方、ＵＩ画面が所定のサービスに関する情報の入力を行うためのＵＩ画面であって、想定ユーザの当該所定のサービスの習熟度、特に当該ＵＩ画面から情報を入力する作業の習熟度が高い場合には、ＵＩ構成決定部１０は、ＵＩ画面をより少ないページに分割した構成、例えば１つのページのみからなるＵＩ画面の構成を、当該想定ユーザ用のＵＩ画面として決定する。このようにすれば、ディスプレイに同時に表示される情報の量が多くなるが、ページを切り替える操作の量を減らすことができる。特に、ＵＩ画面を１つのページのみで構成した場合、ページを切り替える操作は不要となる。結果、ＵＩ画面を介した所定の情報の入力の処理効率を向上させることができる。

なお、ＵＩ画面をいくつのページに分割するか、また、ＵＩ画面に配置するＵＩ部品をどのように各ページに振り分けるかは設計的事項である。

ここで、図１０（ａ）乃至（ｃ）及び１１（ａ）乃至（ｆ）に、第３のＵＩ画面の構成の例を示す。図１０（ａ）乃至（ｃ）に示す３つのページにより、図７に示す第１のＵＩ画面に相当するＵＩ画面が構成されている。また、図１１（ａ）乃至（ｆ）に示す６つのページにより、図７に示す第１のＵＩ画面に相当するＵＩ画面が構成されている。

図１０（ａ）乃至（ｃ）に示す第３のＵＩ画面は、図７に示す第１のＵＩ画面を「基本情報」、「要求者情報」、「納入先担当者情報」という分類１（図５参照）の情報単位で分割し、各々を１つのページに表示している。これら複数のページは、各ページに設けられた「次へ」、「前へ」のボタンの入力に応じて、所定の順にディスプレイに表示される。なお、図１０（ａ）乃至（ｃ）に示す第３のＵＩ画面におけるＵＩ部品の配置の仕方、すなわち一行に配置されるＵＩ部品の数やＵＩ部品間の間隔等は、図７に示す第１のＵＩ画面と同じ構成になっているが、第２の実施形態に準じて変更することも可能である。

図１１（ａ）乃至（ｆ）に示す第３のＵＩ画面は、図１０（ａ）乃至（ｃ）に示すＵＩ画面の各ページをさらに２つのページに分割している。これら複数のページも同様に、各ページに設けられた「次へ」、「前へ」のボタンの入力に応じて、所定の順にディスプレイに表示される。なお、図１１（ａ）乃至（ｆ）に示す第３のＵＩ画面におけるＵＩ部品の配置の仕方、すなわち一行に配置されるＵＩ部品の数やＵＩ部品間の間隔等は、図７に示す第１のＵＩ画面と同じ構成になっているが、第２の実施形態に準じて変更することも可能である。

本実施形態のＵＩ構成決定部１０は、想定ユーザに応じて、第１の実施形態で説明したようにＵＩ画面に配置する項目関連情報の量を変更するとともに、上述のようにＵＩ画面のページを変更して、当該想定ユーザ用のＵＩ画面の構成を決定する。また、本実施形態のＵＩ構成決定部１０は、さらに、第２の実施形態で説明したように、想定ユーザに応じて、ＵＩ画面上におけるＵＩ部品の表示密度を変更して、当該想定ユーザ用のＵＩ画面の構成を決定することができる。

そして、本実施形態のＵＩ作成部４０は、ＵＩ部品保持部３０が保持するＵＩ部品を利用し、ＵＩ構成決定部１０が決定したＵＩ画面の構成に従い、ＵＩ部品を配置してＵＩ画面を作成する。

本実施形態のＵＩ作成支援方法の処理の流れは、第１の実施形態に準じて実現することができる。よって、ここでの説明は省略する。

本実施形態によれば、第１及び第２の実施形態と同様の作用効果を実現することができる。
以下、参考形態の例を付記する。
１． 複数の項目の入力を受付けるＵＩ（User Interface）画面を作成するための支援を行うＵＩ作成支援装置であって、
前記ＵＩ画面に、前記複数の項目各々の入力を受付けるためのＧＵＩ（Graphical User Interface）部品と、前記ＧＵＩ部品に対応付けて表示する前記複数の項目各々に関する情報である項目関連情報とを配置し、前記ＵＩ画面を使用する想定ユーザに応じて、前記ＵＩ画面に配置する前記項目関連情報の量を変更して、前記想定ユーザ用の前記ＵＩ画面の構成を決定するＵＩ構成決定手段を有するＵＩ作成支援装置。
２． １に記載のＵＩ作成支援装置において、
前記項目関連情報は、前記複数の項目各々を識別するための項目識別情報を下位層とし、前記項目識別情報を分類したグループからなる上位層を少なくとも１つ備えた階層構造を有し、
前記ＵＩ構成決定手段は、
前記ＵＩ画面に前記項目識別情報を配置するとともに、前記想定ユーザに応じて、前記ＵＩ画面に配置する前記上位層の情報の量を変更するＵＩ作成支援装置。
３． ２に記載のＵＩ作成支援装置において、
前記ＵＩ構成決定手段は、
第１の前記想定ユーザ用の前記ＵＩ画面の構成として、前記項目識別情報を配置するとともに、前記上位層の情報は全く配置しない前記ＵＩ画面の構成を決定し、
第２の前記想定ユーザ用の前記ＵＩ画面の構成として、前記項目識別情報を配置するとともに、少なくとも１つの前記上位層の情報を配置する前記ＵＩ画面の構成を決定するＵＩ作成支援装置。
４． １から３のいずれかに記載のＵＩ作成支援装置において、
前記ＵＩ画面は、所定のサービスに関する情報の入力を行うためのＵＩ画面であり、
前記ＵＩ構成決定手段は、
前記想定ユーザの前記所定のサービスの習熟度が低い場合には、前記ＵＩ画面に配置する前記項目関連情報の量を多くし、
前記想定ユーザの前記所定のサービスの習熟度が高い場合には、前記ＵＩ画面に配置する前記項目関連情報の量を少なくするＵＩ作成支援装置。
５． 複数の項目の入力を受付けるＵＩ画面を作成するための支援を行うＵＩ作成支援方法であって、
前記ＵＩ画面に、前記複数の項目各々の入力を受付けるためのＧＵＩ部品と、前記ＧＵＩ部品に対応付けて表示する前記複数の項目各々に関する情報である項目関連情報とを配置し、前記ＵＩ画面を使用する想定ユーザに応じて、前記ＵＩ画面に配置する前記項目関連情報の量を変更して、前記想定ユーザ用の前記ＵＩ画面の構成を決定するＵＩ構成決定ステップを有するＵＩ作成支援方法。
６． 複数の項目の入力を受付けるＵＩ画面を作成するための支援を行うプログラムであって、
コンピュータを、
前記ＵＩ画面に、前記複数の項目各々の入力を受付けるためのＧＵＩ部品と、前記ＧＵＩ部品に対応付けて表示する前記複数の項目各々に関する情報である項目関連情報とを配置し、前記ＵＩ画面を使用する想定ユーザに応じて、前記ＵＩ画面に配置する前記項目関連情報の量を変更して、前記想定ユーザ用の前記ＵＩ画面の構成を決定するＵＩ構成決定手段として機能させるためのプログラム。

この出願は、２０１１年１月２７日に出願された日本特許出願特願２０１１−０１５２４０号を基礎とする優先権を主張し、その開示の全てをここに取り込む。

Claims (5)

1. 複数の項目の入力を受付けるＵＩ（User Interface）画面を作成するための支援を行うＵＩ作成支援装置であって、
   前記ＵＩ画面に、前記複数の項目各々の入力を受付けるためのＧＵＩ（Graphical User Interface）部品と、前記ＧＵＩ部品に対応付けて表示する前記複数の項目各々に関する情報である項目関連情報とを配置し、前記ＵＩ画面を使用する想定ユーザに応じて、前記ＵＩ画面に配置する前記項目関連情報の量を変更して、前記想定ユーザ用の前記ＵＩ画面の構成を決定するＵＩ構成決定手段を有し、
   前記項目関連情報は、前記複数の項目各々を識別するための項目識別情報を下位層とし、前記項目識別情報を分類したグループからなる上位層を少なくとも１つ備えた階層構造を有し、
   前記ＵＩ構成決定手段は、
   前記ＵＩ画面に前記項目識別情報を配置するとともに、前記想定ユーザに応じて、前記ＵＩ画面に配置する前記上位層の情報の量を変更するＵＩ作成支援装置。
2. 請求項１に記載のＵＩ作成支援装置において、
   前記ＵＩ構成決定手段は、
   第１の前記想定ユーザ用の前記ＵＩ画面の構成として、前記項目識別情報を配置するとともに、前記上位層の情報は全く配置しない前記ＵＩ画面の構成を決定し、
   第２の前記想定ユーザ用の前記ＵＩ画面の構成として、前記項目識別情報を配置するとともに、少なくとも１つの前記上位層の情報を配置する前記ＵＩ画面の構成を決定するＵＩ作成支援装置。
3. 請求項１又は２に記載のＵＩ作成支援装置において、
   前記ＵＩ画面は、所定のサービスに関する情報の入力を行うためのＵＩ画面であり、
   前記ＵＩ構成決定手段は、
   前記想定ユーザの前記所定のサービスの習熟度が低い場合には、前記ＵＩ画面に配置する前記項目関連情報の量を多くし、
   前記想定ユーザの前記所定のサービスの習熟度が高い場合には、前記ＵＩ画面に配置する前記項目関連情報の量を少なくするＵＩ作成支援装置。
4. 複数の項目の入力を受付けるＵＩ画面を作成するための支援を行うＵＩ作成支援方法であって、
   前記ＵＩ画面に、前記複数の項目各々の入力を受付けるためのＧＵＩ部品と、前記ＧＵＩ部品に対応付けて表示する前記複数の項目各々に関する情報である項目関連情報とを配置し、前記ＵＩ画面を使用する想定ユーザに応じて、前記ＵＩ画面に配置する前記項目関連情報の量を変更して、前記想定ユーザ用の前記ＵＩ画面の構成を決定するＵＩ構成決定ステップを有し、
   前記項目関連情報は、前記複数の項目各々を識別するための項目識別情報を下位層とし、前記項目識別情報を分類したグループからなる上位層を少なくとも１つ備えた階層構造を有し、
   前記ＵＩ構成決定ステップでは、
   前記ＵＩ画面に前記項目識別情報を配置するとともに、前記想定ユーザに応じて、前記ＵＩ画面に配置する前記上位層の情報の量を変更するＵＩ作成支援方法。
5. 複数の項目の入力を受付けるＵＩ画面を作成するための支援を行うプログラムであって、
   コンピュータを、
   前記ＵＩ画面に、前記複数の項目各々の入力を受付けるためのＧＵＩ部品と、前記ＧＵＩ部品に対応付けて表示する前記複数の項目各々に関する情報である項目関連情報とを配置し、前記ＵＩ画面を使用する想定ユーザに応じて、前記ＵＩ画面に配置する前記項目関連情報の量を変更して、前記想定ユーザ用の前記ＵＩ画面の構成を決定するＵＩ構成決定手段として機能させ、
   前記項目関連情報は、前記複数の項目各々を識別するための項目識別情報を下位層とし、前記項目識別情報を分類したグループからなる上位層を少なくとも１つ備えた階層構造を有し、
   前記ＵＩ構成決定手段は、
   前記ＵＩ画面に前記項目識別情報を配置するとともに、前記想定ユーザに応じて、前記ＵＩ画面に配置する前記上位層の情報の量を変更するプログラム。

Images