JPH11231995A

JPH11231995A - ユーザインタフェース設計方法およびユーザインタフェース設計装置および自動処理装置

Info

Publication number: JPH11231995A
Application number: JP3590898A
Authority: JP
Inventors: Mika Amamiya; 美香雨宮; Hiroyuki Kamio; 広幸神尾; Arisa Uchiyama; ありさ内山
Original assignee: Toshiba Corp
Current assignee: Toshiba Corp
Priority date: 1998-02-18
Filing date: 1998-02-18
Publication date: 1999-08-27

Abstract

(57)【要約】【課題】複雑なリンク構造をユーザ（設計者）が容易に
理解でき、設計時のユーザの利便性の向上が図れるユー
ザインタフェース設計方法及び装置を提供する。【解決手段】ユーザ操作によりリンク元として指定され
た画面オブジェクト上の部品オブジェクトからユーザ操
作によりリンク先として指定された他の画面オブジェク
トへ設定された画面遷移リンクにて繋がる既作成の画面
オブジェクトと画面遷移の方向を表示し、前記画面遷移
リンクを、該画面遷移リンクの属性情報とリンク元の部
品オブジェクトの属性情報とのうちの少なくとも一方に
基づき画面遷移の本流のリンクあるいは該本流から分岐
する支流のリンクと判定し、この判定結果に基づき、前
記表示される画面遷移リンクを本流と支流とに区別して
表示することを特徴とする。

Description

【発明の詳細な説明】

【０００１】

【発明の属する技術分野】本発明は、ユーザからの入力
を受け取り、部品をレイアウトした操作画面をユーザイ
ンタフェース（ＵＩ）として用いたシステムのための画
面の設計、動作の設計をグラフィカルユーザインタフェ
ース（ＧＵＩ）を用いて行い、シミュレーションによる
動作確認を行うのに好適なユーザインタフェース設計装
置及び方法に関する。

【０００２】また、本発明は、上記ユーザインタフェー
ス設計方法を用いて設計されたユーザインターフェース
を介して順次入力される情報に基づき、所定の処理を自
動的に行う自動処理装置に関する。

【０００３】

【従来の技術】部品をレイアウトすることによる操作画
面設計と、動作設計をＧＵＩ操作で実現し、設計通りに
実行するツールは数多くある。

【０００４】例えば、VisualBasic （米国Microsoft 社
の登録商品）を利用すると、ＧＵＩ操作を利用して簡単
にWindows （米国Microsoft 社の登録商品）のプログラ
ミングを行うことができる。

【０００５】また、AUTHORWARE STAR （米国Macromedia
社の登録商品）を利用すると、アイコンを並べるなどの
オーサリング操作で簡単にプレゼンテーションや情報案
内などのシステムを構築することができる。

【０００６】

【発明が解決しようとする課題】しかしVisualBasic 等
のビジュアルプログラミングツールは、複雑な操作を行
うユーザインタフェースを構築できる半面、動作設計の
大部分はプログラムコードを記述して行うため、設計者
がプログラミングを習得する必要がある。

【０００７】また、動作設計の際には、設計された動作
を確認する上で、画面間の遷移の様子をビジュアルに表
示できることが望ましい。しかし、画面遷移動作の流れ
が複雑になってくると、画面遷移の様子を単に画面のア
イコンと遷移方向を示す矢印とで表示するだけでは、ユ
ーザが画面遷移の様子を把握するには容易ではなく、動
作設計に支障をきたしかねない。

【０００８】そこで、本発明は、上記事情を考慮してな
されたもので、その目的は、ＵＩ操作画面（ユーザイン
タフェース操作画面）の設計だけでなく動作の設計もＧ
ＵＩ（グラフィカルユーザインタフェース）操作で行う
ことができ、より柔軟な動作設計が行えるユーザインタ
フェース設計装置及び方法であって、設計された画面間
の遷移動作を本流と支流に区別して視覚的に表示するこ
とで、複雑なリンク構造をユーザ（設計者）が容易に理
解できるようになり、設計時のユーザの利便性の向上が
図れるユーザインタフェース設計装置及び方法を提供す
ることにある。

【０００９】また、本発明のユーザインタフェース設計
装置及び方法を用いて、用途、設置場所等に応じたユー
ザインターフェースの設計、変更が、その場で即座に行
うことができる自動処理装置を提供することを目的とす
る。

【００１０】

【課題を解決するための手段】（請求項１、請求項７）
本発明のユーザインタフェース設計方法および装置は、
ユーザインタフェースの操作画面を表す画面オブジェク
ト上の任意の位置に各種部品オブジェクトを配置し、任
意の前記部品オブジェクトから他のオブジェクトに対し
てリンク付けを行うことで動作の設計を行い、設計した
ユーザインタフェースのシミュレーションを行うユーザ
インタフェース設計方法および装置において、ユーザ操
作によりリンク元として指定された画面オブジェクト上
の部品オブジェクトからユーザ操作によりリンク先とし
て指定された他の画面オブジェクトへ設定された画面遷
移リンクにて繋がる既作成の画面オブジェクトと画面遷
移の方向を表示し、前記画面遷移リンクを、該画面遷移
リンクの属性情報とリンク元の部品オブジェクトの属性
情報とのうちの少なくとも一方に基づき画面遷移の本流
のリンクあるいは該本流から分岐する支流のリンクと判
定し、この判定結果に基づき、前記表示される画面遷移
リンクを本流と支流とに区別して表示することを特徴と
する。

【００１１】本発明によれば、ユーザインタフェース操
作画面とその動作の設計がＧＵＩ操作で行うことがで
き、しかも操作画面の遷移動作を本流と支流とに区別し
て表示することができるため、複雑なリンク構造をユー
ザ（設計者）が容易に理解できるようになり、設計時の
ユーザの利便性の向上が図れる。

【００１２】（請求項２、８）本発明のユーザインタフ
ェース設計方法および装置は、ユーザインタフェースの
操作画面を表す画面オブジェクト上の任意の位置に各種
部品オブジェクトを配置し、任意の前記部品オブジェク
トから他のオブジェクトに対してリンク付けを行うこと
で動作の設計を行い、設計したユーザインタフェースの
シミュレーションを行うユーザインタフェース設計方法
および装置において、ユーザ操作によりリンク元として
指定された画面オブジェクト上の部品オブジェクトから
ユーザ操作によりリンク先として指定された他の画面オ
ブジェクトへ設定された画面遷移リンクにて繋がる既作
成の画面オブジェクトと画面遷移の方向を表示し、前記
画面遷移リンクを、リンク元となる部品オブジェクトの
属性値に基づき画面遷移の本流のリンクあるいは該本流
から分岐する支流のリンクと判定し、この判定結果に基
づき、前記表示される画面遷移リンクを本流と支流とに
区別して表示することを特徴とする。

【００１３】本発明によれば、ユーザインタフェース操
作画面とその動作の設計がＧＵＩ操作で行うことがで
き、しかも操作画面の遷移動作を本流と支流とに区別し
て表示することができるため、複雑なリンク構造をユー
ザ（設計者）が容易に理解できるようになり、設計時の
ユーザの利便性の向上が図れる。

【００１４】（請求項３、９）本発明のユーザインタ
フェース設計方法および装置は、ユーザインタフェース
の操作画面を表す画面オブジェクト上の任意の位置に各
種部品オブジェクトを配置し、任意の前記部品オブジェ
クトから他のオブジェクトに対してリンク付けを行うこ
とで動作の設計を行い、設計したユーザインタフェース
のシミュレーションを行うユーザインタフェース設計方
法および装置において、ユーザ操作によりリンク元とし
て指定された画面オブジェクト上の部品オブジェクトか
らユーザ操作によりリンク先として指定された他の画面
オブジェクトへ設定された画面遷移リンクにて繋がる既
作成の画面オブジェクトと画面遷移の方向を表示し、前
記画面遷移リンクの持つ、画面遷移の本流のリンクと該
本流から分岐する支流のリンクとを区別するためのリン
ク情報に基づき、該画面遷移リンクを本流のリンクある
いは支流のリンクと判定し、この判定結果に基づき、前
記表示される画面遷移リンクを本流と支流とに区別して
表示することを特徴とする。

【００１５】本発明によれば、ユーザインタフェース操
作画面とその動作の設計がＧＵＩ操作で行うことがで
き、しかも操作画面の遷移動作を本流と支流とに区別し
て表示することができるため、複雑なリンク構造をユー
ザ（設計者）が容易に理解できるようになり、設計時の
ユーザの利便性の向上が図れる。

【００１６】（請求項６、１４）本発明のユーザインタ
フェース設計方法は、前記判定結果に基づき、表示され
る既作成の各画面の画面オブジェクトの縮小イメージで
あるカードアイコンの表示位置を決定することを特徴と
する。

【００１７】本発明によれば、ユーザインタフェース操
作画面とその動作の設計がＧＵＩ操作で行うことがで
き、しかも操作画面の遷移動作を本流と支流とに区別し
て表示することができるため、複雑なリンク構造をユー
ザ（設計者）が容易に理解でき、設計時のユーザの利便
性の向上が図れる。

【００１８】（請求項１６）本発明の自動処理装置は、
ユーザインタフェースを介して順次入力される情報に基
づき、所定の処理を自動的に行う自動処理手段と、前記
ユーザインタフェースの操作画面を表す画面オブジェク
ト上の任意の位置に各種部品オブジェクトを配置し、任
意の前記部品オブジェクトから他のオブジェクトに対し
てリンク付けを行うことで動作の設計を行い、設計した
ユーザインタフェースのシミュレーションを行うユーザ
インタフェース設計手段と、を具備したことにより、当
該自動処理装置の用途、設置場所等に応じたユーザイン
ターフェースの設計、変更が、その場で即座に行うこと
ができる。

【００１９】

【発明の実施の形態】以下、本発明の実施の形態につき
図面を参照して説明する。

【００２０】（第１の実施形態）（１）ユーザインタフェース設計装置の構成まず、ユーザインタフェース設計装置の構成について説
明する。

【００２１】図１は、本発明の一実施形態に係るユーザ
インタフェース設計装置の機能構成を示すブロック図で
ある。この図１に示すユーザインタフェース（ＵＩ）設
計装置は、音声や音（サウンド）の出力に用いられるス
ピーカ、及びＣＲＴディスプレイ、液晶ディスプレイ等
の表示装置を含む出力装置１０１と、キーボードやマウ
ス等の入力手段からなり、設計時のデータ等の入力に用
いられる入力装置（以下、設計時データ入力装置と称す
る）１０２と、設計時及びシミュレーション時に設計者
あるいは利用者とのインタラクティブな対話を行うユー
ザインタフェース設計機構（以下、ＵＩ設計機構と称す
る）１０３と、（タッチ入力用の）タッチパネル、（音
声入力用の）マイクロフォン、マウス、キーボード等の
入力手段からなり、シミュレーション時の情報入力に用
いられる入力装置（以下、シミュレーション時入力装置
と称する）１０４と、設計された画面情報、動作情報及
びデータの素材等を保存・管理するデータベース（Ｄ
Ｂ）１０５と、設計された画面情報、動作情報及びデー
タの素材等を一時保持するための領域、作業領域等を提
供するメモリ１０６とで構成されている。ここで、設計
時データ入力装置１０２及びシミュレーション時入力装
置１０４は、物理的には同一の入力装置である。

【００２２】ＵＩ設計機構１０３は、画面や動作の設計
時の管理を司るエディティング部１０７と、設計したＵ
Ｉの動作確認のためのシミュレーション時の管理を司る
プロトタイプ実行部１０８とで構成されている。このエ
ディティング部１０７及びプロトタイプ実行部１０８の
構成については後述する。

【００２３】図１のユーザインタフェース設計装置は、
例えば、タッチパネル、マイクロフォン、マウス、キー
ボード等の入力手段、スピーカ、ディスプレイ（表示装
置）、等の出力手段、フロッピーディスク装置、ハード
ディスク装置等の大容量記憶装置、主メモリ、及びＣＰ
Ｕ等を備えたパーソナルコンピュータ（計算機）を用い
て実現される。

【００２４】特に、図１のユーザインタフェース設計装
置の中心をなすＵＩ設計機構１０３の持つ機能は、その
機能を上記のパーソナルコンピュータにより実行させる
ためのプログラムを記録した記憶媒体、例えばフロッピ
ーディスクを用い、当該フロッピーディスクを上記パー
ソナルコンピュータ中のフロッピーディスク装置に装着
して、当該フロッピーディスク装置に記録されているプ
ログラムを上記パーソナルコンピュータ（中のＣＰＵ）
で読み取り実行させることにより実現される。

【００２５】（２）ＵＩ設計機構１０３の概要次に、ＵＩ設計機構１０３の概要について、図２の画面
イメージ例を参照して説明する。

【００２６】ＵＩ設計機構１０３は、ＵＩの画面仕様、
動作仕様をＧＵＩで設計するツールである。ＵＩ設計機
構１０３による画面の設計は、カードレイアウトマネジ
ャウインドウ（ＣＬＭＷ）２０１上で行われる。即ち、
ＣＬＭＷ２０１上で、ＵＩ操作画面を表す画面オブジェ
クト（オブジェクト指向でいうところのオブジェクト）
としてのカード２０２を作成し、当該カード２０２上に
テキスト部品２０３、イメージ部品２０４などのＵＩ操
作画面を構成する部品オブジェクトをレイアウトするこ
とで画面設計が行われる。

【００２７】また、ＵＩ設計機構１０３による設計時に
は、ＣＬＭＷ２０１と共にマップビューア２０５が表示
される。このマップビューア２０５は、作成済みのカー
ドを一覧して表示するためのウインドウであり、当該マ
ップビューア２０５上には、作成済みのカードの縮小イ
メージであるカードアイコンが表示される。図２の例で
は、カードアイコン２０６を含む複数のカードアイコン
が表示されている。作成済みのカード数が多い場合に
は、一部のカードに対応するカードアイコンのみがマッ
プビューア２０５上に表示され、残りのカードに対応す
るカードアイコンは当該マップビューア２０５上で上下
或いは左右にスクロールすることで表示される。また、
カード上に配置される部品（部品オブジェクト）から他
のカードへのリンクが張られている場合には、対応する
カードアイコン間にリンクとその方向を表す矢印（リン
ク線）が表示される。

【００２８】（３）マネジャの種類次に、図１中のエディティング部１０７及びプロトタイ
プ実行部１０８が有するマネジャ（管理手段）の種類に
ついて説明する。

【００２９】まず、図１中のエディティング部１０７
は、カード２０２の生成及び管理を行うカードレイアウ
トマネジャ（ＣＬＭ）１０９と、カード２０２上の部品
オブジェクトの生成を行うパーツ（部品）マネジャ（Ｐ
Ｍ）１１０とで構成される。

【００３０】ＣＬＭ１０９は、起動時には、カード２０
２及びカード２０２上にレイアウトされた部品オブジェ
クトの編集、及びユーザからのイベント（ボタンをクリ
ックする、音声による入力を行うなど）に対して行われ
る動作処理のためのリンク設定を行う。

【００３１】ＰＭ１１０は、ＣＬＭ１０９より起動さ
れ、ユーザから指定された部品オブジェクトの生成を行
い、カード２０２に登録する。このカード２０２に登録
される部品オブジェクトの管理は当該カード（画面オブ
ジェクト）２０２が行う。

【００３２】一方、図１中のプロトタイプ実行部１０８
は、プロトタイプマネジャ（ＰＴＭ）１１１により構成
される。ＰＴＭ１１１は、ユーザからの指示に従ってＣ
ＬＭ１０９により起動される。このＰＴＭ１１１の起動
時には、ユーザからのイベントを受けた部品オブジェク
トは、そのメッセージ送信機能により、設定されたリン
ク先へメッセージを送る。このメッセージ送信の繰り返
しにより、リンクの設計通りに動作シミュレーションを
行うことができる。

【００３３】（４）設計操作の説明次に図１のＵＩ設計装置（中のＵＩ設計機構１０３）の
設計操作について説明する。この設計操作は、設計者か
らの指示に従ってＵＩ設計機構１０３内のエディティン
グ部１０７によって実行される。設計中の状態を、設計
モードという。本実施形態のＵＩ設計装置上では、以下
に述べるような、部品を配置した画面イメージの設計
と、動作シナリオの設計の２つを行う必要がある。

【００３４】（４−１）画面イメージの設計（４−１−１）ＣＬＭの起動設計者が図１中のＵＩ設計機構１０３を立ち上げると、
当該ＵＩ設計機構１０３のエディティング部１０７内の
ＣＬＭ１０９が起動される。ＣＬＭ１０９が起動される
と、ＤＢ１０５に保存されている情報（設計済みの画面
情報、動作情報及びデータの素材等）がメモリ１０６に
読み込まれると共に、図２に示されるように、カードレ
イアウトマネジャメニュー（ＣＬＭＭ）２０７とカード
レイアウトマネジャウインドウ（ＣＬＭＷ）２０１が出
力装置１０１のディスプレイに画面表示される。一方、
ＣＬＭＭ２０７には、「カード」「カード表示」「編
集」「情報設定」「リンク」「プロトタイプ実行」の各
項目が用意されている。

【００３５】図２の画面表示状態で、設計者が設計時デ
ータ入力装置１０２（の例えばマウス）を操作し、ＣＬ
ＭＭ（カードレイアウトマネジャメニュー）２０７中の
「カード」の項目にカーソルを移動させてマウスクリッ
クすることで「カード」を選択すると、当該「カード」
に対応するサブメニューがＣＬＭ１０９により表示され
る。この「カード」のサブメニューには、例えば「新規
カード」「カード部品呼び出し」「終了」が用意されて
いる。そこで、設計者がカーソルを「新規カード」へ移
動させて選択すると、ＣＬＭ１０９により新規のカード
が生成され、ＣＬＭＷ２０１上に表示される。この生成
されたカードの情報（画面オブジェクト）は、メモリ１
０６に格納される。

【００３６】画面（ＵＩ操作画面）を設計するには、希
望のカード２０２を表示させ、そこに所望の部品オブジ
ェクトを配置していけばよい。

【００３７】ここで、希望のカードを表示させるには、
まず設計者がＣＬＭＭ２０７中の「カード表示」の項目
にカーソルを移動させクリックし、当該「カード表示」
に対応するサブメニューを表示させる。このサブメニュ
ーには、例えば「次カード」と「前カード」という項目
が用意されている。一方、作成済みのカード（の情報）
はＤＢ１０５内に作成順の並び（ここでは論理的な並
び）で保持管理されており、この段階では前記したよう
にメモリ１０６に読み込まれている。

【００３８】そこで、設計者が「次カード」を選択する
と現在表示中のカードの１枚後に作成したカードが、
「前カード」を選択すると現在表示中のカードの１枚前
に作成したカードが、ＣＬＭ１０９によりメモリ１０６
から読み込まれ、ＣＬＭＷ２０１に表示される。図２に
おいてＣＬＭＷ２０１に表示されているカード２０２
は、このようにしてメモリ１０６から読み込まれたカー
ド、或いは新規に作成されたカードである。なお、図２
では、カード２０２上に各種カード部品（部品オブジェ
クト）が配置されている様子が示されているが、この段
階では未だ配置されていないものとする。

【００３９】さて設計者は、上記のようにして表示され
たカード２０２に配置する部品オブジェクトを生成する
には、まずＣＬＭＭ２０７の「カード」のサブメニュー
「カード部品呼び出し」を選択する。

【００４０】（４−１−２）ＰＭの起動「カード部品呼び出し」が選択されると、ＣＬＭ１０９
はＰＭ１１０を起動する。ＰＭ１１０の起動時には、図
２中のパーツマネジャメニュー（ＰＭＭ）２０８が出力
装置１０１のディスプレイに画面表示される。ＰＭＭ２
０８には、「テキストボタン作成」「テキスト部品作
成」「イメージ作成」「終了」の各項目が用意されてい
る。

【００４１】（４−１−３）テキストボタンの作成テキストボタンは、設計者の指定した文字列を表示する
ことができる（手続きを持つ）ボタン形状の部品（部品
オブジェクト）である。

【００４２】テキストボタン、例えば図３に示すテキス
トボタン３００を生成して（図２中のカード２０２に相
当する）カード３０２上に配置するには、まず設計者が
設計時データ入力装置１０２（中のマウス）を操作して
図２中のＰＭＭ（パーツマネジャメニュー）２０８の
「テキストボタン作成」にカーソルを移動し選択する。
これを受けてＰＭ１１０は、図３に示されるようにテキ
ストボタン情報設定ダイアログ３０１を表示する。設計
者は、このテキストボタン情報設定ダイアログ３０１上
でテキストボタン３００の属性を設定する。

【００４３】図３から明らかなように、テキストボタン
３００を作成するために設定する属性には、部品名、部
品の横サイズ、部品の縦サイズ、カード（ここではカー
ド３０２）上のＸ位置（Ｘ座標）、Ｙ位置（Ｙ座標）、
部品の背景色、文字色、文字フォント（の種類）、テキ
スト内容、プロトタイプ実行中（シミュレーション実行
中）の状態等がある。プロトタイプ実行中の状態とは、
例えばカード３０２が表示されたときの（当該カード３
０２内に配置される）テキストボタン３００の初期状態
などである。テキストボタン３００の状態には、“表示
状態”または“非表示状態”がある。

【００４４】設計者は、これらの属性値を設計時データ
入力装置１０２（中のマウスやキーボード）を操作して
テキストボタン情報設定ダイアログ３０１上で入力し、
当該情報設定ダイアログ３０１に設けられたＯＫボタン
３０３をクリックする。するとＰＭ１１０は、入力され
た属性値が設定されたテキストボタン３００を作成し、
（図２中のカード２０２に相当する）図３に示す表示中
のカード３０２上に表示すると共に、そのボタン３００
の情報（カード部品の情報）を当該カード３０２の部品
オブジェクト（の情報）としてメモリ１０６内に格納す
る。

【００４５】もし、テキストボタン作成をキャンセルし
たい場合には、設計者はテキストボタン情報設定ダイア
ログ３０１に設けられたＣａｎｃｅｌ（キャンセル）ボ
タン３０４をクリックすればよい。この場合ＰＭ１１０
は、テキストボタン情報設定ダイアログ３０１を非表示
にし、テキストボタン作成処理を中止する。

【００４６】なお、部品の横サイズ、部品の縦サイズ、
カード上のＸ位置、Ｙ位置などの属性値は、マウスを用
いたカード３０２上での位置指定操作により設定するこ
とも可能である。

【００４７】（４−１−４）テキスト部品の作成テキスト部品は、設計者の指定した文字列を表示するこ
とができる（手続きを持つ）ボード形状の部品である。

【００４８】テキスト部品、例えば図２に示すテキスト
部品２０３を生成（して図２のようにカード２０２上に
配置）するには、まず設計者が設計時データ入力装置１
０２（中のマウス）を操作して図２中のＰＭＭ２０８の
「テキスト部品作成」にカーソルを移動し選択する。以
下は、前記したテキストボタン３００の生成の場合と同
様である。

【００４９】（４−１−５）イメージ部品の作成イメージ部品は、設計者の指定したイメージファイルの
データ（イメージデータ）を表示することができる（手
続きを持つ）部品であり、平常時と押下時のイメージフ
ァイル（の例えばファイル名）を指定することができる
（手続きを持つ）部品である。

【００５０】イメージ部品、例えば図２に示すイメージ
部品２０４を生成（して図２のようにカード２０２上に
配置）するには、まず設計者が設計時データ入力装置１
０２（中のマウス）を操作して図２中のＰＭＭ２０８の
「イメージ作成」にカーソルを移動し選択する。以下
は、前記したテキストボタン３００の生成の場合と同様
である。なお、イメージ部品２０４を作成するために設
定する属性には、部品名、部品の横サイズ、部品の縦サ
イズ、カード上のＸ位置、Ｙ位置、平常時イメージファ
イル、押下時イメージファイル、プロトタイプ実行中の
状態等がある。

【００５１】以上のようにして、画面イメージを設計す
ることができる。この画面イメージの設計により生成さ
れたカード（画面オブジェクト）及び当該カード上に配
置された各種部品オブジェクト（の情報）は、メモリ１
０６からＤＢ１０５に転送されて当該ＤＢ１０５に保存
される。

【００５２】（４−２）動作シナリオの設計設計者は、画面イメージの設計を終了すると、動作シナ
リオの設計を行う。本実施形態における動作シナリオの
設計は、例えばマウス操作によってオブジェクト間にリ
ンクを設定することで行われる。リンクには部品オブジ
ェクトからカード（画面オブジェクト）へのリンクと、
部品オブジェクトから部品オブジェクトへのリンクがあ
る。

【００５３】以下、リンクの説明とリンクの設定の手順
について順に説明する。

【００５４】（４−２−１）リンクリンクは、当該リンクを識別するためのリンク名（リン
ク識別タグ）、リンク元のオブジェクトを指すポイン
タ、リンク先のオブジェクトを指すポインタ、リンク元
の受けるイベント、リンク先オブジェクトに渡されるメ
ッセージ等の属性を持つオブジェクト（リンクオブジェ
クト）である。このリンク（リンクオブジェクト）に
は、部品オブジェクトから部品オブジェクトへのリンク
と、部品オブジェクトからカード（画面オブジェクト）
へのリンクの２種がある。

【００５５】（４−２−２）部品オブジェクトからカ
ードへのリンク設定ここで、部品オブジェクトからカード（画面オブジェク
ト）へのリンク設定について、プロトタイプ実行中に画
面上のテキストボタンを押すと他の画面に遷移するとい
う動作を設計する場合のリンク設定操作を例に、図４の
画面例および図５に示すフローチャートを参照して説明
する。

【００５６】今、出力装置１０１のディスプレイには、
図４に示すように、目的とする画面を構成するカード４
００（＃１）と（図２中のマップビューア２０５に相当
する）マップビューア４０９とが表示されているものと
する。カード４００上には、２つのテキストボタン４０
１、４１０と、イメージ部品４１１とが配置されてい
る。またマップビューア４０９には、カード４００（＃
１）の縮小イメージとしてのカードアイコン４１７、カ
ード４００のリンク元部品が配置されているカード（カ
ード＃０）のカードアイコン４１６、及びカード４００
上の部品（ここではテキストボタン４０１）からリンク
を設定する予定のカード（カード＃２）のカードアイコ
ン４１８が表示されている。なお、出力装置１０１のデ
ィスプレイには図２中のＣＬＭＭ２０７も表示されてい
るが、図４では省略してある。

【００５７】このような状態でリンク設定を行う場合、
まず設計者は、設計時データ入力装置１０２（中のマウ
ス）を操作してカード４００に配置されている部品オブ
ジェクトの中からリンク元としたい部品オブジェクトを
クリックして選択する。ここでは、テキストボタン４０
１が選択されたものとする。

【００５８】次に設計者は、ＣＬＭＭ２０７（図２参
照）中の「リンク」の項目にカーソルを移動させてクリ
ックし、当該「リンク」に対応するサブメニューをＣＬ
Ｍ１０９により表示させる。このサブメニューには、
「リンク設定」という項目が用意されている。そこで設
計者が「リンク設定」を選択すると、ＣＬＭ１０９は図
４に示すようにリンク設定ダイアログ４０２を表示する
と共に、先にカード４００上から選択された部品オブジ
ェクト（ここではテキストボタン４０１）がリンク元と
して指定されたものであると判断する（ステップＳ１
１、Ｓ１２）。

【００５９】リンク設定ダイアログ４０２には、リンク
名を入力するためのリンク名入力領域４０３と、イベン
トのリストの中からリンク元のオブジェクトが受けるイ
ベントを選択するためのイベント選択領域４０４と、メ
ッセージのリスト中からリンク先のオブジェクトが受け
取るメッセージを選択するためメッセージ選択領域４０
５と、リンクが本流か支流かを選択するための「本流」
ボタン４２０、「支流」ボタン４２１と、ＯＫボタン５
０９と、Ｃａｎｃｅｌ（キャンセル）ボタン５１０とが
ある。

【００６０】上記メッセージには「表示」と「非表示」
のメッセージが含まれており、メッセージ選択領域４０
５内のリスト呼び出しボタンをクリックすると、そのメ
ッセージのリストが表示（例えばプルダウン表示）さ
れ、設計者は、そのリストから任意のメッセージを選択
して当該メッセージ選択領域４０５に設定することが可
能となる。

【００６１】設計者は、リンク設定ダイアログ４０２が
表示されると、マップビューア４０９の中から、遷移先
の画面、即ち（テキストボタン４０１の）リンク先とな
るカードに対応するカードアイコン、例えばカードアイ
コン４１８をクリックすることで、遷移先（リンク先）
の画面（カード）を選択指定する（ステップＳ１３）。
このとき、クリックされたカードアイコン４１８は、そ
の旨が設計者に容易に視認可能なように強調表示される
（ステップＳ１４）。ここでは、例えば、カードアイコ
ン４１８の４隅に、選択されたことを示す選択マークが
表示される。また、表示中のカード４００（＃１）、即
ちリンク元として選択された部品オブジェクト（テキス
トボタン４０１）が配置されているカード４００（＃
１）に対応するカードアイコン４１７は、その旨が設計
者に容易に視認可能なように、他のカードアイコンとは
異なる所定の色で表示（強調表示）される。また、リン
ク元として選択されたテキストボタン４０１は、その旨
が設計者に容易に視認可能なように、他の部品とは異な
る所定の色で表示（強調表示）される。

【００６２】この状態で設計者は、リンク名入力領域４
０３に所望のリンク名（例えばリンク１）を入力設定す
ると共に、メッセージ選択領域４０５内のリスト呼び出
しボタンをクリックしてメッセージリストを表示させ、
そのリストから遷移先（リンク先）の画面（カード）の
表示のために「表示」メッセージを選択して当該領域４
０５に設定する。また、イベント選択領域４０４内のリ
スト呼び出しボタンをクリックしてイベントリストを表
示させる。イベントリストには例えば、「押された」
「離された」「クリックされた」などの選択可能なイベ
ントが含まれており、そのリストから例えば「押され
た」を選択して当該領域４０４に設定する。さらに、
「本流」ボタン、「支流」ボタンのいずれかを押下して
現在設定中のリンクが本流であるか支流であるかを選択
するようにしてもよい。但し、この本流か支流かの選択
は設計変更に柔軟に対処するためにも必ずしも必要では
ない方が望ましい（ステップＳ１５）。

【００６３】設計者は上記のようにリンク名及びメッセ
ージ、イベント、本流／支流を設定した段階で、ＯＫボ
タン４０６をクリックする。

【００６４】すると、ＣＬＭ１０９は、リンク元として
選択指定された（カード４００上の）テキストボタン４
０１からリンク先として選択指定された（カードアイコ
ン４１８に対応する）カードへのリンク（リンクオブジ
ェクト）４１６（図では矢印で示されているが、ここで
は画面表示されない）を作成し、当該リンク４１６の属
性であるリンク名（リンク名１）、リンク元オブジェク
ト（カード４００上のテキストボタン４０１）を指すポ
インタ、リンク先オブジェクト（カードアイコン４１８
に対応するカード）を指すポインタ、リンク先へのメッ
セージ（「表示」メッセージ）、リンク元の受け付ける
イベント（「押された」）、当該リンクが本流か支流か
らの指定がなされた場合にはその指定内容等を設定し
て、そのリンク４１６の情報をメモリ１０６に格納する
と共にリンク設定ダイアログ４０２を非表示とする（ス
テップＳ１６）。

【００６５】（４−２−３）部品オブジェクトから部
品オブジェクトへのリンク設定次に、部品オブジェクトから部品オブジェクトへのリン
ク設定について、プロトタイプ実行中に画面上のテキス
トボタンを押すとイメージ部品と他のテキストボタンが
非表示とされるという動作を設計する場合のリンク設定
操作を例に、上記の図４および図５を参照して説明す
る。

【００６６】まず設計者は、設計時データ入力装置１０
２（中のマウス）を操作してカード４００に配置されて
いる部品オブジェクトの中からリンク元としたい部品オ
ブジェクトをクリックして選択する。ここでは、テキス
トボタン４１０が選択されたものとする。

【００６７】次に設計者は、前記した部品オブジェクト
からカードへのリンク設定の場合と同様に、ＣＬＭＭ２
０７（図２参照）中の「リンク」の項目にカーソルを移
動させてクリックし、当該「リンク」に対応するサブメ
ニューをＣＬＭ１０９により表示させた状態で、そのサ
ブメニューから「リンク設定」を選択する。するとＣＬ
Ｍ１０９によりリンク設定ダイアログ４０２が表示され
ると共に、先にカード４００上から選択された部品オブ
ジェクト（ここではテキストボタン４１０）がリンク元
として指定されたものであると判断される（ステップＳ
１１、Ｓ１２）。

【００６８】次に設計者は、カード４００上に配置され
ている部品オブジェクトの中から（テキストボタン４１
０の）リンク先としたい部品オブジェクト、例えばテキ
ストボタン４０１をクリックすることで、リンク先の部
品オブジェクトを選択指定する（ステップＳ１３）。こ
のときリンク元とリンク先の部品は、その旨が設計者に
容易に視認可能なように、他の部品とは異なる所定の色
で表示（強調表示）される（ステップＳ１４）。

【００６９】この状態で設計者が、リンク名入力領域４
０３に所望のリンク名を入力設定すると共に、メッセー
ジ選択領域４０５に例えばリンク先の部品オブジェクト
（ここではテキストボタン４０１）を非表示とするため
の「非表示」メッセージを設定する。また、イベント選
択領域４０４にリンク元のうけるイベントとして例えば
「押された」を設定する。当該リンクは、明らかに本流
とはなりえないので、この場合、「支流」ボタン４２１
が押下される（ステップＳ１５）。

【００７０】設計者は上記のようにリンク名及びメッセ
ージ、イベント、本流／支流を設定した段階で、ＯＫボ
タン４０６をクリックする。

【００７１】するとＣＬＭ１０９は、リンク元として選
択指定されたテキストボタン４１０からリンク先として
選択指定された同一カード４００上のテキストボタン４
０１へのリンク（リンクオブジェクト）４１５を作成
し、当該リンク４１５の属性であるリンク名、リンク元
オブジェクト（テキストボタン４１０）を指すポイン
タ、リンク先オブジェクト（テキストボタン４０１）を
指すポインタ、リンク先へのメッセージ（「非表示」メ
ッセージ）、リンク元の受け付けるイベント（「押され
た」）、当該リンクが支流であることを設定して、その
リンク４１５の情報をメモリ１０６に格納すると共にリ
ンク設定ダイアログ４０２を非表示とする（ステップＳ
１６）。

【００７２】同様の手順で、テキストボタン４１０をリ
ンク元として選択指定すると共に、イメージ部品４１１
をリンク先として選択指定することで、テキストボタン
４１０から同一カード４００上のイメージ部品４１１へ
のリンク（リンクオブジェクト）４１４を作成し、当該
リンク４１４の属性であるリンク名、リンク元オブジェ
クト（テキストボタン４１０）を指すポインタ、リンク
先オブジェクト（イメージ部品４１１）を指すポイン
タ、リンク先へのメッセージ（「非表示」メッセー
ジ）、リンク元の受け付けるイベント（「押され
た」）、当該リンクが支流であることを設定して、その
リンク４１４の情報をメモリ１０６に格納すると共にリ
ンク設定ダイアログ４０２を非表示とする。

【００７３】（４−２−４）リンク情報一覧ウインド
ウ以上に述べたように、図１の構成のＵＩ設計装置（中の
ＵＩ設計機構１０３）では、１つのオブジェクトから複
数個のリンク設定が可能なため、リンク構造が複雑化す
る場合がある。そこで本実施形態では、あるオブジェク
トに関するリンクの情報を一覧するリンク情報一覧ウイ
ンドウが表示可能なようになっている。このリンク情報
一覧ウインドウの画面構成につき図６の画面例及び図７
〜図９のフローチャートを参照して説明する。

【００７４】まず、図６中のリンク情報一覧ウインドウ
５０１には、リンク先一覧ページ５０２と、リンク元一
覧ページ５０３とがある。

【００７５】リンク先一覧ページ５０２は、あるオブジ
ェクトがリンク元であるリンクのリストを表示したペー
ジである。一方、リンク元一覧ページ５０３は、あるオ
ブジェクトがリンク先であるリンクのリストを表示した
ページである。

【００７６】リンク先一覧ページ５０２にはリンク先一
覧タブ５０４が、リンク元一覧ページ５０３にはリンク
元一覧タブ５０５が、それぞれ付されている。タブ５０
４、５０５はリンク情報一覧ウインドウ５０１上で常時
表示されており、タブ（リンク先一覧タブ）５０４をク
リックするとリンク先一覧ページ５０２全体が表示さ
れ、タブ（リンク元一覧タブ）５０５をクリックすると
リンク元一覧ページ５０３全体が表示されるようになっ
ている。図６では、リンク先一覧ページ５０２が表示さ
れている様子が示されている。

【００７７】リンク先一覧ページ５０２には、指定のオ
ブジェクトをリンク元として設定されたリンクのリンク
名のリスト（リンク名リスト）５０６と、設定したリン
クを削除するための「リンク削除」ボタン５０７と、リ
ンク先部品種類表示領域５０８と、リンク先部品名表示
領域５０９と、イベント表示領域５１０と、メッセージ
表示領域５１１と、本流／支流表示領域５２８と、「閉
じる」ボタン５１２とがある。

【００７８】一方、リンク元一覧ページ５０３にも、リ
ンク先一覧ページ５０２と同様に、リンク名のリスト
（但し、指定のオブジェクトをリンク先として設定され
たリンクのリンク名リスト）と、「リンク削除」ボタン
と、リンク先部品種類表示領域と、リンク先部品名表示
領域と、イベント表示領域と、メッセージ表示領域と、
本流／支流表示領域と、「閉じる」ボタンとがある。

【００７９】次に、リンク情報一覧ウインドウ５０１の
利用手順を説明する。

【００８０】今、図５に示すように、初期画面を構成す
るカード５２２及びマップビューア５２３が出力装置１
０１のディスプレイに表示されているものとする（ステ
ップＳ４１）。また、カード５２２には、テキストボタ
ン５２０と、当該テキストボタン５２０のリンク先とな
る２つのテキストボタン５２４ａ、５２４ｂと、当該テ
キストボタン５２０のリンク元となるテキストボタン５
２５とを含む各種部品オブジェクトが配置され、マップ
ビューア５２３にはカード５２２に対応するカードアイ
コン５２７と、カード５２２上の部品のリンク先のカー
ド５２６に対応するカードアイコン５２１が表示されて
いるものとする。

【００８１】ここで、カード５２２上のあるオブジェク
ト、例えばテキストボタン５２０に関するリンク情報一
覧ウインドウ５０１を表示させるには、以下の操作を行
う。

【００８２】まず設計者は、設計時データ入力装置１０
２（中のマウス）を操作してカード５２２上のテキスト
ボタン５２０をクリックして選択する（ステップＳ４
２）。次に設計者は、ＣＬＭＭ２０７の項目「リンク」
にカーソルを移動させてクリックし、当該「リンク」に
対応するサブメニューを表示させる。このサブメニュー
には、前記した「リンク設定」の他に「リンク情報表
示」という項目が用意されている。

【００８３】そこで設計者が「リンク情報表示」を選択
すると、ＣＬＭ１０９は、その直前に選択されたカード
５２２上のテキストボタン５２０に関するリンク情報の
一覧表示が要求されたものと判断する（ステップＳ４
３）。

【００８４】この場合、ＣＬＭ１０９は、テキストボタ
ン５２０に関するリンク情報一覧の画面イメージを生成
し、図６に示すようにリンク情報一覧ウインドウ５０１
として表示する（ステップＳ４４）。このとき（即ちリ
ンク情報一覧ウインドウ５０１が表示された初期状態で
は）、リンク先一覧タブ５０４がクリックされているの
と等価な状態にあり、リンク情報一覧ウインドウ５０１
にはリンク先一覧ページ５０２が表示されるものとす
る。このリンク先一覧ページ５０２のリンク名リスト５
０６には、カード５２２上で選択されたオブジェクト
（ここではテキストボタン５２０）がリンク元となるリ
ンクのリンク名の一覧が表示される。

【００８５】同時にＣＬＭ１０９は、テキストボタン５
２０から当該テキストボタン５２０のリンク先部品であ
るテキストボタン（リンク先テキストボタン）５２４
ａ、５２４ｂへ、リンクとその方向を表す矢印（リンク
線）５３１ａ、５３１ｂを表示すると共に（ステップＳ
４５〜Ｓ４７）、テキストボタン５２０のリンク元部品
であるテキストボタン（リンク元テキストボタン）５２
５から当該テキストボタン５２０へ、リンクとその方向
を表す矢印（リンク線）５３２を表示する（ステップＳ
４８〜Ｓ５０）。

【００８６】このように本実施形態においては、設計者
（ユーザ）がカード上の任意の部品を選択した状態で
「リンク情報表示」を要求すると、即ち選択した部品に
関するリンク情報の一覧表示を要求すると、リンク情報
一覧ウインドウ５０１が表示されると共に、その部品を
含む同一カード上の部品間にリンクが張られている場合
には、各部品間にリンクとその方向を表す矢印が表示さ
れる。また、設計者が選択した部品から他カードへ張ら
れているリンクが存在する場合には（ステップＳ５１、
Ｓ５２）、そのリンク先のカードが表示中でなければ、
そのカードがＣＬＭ１０９により表示される（ステップ
Ｓ５３、Ｓ５４）。図６の例で説明すると、テキストボ
タン５２０からカード５２６へのリンクが張られている
と、当該カード５２６が表示中でないならば、リンク情
報一覧ウインドウ５０１が表示されると同時に当該カー
ド５２６も表示される。

【００８７】さて、リンク情報一覧ウインドウ５０１上
にリンク先一覧ページ５０２が表示されている状態で、
設計者がリンク元一覧タブ５０５をクリックすると、Ｃ
ＬＭ１０９はリンク先一覧ページ５０２からリンク元一
覧ページ５０３に切り替え表示する。このリンク元一覧
ページ５０３のリンク名リストには、カード５２２上で
選択されたオブジェクト（ここではテキストボタン８２
０）がリンク先となるリンクのリンク名の一覧が表示さ
れる。逆に、リンク元一覧ページ５０３が表示されてい
る状態でリンク先一覧タブ５０４がクリックされると、
リンク元一覧ページ５０３からリンク先一覧ページ５０
２に切り替え表示される。

【００８８】以上のようにリンク先一覧ページ５０２ま
たはリンク元一覧ページ５０３が選択的に表示されてい
る状態、例えばリンク先一覧ページ５０２が表示されて
いる状態で、設計者が当該ページ５０２上のリンク名リ
スト５０６から所望のリンク名をクリックして選択する
と、ＣＬＭ１０９はそのリンク名のリンクが持つ属性情
報をメモリ１０６から読み込んで、当該ページ５０２上
の領域５０８〜５１１、５１２に表示する（ステップＳ
５５、Ｓ５６）。またＣＬＭ１０９は、属性情報の表示
と同時に、該当するリンクのリンク元のオブジェクト
（ここではテキストボタン５２０）と、リンク先のオブ
ジェクトとを強調表示する（ステップＳ５７）。ここ
で、リンク先のオブジェクトが部品、例えばテキストボ
タン５２４ａまたは５２４ｂであれば、当該テキストボ
タン５２４ａまたは５２４ｂが強調表示され、リンク先
のオブジェクトがカード、例えばカード５２６であれ
ば、当該カード５２６に対応するカードアイコン５２１
が強調表示される。本実施形態における強調表示には色
を変えて表示する手法が適用されているが、特別なマー
クを付加して表示することも可能である。また、リンク
元及びリンク先が同一カード上の部品オブジェクトの場
合には、リンクを表す矢印（５３１ａ、５３１ｂまたは
５３２）も強調表示される。なお、リンク元及びリンク
先が同一カード上の部品オブジェクトの場合には、リン
ク元とリンク先のオブジェクト、またはリンクを表す矢
印のいずれか一方だけが強調表示されるものであっても
構わない。

【００８９】（４−２−５）リンク削除本実施形態において、作成したリンクの削除は、リンク
情報一覧ウインドウ５０１上で行うことができる。この
リンク削除の手順につき、図６中のリンク情報一覧ウイ
ンドウ５０１上にリンク先一覧ページ５０２が表示され
ている場合を例に上記の図８並びに図９のフローチャー
トを参照して説明する。

【００９０】まず設計者は、リンク先一覧ページ５０２
上のリンク名リスト５０６から削除しようとするリンク
のリンク名をクリックして選択する（ステップＳ５
５）。するとＣＬＭ１０９は、前記したように、設計者
が選択したリンク名のリンクが持つ属性情報を表示する
と共に、そのリンクのリンク元とリンク先のオブジェク
トを強調表示する（ステップＳ５５〜Ｓ５７）。これに
より設計者は、自身が削除しようとして選択したリンク
の情報を画面上で確認することができ、その上で「リン
ク削除」ボタン５０７をクリックする。

【００９１】するとＣＬＭ１０９は、設計者が選択した
リンク名のリンク（の情報）をメモリ１０６から削除す
ると共に、リンク名リスト５０６中の当該リンク名を非
表示とする（ステップＳ５８〜Ｓ６０）。同時にＣＬＭ
１０９は、該当するリンクとその方向を表す矢印も非表
示とする。

【００９２】また、リンク情報一覧ウインドウ５０１に
用意されている「閉じる」ボタン５１５を設計者がクリ
ックすると、ＣＬＭ１０９は当該リンク情報一覧ウイン
ドウ８０１を非表示とする（ステップＳ６１、Ｓ６
２）。

【００９３】（４−２−６）マップビューア作成済みのカードの縮小イメージであるカードアイコン
が表示される。図２の例では、カードアイコン２０６を
含む複数のカードアイコンが表示されている。作成済み
のカード数が多い場合には、一部のカードに対応するカ
ードアイコンのみがマップビューア２０５上に表示さ
れ、残りのカードに対応するカードアイコンは当該マッ
プビューア２０５上で上下或いは左右にスクロールする
ことで表示される。また、カード上に配置される部品
（部品オブジェクト）から他のカードへのリンクが張ら
れている場合には、対応するカードアイコン間にリンク
とその方向を表す矢印（リンク線）が表示される。

【００９４】ＣＬＭＭ（カードレイアウトマネジャメニ
ュー）２０７中の「カード」の項目を選択することで表
示されるサブメニュー中の「新規カード」を選択するこ
とで、ＣＬＭ１０９により新規のカードが生成され、Ｃ
ＬＭＷ２０１上に表示される。このとき、カードアイコ
ン２０６も作成される。新規のカードは部品オブジェク
トをレイアウトしていないので、マップビューア２０５
にはデフォルトのカードアイコンマークが表示される。
ある程度カードに部品オブジェクトをレイアウトした段
階で対応するカードアイコン２０６にそのカードの縮小
イメージを張り付けたいときは、ＣＬＭＭ２０７中の
「カード」のサブメニューから「アイコンイメージ作
成」を選択して行う。カードアイコン２０６はマウスに
よるドラッグ操作でマップビューア２０５上の適当な位
置に移動することができる。

【００９５】リンクアイコン２０９は、部品オブジェク
トからカードへのリンクを設定したタイミングで、リン
ク元である部品オブジェクトの親カードとリンク先であ
るカードのカードアイコン間に自動的に表示される矢印
の線である。

【００９６】（４−３）本流と支流（４−３−１）マップビューアの表示リンクが入り組んでくると、マップビューア２０５上に
おける画面間の処理フローを把握するのが困難になる。
そこで、マップビューア２０５では、カード間のフロー
情報をメインのフローである本流と本流から分岐したフ
ローである支流とに区別して表示することで、メインの
処理フローが一目で確認できるようになっている。

【００９７】図１０、図１１は、マップビューア２０５
の拡大表示画面の一例を示したものである。

【００９８】図１０に示すように、マップビューア２０
５の上端には、例えば、マップビューアの表示形式を切
替えるためのモード切替設定ボタンが配置され、これを
押下することにより、モード切替えメニュー２１０が表
示されるようになっている。モード切替メニュー２１０
には、「本流支流の区別なし」「本流支流の色分け表
示」「本流のみ表示」の各項目が用意されている。

【００９９】設計者が設計時データ入力装置１０２（の
例えばマウス）を操作し、モード切替メニュー２１０中
の「本流支流の区別なし」を選択したときは、通常のマ
ップビューアの表示形態となり、「本流支流の色分け表
示」を選択したときは、本流と支流のリンクアイコンの
色が区別して表示される（図１０参照）。なお、図１０
では、色分けの代わりに本流のリンクアイコンを支流の
リンクアイコンより太くして表している。モード切替メ
ニュー２１０中の「本流のみ表示」を選択したときは、
本流として繋がれたカードアイコン２０６とリンクアイ
コン２０９のみが表示される（図１１参照）。

【０１００】（４−３−２）本流支流の判定ＣＬＭ１０８は、例えば、マップビューア２０５のモー
ド切替メニュー２１０中の「本流支流の色分け表示」
「本流のみ表示」が選択されたときに、メモリ１０６に
保存されているカードの属性（例えば、図３のテキスト
ボタン情報設定ダイアログにて設定された部品の属性情
報、図４のリンク設定ダイアログにて設定されたリンク
の属性情報等）、に基づきカード間のリンクが本流か支
流かを判定する。

【０１０１】カード間の処理フローとなるリンク情報
は、部品オブジェクトから他のカードへ張られたリンク
の中から得られる。その中から、本流支流の判定規則と
して例えば、以下のものが考えられる。

【０１０２】・リンクの属性として「本流／支流」を
示す情報が付加されている場合、同じカード上の部品か
らそれぞれ異なるカードへのリンクが設定されていると
き、これら複数のリンクのうち、「本流」という属性の
付されたリンクを判定する。

【０１０３】・同じカード上の部品からそれぞれ異な
るカードへのリンクが設定されているとき、一番はじめ
に設定されたリンクを本流と判定する。

【０１０４】・リンク元となる部品の属性「部品名」
の値が「取消」や「戻る」などの本流へのリンク元には
なりえない場合のリンクは支流と判定する。

【０１０５】・一度通過したカードを通るフローは支
流と判定する。すなわち、画面遷移を下流にあるカード
から上流にあるカードへのリンクは支流と判定する。

【０１０６】図１２に示すフローチャートは、ＣＬＭ１
０９にて実行されるリンクの本流／支流を判定するため
の処理手順の一例を示したものである。

【０１０７】図１２において、所定のメモリ内に用意さ
れたメモリ領域（以下、変数と呼ぶ）ｃａｒｄには、現
在リンク情報をチェック中のカードのポインタ値が格納
される。変数ＰａｓｓｅｄＣａｒｄＣｌｔｎには既に一
度通過したカードのポインタ値が順次格納される。変数
ｌｉｎｋにはリンクオブジェクトのポインタ値が格納さ
れる。

【０１０８】リンクオブジェクトは、当該リンクの属性
であるリンク元、リンク先、リンク元の受けるイベン
ト、リンク先へのメッセージ、本流／支流等の属性情報
の構造体で、リンク元のオブジェクトが（例えば、当該
オブジェクトの属性の１つとして）リンクオブジェクト
を持っている。

【０１０９】メモリ１０６には、カード（オブジェク
ト）の情報を該カードが生成された順に保存されてい
る。ＣＬＭ１０９は、まず、メモリ１０６に保存されて
いるカードの情報のうち、先頭に保存されているカード
のポインタ値を変数ｃａｒｄに上書きするとともに、変
数ＰａｓｓｅｄＣａｒｄＣｌｔｎに当該カードのポイン
タ値を追加書込する（ステップＳ１０１）。

【０１１０】そして、当該カードにレイアウトされてい
る部品オブジェクトに、当該部品オブジェクトをリンク
元としリンク先を他のカードとするリンクオブジェクト
が対応付けられているかをチェックする（ステップＳ１
０３）。

【０１１１】リンク先を他のカードとするリンクオブジ
ェクトが対応付けられている部品オブジェクトが存在
し、当該リンクオブジェクトが（複数のリンクオブジェ
クトが存在するときはそのうちの１つが）その属性情報
にて「本流」と指定されているとき、変数ｌｉｎｋに属
性が「本流」となっているリンクオブジェクトのポイン
タ値を上書きする（ステップＳ１０４〜ステップＳ１０
５）。

【０１１２】さらに、変数ｌｉｎｋにポインタ値の保存
されたリンクオブジェクトのリンク先のカードのポイン
タ値が変数ＰａｓｓｅｄＣａｒｄＣｌｔｎに保存されて
いないとき（すなわち、一度通過したことのあるカード
へ向けてのリンクでないとき）は、現在変数ｌｉｎｋに
ポインタ値の保存されているリンクオブジェクトは本流
のリンクを表しているものと判定できる（ステップＳ１
０６）。以後、変数ｌｉｎｋに保存されているポインタ
値で変数ｃａｒｄを上書きし（ステップＳ１０７）、ス
テップＳ１０２に戻る。

【０１１３】一方、ステップＳ１０４で、リンク先を他
のカードとするリンクオブジェクトが対応付けられてい
る部品オブジェクトが存在し、当該リンクオブジェクト
が（複数のリンクオブジェクトが存在するときはそのう
ちの１つが）その属性情報にて「本流」と指定されてい
るものがないとき、当該リンクオブジェクトのポインタ
値（複数存在する場合は、それらのポインタ値を順次１
つづつ）を変数ｌｉｎｋに上書きしていき、変数ｌｉｎ
ｋにポインタ値の保存されているリンクオブジェクトに
ついて、さらに本流／支流の判定をおこなっていく（ス
テップＳ１０８〜ステップＳ１１３）。

【０１１４】まず、当該リンクオブジェクトのリンク元
となる部品オブジェクトの属性としての「部品名」の値
が「取消」や「戻る」などの本流へのリンク元にはなり
えないものであるか否かをチェックする（ステップＳ１
１１）。当該リンクオブジェクトのリンク元となる部品
オブジェクトが本流へのリンク元にはなり得ないもので
あるときは、該リンクオブジェクトは支流のリンクを表
しているものと判定できる。

【０１１５】ステップＳ１１１で、当該リンクオブジェ
クトのリンク元となる部品オブジェクトが本流へのリン
ク元になり得るものであるとき、さらに、当該リンクオ
ブジェクトのリンク先のカードのポインタ値が変数Ｐａ
ｓｓｅｄＣａｒｄＣｌｔｎに保存されていないとき（す
なわち、一度通過したことのあるカードへ向けてのリン
クでないとき）、現在変数ｌｉｎｋにポインタ値の保存
されているリンクオブジェクトは本流のリンクを表して
いるものと判定できる（ステップＳ１１２）。その後、
ステップＳ１０７へ進む。

【０１１６】図１２のフローチャートは、前述した本流
支流の判定規則を全て組み合わせた場合について示して
いるが、この場合に限らず、例えば、前述の判定規則の
うちの少なくとも１つに基づき本流支流の判定を行うよ
うにしてもよい。

【０１１７】図１２のフローチャートに従った判定処理
結果に基づき、ＣＬＭ１０８は、例えば、マップビュー
ア２０５のモード切替メニュー２１０中の「本流支流の
色分け表示」「本流のみ表示」が選択されたときに、本
流、支流を区別して表示する。

【０１１８】（４−３−３）カードアイコンの整列マップビューア２０５にカードアイコンを配置する際、
リンクの本流、支流の判断結果に基づきカードアイコン
の配置を決定し、設計されたカード遷移が明確になるよ
うに整列させることもできる。

【０１１９】図１３に示すように、マップビューア２０
５の上端に設けられたモード切替メニュー２１０には、
さらに、「アイコン整列」という項目を用意し、この
「アイコン整列」が選択されたとき、ＣＬＭ１０９がリ
ンクの本流、支流の判断結果に基づくカードアイコンの
整列を実行するようにしてもよい。

【０１２０】次に、図１４〜図１５に示すフローチャー
トを参照して、ＣＬＭ１０９にて実行される、リンクの
本流、支流の判断結果に基づくカードアイコンの整列手
順の一例について説明する。

【０１２１】ここでは、本流に沿ったカードアイコンを
最左列に、また、上流にあるものほど上側に配置する場
合の手順について説明する。

【０１２２】なお、図１４〜図１５において、変数ｃａ
ｒｄ、ｃａｒｄ２には、現在リンク情報をチェック中の
カードのポインタ値が格納される。変数ＡｌｌＣａｒｄ
Ｃｌｔｎには、メモリ１０６に保存されている全てのカ
ードのポインタが格納されている。変数ＲｅＰｏｓＣａ
ｒｄＣｌｔｎには、カードアイコンの配置が決定した
（整列済みの）当該カードアイコンに対応するカードの
ポインタが順次格納なされる。変数ｉｃｏｎＸにはカー
ドアイコンのＸ座標、変数ｉｃｏｎＹにはカードアイコ
ンのＹ座標が格納される。ここでは、Ｘ方向はマップビ
ューア２０５の画面の左から右に向かった方向で、Ｙ方
向はマップビューア２０５の画面の上から下に向かった
方向である。第１列目として、Ｘ座標ｉｃｏｎＸ＝０の
Ｙ方向に沿ってＹ座標ｉｃｏｎＹ＝０、１０、２０…の
各位置にカードアイコンが配置される。第２列目とし
て、Ｘ座標ｉｃｏｎＸ＝１０のＹ方向に沿ってＹ座標ｉ
ｃｏｎＹ＝０、１０、２０…の各位置にカードアイコン
が配置される。第３列目以降も同様である。

【０１２３】リンクオブジェクトには、それぞれ、フラ
グ（ｐａｓｓｅｄＦｌａｇ）が与えられ、チェック済み
（真）か否か（偽）が区別できるようになっている。

【０１２４】メモリ１０６には、カード（オブジェク
ト）の情報を該カードが生成された順に保存されてい
る。ＣＬＭ１０９は、まず、メモリ１０６に保存されて
いるカードの情報のうち、先頭に保存されているカード
から順に処理を実行する。そして、まず、本流の画面遷
移を形成するカードアイコンのみを最左端Ｙ方向（マッ
プビューア２０５の画面の上から下に向かった方向）に
沿った第一列目に整列する。そのために、リンク先が他
のカードとなるようなリンクオブジェクトのうち、本流
であるものを抽出して、そのリンク元のカードのカード
アイコンを順次第１列目に整列する。

【０１２５】メモリ１０６から取り出されたカードのポ
インタ値を変数ｃａｒｄに書き込むとともに、当該カー
ドの位置決めのための変数（ｉ、ｊ、ｋ）を初期化
（「０」にセット）する。

【０１２６】その後、変数ＡｌｌＣａｒｄＣｌｔｎか
ら、当該カード（変数ｃａｒｄにポインタ値の書き込ま
れたカード）のポインタ値を削除し、変数ＲｅＰｏｓＣ
ａｒｄＣｌｔｎに当該カードのポインタ値を追加し、当
該カードに対応するカードアイコンの整列位置、すなわ
ち、座標値（ｉｃｏｎＸ、ｉｃｏｎＹ）を決定する（ス
テップＳ１２１〜ステップＳ１２４）。

【０１２７】次に、ステップＳ１２５〜ステップＳ１２
８で次回整列させるカードアイコンを選択する。

【０１２８】現在、変数ｃａｒｄにポインタ値の保存さ
れているカードに、他のカードをリンク先とするリンク
オブジェクトで、未だチェックされていないもの（フラ
グが「偽」のもの）があるとき、さらに、そのリンクオ
ブジェクトのうち、優先度の高いリンク（例えば、ここ
では、本流と判定されたリンク）のものがあるときは、
そのリンクオブジェクトのポインタ値を変数ｌｉｎｋに
書き込み、当該リンクオブジェクトのフラグを「真」に
変更する（ステップＳ１２５〜ステップＳ１２６）。

【０１２９】当該リンクオブジェクトのリンク先のカー
ドに、未だ整列されていないものがあるとき（変数Ｒｅ
ＰｏｓＣａｒｄＣｌｔｎに該リンク先のカードのポイン
タ値が保存されていないとき）は、その未だ整列されて
いないリンク先のカードのポインタ値を変数ｃａｒｄに
書込み（ステップＳ１２７〜ステップＳ１２８）、ステ
ップＳ１２３に戻り、前述のように、そのカードの整列
位置を決定する。

【０１３０】以上で、本流の画面遷移を形成するカード
アイコンがマップビューア２０５の第１列目に整列され
る（図１３参照）。

【０１３１】なお、ステップＳ１２７で、変数ｌｉｎｋ
にポインタ値の保存されているリンクオブジェクトのリ
ンク先のカードが既に整列されているものでるとき、あ
るいは、ステップＳ１２５で、整列位置の決定されたカ
ードアイコンに対応するカード（変数ｃａｒｄにポイン
タ値の保存されているカード）に他のカードをリンク先
とするリンクオブジェクトで未チェックのものがないと
きは、図１５のステップＳ１２９に進み、既にカードア
イコンが整列済みのカード（変数ＲｅＰｏｓＣａｒｄＣ
ｌｔｎにポインタ値が保存されているカード）に支流の
フローとしてリンクされた他のカードのカードアイコン
を第２列目以降に整列していく。

【０１３２】まず、既に整列済みのカードのうち、今回
整列しようとしている列の直前の列に既に整列されたカ
ードについて、当該カードをリンク元とするカードオブ
ジェクトをチェックしていく。すなわち、変数ＲｅＰｏ
ｓＣａｒｄＣｌｔｎの先頭からカードを取り出し（該カ
ードのポインタ値を変数ｃａｒｄ２に保存）、そのカー
ドのカードアイコンが今回整列しようとしている列（ｉ
＋１列目）の直前の列（ｉ列目）に既に整列されている
ものであり、さらに、そのカードに未チェックのリンク
オブジェクト（他のカードをリンク先とするリンク）が
あれば、そのうち、優先度がその時点で最も高い（例え
ば、リンク元の部品オブジェクトの属性「部品名」の値
に予め付された優先度等に基づき判断される）リンク
で、そのリンク先のカードが未整列であるものを検索す
る（ステップＳ１２９〜ステップＳ１３５）。これらの
条件を満たすリンクオブジェクトのリンク先のカードか
らカードアイコンの整列を開始する（ステップＳ１３
６）。

【０１３３】ステップＳ１３６では、当該カードのポイ
ンタ値を変数ｃａｒｄに書込み、当該カード以降のアイ
コンを（ｉ＋１）列目に配列するため、Ｘ座標を決定す
る変数ｉをインクリメントし、Ｙ座標を決定するｊを当
該カードのリンク元のカード（変数ｃａｒｄ２にポイン
タ値が保存されているカード）のカードアイコンのＹ座
標値となるように変更する。

【０１３４】その後、ステップＳ１２３に戻り、前述同
様の処理を続行する。なお、ステップＳ１２６でのリン
クの優先度とは、支流のリンクの場合、リンク元の部品
オブジェクトの属性「部品名」の値に予め付された優先
度であってもよい。例えば、「取消」や「戻る」などの
属性値は優先度を低くするようにしてもよい。

【０１３５】以上のような処理によるカードアイコンの
整列結果を、マップビューア２０６の表示例として示し
たもので図１３である。

【０１３６】（５）プロトタイプ実行操作の説明最後に、図１のＵＩ設計装置（中のＵＩ設計機構１０
３）のプロトタイプ実行操作について説明する。このプ
ロトタイプ実行操作は、設計者からの指示に従ってＵＩ
設計機構１０３内のプロトタイプ実行部１０８によって
実行される。プロトタイプ実行中の状態を、プロトタイ
プ実行モードという。

【０１３７】プロトタイプ実行モードでは、エディティ
ング部１０７で設計したデータの処理は、全てプロトタ
イプ実行部１０８が担当する。設計モードでは（エディ
ティング部１０７の起動中は）、前記したようにエディ
ティング部１０７内のＣＬＭ１０９がデータの管理を行
うが、プロトタイプ実行モードでは、プロトタイプ実行
部１０８内のＰＴＭ（プロトタイプマネジャ）１１１が
データの管理を行う。

【０１３８】さて、設計モードからプロトタイプ実行モ
ードに切り替えるには、設計者は設計時データ入力装置
１０２（中のマウス）を操作して、図２に示したＣＬＭ
Ｍ２０７中の「プロトタイプ実行」の項目にカーソルを
移動させてクリックし、当該「プロトタイプ実行」を選
択すればよい。この場合、ＣＬＭ１０９はＰＴＭ１１１
を起動する。これによりＰＴＭ１１１は、図１６に示す
ようなプロトタイプマネジャメニュー（ＰＴＭＭ）１１
０１を出力装置１０１のディスプレイに表示する。この
ＰＴＭＭ１１０１は、ＰＴＭ１１１の起動中表示され
る。ＰＴＭＭ１１０１には、「プロトタイプ実行」「プ
ロトタイプ一時停止」「プロトタイプ終了」の各項目が
用意されている。

【０１３９】プロトタイプ実行モードにおいて設計者が
シミュレーション時入力装置１０４（中のマウス）を操
作して、ＰＴＭＭ９０１から「プロトタイプ実行」を選
択すると、ＰＴＭ１１１はシミュレーション時入力装置
１０４中のハードウェアデバイスとの通信を行い、ハー
ドウェアデバイスから入力されたデータにより、当該Ｐ
ＴＭ１１１を経由して対応するオブジェクトにイベント
を与える。これによりプロトタイプ（シミュレーショ
ン）が実行される。

【０１４０】ここでは、画面上の部品がクリックされる
など、何らかのイベントが入力されると、該当する部品
をリンク元とするリンク（リンクオブジェクト）に設定
されているメッセージがリンク先のオブジェクトに渡さ
れ、リンク先では当該メッセージに対応した動作を行
う。

【０１４１】一方、ＰＴＭＭ９０１から「プロトタイプ
一時停止」が選択されると、ＰＴＭ１１１はハードウェ
アデバイスからの入力を受け付けない状態に切り替え、
プロトタイプ実行を一時中断する。この状態で再び「プ
ロトタイプ実行」が選択されると、ＰＴＭ１１１はハー
ドウェアデバイスからの入力を受け付けない状態から解
除される。これにより、再びプロトタイプが実行され
る。

【０１４２】次に、ＰＴＭＭ９０１から「プロトタイプ
終了」が選択されると、ＰＴＭ１１１からＣＬＭ１０９
に終了が通知され、再び設計モードになる。

【０１４３】（第２の実施形態）次に、図１のユーザイ
ンタフェース設計装置の持つ機能を兼ね備えた自動処理
装置について説明する。ここでは、当該自動処理装置の
一例として自動取引装置の場合を例にとり説明する。

【０１４４】図１７は、第２の実施形態に係る自動取引
装置の外観を示すものである。図１において、筐体１０
の前面には、略Ｌ字形状の操作部１１が形成されてい
る。この操作部１１の垂直操作部１１ａには、通帳挿入
口１２、カード挿入口１３、硬貨受部としての入出金口
１４、及び伝票発行口１５が設けられている。

【０１４５】水平操作部１１ｂには、入金口と出金口を
兼用する、紙幣受部としての入出金口１６が設けられて
おり、この入出金口１６には、開閉自在な扉１７が設け
られている。また、水平操作部１１ｂには、タッチセン
サ内蔵のＣＲＴ表示部１８が設けられていて、操作手順
やその他の情報をイラスト文字あるいは文言によって、
表示することによって顧客を誘導するとともに、その表
示によって、暗証番号、金額、口座番号、取引の承認、
確認あるいは取消しなどに応じた表示部分を押圧するこ
とによって操作が行なわれるものである。

【０１４６】図１８は、上記した自動取引装置１の内部
構成を概略的に示すもので、磁気カードリーダ部２２、
伝票処理ユニット２３、通帳プリント部２４、入出金ユ
ニット２５、硬貨入出金ユニット２６、接客ユニット２
７、音声案内ユニット２８、内部モニタ２９、記憶部と
してのＲＡＭ３０、伝送制御部３１、フロッピーディス
ク装置３２、主制御部３３、電源部３５、電子ジャーナ
ル記憶部４０などによって構成される。

【０１４７】磁気カードリーダ部２２は、カード挿入口
１３から挿入された磁気カードを受け入れて、その磁気
カードの磁気ストライプに対してデータの読取りあるい
は書込みを行うものである。

【０１４８】伝票処理ユニット２３は、主に、利用者に
対する出金取引の際の伝票（レシート）を印刷するレシ
ート用プリンタ２３ａ、および、装置側の取引の際の控
えであるジャーナルを印刷するジャーナル用プリンタ２
３ｂから構成され、それぞれ、上記伝票発行口１５への
伝票発行、および控ジャーナルの作成を行なうものであ
る。また、このとき作成されたジャーナルデータは、バ
ックアップデータとして、電子ジャーナル記憶部４０に
記憶されるようになっている。

【０１４９】通帳プリント部２４は、通帳挿入口１２か
ら挿入された通帳を受入れて、その磁気ストライプに対
する磁気情報の読取りおよび記録を行なうとともに、取
引内容の印字を行なうものである。

【０１５０】入出金ユニット２５は、入出金口１６に一
括して投入された紙幣を判別・計数して収納するととも
に、必要に応じて、あらかじめ金庫（図示しない。）に
収納された紙幣を所定枚数だけ取り出して入出金口１６
から一括して払出すものである。また、取り忘れた紙幣
の入金返却、取忘れ回収、装填および精査機能を備えて
いる。

【０１５１】硬貨入出金ユニット２６は、入出金口１４
に一括して投入された硬貨を判別・計数して収納すると
ともに、必要に応じて、あらかじめ金庫（図示しな
い。）に収納された硬貨を所定枚数だけ取り出して、入
出金口１４から一括して払出す。

【０１５２】接客ユニット２７は、ＣＲＴ表示部１８な
どから構成されている。音声案内ユニット２８は、音声
により利用者の操作を誘導する案内を行う。

【０１５３】内部モニタ２９は、例えばタッチセンサＬ
ＣＤ等から構成され、本装置の運用に係る係員に、本装
置の状態を通知するとともに、係員による操作指示の入
力に用いられる。また、図１のユーザインタフェース設
計装置の出力装置１０１、入力装置１０２、１０４の機
能を兼ね備えている。

【０１５４】主記憶部３０には、本装置の取引処理動作
に係るプログラム、データ等の各種データの記憶に用い
られる。また、図１のユーザインタフェース設計装置の
中心をなすＵＩ設計機構１０３の持つ機能を実行させる
ためのプログラムを記憶したり、当該ユーザインターフ
ェース設計装置にて設計された画面情報、動作情報及び
データの素材等を保存・管理するデータベース１０５と
しての機能を有する。

【０１５５】伝送制御部３１は通信回線３により、ホス
トコンピュータとオンライン接続されていて、必要に応
じてホストコンピュータとオンライン交信するようにな
っている。

【０１５６】フロッピーディスク装置３２は、本装置の
運用に係る取引情報、本装置の稼働状況、本装置固有に
設定された特殊な情報が記録される。また、予めフロッ
ピーディスク３２に記憶された本装置の運用に係るプロ
グラム、データをＲＡＭ３０にローディングするために
用いる。

【０１５７】主制御部３３は、主記憶部３０に記憶され
たプログラム情報を参照しつつ、各ユニット２３〜２
８、内部モニタ２９、および伝送制御部３１を制御し
て、所定の取引動作を行わしめる。また、主記憶部３０
に記憶されたＵＩ設計機構１０３の持つ機能を実行させ
るためのプログラムを参照しつつ、内部モニタ２９等を
制御して、ユーザインタフェースの設計動作、シミュレ
ーション等を行わせる。その処理実行の際に必要な（図
１のメモリ１０６に対応する）メモリ領域は主制御部３
３に具備されているとする。

【０１５８】主制御部３３には、必要に応じてリモート
モニタ３４を接続し、遠方から監視することができる。
リモートモニタ３４は、主制御部３３によって制御さ
れ、内部モニタ２９とほぼ同じ情報を表示するととも
に、本装置に異常が発生した場合にはブザーなどの鳴動
手段を併用して報知せしめる。

【０１５９】電子ジャーナル記憶部４０は、読み書き可
能な記録媒体メモリで構成されたもので、例えば、ハー
ドディスク、交換記録媒体であるＲＡＭカード、フロッ
ピーディスク等である。

【０１６０】この電子ジャーナル記憶部４０には、伝票
処理ユニット２３で作成されたジャーナルデータが記憶
され、伝票処理ユニット２３のジャーナルプリンタ２３
ｂの用紙切れ、あるいは、ジャーナルプリンタ２３ｂ自
体の故障等により、ジャーナルデータの印刷ができなく
なったときでも、この電子ジャーナル記憶部４０に記憶
されたデータをもとに、後に、ジャーナルプリンタ２３
ｂの運用が可能となったときに、そのジャーナルプリン
タ２３ｂにより未印字のジャーナルデータを一括印字し
て、ジャーナルの作成を行うようになっている。

【０１６１】また、電子ジャーナル記憶部４０が、ＲＡ
Ｍカード、フロッピーディスク等のように、交換記録媒
体であるときは、それを自動取引装置から取り外して、
適当なプリンタでジャーナルデータを印刷して、ジャー
ナルの作成を行うようにしてもよい。

【０１６２】このような構成の自動取引装置において
は、接客ユニット２７に具備されるＣＲＴ表示部１８に
表示される接客のための画面を、例えば通常の取引時間
外などに、主記憶部３０に記憶されたユーザインタフェ
ース設計のためのプログラムを実行して、内部モニタ２
９を介して第１の実施形態で説明したような手順にて作
成し、さらに内部モニタ２９を介して当該作成された画
面のシミュレーションを行うようになっている。

【０１６３】このようにして作成された画面情報は主記
憶部３０に構成されるデータベース１０５に記憶され、
実際の取引動作時には、ユーザからの指示に応じて主記
憶部３０に記憶された画面が読み出されて、接客ユニッ
ト２７のＣＲＴ表示部１８に表示されて、所定の取引処
理動作が実行されるようになる。

【０１６４】なお、上記第２の実施形態では、ユーザイ
ンタフェース設計装置の持つ機能を兼ね備えた自動取引
装置について説明したが、自動取引装置とは別個に設け
られた図１に示したようなユーザインタフェース設計装
置にて作成された画面情報をフロッピーディスク、ＣＤ
−ＲＯＭ、ＤＶＤ等の記録媒体（ここでは、フロッピー
ディスク３２）に記録して、主記憶部３３にローディン
グしてもよい。

【０１６５】また、図１に示したようなユーザインタフ
ェース設計装置にて作成された画面情報を通信にて（例
えば、所定の通信回線を介して伝送制御部３１より）主
記憶部３３にローディングしてもよい。

【０１６６】さらに、本発明のユーザインタフェース設
計装置の持つ機能を兼ね備えた自動処理装置、本発明の
ユーザインタフェース設計装置にて作成された画面をユ
ーザインタフェースとして用いる自動処理装置として
は、上記自動取引装置以外にも、乗車券や定期券等を自
動発券する自動発券装置等の少なくともユーザインタフ
ェースを有する全ての自動処理装置に適用できる。

【０１６７】

【発明の効果】以上説明したように、本発明のユーザイ
ンタフェース設計方法および装置によれば、ユーザイン
タフェース操作画面とその動作の設計がＧＵＩ操作で行
うことができ、しかも操作画面の遷移動作を本流と支流
とに区別して表示することができるため、複雑なリンク
構造をユーザ（設計者）が容易に理解でき、設計時のユ
ーザの利便性の向上が図れる。

【０１６８】また、本発明の自動処理装置によれば、自
動処理装置の用途、設置場所等に応じたユーザインター
フェースの設計、変更が、その場で即座に行うことがで
きる。

【図面の簡単な説明】

【図１】本発明の一実施形態に係るユーザインタフェー
ス（ＵＩ）設計装置の構成を示すブロック図。

【図２】図１中のＵＩ設計装置の立ち上げ時に表示され
るカードレイアウトマネジャメニュー（ＣＬＭＭ）２０
７及びカードレイアウトマネジャウインドウ（ＣＬＭ
Ｗ）２０１を含む画面イメージの一例を示す図。

【図３】テキストボタン作成時のテキストボタン情報設
定ダイアログ３０１を含む画面イメージの一例を示す
図。

【図４】リンク設定時のリンク設定ダイアログ４０２を
含む画面イメージの一例を示す図。

【図５】リンク設定処理を説明するためのフローチャー
ト。

【図６】リンク情報一覧表示時のリンク情報一覧ウイン
ドウ５０１を含む画面イメージの一例を示す図。

【図７】リンク情報一覧表示処理を説明するためのフロ
ーチャートの一部を示す図。

【図８】リンク情報一覧表示処理を説明するためのフロ
ーチャートの他の一部を示す図。

【図９】リンク情報一覧表示処理を説明するためのフロ
ーチャートの残りを示す図。

【図１０】画面遷移の流れを本流／支流を区別して表示
するためのモード切替メニューを含むマップビューアの
表示例を示した図。

【図１１】画面遷移の流れを本流／支流を区別して表示
するためのモード切替メニューを含むマップビューアの
他の表示例を示した図。

【図１２】画面間の遷移リンクを本流あるいは支流と判
断するための処理動作を説明するためのフローチャー
ト。

【図１３】画面の縮小イメージであるカードアイコンを
画面間の本流の遷移動作と支流の遷移動作とに分けて整
列させたマップビューアの表示例を示した図。

【図１４】カードアイコンの整列処理動作を説明するた
めのフローチャート。

【図１５】カードアイコンの整列処理動作を説明するた
めのフローチャート。

【図１６】プロトタイプ実行モードにおいて表示される
プロトタイプマネジャメニュー（ＰＴＭＭ）１１０１の
一例を示す図。

【図１７】本発明の第２の実施形態に係る自動取引装置
の外観図。

【図１８】図１の自動取引装置の内部構成例を概略的に
示した図。

【符号の説明】

１０１…出力装置、１０２…設計時データ入力装置、１０３…ユーザインタフェース設計機構（ＵＩ設計機
構）、１０４…入力装置、１０５…データベース（ＤＢ）、１０６…メモリ、１０７…エディティング部、１０８…プロトタイプ実行部、１０９…カードレイアウトマネジャ（ＣＬＭ）、１１０…パーツ（部品）マネジャ（ＰＭ）、１１１…プロトタイプマネジャ（ＰＴＭ）、２０５、４０９、５２３…マップビューア。

───────────────────────────────────────────────────── フロントページの続き (51)Int.Cl.⁶ 識別記号ＦＩＧ０７Ｄ 9/00 ４２１Ｇ０６Ｆ 15/30 ３２０

Claims

【特許請求の範囲】

【請求項１】ユーザインタフェースの操作画面を表す
画面オブジェクト上の任意の位置に各種部品オブジェク
トを配置し、任意の前記部品オブジェクトから他のオブ
ジェクトに対してリンク付けを行うことで動作の設計を
行い、設計したユーザインタフェースのシミュレーショ
ンを行うユーザインタフェース設計方法において、ユーザ操作によりリンク元として指定された画面オブジ
ェクト上の部品オブジェクトからユーザ操作によりリン
ク先として指定された他の画面オブジェクトへ設定され
た画面遷移リンクにて繋がる既作成の画面オブジェクト
と画面遷移の方向を表示し、前記画面遷移リンクを、該画面遷移リンクの属性情報と
リンク元の部品オブジェクトの属性情報とのうちの少な
くとも一方に基づき画面遷移の本流のリンクあるいは該
本流から分岐する支流のリンクと判定し、この判定結果に基づき、前記表示される画面遷移リンク
を本流と支流とに区別して表示することを特徴とするユ
ーザインタフェース設計方法。
【請求項２】ユーザインタフェースの操作画面を表す
画面オブジェクト上の任意の位置に各種部品オブジェク
トを配置し、任意の前記部品オブジェクトから他のオブ
ジェクトに対してリンク付けを行うことで動作の設計を
行い、設計したユーザインタフェースのシミュレーショ
ンを行うユーザインタフェース設計方法において、ユーザ操作によりリンク元として指定された画面オブジ
ェクト上の部品オブジェクトからユーザ操作によりリン
ク先として指定された他の画面オブジェクトへ設定され
た画面遷移リンクにて繋がる既作成の画面オブジェクト
と画面遷移の方向を表示し、前記画面遷移リンクを、リンク元となる部品オブジェク
トの属性値に基づき画面遷移の本流のリンクあるいは該
本流から分岐する支流のリンクと判定し、この判定結果に基づき、前記表示される画面遷移リンク
を本流と支流とに区別して表示することを特徴とするユ
ーザインタフェース設計方法。
【請求項３】ユーザインタフェースの操作画面を表す
画面オブジェクト上の任意の位置に各種部品オブジェク
トを配置し、任意の前記部品オブジェクトから他のオブ
ジェクトに対してリンク付けを行うことで動作の設計を
行い、設計したユーザインタフェースのシミュレーショ
ンを行うユーザインタフェース設計方法において、ユーザ操作によりリンク元として指定された画面オブジ
ェクト上の部品オブジェクトからユーザ操作によりリン
ク先として指定された他の画面オブジェクトへ設定され
た画面遷移リンクにて繋がる既作成の画面オブジェクト
と画面遷移の方向を表示し、前記画面遷移リンクの持つ、画面遷移の本流のリンクと
該本流から分岐する支流のリンクとを区別するためのリ
ンク情報に基づき、該画面遷移リンクを本流のリンクあ
るいは支流のリンクと判定し、この判定結果に基づき、前記表示される画面遷移リンク
を本流と支流とに区別して表示することを特徴とするユ
ーザインタフェース設計方法。
【請求項４】前記画面遷移リンクが画面遷移の下流に
ある画面オブジェクトから上流にある画面オブジェクト
へのリンクであるとき、該画面遷移リンクを支流のリン
クと判定することを特徴とする請求項２または請求項３
記載のユーザインタフェース設計方法。
【請求項５】１つの画面オブジェクトに複数の画面遷
移リンクが設定されているとき、最先に設定された画面
遷移リンクを画面遷移の本流のリンクと判定することを
特徴とする請求項２または請求項３記載のユーザインタ
フェース設計方法。
【請求項６】前記判定結果に基づき、表示される既作
成の各画面の画面オブジェクトの縮小イメージであるカ
ードアイコンの表示位置を決定することを特徴とする請
求項２または請求項３記載のユーザインタフェース設計
方法。
【請求項７】ユーザインタフェースの操作画面を表す
画面オブジェクト上の任意の位置に各種部品オブジェク
トを配置し、任意の前記部品オブジェクトから他のオブ
ジェクトに対してリンク付けを行うことで動作の設計を
行い、設計したユーザインタフェースのシミュレーショ
ンを行うユーザインタフェース設計装置において、ユーザ操作によりリンク元として指定された画面オブジ
ェクト上の部品オブジェクトからユーザ操作によりリン
ク先として指定された他の画面オブジェクトへ設定され
た画面遷移リンクにて繋がる既作成の画面オブジェクト
と画面遷移の方向を表示する表示手段と、前記画面遷移リンクを、該画面遷移リンクの属性情報と
リンク元の部品オブジェクトの属性情報とのうちの少な
くとも一方に基づき画面遷移の本流のリンクあるいは該
本流から分岐する支流のリンクと判定する判定手段と、前記判定手段の判定結果に基づき、前記表示手段で表示
される画面遷移リンクを本流と支流とに区別して表示す
る表示制御手段と、を具備したことを特徴とするユーザインタフェース設計
装置。
【請求項８】ユーザインタフェースの操作画面を表す
画面オブジェクト上の任意の位置に各種部品オブジェク
トを配置し、任意の前記部品オブジェクトから他のオブ
ジェクトに対してリンク付けを行うことで動作の設計を
行い、設計したユーザインタフェースのシミュレーショ
ンを行うユーザインタフェース設計装置において、ユーザ操作によりリンク元として指定された画面オブジ
ェクト上の部品オブジェクトからユーザ操作によりリン
ク先として指定された他の画面オブジェクトへ設定され
た画面遷移リンクにて繋がる既作成の画面オブジェクト
と画面遷移の方向を表示する表示手段と、前記画面遷移リンクを、リンク元となる部品オブジェク
トの属性値に基づき画面遷移の本流のリンクあるいは該
本流から分岐する支流のリンクと判定する判定手段と、前記判定手段の判定結果に基づき、前記表示手段で表示
される画面遷移リンクを本流と支流とに区別して表示す
る表示制御手段と、を具備したことを特徴とするユーザインタフェース設計
装置。
【請求項９】ユーザインタフェースの操作画面を表す
画面オブジェクト上の任意の位置に各種部品オブジェク
トを配置し、任意の前記部品オブジェクトから他のオブ
ジェクトに対してリンク付けを行うことで動作の設計を
行い、設計したユーザインタフェースのシミュレーショ
ンを行うユーザインタフェース設計装置において、ユーザ操作によりリンク元として指定された画面オブジ
ェクト上の部品オブジェクトからユーザ操作によりリン
ク先として指定された他の画面オブジェクトへ設定され
た画面遷移リンクにて繋がる既作成の画面オブジェクト
と画面遷移の方向を表示する表示手段と、前記画面遷移リンクの持つ、画面遷移の本流のリンクと
該本流から分岐する支流のリンクとを区別するためのリ
ンク情報に基づき、該画面遷移リンクを本流のリンクあ
るいは支流のリンクと判定する判定手段と、この判定手段の判定結果に基づき、前記表示手段で表示
される画面遷移リンクを本流と支流とに区別して表示す
る表示制御手段と、を具備したことを特徴とするユーザインタフェース設計
装置。
【請求項１０】前記判定手段は、前記画面遷移リンク
が画面遷移の下流にある画面オブジェクトから上流にあ
る画面オブジェクトへのリンクであるとき、該画面遷移
リンクを支流のリンクと判定することを特徴とする請求
項８または請求項９記載のユーザインタフェース設計装
置。
【請求項１１】前記判定手段は、１つの画面オブジェ
クトに複数の画面遷移リンクが設定されているとき、最
先に設定された画面遷移リンクを画面遷移の本流のリン
クと判定することを特徴とする請求項８または請求項９
記載のユーザインタフェース設計装置。
【請求項１２】前記画面遷移リンクに、本流と支流を
区別するリンク情報を付加するリンク情報設定手段をさ
らに具備したことを特徴とする請求項９記載のユーザイ
ンタフェース設計装置。
【請求項１３】前記表示手段は、既作成の各画面の画
面オブジェクトの縮小イメージであるカードアイコン
と、該カードアイコンを繋げる画面遷移の方向を示すリ
ンク線を表示することを特徴とする請求項８または９記
載のユーザインタフェース設計装置。
【請求項１４】前記判定手段の判定結果に基づき、前
記表示手段で表示される既作成の各画面の画面オブジェ
クトの縮小イメージであるカードアイコンの表示位置を
決定する表示位置決定手段をさらに具備したことを特徴
とする請求項８たは請求項９記載のユーザインタフェー
ス設計装置。
【請求項１５】前記表示制御手段は、本流の画面遷移
リンクのみを表示することを特徴とする請求項８または
９記載のユーザインタフェース設計装置。
【請求項１６】ユーザインタフェースを介して順次入
力される情報に基づき、所定の処理を自動的に行う自動
処理手段と、前記ユーザインタフェースの操作画面を表す画面オブジ
ェクト上の任意の位置に各種部品オブジェクトを配置
し、任意の前記部品オブジェクトから他のオブジェクト
に対してリンク付けを行うことで動作の設計を行い、設
計したユーザインタフェースのシミュレーションを行う
ユーザインタフェース設計手段と、を具備したことを特徴とする自動処理装置。
【請求項１７】前記ユーザインタフェース設計手段
は、ユーザ操作によりリンク元として指定された画面オブジ
ェクト上の部品オブジェクトからユーザ操作によりリン
ク先として指定された他の画面オブジェクトへ設定され
た画面遷移リンクにて繋がる既作成の画面オブジェクト
と画面遷移の方向を表示する表示手段と、前記画面遷移リンクを、該画面遷移リンクの属性情報と
リンク元の部品オブジェクトの属性情報とのうちの少な
くとも一方に基づき画面遷移の本流のリンクあるいは該
本流から分岐する支流のリンクと判定する判定手段と、前記判定手段の判定結果に基づき、前記表示手段で表示
される画面遷移リンクを本流と支流とに区別して表示す
る表示制御手段と、を具備したことを特徴とする請求項１６記載の自動処理
装置。
【請求項１８】前記ユーザインタフェース設計手段
は、ユーザ操作によりリンク元として指定された画面オブジ
ェクト上の部品オブジェクトからユーザ操作によりリン
ク先として指定された他の画面オブジェクトへ設定され
た画面遷移リンクにて繋がる既作成の画面オブジェクト
と画面遷移の方向を表示する表示手段と、前記画面遷移リンクを、リンク元となる部品オブジェク
トの属性値に基づき画面遷移の本流のリンクあるいは該
本流から分岐する支流のリンクと判定する判定手段と、前記判定手段の判定結果に基づき、前記表示手段で表示
される画面遷移リンクを本流と支流とに区別して表示す
る表示制御手段と、を具備したことを特徴とする請求項１６記載の自動処理
装置。
【請求項１９】前記ユーザインタフェース設計手段
は、ユーザ操作によりリンク元として指定された画面オ
ブジェクト上の部品オブジェクトからユーザ操作により
リンク先として指定された他の画面オブジェクトへ設定
された画面遷移リンクにて繋がる既作成の画面オブジェ
クトと画面遷移の方向を表示する表示手段と、前記画面遷移リンクの持つ、画面遷移の本流のリンクと
該本流から分岐する支流のリンクとを区別するためのリ
ンク情報に基づき、該画面遷移リンクを本流のリンクあ
るいは支流のリンクと判定する判定手段と、この判定手段の判定結果に基づき、前記表示手段で表示
される画面遷移リンクを本流と支流とに区別して表示す
る表示制御手段と、を具備したことを特徴とする請求項１６記載の自動処理
装置。
【請求項２０】前記判定手段の判定結果に基づき、前
記表示手段で表示される既作成の各画面の画面オブジェ
クトの縮小イメージであるカードアイコンの表示位置を
決定する表示位置決定手段をさらに具備したことを特徴
とする請求項１６記載の自動処理置。