JPH04295924A - 折りたたみページ形式を備えたグラフィカルコンピュータユーザインタフェースにおけるデータ表示方法 - Google Patents

Abstract

(57)【要約】本公報は電子出願前の出願データであるた
め要約のデータは記録されません。

Description

【発明の詳細な説明】

【０００１】

【産業上の利用分野】本発明は、コンピュータシステム
のユーザインタフェース、より詳しくは、折りたたみペ
ージ形式を備えたグラフィカルユーザインタフェースに
関する。

【０００２】

【従来の技術およびその課題】ユーザインタフェースは
、コンピュータのユーザがコンピュータシステムと対話
または通信することを可能にするものである。ユーザイ
ンタフェースは、通常、表示画面および、キーボード、
マウス、ライトペンなどの入力装置によって実施される
。表示画面はユーザに対して情報およびデータを表示し
、ユーザは入力装置を用いてコンピュータシステムに対
してコマンドおよび情報を与える。

【０００３】比較的低水準のユーザインタフェースは、
ワードまたは文字指向型である。こうしたユーザインタ
フェースでは、ユーザは、そのシステムで作業するため
に、容易に使用可能な各種コマンドまたは演算子を知っ
ていたり、用意していなければならない。また、それら
の低水準ユーザインタフェースは、ユーザが、様々な構
文規則を知っており、基礎アプリケーションの構造に関
してある程度の知識を有していることを要求する。低水
準ユーザインタフェースは、ユーザの使易性に劣る。

【０００４】一部の高水準ユーザインタフェースは、各
種のメニューおよびプロンプトを含んでいる。これらの
インタフェースは、ユーザに一定の選択を与え、ユーザ
に情報を求める。こうしたユーザインタフェースは、あ
る程度自動化されており、ユーザ側の技能はそれほど必
要としない。しかし、これらのユーザインタフェースは
、言語集約的であり、そのためユーザ側に一定水準の言
語能力を要求する。また、このようなユーザインタフェ
ースを各国の言語に適応させるためには、相当の労力お
よび費用を必要とする。

【０００５】近年、各自の日常業務においてコンピュー
タの能力の利用を望み必要としているが、情報や通信に
関する要求条件を定義するために要求される専門的なデ
ータ処理技能を習得する時間のない人々がますます増え
ていることから、さらに高水準のユーザインタフェース
が開発されている。そのような高水準ユーザインタフェ
ースの一つは、情報を図形的にユーザに提示し、ユーザ
が直接操作によってその情報について作業できるように
している。一部のグラフィカルユーザインタフェースで
は、情報は図形的ページに表示される。しかし、図形的
ページで情報を表示するための現在の技術には、一定の
制約がある。例えば、表示できる情報量の範囲は、一般
に極めて小さい。また、表示されていない情報を見るた
めにはスクロール動作が必要であり、これを行うと通常
、必要な情報が視野からスクロールされてしまいユーザ
に見えなくさせることになる。さらに、図形的ページ形
式で表示された情報と対話するために、余計な作業ステ
ップが必要になる場合もある。

【０００６】

【課題を解決するための手段】本発明では、情報は、２
以上の作業領域に区分化される作業空間に表示される。 作業領域の第１の領域は第２の作業領域の上に位置し、
第２の作業領域が第１の作業領域の下にあることをユー
ザに示す図形的標示が付与される。第１および第２の作
業領域はユーザの入力に応答して相互に隣接するように
表示され、第１および第２の作業領域に関係するデータ
はそこに表示される。

【０００７】本発明は、比喩的な意味において「折りた
たみページ」形式にもとづく。その一面において、本発
明は、電子的に折りたたむことができる大型用紙に情報
を付与するものと考えられる。折りたたむことによって
、用紙上で離れていた情報項目を相互に隣接して表示さ
せることができる。本発明の他の一面によれば、本発明
は、雑誌の折り込みページにたとえることができ、情報
の簡潔な提示だけでなく、選択された情報を展開して提
示することを可能にする。

【０００８】

【実施例】図面について説明する。図１は、参照番号１
０によって指示されたコンピュータシステムの表示画面
である。表示画面１０にはウィンドウ１１が表示されて
いる。ウィンドウ１１は、ウィンドウの外部境界を成す
境界線または枠１３を含む。境界線１３の内部には、タ
イトルバー１５、アクションバー１７ならびにスクロー
ルバー１９および２１が表示されている。ウィンドウ１
１の残りはクライアント領域２３から成り、ここにブッ
クオブジェクト２５が表示される。クライアント領域２
３には、ユーザがマウスなどによって操作できるポイン
タ２７がある。

【０００９】タイトルバー１５は、ウィンドウタイトル
３３（このウィンドウを「ブック（本）」と識別してい
る）、システムメニューアイコン３５およびウィンドウ
サイジングアイコン３７を含んでいる。システムメニュ
ーアイコン３５は、ユーザがこのウィンドウで実行でき
るアクションを内容とするプルダウンメニューを表示で
きるようにしている。それらのアクションは、ウィンド
ウ自体に関係しており、ウィンドウに表示されるオブジ
ェクトに関係するものではない。例えば、これらのアク
ションには、ユーザが画面１０でウィンドウを再配置で
きるようにするＭＯＶＥ（移動）、ウィンドウの大きさ
を縮小するＭＩＮＩＭＩＺＥ（最小化）、画面の大きさ
を拡大するＭＡＸＩＭＩＺＥ（最大化）がある。ウィン
ドウサイジングアイコン３７は、メニューを用いずに、
マウスまたは位置決め装置を用いて、ＭＩＮＩＭＩＺＥ
およびＭＡＸＩＭＩＺＥアクションを実行するための迅
速な方法を提供する。

【００１０】アクションバー１７は、そのウィンドウに
示されるアプリケーションのアクションのリストを含ん
でいる。アクションバー１７のリストの各アクションは
、アクションバー１７にリスト化された各一般アクショ
ン内に含まれる個々のアクションをリスト化する、関連
プルダウンメニューを有する。例えば、ＦＩＬＥプルダ
ウンメニューは、ユーザが、そのファイルまたはオブジ
ェクトを全体として操作するアクションによってファイ
ルまたはオブジェクトで作業することを可能にする。

【００１１】スクロールバー１９および２１は、ユーザ
が、クライアント領域２３内の他のオブジェクトを見る
ためにウィンドウの枠１３を移動させることを可能にす
る。

【００１２】ブック２５は、先頭ページ３９を含む多数
のページから成る。ブック２５のページは、ポインタ２
７を希望のページの縁に動かし、マウスの番号１のボタ
ンをクリックすることにより、先頭に出すことができる
。先頭ページ３９は、図１では折りたたまれているよう
に見え、左の縁３９Ａおよび右の縁３９Ｂを有する。 縁３９Ａおよび３９Ｂは折り線４１によって隔てられて
いる。図１では、ページ３９に関係するデータは、その
ページが事実上折りたたまれているので、見ることがで
きない。ユーザがページ３９の内容を見たい場合、ユー
ザはポインタ２７をページ３９に動かして、マウスの番
号１のボタンをクリックする。

【００１３】次に、図２について説明する。ページ３９
が展開された位置で示されている。例示のため、ページ
３９の内容は魚の図形的表現である。ページ３９がウィ
ンドウ境界線１３を超えて広げられている点に留意され
たい。本発明の別の実施例では、ウィンドウ１１は、図
３に示すように、ページ３９がウィンドウ内部に完全に
収まるようにサイズ変更することもできる。

【００１４】ページ３９は、ページ３９が折りたたみペ
ージ形式であることを指示する折り線４３を含む。ユー
ザは、ポインタ２７を折り線４３に動かして、マウスの
番号１のボタンをクリックすることによりページ３９を
再び折りたたむことができる。その場合、表示画面は図
１に示す図に戻る。

【００１５】次に図４について説明する。本発明の別な
実施例が示されている。やはり、コンピュータシステム
の表示画面は参照番号１０によって概括的に指示されて
おり、ここにウィンドウ５１が表示されている。ウィン
ドウ５１は、タイトルバー５３、アクションバー５５な
らびにスクロールバー５７および５９を含む点で、図１
〜３のウィンドウ１１と同様である。スクロールバー５
７および５９は、それぞれ、スライダボックス６１およ
び６３を有する。スライダボックス６１および６３は、
ウィンドウ５１のクライアント領域に表示されるデータ
部分を指示する。

【００１６】ウィンドウ５１は、スプレッドシートなど
の表形式の情報を含む。ウィンドウ５１の情報は、アル
ファベットによって指定された縦の列および、数字によ
って指定された横の行に表示される。これらの行列が、
データ項目が表示される欄を成す。

【００１７】ある種の状況では、遠く隔たった縦の列に
表示されるデータ項目をユーザが比較できることが望ま
しい。現在のところ、ユーザは、各自の焦点を縦の列の
間で行き来させ、その情報を記憶していなければならな
い。時には、縦の列が遠く隔たっているために、ウィン
ドウ内で同時に表示できないこともある。本発明におけ
る比喩的な意味でのページの折りたたみは、ユーザが、
間隔を置いたデータ項目を互いに隣合うように位置させ
るために、直接操作によってそのデータのページを折り
たたむことを可能にする。例えば、ユーザが列Ｅの内容
と列Ｃの内容とを比較したい場合、列Ｄと列Ｅとを隔て
ている線にポインタ２７を位置させ、マウスの番号２の
ボタンを押しながらポインタ２７を左に動かすことによ
って、列Ｅを列Ｃのところまで移動させることができる
。この折りたたみの結果を示す図５によれば、この時、
列Ｅは列Ｃの隣にあり、さらに列Ｆが移動させられて表
示されている。スクロールバー５９のスライダボックス
６３は、大きさが増大すると、表形式情報のさらに左手
部分からのデータが表示されることを指示することに留
意されたい。ユーザは、前述のようにして自己の希望す
るように情報を折りたたむことができる。ユーザは、同
様にして、直接操作によって情報を展開することができ
る。

【００１８】次に図６〜１２について説明する。本発明
の好ましいソフトウエア実施例の流れ図が示されている
。初めに図６について説明すれば、ブロック６５でプロ
グラムが選択される。選択に従って、そのプログラムお
よびアドレス指定ポインタがロードされ、ブロック６７
で記憶装置が開かれる。その後、ブロック６９でウィン
ドウの枠が作成される。ウィンドウの枠が作成された後
、選択されたプログラムのウィンドウデータがブロック
７１で得られ、ブロック７３でウィンドウページ画像が
作成される。その後、ブロック７５でウィンドウのデー
タがロードされ、ブロック７７でマウスポインタが取り
出され、ブロック７９でそれらのデータおよびマウスポ
インタがウィンドウに表示される。

【００１９】次に図７について説明する。ウィンドウが
作成され、そこにデータが表示された後、ブロック８１
で入力が監視される。決定ブロック８３でユーザがデー
タページを折りたたむことを望んだ場合、システムはブ
ロック８５で概括的に示したＦＯＬＤ　　ＰＡＧＥ（ペ
ージ折りたたみ）ルーチンを実行する。ＦＯＬＤ　　Ｐ
ＡＧＥルーチンの好ましい実施例の詳細を示す図８につ
いて説明すれば、システムは決定ブロック８７で折りた
たみが静的か動的かを検査する。動的折りたたみは図４
および５に関連して例示したものであり、電子的ページ
は、ユーザが希望するほとんどいかなる方法で折りたた
むことができる。静的（または非動的）折りたたみは、
図１〜３に関連して例示したものであり、ページは、折
りたたむか展開するかのいずれかである。ページを動的
に折りたたむには、ブロック８９で、ユーザがマウスの
番号２のボタンを押し、折りたたみが生じるページ余白
がポインタをその余白に接触させることによってマーク
される。その後、ポインタの移動はブロック９１で監視
され、オーバレイ情報がブロック９３で取り出され、ブ
ロック９５に示すようにポインタ位置にもとづいて表示
バッファに書き込まれる。システムは継続して、決定ブ
ロック９７で、ユーザがマウスの番号２のボタンを放す
ことによって折りたたみ動作が終了したか否かを検査す
る。マウスの番号２のボタンが押されたままでいる限り
、システムはポインタの移動を監視し、オーバレイ情報
を取り出し、表示バッファに書き込むことを続ける。

【００２０】ポインタを適切なページに位置させ、マウ
スの番号１のボタンをクリックすることにより、ページ
は静的または非動的に折りたたまれる。ユーザがマウス
の番号１のボタンをクリックすると、ブロック９９でオ
ーバレイバッファが取り出され、ブロック１０１でオー
バレイする領域が消去され、オーバレイ情報がブロック
１０３で表示バッファに書き込まれる。その後、ページ
が静的または動的に折りたたまれたかにかかわらず、シ
ステムは、決定ブロック１０５で、図２および３に例示
された方法でサイズ変更が要求されているか否かを検査
する。ウィンドウのサイズ変更が要求されている場合、
システムはブロック１０７で概括的に示したＳＩＺＥ（
サイズ変更）ルーチンを実行する。

【００２１】本発明のＳＩＺＥルーチンの好ましい実施
例の詳細を示す図１２について説明すれば、システムは
、決定ブロック１０９で全部の情報がウィンドウに維持
できるかどうかを検査する。ユーザは、セットアップオ
プションとしてか、キーボードの増補キーを押すかのい
ずれかによってウィンドウをサイズ変更するかを選択す
る。情報がウィンドウ内に維持されない場合、システム
はブロック１１１で、要求された領域が、ウィンドウの
新しいページを保持し、ウィンドウ外の画面に重ね合わ
せるように決定する。その後、ウィンドウ表示バッファ
がブロック１１３で取り出され、そのウィンドウのクラ
イアント領域外のページ領域用の画面表示バッファがブ
ロック１１５で取り出される。これらの表示バッファが
取り出された後、ブロック１１７で新しいウィンドウの
枠が画面表示バッファに書き込まれ、ウィンドウのクラ
イアント領域外のページ領域用の画面表示バッファがブ
ロック１１９で書き込まれる。その後、システムは図８
のＦＯＬＤ　　ＰＡＧＥルーチンに戻る。

【００２２】ユーザが全部の情報をそのウィンドウに維
持したい場合は、新しいページサイズを保持するために
必要なウィンドウサイズがブロック１２１で判定される
。その後、ウィンドウ表示バッファがブロック１２３で
取り出され、新しいウィンドウの枠がブロック１２５で
表示バッファに書き込まれ、システムは図８のＦＯＬＤ
　　ＰＡＧＥルーチンに戻る。

【００２３】再び図８について説明すれば、ウィンドウ
のサイズ変更が完了した後、更新されたウィンドウがブ
ロック１２７で再表示され、システムは、図７のブロッ
ク８１のユーザ入力の監視の継続に戻る。

【００２４】決定ブロック１２９でユーザがページの展
開を希望した場合、システムはブロック１３１で概括的
に示されたＵＮＦＯＬＤ　　ＰＡＧＥ（ページ展開）ル
ーチンを実行する。ＵＮＦＯＬＤ　　ＰＡＧＥルーチン
の好ましい実施例を示す図９について詳しく説明すれば
、決定ブロック１３３で展開が動的である場合、システ
ムはブロック１３３でポインタの移動を監視する。下に
あるオブジェクトの情報がブロック１３５で取り出され
、以前にオーバレイしていた情報はブロック１３７で消
去される。以前にオーバレイしていた情報が消去される
と、下にあるオブジェクトのデータがブロック１３９で
表示バッファに書き込まれる。決定ブロック１４１に示
すように、ユーザがマウスの番号２のボタンを放すこと
によって生じる動的展開が終了するまで、前述のステッ
プが繰り返される。

【００２５】展開が動的ではなく静的の場合、ブロック
１４３でオーバレイバッファが取り出される。オーバレ
イする領域はブロック１４５で消去され、オーバレイ情
報はブロック１４７で表示バッファに書き込まれる。

【００２６】情報が表示バッファに書き込まれた後、シ
ステムは再び、ブロック１４９でウィンドウのサイズ変
更が要求されているか否かを判定し、要求されていれば
、システムは、ブロック１０７で概括的に示し、図１２
に詳細に示すＳＩＺＥルーチンを実行する。最終的に、
更新されたウィンドウはブロック１５１で再表示され、
システムは図７のブロック８１に戻り、ユーザ入力を監
視し続ける。

【００２７】再び図７に戻って、決定ブロック１５３で
ユーザがウィンドウのスクロールを希望する場合、シス
テムは、ブロック１５５で概括的に示すＳＣＲＯＬＬ（
スクロール）ルーチンを実行する。ＳＣＲＯＬＬルーチ
ンの好ましい実施例の詳細を示す図１０について詳しく
説明すれば、システムは、決定ブロック１５７で、ウィ
ンドウに表示されたデータのページが折りたたまれてい
たか否かを検査する。折りたたまれていなければ、シス
テムは単にブロック１５９でそのデータをスクロールす
るように判定する。しかし、そのページが折りたたまれ
ていた場合、その折りたたみは、ウィンドウに本来表示
されていたデータだけでなく、データ全体にわたって保
存されなければならない。例えば、図５について言えば
、列Ｅは、そのデータのページの上部にある行１〜５で
列Ｄを覆って折りたたまれて示されている。ユーザが例
えば、行２１〜２５を見るためにウィンドウをスクロー
ルダウンさせたい場合、データページのその部分に関し
ても同様に列Ｅが列Ｄを覆って折りたたまれている必要
がある。従って、図１０に戻って、システムはブロック
１５９で折り線を位置づける。その後システムは、ブロ
ック１６１で下にあるデータをスクロールするように決
定し、ブロック１６３でオーバレイデータをスクロール
するように決定する。決定ブロック１６５に示すように
、折り線の全部が位置づけられるまで、前述のステップ
が繰り返される。その後、ウィンドウ表示バッファがブ
ロック１６７で取り出される。表示バッファはブロック
１６９で消去され、スクロールされるデータがブロック
１７１で表示バッファに書き込まれる。その後、更新さ
れたウィンドウがブロック１７３で再表示され、システ
ムは、図７のブロック８１に戻ってユーザ入力の監視を
続ける。

【００２８】再び図７に戻って、決定ブロック１７５で
ユーザがデータ内のオブジェクトを選択する場合は、シ
ステムは、ブロック１７７で概括的に示し、図１１で詳
細に示すＳＥＬＥＣＴ（選択）ルーチンを実行する。

【００２９】図１１について説明すれば、システムは、
ブロック１７９で選択技法を監視する。当業者は、これ
らの選択技法が、選択するオブジェクトでのマウスの番
号１のボタンのクリックおよび選択オブジェクトの選択
バスケットオブジェクトへのドラッグを含むことを理解
されよう。オブジェクトが選択されると、システムは、
決定ブロック１８１でそのページが折りたたまれている
か否かを検査する。折りたたまれていなければ、システ
ムは、ブロック１８３で可視データの選択バッファを作
成する。ページが折りたたまれている場合は、システム
はブロック１８５で、選択されたデータのいずれかが折
り線領域にあり、従って見えない状態にあるかどうかを
検査する。可視状態であれば、システムは同様に可視デ
ータの選択バッファを作成する。データの一部が見えな
い場合は、システムは、決定ブロック１８７で、ユーザ
が可視データだけを選択されるようにするかどうかを指
示するように促す。そのようにする場合、システムは同
様に可視データの選択バッファを作成する。他方、可視
および隠れたデータの両方が選択された場合は、システ
ムは、決定ブロック１８９で隠れたデータを判定し、ブ
ロック１９１で可視および隠れたデータの両方について
の選択バッファを作成する。その後、ウィンドウ表示バ
ッファは、ブロック１９３で選択フィードバックを示す
ために更新され再表示され、システムは、図７のブロッ
ク８１に戻ってユーザ入力の監視を続ける。ブロック１
９５で概括的に示したように、システムは他のアクショ
ンを実行することもできる。

【図面の簡単な説明】

【図１】折りたたみページ形式を備えた電子的「本」を
示すコンピュータ表示画面の描写図。

【図２】その折りたたみページの１ページを展開した場
合の図１の電子的本の描写図。

【図３】その折りたたみページの１ページを展開し、「
本」を包含するウィンドウが展開ページを含むように拡
大された場合の図１の本の描写図。

【図４】本発明に従って表示された表形式情報を有する
ウィンドウの描写図。

【図５】その表の縦欄の一つを折りたたんだ場合の図４
のウィンドウの描写図。

【図６】本発明の初期化ルーチンの好ましいソフトウエ
ア実施例を示す流れ図。

【図７】本発明の好ましいソフトウエア実施例を示す流
れ図。

【図８】本発明のＦＯＬＤ　　ＰＡＧＥ（ページ折りた
たみ）ルーチンの実施例を示す流れ図。

【図９】本発明のＵＮＦＯＬＤ　　ＰＡＧＥ（ページ展
開）ルーチンの実施例を示す流れ図。

【図１０】本発明のＳＣＲＯＬＬ（スクロール）ルーチ
ンの実施例を示す流れ図。

【図１１】本発明のＳＥＬＥＣＴ（選択）ルーチンの実
施例を示す流れ図。

【図１２】本発明のＳＩＺＥ（サイズ変更）ルーチンの
実施例を示す流れ図。

【符号の説明】

１１，５１　　ウィンドウ １３　　枠 １５，５３　　タイトルバー １７，５５　　アクションバー １９，２１，５７，５９　　スクロールバー２３　　ク
ライアント領域 ２５　　ブックオブジェクト ２７　　ポインタ ３３　　ウインドウタイトル ３５　　システムメニューアイコン ３７　　ウインドウサイジングアイコン３９　　先頭ペ
ージ ４３　　折り線 ６１，６３　　スライダボックス

Claims (7)

【特許請求の範囲】
1. 【請求項１】表示画面および前記画面に表示されたオブ
   ジェクトを操作するための手段を有するデータ処理シス
   テムにおけるデータの表示方法であって、作業領域を２
   以上の作業領域に区分化する段階と、前記作業領域の第
   １の作業領域を前記作業領域の第２の作業領域の上に位
   置させる段階と、前記第２の作業領域が前記第１の作業
   領域の下にあるという図形的標示を付与する段階と、前
   記第１および第２の作業領域をユーザ入力に応答して互
   いに隣接して表示させる段階と、互いに隣接して表示さ
   れた前記第１および第２の作業領域にデータを表示する
   段階とを含むことを特徴とする方法。
2. 【請求項２】請求項１記載の方法であって、互いに隣接
   して表示された前記第１および第２の作業領域が単一の
   作業空間を形成することを含むことを特徴とする方法。
3. 【請求項３】請求項２記載の方法であって、前記単一の
   作業空間が隣接する作業領域を含むという図形的標示を
   付与することを含むことを特徴とする方法。
4. 【請求項４】請求項３記載の方法であって、ユーザ入力
   に応答して前記第１の作業領域を前記第２の作業領域の
   上に位置させる段階と、前記単一の作業空間から前記デ
   ータを削除する段階とを含むことを特徴とする方法。
5. 【請求項５】請求項１記載の方法であって、前記作業空
   間の１以上の次元よりも少ない１以上の次元を有するウ
   ィンドウに前記作業領域を表示する段階を含むことを特
   徴とする方法。
6. 【請求項６】請求項５記載の方法であって、前記第１お
   よび第２の作業領域が互いに隣接して表示された時に前
   記作業領域外の前記作業領域の１つの少なくとも一部を
   表示する段階を含むことを特徴とする方法。
7. 【請求項７】請求項５記載の方法であって、前記第１お
   よび第２の作業領域が互いに隣接して表示された時に前
   記ウィンドウを拡大し、それによって前記第１および第
   ２の作業領域が前記ウィンドウ内に表示される段階を含
   むことを特徴とする方法。