(57)【特許請求の範囲】
【請求項１】
表示対象画像における所与の領域を示す部分領域画像を画面に表示させる表示手段と、
ユーザによる所定操作に応じて、前記所与の領域を移動させる表示領域移動手段と、
前記所与の領域が前記表示対象画像の端部に位置するか否かを判断する判断手段と、を含み、
前記表示手段は、前記所与の領域が前記表示対象画像の端部に位置し、前記表示対象画像の端が前記画面の端に表示された状態において、前記ユーザによる前記所定操作に応じて、前記表示対象画像の端が前記画面の端に表示されたまま前記画面に表示されている前記部分領域画像を、当該所定操作の操作量に応じた表示倍率に変更して前記画面に表示させる、
ことを特徴とする画像表示装置。
【請求項２】
請求項１に記載の画像表示装置において、
前記表示手段は、前記所与の領域が前記表示対象画像の端部に位置し、前記表示対象画像の端が前記画面の端に表示された状態において、前記ユーザによる前記所定操作に応じて、前記表示対象画像の端が前記画面の端に表示されたまま前記画面に表示されている前記部分領域画像を当該所定操作の操作量に応じた量で縮小して前記画面に表示させる、
ことを特徴とする画像表示装置。
【請求項３】
請求項１に記載の画像表示装置において、
前記表示手段は、前記所与の領域が前記表示対象画像の端部に位置し、前記表示対象画像の端が前記画面の端に表示された状態において、前記ユーザによる前記所定操作に応じて、前記表示対象画像の端が前記画面の端に表示されたまま前記画面に表示されている前記部分領域画像を当該所定操作の操作量に応じた量で拡大して前記画面に表示させる、
ことを特徴とする画像表示装置。
【請求項４】
請求項１乃至３のいずれかに記載の画像表示装置において、
前記表示手段は、前記部分領域画像を、表示倍率を変更して前記画面に表示させた後、表示倍率を元に戻して前記部分領域画像を前記画面に表示させる、
ことを特徴とする画像表示装置。
【請求項５】
表示対象画像における所与の領域を示す部分領域画像を画面に表示させるステップと、
ユーザによる所定操作に応じて、前記所与の領域を移動させるステップと、
前記所与の領域が前記表示対象画像の端部に位置するか否かを判断するステップと、を含み、
前記表示させるステップは、前記所与の領域が前記表示対象画像の端部に位置し、前記表示対象画像の端が前記画面の端に表示された状態において、前記ユーザによる前記所定操作に応じて、前記表示対象画像の端が前記画面の端に表示されたまま前記画面に表示されている前記部分領域画像を、当該所定操作の操作量に応じた表示倍率に変更して前記画面に表示させる、
ことを特徴とする画像表示制御方法。
【請求項６】
表示対象画像における所与の領域を示す部分領域画像を画面に表示させる表示手段、
ユーザによる所定操作に応じて、前記所与の領域を移動させる表示領域移動手段、
前記所与の領域が前記表示対象画像の端部に位置するか否かを判断する判断手段、及び
前記所与の領域が前記表示対象画像の端部に位置し、前記表示対象画像の端が前記画面の端に表示された状態において、前記ユーザによる前記所定操作に応じて、前記表示対象画像の端が前記画面の端に表示されたまま前記画面に表示されている前記部分領域画像を、当該所定操作の操作量に応じた表示倍率に変更して前記画面に表示させる手段
としてコンピュータを機能させるためのプログラム。
【発明の詳細な説明】
【技術分野】
【０００１】
本発明は画像表示装置、画像表示制御方法及びプログラムに関し、特に画像表示におけるユーザインタフェースの改善に関する。
【背景技術】
【０００２】
画面サイズよりも大きな表示対象画像（写真画像やウェブページなど）を画面に表示させる場合において、画面サイズに応じた一部領域を画面に表示させるとともに、ユーザによるスクロール操作に応じて該一部領域を表示対象画像において移動させるユーザインタフェースが知られている。画面がタッチスクリーンの場合には、スクロール操作は例えばドラッグやフリックである。このユーザインタフェースによれば、ユーザはスクロール操作により表示対象画像における任意の領域を画面に表示させることができる。
【発明の概要】
【発明が解決しようとする課題】
【０００３】
しかしながら、上記ユーザインタフェース技術によると、表示対象画像の端部領域を画面に表示させた際、現在表示されているのが端領域であるのかどうかを、ユーザは直ちに把握することができない。例えば下方向のスクロール操作を行って表示対象画像の下端領域を画面に表示させている場合、ユーザは、さらに下方向のスクロール操作を行っても画面内容が変わらないことを根拠に、現在画面に下端領域が表示されているのだと判断する他ない。
【０００４】
本発明は上記課題に鑑みてなされたものであって、その目的は、表示対象画像の端領域が画面に表示されたことをユーザが直ちに理解できる画像表示装置、画像表示制御方法及びプログラムを提供することにある。
【課題を解決するための手段】
【０００５】
上記課題を解決するために、本発明に係る画像表示装置は、表示対象画像における所与の領域を示す部分領域画像を画面に表示させる表示手段と、ユーザによる所定操作に応じて、前記所与の領域を移動させる表示領域移動手段と、前記所与の領域が前記表示対象画像の端部に位置するか否かを判断する判断手段と、を含み、前記表示手段は、前記所与の領域が前記表示対象画像の端部に位置する場合、前記ユーザによる前記所定操作に応じて、前記画面に表示されている前記部分領域画像を、表示倍率を変更して前記画面に表示させることを特徴とする。
【０００６】
ここで、前記表示手段は、前記所与の領域が前記表示対象画像の端部に位置する場合、前記ユーザによる前記所定操作に応じて、前記画面に表示されている前記部分領域画像を縮小して前記画面に表示させてよい。
【０００７】
また、前記表示手段は、前記所与の領域が前記表示対象画像の端部に位置する場合、前記ユーザによる前記所定操作に応じて、前記画面に表示されている前記部分領域画像を拡大して前記画面に表示させてよい。
【０００８】
また、前記表示手段は、前記部分領域画像を、表示倍率を変更して前記画面に表示させた後、表示倍率を元に戻して前記部分領域画像を前記画面に表示させてよい。
【０００９】
また、本発明に係る画像表示制御方法は、表示対象画像における所与の領域を示す部分領域画像を画面に表示させるステップと、ユーザによる所定操作に応じて、前記所与の領域を移動させるステップと、前記所与の領域が前記表示対象画像の端部に位置するか否かを判断するステップと、を含み、前記表示させるステップは、前記所与の領域が前記表示対象画像の端部に位置する場合、前記ユーザによる前記所定操作に応じて、前記画面に表示されている前記部分領域画像を、表示倍率を変更して前記画面に表示させることを特徴とする。
【００１０】
また、本発明に係るプログラムは、表示対象画像における所与の領域を示す部分領域画像を画面に表示させる表示手段、ユーザによる所定操作に応じて、前記所与の領域を移動させる表示領域移動手段、前記所与の領域が前記表示対象画像の端部に位置するか否かを判断する判断手段、及び前記所与の領域が前記表示対象画像の端部に位置する場合、前記ユーザによる前記所定操作に応じて、前記画面に表示されている前記部分領域画像を、表示倍率を変更して前記画面に表示させる手段としてコンピュータを機能させるためのプログラムである。このプログラムは、ＣＤ−ＲＯＭやＤＶＤ−ＲＯＭやメモリカードなどのコンピュータ可読情報記憶媒体に格納されてよい。
【図面の簡単な説明】
【００１１】
【図１】本発明の実施の形態に係る可搬情報処理装置の外観斜視図である。
【図２】本発明の実施の形態に係る可搬情報処理装置のハードウェア構成図である。
【図３】ページスクロール中の画面を示す図である。
【図４】ページスクロール中の画面を示す図である。
【図５】端処理中の画面を示す図である。
【図６】ページスクロール中の画面を示す図である。
【図７】端処理中の画面を示す図である。
【図８】ページ表示のための情報処理を示すフロー図である。
【図９】ページ表示のための情報処理を示すフロー図である。
【図１０】第１の変形例に係る端処理中の画面を示す図である。
【図１１】第２の変形例に係る端処理前の画面を示す図である。
【図１２】第２の変形例に係る端処理中の画面を示す図である。
【図１３】第３の変形例に係る端処理前の画面を示す図である。
【図１４】第３の変形例に係る端処理中の画面を示す図である。
【発明を実施するための形態】
【００１２】
以下、本発明の実施形態について図面に基づき詳細に説明する。
【００１３】
図１は、本発明の実施形態に係る可搬情報処理装置の外観斜視図であり、図２は、同可搬情報処理装置のハードウェア構成図である。これらの図に示される可搬情報処理装置１０は、本発明に係るメニュー表示装置の一実施形態であり、その制御方法は本発明に係るメニュー表示制御方法の一実施形態である。また、可搬情報処理装置１０で実行されるプログラムは、本発明に係るプログラムの一実施形態である。可搬情報処理装置１０は、図１に示されるように薄型箱状の筐体を有するコンピュータシステムであり、前面の大部分をタッチパネル１２のタッチ面が占めており、側面には電源ボタン１４やメモリカードスロット１５が設けられている。この可搬情報処理装置１０は、図示しない充電可能な内蔵バッテリにより駆動される。
【００１４】
可搬情報処理装置１０は、図２に示されるように、バス３０に接続され相互にデータ送受可能に設けられたＭＰＵ１６、メモリ１８、ＦＰＤインタフェース２０、タッチパッドインタフェース２２、通信部２４、不揮発性メモリ２６及び媒体リーダ２８を含んでいる。上述のように可搬情報処理装置１０はタッチパネル１２を備えており、このタッチパネル１２は液晶や有機ＥＬ（Electro-Luminescence）によるＦＰＤ（Flat Panel Display）１２ａ及び静電容量式その他の方式によるタッチパッド１２ｂからなる。ＦＰＤインタフェース２０はＦＰＤ１２ａに接続されており、タッチパッドインタフェース２２はタッチパッド１２ｂに接続されている。メモリ１８はＭＰＵ１６の作業スペースに用いられる。ＦＰＤインタフェース２０は、ＦＰＤ１２ａに表示すべき画像を保存するメモリを備えており、該メモリに格納された画像を定期的にＦＰＤ１２ａに出力し、該ＦＰＤ１２ａにより表示される画像を更新する。タッチパッドインタフェース２２は、タッチパッド１２ｂから出力される信号に基づいて定期的にタッチ位置を演算し、ＭＰＵ１６に該タッチ位置を提供する。通信部２４は、インターネットなどのデータ通信ネットワークに接続し、データを送信したり受信したりする機能を有する。不揮発性メモリ２６は、メモリ１８より大容量の記憶手段であり、オペレーティングシステムや各種のアプリケーションプログラムを記憶する。媒体リーダ２８は、メモリカード３２などのコンピュータ可読情報記憶媒体からデータを読み出したり、そのようなコンピュータ可読情報記憶媒体にデータを書き込んだりする。
【００１５】
この可搬情報処理装置１０では、ウェブページ画像をタッチパネル１２に表示するとともに、タッチ面に対するユーザの操作により、ウェブページをスクロールさせることができる、ウェブブラウザのプログラムを実行する。このプログラムは、オペレーティングシステムの一部であってもよいし、オペレーティングシステム上で動作するアプリケーションプログラムであってもよい。また、このプログラムは予め不揮発性メモリ２６に格納されてもよいし、通信部２４によりダウンロードされてから不揮発性メモリ２６に格納されてもよい。また、メモリカード３２から不揮発性メモリ２６にコピーされてもよいし、メモリカード３２に記憶されたプログラムがＭＰＵ１６により直接実行されてもよい。
【００１６】
図３乃至図７は、タッチパネル１２に表示されるウェブページ画像を示している。ウェブページのデータは、通信部２４を制御することにより、ウェブブラウザのプログラムがデータ通信ネットワークを介して他の情報処理装置からダウンロードする。タッチパネル１２による表示範囲は、ウェブページ画像の一部であり、ユーザがドラッグやフリックの操作をタッチパネル１２のタッチ面に対して行うことにより、ウェブページ画像を表示範囲に対して相対的に移動させることができ、これによりウェブページ画像の任意の部分をタッチパネル１２に映し出すことができる。
【００１７】
具体的には、図３に示すようにウェブページ画像の上下方向における途中部分が表示された状態で、ユーザが指先４０をタッチ面に触れたまま矢印４２Ｄにより示される下方向にスライド（ドラッグ）させると、ウェブページ画像は表示範囲に対して相対的に下方向にスライド量に相応して移動し、これにより、図４に示すようにタッチパネル１２にはウェブページ画像の上端部分が表示される。この状態では、ウェブページ画像は下方向に限界まで移動している。この状態で、ユーザが指先４０をタッチ面に接触させたまま矢印４２Ｄにより示される下方向にさらにスライドさせると、図５に示すようにウェブページ画像が縮小されてタッチパネル１２に表示される。このとき、表示倍率は、スライド量に応じたものとなる。なお、図４と図５において、ウェブページ画像の上端の表示位置は不変である。すなわち、いずれの図でも、タッチパネル１２の上端にウェブページ画像の上端が表示される。図５の状態で、タッチ位置を上方向にスライドさせると、表示倍率がスライド量に応じて大きく（ウェブページ画像がより大きく表示される）、下方向にスライドさせると、表示倍率がスライド量に応じてさらに小さくなる（ウェブページ画像がより小さく表示される）。また、指先４０をタッチ面から離すと、徐々に表示倍率が１に近づき、最終的に元の大きさの画像に戻る。
【００１８】
同様に、図３に示すようにウェブページ画像の上下方向における途中部分が表示された状態で、ユーザが指先４０をタッチ面に触れたまま矢印４２Ｕにより示される上方向にスライド（ドラッグ）させると、ウェブページ画像は表示範囲に対して相対的に上方向にスライド量に相応して移動し、これにより、図６に示すようにタッチパネル１２にはウェブページ画像の下端部分が表示される。この状態では、ウェブページ画像は上方向に限界まで移動している。この状態で、ユーザが指先４０をタッチ面に接触させたまま矢印４２Ｕにより示される上方向にさらにスライドさせると、図７に示すようにウェブページ画像が縮小されてタッチパネル１２に表示される。このときも、表示倍率は、スライド量に応じたものとなる。なお、図６と図７において、ウェブページ画像の下端の表示位置は不変である。すなわち、いずれの図でも、タッチパネル１２の下端にウェブページ画像の下端が表示される。図７の状態で、タッチ位置を下方向にスライドさせると、表示倍率がスライド量に応じて大きくなり（ウェブページ画像がより大きく表示される）、上方向にスライドさせると、表示倍率がスライド量に応じてさらに小さくなる（ウェブページ画像がより小さく表示される）。また、指先４０をタッチ面から離すと、徐々に表示倍率が１に近づき、最終的に元の大きさの画像に戻る。
【００１９】
また、本実施形態では、ユーザがタッチパネル１２に対して指先４０でフリックしたことを検出するようになっており、下方向のフリックがなされたことを検出すると、ウェブページ画像を表示範囲に対して下方向に移動させる（自動スクロール）。フリックは、指先４０をタッチ面に接触させたまま所定の基準スピード以上のスピードでスライドさせ、そのまま指先４０をタッチ面から離す操作である。フリック後はユーザの指先４０はタッチパネル１２のタッチ面から離れるが、ウェブページ画像は下方向に移動し続ける。このとき、フリック時のスライドスピードが速ければ速いほど、移動の初速も速くなる。また、時間が経つほどウェブページ画像の移動速度は遅くなり、最終的には停止する。また、こうした自動スクロールの最中に、ウェブページ画像の上端が表示範囲の上端にくると、ウェブページ画像が徐々に縮小され、その後、ウェブページ画像の大きさは元に戻る。そしてウェブページ画像の大きさが完全に元に戻ると、画面の変化は止まる。
【００２０】
同様に、上方向のフリックがなされたことを検出すると、ウェブページ画像を表示範囲に対して上方向に移動させる。フリック後はユーザの指先４０はタッチパネル１２のタッチ面から離れるが、ウェブページ画像は上方向に移動し続ける。この場合も、フリック時のスライドスピードが速ければ速いほど、移動の初速も速くなる。また、時間が経つほどウェブページ画像の移動速度は遅くなり、最終的には停止する。また、こうした自動スクロールの最中に、ウェブページ画像の下端が表示範囲の下端にくると、ウェブページ画像が徐々に表示され、その後、ウェブページ画像の大きさは元に戻る。そして、ウェブページ画像の大きさが完全に元に戻ると、画面の変化は止まる。
【００２１】
以上のように、ウェブページ画像を下方向に移動させる操作（フリック又はドラッグ）により、ウェブページ画像の上端がタッチパネル１２の表示範囲の上端にまでくると、ウェブページ画像は下方向にそれ以上移動せず、代わりにウェブページ画像が縮小表示される。同様に、ウェブページ画像を上方向に移動させる操作（フリック又はドラッグ）により、ウェブページ画像の下端がタッチパネル１２の表示範囲の下端にまでくると、ウェブページ画像は上方向にそれ以上移動せず、ウェブページ画像が縮小表示される。こうして、ウェブページ画像が下限又は上限まで移動していること、つまりウェブページ画像の上限が表示範囲の上限に表示されているか、又はウェブページ画像の下限が表示範囲の下限に表示されていることを、分かりやすくユーザに伝えることができる。
【００２２】
以下、ウェブページ画像を表示する処理についてさらに詳細に説明する。図８及び図９は、ウェブブラウザのプログラムによる、ウェブページ画像を表示する処理を示している。図８に示すように、このプログラムでは、まず端処理が必要か否かを判断する（Ｓ１０１）。端処理は、図９のフロー図により示される処理であり、ウェブページ画像を下方向に移動させる操作によりウェブページ画像の上端が表示範囲の上端にまできた後、或いは、ウェブページ画像を上方向に移動させる操作によりウェブページ画像の下端が表示範囲の下端にまできた後に、それぞれ実行される処理である。具体的には、（１）ウェブページ画像の上端が表示範囲の上端にある状態で、下方向のドラッグ操作が行われた場合、（２）ウェブページ画像の下端が表示範囲の下端にある状態で、上方向のドラッグ操作が行われた場合、（３）下方向のフリック操作に応じた自動処理によりウェブページ画像の上端が表示範囲の上端にきた場合、（４）上方向のフリック操作に応じた自動処理によりウェブページ画像の下端が表示範囲の下端にきた場合、（５）ウェブページ画像の上端が表示範囲の上端にある状態であり、且つウェブページ画像が縮小して表示されている場合、（６）ウェブページ画像の下端が表示範囲の下端にある状態であり、且つウェブページ画像が縮小して表示されている場合に、端処理が必要と判断する。
【００２３】
ここで、ウェブブラウザのプログラムでは、メモリ１８にウェブページ画像におけるどの部分を表示しているかを示すポインタ、及びタッチパネル１２にウェブページ画像を表示させる際の表示倍率を記憶させている。そして、ウェブページ画像の上端が表示範囲の上端にあるか否か、ウェブページ画像の下端が表示範囲の下端にあるか否かは、このポインタの値により判断することができる。また、ドラッグ操作が行われたか否か、及びドラッグ操作の方向は、タッチパッドインタフェース２２からの出力に基づいて判断することができる。さらに、このプログラムでは、メモリ１８にフリック操作に応じた自動処理のスピードを記憶させており、この自動処理スピードが０より大きい場合には、フリック操作により下方向の自動処理がなされている最中（自動処理中）と判断できる。また、この自動処理スピードが０より小さい場合には、フリック操作により上方向の自動処理がなされている最中（自動処理中）と判断できる。一方、自動処理スピードが０の場合には、自動処理がなされていないと判断できる。また、ウェブページ画像が縮小されて表示されているか否かは、メモリに記憶されている表示倍率から判断することができる。
【００２４】
端処理が必要でない場合、次にタッチパッドインタフェース２２からの出力に基づいて、タッチパッド１２ｂにタッチ中であるか否かを判断する（Ｓ１０３）。タッチ中であれば、自動処理スピードを０に設定するとともに（Ｓ１０４）、直前に検出したタッチ位置と今回検出したタッチ位置との上下方向の距離、すなわちドラッグ距離を取得し、このドラッグ距離だけウェブページ画像を移動させる（Ｓ１０５）。具体的には、タッチ位置が上方向に移動していれば、ポインタの値からドラッグ距離を減算する。また、タッチ位置が下方向に移動していれば、ポインタの値にドラッグ距離を加算する。そして、更新されたポインタにより特定されるウェブページ画像の部分をＦＰＤ１２ａに表示させ、Ｓ１０１の処理に戻る。
【００２５】
Ｓ１０３においてタッチ中でないと判断されると、次にフリックがなされたか否かを判断する（Ｓ１０６）。例えば、直前に検出したタッチ位置とさらにその前に検出したタッチ位置との上下方向の距離、すなわち直前のドラッグ距離（スライドスピード）が所定距離以上であり、且つ今回はタッチ位置を検出していない場合に、フリックがなされたと判断する。フリックがなされたと判断すると、直前のドラッグ距離に応じて自動処理スピードを設定する（Ｓ１０７）。具体的には、ドラッグ距離が長ければ長いほど、自動処理スピードを大きく設定する。また、下方向にドラッグされていれば、自動処理スピードを正の値とし、上方向にドラッグされていれば、自動処理スピードを負の値とする。
【００２６】
その後、自動処理スピードの値をポインタの値に加算し、更新後のポインタにより特定されるウェブページ画像の部分をＦＰＤ１２ａに表示させる（Ｓ１０９）。さらに、自動処理スピードの値を０に近づける（Ｓ１１０）。例えば所定値ずつ自動処理スピードを０に近づけてよい。Ｓ１１０の処理により自動処理スピードが０となれば、自動処理は終了する。その後、Ｓ１０１の処理に戻る。
【００２７】
Ｓ１０６においてフリックがなされていないと判断されると、現在自動処理中であるか否かを判断する（Ｓ１０８）。具体的には、自動処理スピードが０であれば、自動処理中でないと判断し、それ以外には自動処理中と判断する。自動処理中でなければ、そのままＳ１０１の処理に戻り、自動処理中であれば、Ｓ１０９の処理に進む。
【００２８】
Ｓ１０１で端処理が必要と判断されれば、図９に示される端処理が実行される。この処理では、まずタッチ中か否かを判断する（Ｓ１０２１）。タッチ中であれば、直前のタッチ位置と今回のタッチ位置との上下方向の差、すなわちドラッグ距離を取得する（Ｓ１０２２）。そして、Ｓ１０２２で取得されたドラッグ距離に比例して表示倍率を変更する（Ｓ１０２３）。例えば、ウェブページ画像の上端が表示範囲の上端に表示された状態であり、且つ下方向にドラッグがされている場合には、ドラッグ距離が大きければ大きいほど、表示倍率をより小さくする。逆に、ウェブページ画像の上端が表示範囲の上端に表示された状態であり、且つ上方向にドラッグがされている場合には、ドラッグ距離に応じて表示倍率を１に近づける。また、ウェブページ画像の下端が表示範囲の下端に表示された状態であり、且つ上方向にドラッグがされている場合にも、ドラッグ距離が大きければ大きいほど、表示倍率をより小さくする。逆に、ウェブページ画像の下端が表示範囲の下端に表示された状態であり、且つ下方向にドラッグがされている場合には、ドラッグ距離に応じて表示倍率を１に近づける。その後、以上のようにして更新されたポインタ及び表示倍率に従って、ウェブページ画像をＦＰＤ１２ａにより表示させる（Ｓ１０２４）。
【００２９】
Ｓ１０２１において、タッチパッド１２ｂがタッチされていないと判断されると、次に自動処理中であるか否かを判断する（Ｓ１０２５）。自動処理中であれば、現在の自動処理スピードの大きさに応じて表示倍率を設定する（Ｓ１０２６）。例えば、自動処理スピードの絶対値に比例した値を表示倍率から減算してもよい。或いは、自動処理スピードの絶対値に比例した値（＜１）を表示倍率に乗算してもよい。そして、Ｓ１０２６により更新された表示倍率に従って、ウェブページ画像をＦＰＤ１２ａにより表示させる（Ｓ１０２７）。このとき、ウェブページ画像の上端が表示範囲の上端にあれば、その状態を維持するようにする。また、ウェブページ画像の下端が表示範囲の下端にあれば、その状態を維持するようにする。その後、自動処理スピードを０に近づける（Ｓ１０２８）。例えば所定値ずつ自動処理スピードを０に近づけてよい。Ｓ１０２８の処理により自動処理スピードが０となれば、自動処理は終了する。
【００３０】
また、Ｓ１０２５において自動処理中でないと判断されると、表示倍率を１に近づける（Ｓ１０２９）。例えば、所定値ずつ１に近づけてよい。或いは、所定割合ずつ１に近づけてよい。その後、更新された表示倍率に従って、ウェブページ画像をＦＰＤ１２ａにより表示させる（Ｓ１０３０）。このときも、ウェブページ画像の上端が表示範囲の上端にあれば、その状態を維持するようにする。また、ウェブページ画像の下端が表示範囲の下端にあれば、その状態を維持するようにする。
【００３１】
以上説明した可搬情報処理装置１０によれば、下方向のフリック又はドラッグによりウェブページ画像の上端が表示範囲の上端にまでくると、ウェブページ画像は下方向にそれ以上移動せず、代わりにウェブページ画像が縮小されて表示される。また、上方向のフリック又はドラッグによりウェブページ画像の下端が表示範囲の下端にまでくると、ウェブページ画像は上方向にそれ以上移動せず、代わりにウェブページ画像が縮小して表示される。こうして、ウェブページ画像が下限又は上限まで移動していることを、分かりやすくユーザに伝えることができる。
【００３２】
なお、本発明は上記実施形態に限定されるものではない。例えば、図８乃至図９に示される処理は一例に過ぎず、他の変形された処理により本発明に係るユーザインタフェースを実現してよいのはもちろんである。また、本発明はウェブページ画像のみならず、写真画像など、他の画像にももちろん適用可能である。さらに、以上の説明では、端処理においてウェブページ画像を縮小して表示させたが、逆に拡大させて表示してもよい。すなわち、第１の変形例によると、図５に示される状態において下方向のドラッグを行うと、図１０に示すように、ウェブページ画像を拡大して表示させる。このときも、ドラッグ距離が大きいほど表示倍率を大きくしてよい。また、ウェブページ画像を拡大する際、上下方向にのみ拡大してもよいし、上下方向及び左右方向の両方に拡大してもよい。
【００３３】
さらに、ウェブページ画像を拡大して表示する場合、図１０に示すようにウェブページ画像の全体を均一に拡大してもよいが、必ずしも均一に拡大しなくてもよい。すなわち、全ての領域において拡大率を同じとしてもよいし、領域により拡大率を異ならせるようにしてもよい。
【００３４】
ここで、領域により拡大率を異ならせる例について詳細に説明する。図１１は、ウェブページ画像の下端部分が表示されたタッチパネル１２を示している。ここでは、ウェブページ画像の下端部分には直角三角形が表されている。同図において、符号４０ａはタッチパッドインタフェース２２により認識されるタッチ位置を示している。また、Ｌは、タッチ位置４０ａを通るとともに水平方向に伸びる直線を示している。ユーザが指先４０を矢印４２Ｕにより示される上方向にスライドさせると、第２の変形例によると、図１２に示すようにタッチ位置４０ａも上方向に移動し、直線Ｌも上方向に移動する。そして、直線Ｌを境に、上側の領域は拡大されずに元の大きさのままウェブページ画像が表示される。また、下側の領域は上下方向に拡大されてウェブページ画像が表示される。具体的には、図１１に示されるウェブページ画像の下端部分を示す画像のうち、タッチ位置４０ａよりも上側の領域については拡大せずに元の大きさのまま描画する。また、タッチ位置４０ａよりも下側の領域については上下方向に拡大して描画する。こうしても、ウェブページ画像が下限又は上限まで移動していることを、分かりやすくユーザに伝えることができる。
【００３５】
また、図１２に示される第２の変形例によると、直線Ｌの上側の領域と下側の領域とで縮尺が急に変わるために、境目が目立つ。そこで、タッチ位置からの距離に応じて拡大率を変えることで境目を目立たなくすることができる。すなわち、第３の変形例によると、図１３に示すように、直線Ｌの下側の領域を、直線Ｌに沿って伸びる複数の同じ幅の帯状領域Ａ〜Ｄに区画し、直線Ｌから離れた帯状領域ほど大きな拡大率にて上下方向に拡大する。こうすると、図１４に示すように、帯状領域Ａ〜Ｄは直線Ｌから離れるほど幅広となる。この結果、直線Ｌの上側の領域と下側の領域との境目が目立たなくなる。
【符号の説明】
【００３６】
１０  可搬情報処理装置、１２  タッチパネル、１２ａ  ＦＰＤ、１２ｂ  タッチパッド、１４  電源ボタン、１５  メモリカードスロット、１６  ＭＰＵ，１８  メモリ、２０  ＦＰＤインタフェース、２２  タッチパッドインタフェース、２４  通信部、２６  不揮発性メモリ、２８  媒体リーダ、３０  バス、３２  メモリカード、４０  指先。
【図１】
0005701569.tif 000002
【図２】
0005701569.tif 000003
【図３】
0005701569.tif 000004
【図４】
0005701569.tif 000005
【図５】
0005701569.tif 000006
【図６】
0005701569.tif 000007
【図７】
0005701569.tif 000008
【図８】
0005701569.tif 000009
【図９】
0005701569.tif 000010
【図１０】
0005701569.tif 000011
【図１１】
0005701569.tif 000012
【図１２】
0005701569.tif 000013
【図１３】
0005701569.tif 000014
【図１４】
0005701569.tif 000015