JP5911947B1 - Mobile terminal, computer program and method for icon expansion - Google Patents
Mobile terminal, computer program and method for icon expansion Download PDFInfo
- Publication number
- JP5911947B1 JP5911947B1 JP2014253808A JP2014253808A JP5911947B1 JP 5911947 B1 JP5911947 B1 JP 5911947B1 JP 2014253808 A JP2014253808 A JP 2014253808A JP 2014253808 A JP2014253808 A JP 2014253808A JP 5911947 B1 JP5911947 B1 JP 5911947B1
- Authority
- JP
- Japan
- Prior art keywords
- icons
- icon
- display
- contact
- coordinates
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Expired - Fee Related
Links
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
【課題】携帯端末を用いて、階層構造を有するアイコン選択を行う場合に、ユーザの都度の接触操作を要することなく、１オペレーションで操作可能なスライド動作を提供すること。【解決手段】本発明の携帯端末は、階層毎に分類された複数のアイコンが格納される記憶部、記憶部に格納された少なくとも１つのアイコンを表示する表示部、表示部と共に設けられ物体の接触を検知する検知部、そして、検知部への接触に基づいて表示部上の接触座標を決定し、該接触座標に対応する第１の階層のアイコンに関連付けられる第２の階層のアイコンを表示部に表示する制御部であって、表示部上の第２の階層のアイコンの配置座標を、接触座標および第２の階層のアイコンの数に基づいて決定する、制御部を備える。【選択図】図５When selecting an icon having a hierarchical structure using a mobile terminal, a slide operation that can be operated by one operation without requiring a user's contact operation is provided. A mobile terminal according to the present invention includes a storage unit that stores a plurality of icons classified by hierarchy, a display unit that displays at least one icon stored in the storage unit, and a display unit that is provided with the display unit. A detection unit that detects contact, and a contact coordinate on the display unit is determined based on the contact with the detection unit, and a second layer icon associated with the first layer icon corresponding to the contact coordinate is displayed. And a control unit that determines the arrangement coordinates of the second layer icons on the display unit based on the contact coordinates and the number of icons of the second layer. [Selection] Figure 5
Description
本発明は、ユーザビリティを考慮してタッチ・ディスプレイ上にアイコン展開を行うための携帯端末、コンピュータ・プログラム、および方法に関するものである。 The present invention relates to a portable terminal, a computer program, and a method for performing icon expansion on a touch display in consideration of usability.
従来の携帯端末、特にスマートフォンはタッチ・ディスプレイを備える。タッチ・ディスプレイは、検知部（タッチパネル）および表示部（ディスプレイ）を備え、ユーザは、指先でアイコンへのタッチ操作することにより画面を操作することができる。 Conventional portable terminals, particularly smartphones, include a touch display. The touch display includes a detection unit (touch panel) and a display unit (display), and the user can operate the screen by touching an icon with a fingertip.
スマートフォンは近年、益々多機能化しており、ディスプレイ上に表示されるデータも多種多様化され、ユーザの操作も煩雑化している。例えば、スマートフォン起動後の画面からゲーム・アプリケーション等の所望のアプリケーションを起動させて所望の操作を行う、また起動後の画面から所定のメニュー画面を経てスマートフォンに対し所望の設定を行う等、ユーザ操作が煩雑化している。一方、従来技術では、図１のようにディスプレイにユーザに分かりやすくアイコンを整列表示することにより、ユーザのタッチ操作をガイドするユーザ・インタフェースを提供するのが一般的である。特に〔特許文献１〕では、メニューの階層を考慮して所定の表示領域に複数のアイコンを整列して配置するといった工夫がなされている。 In recent years, smartphones have become more and more multifunctional, the data displayed on the display has been diversified, and user operations have become complicated. For example, user operations such as launching a desired application such as a game application from the screen after starting the smartphone and performing a desired operation, or performing desired settings on the smartphone via a predetermined menu screen from the screen after starting, etc. Is getting complicated. On the other hand, in the prior art, it is common to provide a user interface that guides the user's touch operation by arranging icons in an easy-to-understand manner on the display as shown in FIG. In particular, [Patent Document 1] has been devised such that a plurality of icons are arranged and arranged in a predetermined display area in consideration of the menu hierarchy.
ユーザが片手でスマートフォンを保持し、他方の手の指先でタッチ操作をする場合ならまだしも、電車やバス等の移動手段の中でユーザが片手で保持しつつその指先で操作する必要がある場合に、整列表示されたアイコンに対し階層数に応じたオペレーションをユーザに都度要求することは、ユーザビリティの観点で好ましいものとは言えない。 If the user holds the smartphone with one hand and performs a touch operation with the fingertip of the other hand, or if the user needs to operate with the fingertip while holding it with one hand in a moving means such as a train or bus It is not preferable from the viewpoint of usability to require the user to perform an operation corresponding to the number of hierarchies for the icons displayed in alignment.
本発明は、上記〔特許文献１〕をはじめとする従来技術のアイコン整列表示手法を改良して、ユーザビリティを向上させるものである。即ち、本発明の目的は、ユーザが携帯端末を用いて、階層構造を有する複数のアイコンに対し階層毎にアイコン選択を行う場合に、都度の接触（タッチ）操作を必要とすることなく、ディスプレイ上を接触してからスライド動作によりその後離すまで１オペレーションで操作可能とするようなユーザ・インタフェースを提供することである。 The present invention improves the usability by improving the prior art icon arrangement display method including the above [Patent Document 1]. That is, an object of the present invention is to display a display without requiring a touch operation every time when the user selects an icon for each of a plurality of icons having a hierarchical structure using a portable terminal. It is to provide a user interface that can be operated in one operation from the time of touching the top to the time of subsequent release by a sliding motion.
本発明は、上記の課題を解決するための携帯端末、コンピュータ・プログラム、および方法を提供する。
本発明の携帯端末は、階層毎に分類された複数のアイコンが格納される記憶部、記憶部に格納された少なくとも１つのアイコンを表示する表示部、表示部と共に設けられ物体の接触を検知する検知部、そして、検知部への接触に基づいて表示部上の接触座標を決定し、該接触座標に対応する第１の階層のアイコンに関連付けられる第２の階層のアイコンを表示部に表示する制御部であって、表示部上の第２の階層のアイコンの配置座標を、接触座標および第２の階層のアイコンの数に基づいて決定する、制御部を備える。
The present invention provides a mobile terminal, a computer program, and a method for solving the above problems.
A portable terminal according to the present invention is provided with a storage unit that stores a plurality of icons classified by hierarchy, a display unit that displays at least one icon stored in the storage unit, and a display unit that detects contact of an object. The contact coordinates on the display unit are determined based on the detection unit and the contact with the detection unit, and the second layer icon associated with the first layer icon corresponding to the contact coordinate is displayed on the display unit. It is a control part, Comprising: The control part which determines the arrangement | positioning coordinate of the icon of the 2nd hierarchy on a display part based on the contact coordinate and the number of icons of a 2nd hierarchy is provided.
本発明の携帯端末はまた、上記制御部において、接触座標および第２の階層のアイコンの各配置座標が、表示部上で凸型の「１＋（第２の階層のアイコンの数）」角形を形成する各点の座標となるように決定される。 In the portable terminal of the present invention, in the control unit, the contact coordinates and the arrangement coordinates of the icons of the second hierarchy are convex “1+ (number of icons of the second hierarchy)” square on the display. It is determined to be the coordinates of each point to be formed.
本発明の携帯端末は更に、上記制御部において、接触座標が円周上の点となる、表示部の表示領域に包含される円領域が決定され、第２の階層のアイコンの配置座標の各々が、円周上の点となるように決定される。特に、第２の階層のアイコンの配置座標の各々が、接触座標を起点に、円周上に沿って等間隔の点となるように決定される。 In the portable terminal of the present invention, in the control unit, a circle area included in the display area of the display unit, in which the contact coordinates are points on the circumference, is determined, and each of the arrangement coordinates of the icons of the second hierarchy is determined. Is determined to be a point on the circumference. In particular, each of the arrangement coordinates of the icons in the second hierarchy is determined so as to be equidistant points along the circumference starting from the contact coordinates.
本発明のコンピュータ・プログラムは、検知部への物体の接触に基づいてディスプレイ上の接触座標を決定し、接触座標に対応する第１の階層のアイコンに関連付けられる第２の階層のアイコンをディスプレイ上に表示する制御部であって、ディスプレイ上の第２の階層のアイコンの配置座標を、接触座標および第２の階層のアイコンの数に基づいて決定する制御部としてコンピュータを機能させる。 The computer program according to the present invention determines a contact coordinate on the display based on contact of an object with the detection unit, and displays a second hierarchy icon associated with the first hierarchy icon corresponding to the contact coordinate on the display. The computer is caused to function as a control unit that determines the arrangement coordinates of the second layer icons on the display based on the contact coordinates and the number of second layer icons.
本発明の方法は、検知部において物体の接触を検出して、ディスプレイ上の接触座標を決定するステップ、記憶部に格納され、階層毎に分類された複数のアイコンについて、接触座標に対応する第１の階層のアイコンに関連付けられる第２の階層のアイコンを特定するステップ、ディスプレイ上の第２の階層のアイコンの配置座標を、接触座標および第２の階層のアイコンの数に基づいて決定するステップ、そして、第２の階層のアイコンをディスプレイ上の上記決定された配置座標に表示するステップを含む。 According to the method of the present invention, the detection unit detects contact of an object and determines the contact coordinates on the display. The plurality of icons stored in the storage unit and classified for each layer are associated with the contact coordinates. Identifying a second hierarchy icon associated with the first hierarchy icon, determining the placement coordinates of the second hierarchy icon on the display based on the contact coordinates and the number of second hierarchy icons And displaying a second level icon at the determined arrangement coordinates on the display.
本発明に係るアイコン展開のための携帯端末、コンピュータ・プログラムおよび方法によれば、上位または下位の階層構造を有する複数のアイコンについて、ユーザがディスプレイに接触してからスライド動作によりその後離すまで、１オペレーションで片手でも簡単に操作可能なように動的に展開させることができる。 According to the portable terminal, the computer program, and the method for expanding icons according to the present invention, for a plurality of icons having an upper or lower hierarchical structure, until the user touches the display and then releases it by a sliding operation, 1 The operation can be dynamically expanded so that it can be easily operated with one hand.
これより図２以降を参照して、本発明の実施形態による、アイコン展開のための携帯端末、コンピュータ・プログラムおよび方法に関する動作について説明する。図中、同一の構成要素には同一の符号を付してある。 With reference to FIG. 2 and subsequent drawings, operations relating to a portable terminal, a computer program, and a method for icon expansion according to an embodiment of the present invention will be described. In the figure, the same components are denoted by the same reference numerals.
図２を参照して、本発明の実施形態による携帯端末の基本構成について説明する。図２は、携帯端末の基本的な構成要素のみを示した概略ブロック図である。なお、携帯端末は、サーバや他の端末と通信が可能なスマートフォン、タブレット端末、ゲーム用コンソール、ノートＰＣ等とすることができるものの、これらに限定されない。図２に示すとおり、携帯端末１００は、タッチ・ディスプレイ１０、制御部４０および記憶部５０を有し、タッチ・ディスプレイ１０および記憶部５０に対して制御部４０が接続される。 With reference to FIG. 2, a basic configuration of the mobile terminal according to the embodiment of the present invention will be described. FIG. 2 is a schematic block diagram showing only basic components of the mobile terminal. In addition, although a portable terminal can be used as a smart phone, a tablet terminal, a game console, a notebook PC, etc. which can communicate with a server or another terminal, it is not limited to these. As illustrated in FIG. 2, the mobile terminal 100 includes the touch display 10, the control unit 40, and the storage unit 50, and the control unit 40 is connected to the touch display 10 and the storage unit 50.
タッチ・ディスプレイ１０は、記憶部５０に格納された各種データを表示するための表示部（ディスプレイ）２０、および人の指やスタイラスなどの物体の接触を検知する検知部（タッチパネル）３０を備える。なお、タッチパネル３０はタッチ・ディスプレイの構造上、液晶パネル、有機ＥＬ、プラズマディスプレイ等のようなディスプレイ２０の上層に配置される。タッチ・ディスプレイ１０は、圧力検出方式、抵抗膜方式、静電容量方式や電磁誘導方式等を採用することができる。タッチパネル３０上で指やスタイラス等での接触による入力を受けた際に、その位置において押圧、電気抵抗、電気容量や弾性波のエネルギー等の変化量を検知し、ディスプレイ２０上の対応する接触座標が特定される。 The touch display 10 includes a display unit (display) 20 for displaying various data stored in the storage unit 50 and a detection unit (touch panel) 30 for detecting contact of an object such as a human finger or stylus. The touch panel 30 is disposed on the upper layer of the display 20 such as a liquid crystal panel, an organic EL, a plasma display or the like because of the structure of the touch display. The touch display 10 can employ a pressure detection method, a resistance film method, a capacitance method, an electromagnetic induction method, and the like. When an input by contact with a finger, stylus, or the like is received on the touch panel 30, the amount of change in pressure, electrical resistance, electrical capacitance, elastic wave energy, etc. is detected at that position, and the corresponding contact coordinates on the display 20 Is identified.
記憶部５０は、メモリやハードディスク等の記憶媒体とし、該記憶媒体に対してデータの読み出し／書き込みを行う。記憶部５０では、表示部２０に表示するための複数のアイコン情報が、階層構造データとして階層毎に分類されて格納される。また、アイコン情報には、アイコンの「フォルダ」／「ファイル」形式等の種別を示すアイコン種別、ディスプレイ２０に表示される際のディスプレイ上の位置座標情報、およびアイコンが選択される際に実行されるアプリケーション・プログラム情報のような各種情報が含まれる。 The storage unit 50 is a storage medium such as a memory or a hard disk, and reads / writes data from / to the storage medium. In the storage unit 50, a plurality of pieces of icon information to be displayed on the display unit 20 are classified and stored for each hierarchy as hierarchical structure data. The icon information is an icon type indicating the type of the icon such as “folder” / “file” format, position coordinate information on the display when displayed on the display 20, and executed when an icon is selected. Various information such as application program information is included.
制御部４０は、処理装置を備えるように構成され、物体により接触され、タッチパネル３０で検知したディスプレイ２０上の接触座標を決定する処理を実行する。また、接触座標の位置に何らかのアイコンが配置されているかを判断し、そのアイコンに関連付けらえる上位または下位階層のアイコンを特定して展開する命令を実行し、および／またはそのアイコン自体に関連付けられた機能を実行する。 The control unit 40 is configured to include a processing device, and performs processing for determining contact coordinates on the display 20 that are touched by an object and detected by the touch panel 30. In addition, it is determined whether any icon is arranged at the position of the contact coordinates, an instruction for specifying and expanding an upper or lower level icon associated with the icon is executed, and / or associated with the icon itself. Execute the function.
図３に、階層毎に分類されて記憶部５０に格納された複数のアイコンについての階層構造を示す。図３の階層構造は例示に過ぎず、アイコンの種類、形状や個数に限定されないことは言うまでもない。また、アイコンは、画像イメージ、テキスト説明文やこれらの組み合わせのような任意のデータとすることができる。更に、各アイコンは、上位または下位に別のアイコンを関連付けるような「フォルダ」形式、および／または所定の機能に関連付けられ、何らかのアプリケーションで実行される「ファイル」形式等とすることができる。 FIG. 3 shows a hierarchical structure of a plurality of icons classified in each hierarchy and stored in the storage unit 50. It is needless to say that the hierarchical structure in FIG. 3 is merely an example, and the type, shape, and number of icons are not limited. The icon can be any data such as an image, a text description, or a combination thereof. Further, each icon may be in a “folder” format in which another icon is associated with a higher level or lower level, and / or a “file” format that is associated with a predetermined function and executed in some application.
図３の例では、第１階層のアイコン１から第４階層のアイコン４ｎまで合計１３個のアイコンが存在する。第１階層は最上位階層であり、１つのアイコン１が階層構造に関連付けられる。図示のとおり、アイコン１には下位の第２階層に３つのアイコン２ａ〜２ｃが関連付けられる。同様に、アイコン２ａには更に下位の第３階層に３つのアイコン３ａ〜３ｃが関連付けられ、アイコン２ｂには更に下位の第３階層に２つのアイコン３ｄ〜３ｅが関連付けられる。加えて、アイコン３ｄには更に下位の第３階層に４つのアイコン４ｋ〜４ｎが関連付けられる。ディスプレイ上であるアイコンが選択されると、関連付けられた下位の第２階層のアイコンが展開される。なお、本明細書で展開とは、ディスプレイ上の所定位置にアイコンが配置され且つ表示されることを意味する。 In the example of FIG. 3, there are a total of 13 icons from the first hierarchy icon 1 to the fourth hierarchy icon 4n. The first hierarchy is the highest hierarchy, and one icon 1 is associated with the hierarchical structure. As illustrated, the icon 1 is associated with three icons 2a to 2c in the lower second hierarchy. Similarly, the icon 2a is associated with three icons 3a to 3c in a further lower third layer, and the icon 2b is associated with two icons 3d to 3e in a further lower third layer. In addition, four icons 4k to 4n are associated with the icon 3d in the lower third layer. When an icon on the display is selected, the associated lower second-level icon is expanded. In this specification, development means that an icon is arranged and displayed at a predetermined position on the display.
図３のアイコン１，２ａ，２ｂ等は、下位階層に少なくとも１つのアイコンが関連付けられるものである。即ち「フォルダ」形式のものである。これに対し、アイコン２ｃ，３ｃ等は、下位階層にアイコンが関連付けられておらず、即ち「ファイル」形式である。「ファイル」形式の場合、何らかの機能が関連付けられ、ディスプレイ上でアイコンが選択されると、何らのアプリケーションを用いて当該機能を実行可能とする。 The icons 1, 2a, 2b, etc. in FIG. 3 are associated with at least one icon in a lower hierarchy. That is, it is of the “folder” format. On the other hand, the icons 2c, 3c, etc. are not associated with an icon in a lower hierarchy, that is, are in a “file” format. In the case of the “file” format, when any function is associated and an icon is selected on the display, the function can be executed using any application.
次に、図４および図５を参照して、図３の階層構造に基づいて、本発明の実施形態により、ディスプレイ上で下位階層のアイコンを適切に展開する処理の動作例を示す。
図４（ａ）〜（ｃ）では各々、ユーザが表示部上の任意の位置で接触することにより、第１階層のアイコン１から第２階層のアイコン２ａ〜２ｃを展開する例を示す。図示のとおり、アイコン１およびアイコン２ａ〜２ｃは正方形の各頂点に展開される。ユーザの指先の接触位置が、図４（ａ）では画面左下部、図４（ｂ）では画面中央下部、そして図４（ｃ）では画面右上部であり異なっている。図示のとおり、物体が接触され、接触座標に対応するアイコン１が表示されると、接触位置を基準にして正方形が向きを動的に調整されて形成・配置され、アイコン１に関連付けられる第２階層のアイコン２ａ〜２ｃが各頂点に展開される。なお、正方形状は実際に表示部に表示しても表示しなくてもいい。
Next, with reference to FIG. 4 and FIG. 5, based on the hierarchical structure of FIG. 3, the operation example of the process which expand | deploys appropriately the icon of a lower hierarchy on a display by embodiment of this invention is shown.
FIGS. 4A to 4C each show an example in which the icons 2a to 2c in the second hierarchy are developed from the icon 1 in the first hierarchy when the user contacts at an arbitrary position on the display unit. As illustrated, the icon 1 and the icons 2a to 2c are developed at each vertex of the square. The contact position of the user's fingertip is different in the lower left portion of the screen in FIG. 4A, the lower center portion of the screen in FIG. 4B, and the upper right portion of the screen in FIG. As shown in the figure, when an object is contacted and an icon 1 corresponding to the contact coordinates is displayed, a square is formed and arranged with its orientation dynamically adjusted with reference to the contact position, and a second associated with the icon 1 is displayed. Hierarchy icons 2a to 2c are developed at each vertex. The square shape may or may not be actually displayed on the display unit.
本実施形態では、タッチパネル２０の任意の位置において物体の接触を検知し、最上位（第１）階層のアイコンを表示した場合でも、ディスプレイ上の接触位置に応じて、下位の第２階層のアイコンを適切な位置に配置および表示することができる。即ち、従来技術のように、予め決められた位置に対してユーザが物体を接触させる（タッチ、タップ）必要がないため、画面動作がスムーズになる。 In the present embodiment, even when the contact of an object is detected at an arbitrary position on the touch panel 20 and the uppermost (first) layer icon is displayed, the lower second layer icon is displayed according to the contact position on the display. Can be arranged and displayed at an appropriate position. That is, unlike the prior art, it is not necessary for the user to touch an object (touch, tap) at a predetermined position, so that the screen operation is smooth.
図４が最上位（第１）階層から下位（第２）階層へのアイコン展開を複数例示するのに対し、図５（ａ）〜（ｃ）では、これに加えて、図３の階層構造に基づいて第２階層から第３階層への更なるアイコン展開を伴った連続的な展開動作例について示す。なお、図５（ａ）は、第１階層から第２階層のアイコン展開を示し、図４（ａ）に対応する。 4 illustrates a plurality of icon expansions from the highest (first) hierarchy to the lower (second) hierarchy, while FIGS. 5 (a) to 5 (c) additionally show the hierarchical structure of FIG. An example of a continuous expansion operation with further icon expansion from the second layer to the third layer will be described based on FIG. FIG. 5A shows icon expansion from the first hierarchy to the second hierarchy, and corresponds to FIG.
図５（ａ）において、ユーザのスライド動作に従って指先がアイコン２ｂまで移動し、アイコン２ｂ上で指先が接触された場合（即ちアイコン２ｂが選択された場合）に、図５（ｂ）に移行し、今度はアイコン２ｂに階層上更に関連付けられるアイコン３ｄ，３ｃがディスプレイの上方向に展開される。即ち、アイコン２ｂの位置を基準にして、正三角形がその向きを動的に調整されて配置され、アイコン２ｂおよびこれに関連付けられる下位の第３階層のアイコン３ｄ，３ｃが正三角形の各頂点に配置され表示される。 In FIG. 5A, when the fingertip moves to the icon 2b according to the user's slide operation and the fingertip is touched on the icon 2b (that is, when the icon 2b is selected), the process proceeds to FIG. 5B. This time, the icons 3d and 3c that are further associated with the icon 2b in the hierarchy are expanded upward in the display. That is, the equilateral triangle is dynamically arranged with the orientation of the icon 2b as a reference, and the icon 2b and the lower-level third-level icons 3d and 3c associated therewith are arranged at the vertices of the equilateral triangle. Arranged and displayed.
引き続き図５（ｂ）において、ユーザが指先をタッチパネルから離すことなくスライド動作させることにより、指先がアイコン３ｄまで移動し、アイコン３ｄ上で指先が接触された場合（即ちアイコン３ｄが選択された場合）に、図５（ｃ）に移行し、今度はアイコン３ｄに階層上更に関連付けられるアイコン４ｋ〜４ｎがディスプレイの下方向に展開される。即ち、アイコン３ｄの位置を基準にして、正五角形がその向きを動的に調整されて配置され、アイコン３ｄおよびこれに関連付けられる下位の第４階層のアイコン４ｋ〜４ｎが各頂点に配置され表示される。 In FIG. 5B, when the user slides the fingertip without releasing it from the touch panel, the fingertip moves to the icon 3d and the fingertip is touched on the icon 3d (that is, when the icon 3d is selected). ), The icons 4k to 4n that are further associated with the icon 3d in the hierarchy are expanded in the downward direction of the display. That is, with the position of the icon 3d as a reference, the regular pentagon is arranged with its orientation dynamically adjusted, and the icon 3d and the lower-level fourth-level icons 4k to 4n associated therewith are arranged and displayed at each vertex. Is done.
図５の例は、第１階層から第４階層までの順次のアイコン展開動作について示したが、第５階層以降のアイコン展開についても同様である。また、図５の例では、指先が接触したアイコン１，２ｂ，３ｄはいずれも「フォルダ」形式のアイコンを想定し、各アイコン上に指先を移動させると下位階層のアイコンを更に展開する。他方、例えば第４階層のアイコン４ｋが「ファイル」形式のアイコンである場合には、ユーザがアイコン４ｋまでスライド動作で物体を移動された後、アイコン４ｋの位置において物体を表示部（タッチパネル）から物理的に離したような場合に、当該「ファイル」は所与のアプリケーションによって実行することができる。 The example of FIG. 5 shows the sequential icon expansion operation from the first layer to the fourth layer, but the same applies to the icon expansion from the fifth layer onward. In the example of FIG. 5, the icons 1, 2b, and 3d touched by the fingertip are all assumed to be “folder” icons, and when the fingertip is moved over each icon, the lower-level icons are further developed. On the other hand, for example, when the icon 4k in the fourth hierarchy is a “file” type icon, after the user moves the object to the icon 4k by a sliding operation, the object is displayed at the position of the icon 4k from the display unit (touch panel). When physically separated, the “file” can be executed by a given application.
図６および図７は、それぞれ図４および図５に対応した、下位階層のアイコンを展開するための処理についてのフローチャートである。図６は、最上位（第１）階層から下位（第２）階層へのアイコン展開処理についてのフローチャートであり、図７は、図６に引き続いて、第２階層から第３階層へのアイコン展開処理についてのフローチャートである。なお、図７のアイコン展開処理は、第ｎ階層から第（ｎ＋１）階層へのアイコン展開処理（ｎは２以上の整数）として一般化できることが理解される。 FIGS. 6 and 7 are flowcharts of processing for expanding lower-level icons corresponding to FIGS. 4 and 5, respectively. FIG. 6 is a flowchart of icon expansion processing from the highest (first) hierarchy to the lower (second) hierarchy. FIG. 7 is an icon expansion from the second hierarchy to the third hierarchy following FIG. It is a flowchart about a process. It is understood that the icon expansion process of FIG. 7 can be generalized as an icon expansion process from the nth layer to the (n + 1) th layer (n is an integer of 2 or more).
図６のとおり、まずステップＳ１１で、ユーザの指先やスタイラスのような物体の接触をタッチパネル３０で検知することで開始される。以降の処理は主に制御部４０において実施される。ステップＳ１２では、タッチパネルは物体の接触が一定時間以上継続したかを判定する。一定時間以上継続した場合（即ち、ユーザが長押しした場合）、制御部はフォルダ展開命令を実行し、次いでステップＳ１３以降に進み、第２階層以降のフォルダ展開処理を実施する。一定時間以上継続しなかった場合は、ステップＳ１４でそのまま終了する。 As shown in FIG. 6, first, in step S <b> 11, the touch panel 30 detects contact of an object such as a user's fingertip or stylus. Subsequent processing is mainly performed in the control unit 40. In step S12, the touch panel determines whether or not the contact of the object has continued for a certain period of time. If it continues for a certain period of time (that is, when the user presses and holds for a long time), the control unit executes a folder expansion command, and then proceeds to step S13 and subsequent steps to execute the second and subsequent folder expansion processing. If it does not continue for a certain period of time, the process ends in step S14.
ステップＳ１３では、ディスプレイ２０上の物体の接触座標を決定し、当該接触座標上に最上位の第１階層の１つのアイコンを表示する。なお、最上位アイコンは一意に特定可能なため必ずしも表示部に表示する必要はない。次いでステップＳ１５では、記憶部５０に格納された階層構造データを参照して最上位アイコンに関連付けられる第２階層のアイコンをアイコン数と共に特定する。 In step S13, the contact coordinates of the object on the display 20 are determined, and one icon of the highest first layer is displayed on the contact coordinates. Note that since the top icon can be uniquely identified, it is not necessarily displayed on the display unit. Next, in step S15, referring to the hierarchical structure data stored in the storage unit 50, the second hierarchy icon associated with the highest icon is specified together with the number of icons.
ステップＳ１６では、上記接触座標が円周上の点となるような、表示部の表示領域に全部または一部が包含される円領域を決定する。より具体的には、円領域の半径、および円領域の中心座標を決定する（詳細は図８および図９に関して後記）。なお、円領域は、円周上に第２階層の各アイコンをその円周上に配置するために決定される。また、円領域に関するデータは記憶部５０において最上位アイコン・データと関連付けて格納される。なお、円形状は例示に過ぎず、如何なる形状にもできることが理解される。 In step S <b> 16, a circular area that is entirely or partially included in the display area of the display unit is determined such that the contact coordinates are points on the circumference. More specifically, the radius of the circular area and the center coordinates of the circular area are determined (details will be described later with reference to FIGS. 8 and 9). The circular area is determined in order to arrange each icon of the second hierarchy on the circumference. Further, the data related to the circular area is stored in the storage unit 50 in association with the highest-level icon data. It should be understood that the circular shape is merely an example and can be any shape.
ステップＳ１７では、上記円領域の円周上に配置される第２階層のアイコンの配置座標を、接触座標および第２階層のアイコンの数に基づいて決定する。つまり、接触座標および第２階層のアイコンの各配置座標が、ディスプレイ上で凸型の「１＋（第２階層のアイコンの数）」角形を形成する各点の座標となるように決定するが、更に特定すれば、凸型の正「１＋（第２階層のアイコンの数）」角形を形成するように決定することができる（詳細は図１０および図１１に関して後記）。第２階層のアイコンの配置座標は、記憶部５０において第２階層アイコン・データと関連付けて格納される。 In step S17, the arrangement coordinates of the second hierarchy icons arranged on the circumference of the circle area are determined based on the contact coordinates and the number of second hierarchy icons. That is, the contact coordinates and the arrangement coordinates of the second layer icons are determined to be the coordinates of each point forming a convex “1+ (number of second layer icons)” square on the display. More specifically, it can be determined to form a convex positive “1+ (number of icons in second layer)” (details will be described later with reference to FIGS. 10 and 11). The arrangement coordinates of the second layer icon are stored in the storage unit 50 in association with the second layer icon data.
次いで、ステップＳ１８では、図４および図５（ａ）のとおり、ディスプレイにおいて、第１階層のアイコン１が表示された状態で更に第２階層のアイコン２ａ〜２ｃを表示する。その後、ユーザは、ステップＳ１９でスライド動作により、物体の接触を第２階層のアイコンのいずれか１つにスライドさせる。 Next, in step S18, as shown in FIG. 4 and FIG. 5A, icons 2a to 2c in the second hierarchy are further displayed on the display in a state where the icon 1 in the first hierarchy is displayed. Thereafter, in step S19, the user slides the contact of the object to any one of the icons of the second hierarchy by a slide operation.
引き続き図７に移り、ステップＳ２０では、スライド動作において第２階層のアイコン上の付近に物体を接触させる。すると、ステップＳ２１では、タッチパネルが物体の接触を検出し、ディスプレイ２０における物体の接触座標を決定し、更に、ステップＳ２２で、記憶部５０に格納されたアイコン・データを参照して、接触座標に関連付けられる第２階層のアイコンを特定する。図５（ａ）の例では、アイコン２ｂを特定する。 Continuing to FIG. 7, in step S20, the object is brought into contact with the vicinity of the second layer icon in the slide operation. Then, in step S21, the touch panel detects the contact of the object, determines the contact coordinates of the object on the display 20, and further, in step S22, refers to the icon data stored in the storage unit 50 to obtain the contact coordinates. The icon of the 2nd hierarchy linked | related is specified. In the example of FIG. 5A, the icon 2b is specified.
ステップＳ２３では、記憶部５０に格納されたアイコン・データを参照して、特定された第２階層アイコンのアイコン種別が「フォルダ」形式かどうかを判定する。「フォルダ」形式である場合には、ステップＳ２４以降を実施してアイコン展開処理を実施する。他方、「フォルダ」形式ではなく、例えば「ファイル」形式である場合は、ステップＳ２５において物体のタッチパネルへの接触を解除したときに、所定のアプリケーションを用いて当該ファイルの実行処理を実施する。 In step S23, the icon data stored in the storage unit 50 is referred to and it is determined whether or not the icon type of the identified second hierarchy icon is in the “folder” format. If it is in the “folder” format, step S24 and the subsequent steps are performed to perform icon expansion processing. On the other hand, when the file is in the “file” format instead of the “folder” format, for example, when the contact of the object with the touch panel is canceled in step S25, the file is executed using a predetermined application.
ステップＳ２４では、記憶部５０に格納された階層構造データを参照して、接触座標に関連付けられる第２階層のアイコンに対し更に関連付けられる下位の第３階層のアイコンを特定する。図５（ｂ）の例では、アイコン２ｂに関連付けられる２つのアイコン３ｄ，３ｅを特定する。 In step S24, referring to the hierarchical structure data stored in the storage unit 50, a lower third-level icon that is further associated with the second-level icon associated with the contact coordinates is specified. In the example of FIG. 5B, two icons 3d and 3e associated with the icon 2b are specified.
ステップＳ２６では、上記接触座標が円周上の点となるような、ディスプレイの表示領域に全部または一部が包含される円領域を決定する。より具体的には、円領域の半径、および円領域の中心座標を決定する（詳細は図８および図９に関して後記）。なお、円領域は、上記ステップＳ１６と同様、円周上に第３階層の各アイコンを配置するために決定する。また、当該円領域に関するデータは、記憶部５０において、特定された第２階層のアイコンのアイコン・データと関連付けて格納される。 In step S26, a circular area that is entirely or partially included in the display area of the display is determined such that the contact coordinates are points on the circumference. More specifically, the radius of the circular area and the center coordinates of the circular area are determined (details will be described later with reference to FIGS. 8 and 9). Note that the circular area is determined in order to arrange each icon of the third hierarchy on the circumference as in step S16. Further, the data related to the circular area is stored in the storage unit 50 in association with the icon data of the specified second-level icon.
ステップＳ２７では、上記円領域の円周上における第３階層のアイコンの配置座標を、上記接触座標および第３階層のアイコンの数に基づいて決定する。つまり、接触座標および第３階層のアイコンの各配置座標が、ディスプレイ上で凸型の「１＋（第３階層のアイコンの数）」角形を形成する各点の座標となるように決定する。更に特定すれば、凸型の正「１＋（第３階層のアイコンの数）」角形を形成するように決定することができる（詳細は図１０および図１１に関して後記）。第３階層のアイコンの配置座標は、記憶部５０において第３階層アイコン・データと関連付けて格納される。 In step S27, the arrangement coordinates of the third hierarchy icons on the circumference of the circle area are determined based on the contact coordinates and the number of third hierarchy icons. That is, the contact coordinates and the arrangement coordinates of the third layer icons are determined to be the coordinates of each point forming a convex “1+ (number of third layer icons)” square on the display. More specifically, it can be determined to form a convex positive “1+ (number of icons in third layer)” (details will be described later with reference to FIGS. 10 and 11). The arrangement coordinates of the third hierarchy icon are stored in the storage unit 50 in association with the third hierarchy icon data.
次いで、ステップＳ２８では、図５（ｂ）のように、ディスプレイにおいて、第２階層のアイコン２ｂが表示された状態で更に上記各配置座標に第３階層３ｄ，３ｅのアイコンを表示する。その後、ユーザは更なるスライド動作を開始して、物体の接触を第３階層のアイコンの１つにスライドさせる。図５（ｂ）の例では、アイコン２ｂに関連付けられる２つのアイコン３ｄを特定する。以降、アイコンの階層を下位方向に展開する処理については、ステップＳ２０からステップＳ２９の一連の処理を繰り返し実施することで実現される。つまり、図７のアイコン展開処理は、第ｎ階層から第（ｎ＋１）階層へのアイコン展開処理（ｎは２以上の整数）として一般化できることが理解される。 Next, in step S28, as shown in FIG. 5B, in the state where the second hierarchy icon 2b is displayed on the display, the icons of the third hierarchy 3d and 3e are further displayed at the respective arrangement coordinates. Thereafter, the user starts a further slide operation to slide the contact of the object to one of the icons in the third hierarchy. In the example of FIG. 5B, two icons 3d associated with the icon 2b are specified. Thereafter, the process of expanding the icon hierarchy in the lower direction is realized by repeatedly performing a series of processes from step S20 to step S29. That is, it is understood that the icon expansion process of FIG. 7 can be generalized as an icon expansion process from the nth layer to the (n + 1) th layer (n is an integer of 2 or more).
これより、図８および図９を参照して、図６のステップＳ１６および図７のステップ２６における円領域の決定処理について説明する。ここでは図５（ｂ）の例を用いて第２階層のアイコン２ｂに対して関連付けられる第３階層のアイコン３ｄ，３ｅを配置するための円領域Ｃを決定する処理、即ち半径ｒおよび中心座標Ｐｃを決定する処理ついて説明する。図８では、図８（ａ）および図８（ｂ）の２つについて例示し、また図９では円領域Ｃを決定する処理のフローチャートを示す。 With reference to FIG. 8 and FIG. 9, the circular area determination processing in step S16 in FIG. 6 and step 26 in FIG. 7 will be described. Here, using the example of FIG. 5 (b), a process for determining the circular area C for placing the icons 3d and 3e of the third hierarchy associated with the icon 2b of the second hierarchy, that is, the radius r and the center coordinates A process for determining Pc will be described. FIG. 8 illustrates two examples of FIG. 8A and FIG. 8B, and FIG. 9 shows a flowchart of processing for determining the circular region C.
図９のステップＳ３１では、円領域Ｃの半径ｒは、第３階層のアイコンの数に基づいて決定するのがよい。図８のように第３階層のアイコン数が「２」のように小さいときは半径を小さくするのがよい。これは、ユーザの指の移動を考慮した場合、距離を短くした方がユーザビリティの点で有利だからである。一方、アイコン数が大きい場合にも半径ｒを小さくすると、アイコンの配置間隔が非常に狭くなってしまうため、ユーザビリティの点では不利となる。よって、アイコン数が大きくなるほど、円領域の半径ｒを大きくするように設定するのがよい。勿論、円領域の半径ｒを予め決められた固定値としてもよいし、ランダムに設定するようにしてもよい。 In step S31 of FIG. 9, the radius r of the circular area C is preferably determined based on the number of icons in the third hierarchy. As shown in FIG. 8, when the number of icons in the third hierarchy is as small as “2”, it is preferable to reduce the radius. This is because it is advantageous in terms of usability to shorten the distance when considering the movement of the user's finger. On the other hand, if the radius r is reduced even when the number of icons is large, the icon arrangement interval becomes very narrow, which is disadvantageous in terms of usability. Therefore, it is preferable to set so that the radius r of the circular area increases as the number of icons increases. Of course, the radius r of the circular area may be a predetermined fixed value, or may be set at random.
ステップＳ３１で円領域Ｃの半径ｒを決定すると、ステップＳ３２では、当該半径ｒを用いて、ディスプレイの表示領域の内、接触座標Ｐ２ｂを中心とした円Ｃ’を決定する。円Ｃ’の円周部分（図８のＣ’の点線部分）が円領域Ｃの中心座標Ｐｃの候補集合とすることができる。 When the radius r of the circular area C is determined in step S31, in step S32, a circle C ′ centered on the contact coordinate P2b is determined in the display area of the display using the radius r. The circumferential portion of the circle C ′ (the dotted line portion of C ′ in FIG. 8) can be a candidate set of the center coordinates P c of the circular region C.
次のステップＳ３３において円領域Ｃの中心座標Ｐｃを決定するに際し、表示領域が有する少なくとも１つの基準点を定義する。基準点とは、図８（ａ）の例ではディスプレイの表示領域の中心点ＳＴＤ１と定義され、また図８（ｂ）の例では、表示部の表示領域の四角の点ＳＴＤ２〜ＳＴＤ５と定義される。そして、円領域Ｃの中心座標Ｐｃは、接触座標Ｐ２ｂと基準点の１つに基づいて決定される。 In determining the center coordinate Pc of the circular area C in the next step S33, at least one reference point included in the display area is defined. The reference point is defined as the center point STD1 of the display area of the display in the example of FIG. 8A, and is defined as the square points STD2 to STD5 of the display area of the display unit in the example of FIG. 8B. The Then, the center coordinate Pc of the circular area C is determined based on the contact coordinate P2b and one of the reference points.
具体的には、ステップＳ３３では、接触座標Ｐ２ｂから基準点の１つに伸ばした直線と半径ｒの円周の交点を、円領域Ｃの中心座標Ｐｃとして決定する。図８（ａ）の例では、接触座標Ｐ２ｂから基準点ＳＴＤ１に向けて延びる直線と円Ｃ’の円周の交点を円領域Ｃの中心座標Ｐｃとして決定する。同様に、図８（ｂ）の例では、接触座標Ｐ２ｂから基準点ＳＴＤ２〜ＳＴＤ５に向けて各々直線を伸ばし、線分の距離ｄ２〜ｄ５の内、一番距離が長いｄ２に対応する基準点ＳＴＤ２を１つの基準点として選択して、接触座標Ｐ２ｂから基準点ＳＴＤ２に伸ばした直線と円Ｃ’の円周との交点を円領域Ｃの中心座標Ｐｃとして決定する。 Specifically, in step S33, the intersection of the straight line extending from the contact coordinate P2b to one of the reference points and the circumference of the radius r is determined as the center coordinate Pc of the circular region C. In the example of FIG. 8 (a), to determine the circumference of intersection of the contact coordinate P 2b linearly and circularly extending toward the reference point STD1 from C 'as the center coordinates P c of the circle area C. Similarly, in the example of FIG. 8 (b), the contact coordinate each extended linearly toward the reference point STD2~STD5 from P 2b, among line segments of the distance D2 to D5, criteria most distance corresponding to the long d2 select a point STD2 as a reference point, it determines the intersection of the circumference of the straight line and the circle C 'which extended the reference point STD2 from contact coordinate P 2b as the center coordinates P c of the circle area C.
最後のステップＳ３４では、決定した半径ｒおよび中心座標Ｐｃから円領域Ｃを決定する。円領域Ｃの円周上には、下位階層のアイコンＰ３ｄ，Ｐ３ｅが配置されることになり、これによって、凸型の「１＋（下位階層のアイコンの数）」角形を形成することが可能になる。 In the final step S34, the circular area C is determined from the determined radius r and center coordinate Pc . The lower layer icons P 3d and P 3e are arranged on the circumference of the circle region C, and thereby, a convex “1+ (number of icons of lower layer)” square can be formed. It becomes possible.
図８（ａ）の例のように１つの基準点ＳＴＤ１を表示領域の中心点と定義して、円領域Ｃを表示領域の中心点方向に決定することにより、下位階層のアイコンの展開がディスプレイの表示領域の中心方向に向かって実施されることになる。このことは、ユーザが常にディスプレイの表示領域の中心部周辺で物体のスライド動作を行うことができるために、ユーザ動作を安定的なものとすることができる。一方、図８（ｂ）の例のように基準点ＳＴＤ２〜ＳＴＤ５の内、接触座標Ｐ２ｂから一番離れたものを都度選択して定義することにより、下位階層のアイコンの展開の都度、それらアイコンが、ディスプレイの表示領域内の離れた位置に配置され表示されることになる。このことは、ユーザがディスプレイの表示領域の内、空いているスペースが大きい部分で常に物体のスライド動作を行うことができるために、ユーザ動作をよりダイナミックなものとすることができる。なお、上記のように基準点を設け、基準点に基づいて中心座標Ｐｃを決定するのではなく、ランダムに円Ｃ’の円弧部分から円領域Ｃの中心座標Ｐｃを選択して決定するようにしてもよい。 By defining one reference point STD1 as the center point of the display area and determining the circle area C in the direction of the center point of the display area as in the example of FIG. This is performed toward the center of the display area. This can stabilize the user operation because the user can always slide the object around the center of the display area of the display. On the other hand, among the reference points STD2~STD5 as in the example in FIG. 8 (b), by defining and selected each time those farthest from the contact coordinate P 2b, each of the deployment of the lower layer of icons, their The icon is arranged and displayed at a distant position in the display area of the display. This is because the user can always slide the object in a portion of the display area of the display where the vacant space is large, so that the user motion can be made more dynamic. Incidentally, the reference point is provided as described above, instead of determining the center coordinates P c based on the reference point, selects and determines the center coordinates P c of the circle area C from an arc portion of the circle C 'randomly You may do it.
次に、図９および図１０を参照して、図６のステップＳ１７および図７のステップ２７において、下位階層のアイコンについて円周上の各配置座標の決定について説明する。図１０（ａ）〜（ｃ）は各々、図５（ａ）〜（ｃ）に対応する。図１１のステップＳ４１では、θを「θ＝２π／（階層のアイコン数）」の計算式で決定する。図１０（ａ）の例では第２階層のアイコン数が「３」のためθ＝２π／４であり、同様に、図１０（ｂ）の例では、θ＝２π／３、図１０（ｃ）の例では、θ＝２π／５となる。 Next, with reference to FIG. 9 and FIG. 10, the determination of each arrangement coordinate on the circumference of the lower-level icon in step S17 of FIG. 6 and step 27 of FIG. 7 will be described. FIGS. 10A to 10C correspond to FIGS. 5A to 5C, respectively. In step S41 in FIG. 11, θ is determined by a calculation formula of “θ = 2π / (number of icons in the hierarchy)”. In the example of FIG. 10A, θ = 2π / 4 because the number of icons in the second layer is “3”. Similarly, in the example of FIG. 10B, θ = 2π / 3, and FIG. ), Θ = 2π / 5.
そしてステップＳ４２において、接触座標を起点にして角度θずつ回転させた円領域Ｃの円周上の点を下位階層のアイコン配置位置として決定する。即ち、下位階層のアイコン配置座標は、接触座標を起点にして円周上に沿って距離ｒθずつ等間隔に離れた点となるように決定する。 In step S42, a point on the circumference of the circular area C rotated by the angle θ from the contact coordinates as a starting point is determined as the icon arrangement position of the lower hierarchy. That is, the icon arrangement coordinates in the lower hierarchy are determined so as to be points spaced at equal intervals by a distance rθ along the circumference starting from the contact coordinates.
図９および図１０のようにして、階層のアイコンの各配置座標を決定することにより、接触座標および下位階層の配置座標で形成される凸型の「１＋（下位階層のアイコンの数）」角形が、正「１＋（下位階層のアイコンの数）」角形として正確に形成することができる。 As shown in FIGS. 9 and 10, by determining the arrangement coordinates of the icons in the hierarchy, a convex “1+ (number of icons in the lower hierarchy)” square formed by the contact coordinates and the arrangement coordinates of the lower hierarchy Can be accurately formed as a positive “1+ (number of lower-level icons)” square.
最後に、本発明の実施形態によるアイコン展開動作について、若干の変形例を説明する。図１２は、図５（ｂ）に例示した第３階層のアイコン展開に際し、更に表示部の表示領域上に「戻る」アイコンを追加したものに相当する。図示のとおり「戻る」アイコンを追加して表示することにより、本発明の実施形態によるアイコン展開動作の変形例は、下位階層に向けたアイコン展開のみならず、上記階層に向けたアイコン展開も同時に実施可能とする。 Finally, some variations of the icon expansion operation according to the embodiment of the present invention will be described. FIG. 12 corresponds to a case where a “return” icon is further added to the display area of the display unit when the third-level icon expansion illustrated in FIG. As shown in the figure, by adding and displaying a “return” icon, the modified example of the icon expansion operation according to the embodiment of the present invention is not only the icon expansion toward the lower hierarchy, but also the icon expansion toward the hierarchy above Can be implemented.
より具体的には、図１２（ａ）では、「戻る」アイコンを表示部の表示領域の下部に固定的に配置して表示している。「戻る」アイコンが固定位置にあるため、ユーザはアイコン配置を特段気にすることなく上位階層に向けたアイコン展開を実施できる。図１２（ｂ）では、「戻る」アイコンを第１階層の接触位置に配置して表示している。第１階層の接触位置には、第１階層のアイコンが、以前（アイコン展開前）に配置および表示されていたことから、ユーザは物体の動きに従って「戻る」動作を実感しながら操作可能となる。同様に、図１２（ｃ）では、「戻る」アイコンは、円領域Ｃの中心座標Ｐｃの位置に常に配置して表示される。図１２（ｄ）では、「戻る」アイコンは、円周上において第２階層のアイコン２ｂおよび第３階層のアイコン３ｄ，３ｅと共に配置および表示される。図１２（ｄ）の場合は、アイコン展開が図１２（ａ）〜（ｃ）の正三角形ではなく、正四角形になる。即ち、正「２＋（下位階層のアイコンの数）」角形が形成される。ユーザビリティの点では、図１２（ｃ），（ｄ）の構成が物体近くに「戻る」ボタンが常に配置されるため有利となろう。 More specifically, in FIG. 12A, the “return” icon is fixedly arranged and displayed at the bottom of the display area of the display unit. Since the “return” icon is at a fixed position, the user can expand the icon toward the upper layer without paying special attention to the icon arrangement. In FIG. 12B, the “return” icon is arranged and displayed at the contact position of the first hierarchy. Since the first layer icon has been previously placed and displayed at the contact position of the first layer (before the icon expansion), the user can operate while experiencing a “return” operation according to the movement of the object. . Similarly, in FIG. 12C, the “return” icon is always arranged and displayed at the position of the center coordinate P c of the circular area C. In FIG. 12D, the “return” icon is arranged and displayed on the circumference together with the second level icon 2b and the third level icons 3d and 3e. In the case of FIG. 12D, the icon expansion is not a regular triangle of FIGS. 12A to 12C but a regular square. That is, a positive “2+ (number of icons in lower hierarchy)” square is formed. In terms of usability, the configuration of FIGS. 12C and 12D may be advantageous because a “return” button is always placed near the object.
ディスプレイへの他の表示態様として、例えばアイコン情報にテキストによる説明が付加されるような場合には、ユーザが視認できるように、例えば吹き出し表示の形態として各アイコンの近傍にテキスト情報を併せて表示してもよい。また、「フォルダ」または「ファイル」形式等、表示されるアイコンの種別を視覚上区別できるように、例えば「ファイル」形式のアイコンには視覚的なエフェクトを設けるように表示してもよい。 As another display mode on the display, for example, when text explanation is added to the icon information, the text information is also displayed in the vicinity of each icon as a balloon display form, for example, so that the user can visually recognize it. May be. In addition, for example, icons of the “file” format may be displayed so as to have a visual effect so that the type of icon to be displayed such as “folder” or “file” format can be visually distinguished.
本発明の実施形態によるアイコン展開のための携帯端末、コンピュータ・プログラムまたは方法は、ユーザによる端末操作を伴う全ての場面で適用可能である。例えば、携帯端末の基本ソフトや所定のアプリケーションにおけるユーザ・メニュー選択操作、ゲーム・プレイ中のゲーム進行動作（特にユーザ・メニュー選択）、メッセージ・アプリケーションにおけるメッセージ入力選択、および写真管理アプリケーションにおけるフォルダ展開操作等において適用することが想定でき、ユーザは片手操作でスムーズに端末操作を行うことができる。 The mobile terminal, the computer program, or the method for icon expansion according to the embodiment of the present invention can be applied to all scenes that involve user terminal operations. For example, user menu selection operation in basic software of a mobile terminal or a predetermined application, game progress operation during game play (particularly user menu selection), message input selection in a message application, and folder expansion operation in a photo management application Etc., and the user can smoothly operate the terminal with one hand operation.
以上、本発明の実施形態による、アイコン展開のための携帯端末、コンピュータ・プログラムまたは方法について説明した。上述した実施形態は、本発明の理解を容易にするための例示に過ぎず、本発明を限定して解釈するためのものではない。本発明は、その趣旨を逸脱することなく、変更、改良することができると共に、本発明にはその均等物が含まれることは言うまでもない。 In the above, the portable terminal, computer program, or method for icon expansion according to the embodiment of the present invention has been described. The above-described embodiments are merely examples for facilitating understanding of the present invention, and are not intended to limit the present invention. The present invention can be changed and improved without departing from the gist thereof, and it is needless to say that the present invention includes equivalents thereof.
Claims (11)
前記記憶部に格納された少なくとも１つの前記アイコンを表示する表示部と、
前記表示部と共に設けられ、物体の接触を検知する検知部と、
前記検知部での前記接触の検知に基づいて前記表示部上の接触座標を決定し、前記接触座標に対応する第１の階層のアイコンに関連付けられる第２の階層のアイコンを前記表示部に表示する制御部であって、前記表示部上の前記第２の階層のアイコンの配置座標を、前記接触座標および前記第２の階層のアイコンの数に基づいて決定する、制御部と
を備え、
前記制御部において、前記接触座標が円周上の点となる、前記表示部の表示領域に包含される円領域が決定され、前記第２の階層のアイコンの配置座標の各々が、前記円周上の点となるように決定されることを特徴とする、携帯端末。 A storage unit for storing a plurality of icons classified by hierarchy;
A display unit for displaying at least one of the icons stored in the storage unit;
A detection unit that is provided together with the display unit and detects contact of an object;
Displaying said based on the detection of the contact of the detection unit determines a contact coordinate on the display unit, the second layer associated with the icon of the first layer corresponding to the contact coordinate icon on the display unit A control unit that determines the arrangement coordinates of the second layer icons on the display unit based on the contact coordinates and the number of icons of the second layer ,
In the control unit, a circle region included in the display region of the display unit, in which the contact coordinates are points on the circumference, is determined, and each of the placement coordinates of the icons of the second hierarchy is the circumference it is determined to be the point above, the portable terminal.
前記第１の階層が最上位階層であり、
任意の位置において前記検知部で接触を検知した場合に、前記制御部が、前記第２の階層のアイコンを前記表示部に表示するように構成される、携帯端末。 An information terminal according to any one of claims 1 to 5 ,
The first hierarchy is the highest hierarchy;
When detecting the contact by the detecting section at any position, the control unit is configured icon of the second hierarchy so as to display on the display unit, the portable terminal.
前記物体のスライド操作に従って、前記接触座標から、選択される１つの前記第２の階層のアイコンの配置座標まで前記物体の接触が移動されると、前記制御部が更に、
前記選択される前記１つの第２の階層のアイコンに関連付けられる第３の階層のアイコンを前記表示部に表示するように構成される、携帯端末。 The mobile terminal according to any one of claims 1 to 6 ,
When the contact of the object is moved from the contact coordinates to the arrangement coordinates of one of the selected second layer icons according to the slide operation of the object, the control unit further includes:
A mobile terminal configured to display a third layer icon associated with the selected second layer icon on the display unit.
前記ディスプレイ上の前記第２の階層のアイコンの配置座標を、前記接触座標および前記第２の階層のアイコンの数に基づいて決定する、制御部としてコンピュータを機能させ、
前記制御部において、前記接触座標が円周上の点となる、前記ディスプレイ上の表示領域に包含される円領域が決定され、前記第２の階層のアイコンの配置座標の各々が、前記円周上の点となるように決定されることを特徴とする、コンピュータ・プログラム。 Control for determining contact coordinates on a display based on detection of contact of an object by a detection unit , and displaying a second layer icon associated with a first layer icon corresponding to the contact coordinates on the display Part,
Determining the arrangement coordinates of the second layer icons on the display based on the contact coordinates and the number of icons of the second layer, and causing the computer to function as a control unit ;
In the control unit, a circle area included in the display area on the display where the contact coordinates become a point on the circumference is determined, and each of the arrangement coordinates of the icons of the second hierarchy is the circumference it is determined to be the point above, the computer program.
記憶部に格納され、階層毎に分類された複数のアイコンについて、前記接触座標に対応する第１の階層のアイコンに関連付けられる第２の階層のアイコンを特定するステップと、
前記ディスプレイ上の前記第２の階層のアイコンの配置座標を、前記接触座標および前記第２の階層のアイコンの数に基づいて決定するステップであって、前記接触座標が円周上の点となる、前記ディスプレイ上の表示領域に包含される円領域が決定され、前記第２の階層のアイコンの配置座標の各々が、前記円周上の点となるように決定される、ステップと、
前記第２の階層のアイコンを前記ディスプレイ上の前記決定された配置座標に表示するステップと
を含む、方法。 A step of detecting contact of an object, determining a contact coordinate on the display in the detection unit,
Identifying a second hierarchy icon associated with a first hierarchy icon corresponding to the contact coordinates for a plurality of icons stored in the storage unit and classified for each hierarchy;
Determining the arrangement coordinates of the second layer icons on the display based on the contact coordinates and the number of icons of the second layer , wherein the contact coordinates are points on a circumference; A circle area included in the display area on the display is determined, and each of the placement coordinates of the icons of the second hierarchy is determined to be a point on the circumference; and
Displaying the second level icon at the determined placement coordinates on the display.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| JP2014253808A JP5911947B1 (en) | 2014-12-16 | 2014-12-16 | Mobile terminal, computer program and method for icon expansion |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| JP2014253808A JP5911947B1 (en) | 2014-12-16 | 2014-12-16 | Mobile terminal, computer program and method for icon expansion |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| JP5911947B1 true JP5911947B1 (en) | 2016-04-27 |
| JP2016115169A JP2016115169A (en) | 2016-06-23 |
Family
ID=55808180
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| JP2014253808A Expired - Fee Related JP5911947B1 (en) | 2014-12-16 | 2014-12-16 | Mobile terminal, computer program and method for icon expansion |
Country Status (1)
| Country | Link |
|---|---|
| JP (1) | JP5911947B1 (en) |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP2011107823A (en) * | 2009-11-13 | 2011-06-02 | Canon Inc | Display controller and display control method |
| JP2013025357A (en) * | 2011-07-15 | 2013-02-04 | Sony Corp | Information processing apparatus, information processing method, and program |
| JP2014191612A (en) * | 2013-03-27 | 2014-10-06 | Ntt Docomo Inc | Information terminal, information input auxiliary method, and information input auxiliary program |
-
2014
- 2014-12-16 JP JP2014253808A patent/JP5911947B1/en not_active Expired - Fee Related
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP2011107823A (en) * | 2009-11-13 | 2011-06-02 | Canon Inc | Display controller and display control method |
| JP2013025357A (en) * | 2011-07-15 | 2013-02-04 | Sony Corp | Information processing apparatus, information processing method, and program |
| JP2014191612A (en) * | 2013-03-27 | 2014-10-06 | Ntt Docomo Inc | Information terminal, information input auxiliary method, and information input auxiliary program |
Also Published As
| Publication number | Publication date |
|---|---|
| JP2016115169A (en) | 2016-06-23 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US10120529B2 (en) | Touch-activated and expandable visual navigation of a mobile device via a graphic selection element | |
| US20130113737A1 (en) | Information processing device, information processing method, and computer program | |
| EP3005069B1 (en) | Electronic device and method for controlling applications in the electronic device | |
| US10558322B2 (en) | Method and apparatus for displaying objects and a background image on a display screen | |
| JP6122037B2 (en) | Content moving method and apparatus in terminal | |
| JP5721662B2 (en) | Input receiving method, input receiving program, and input device | |
| JP6381032B2 (en) | Electronic device, control method thereof, and program | |
| WO2017219531A1 (en) | Menu operation method and system | |
| JP5647968B2 (en) | Information processing apparatus and information processing method | |
| JP6418157B2 (en) | Information processing apparatus, information processing method, and computer program | |
| BR102014002492A2 (en) | method and apparatus for multitasking | |
| US20150339018A1 (en) | User terminal device and method for providing information thereof | |
| JP2009037583A (en) | Space restriction type marking menu for portable equipment | |
| US10146341B2 (en) | Electronic apparatus and method for displaying graphical object thereof | |
| US20120266106A1 (en) | Method and system for multi-level browsing | |
| EP2790096A2 (en) | Object display method and apparatus of portable electronic device | |
| US10572148B2 (en) | Electronic device for displaying keypad and keypad displaying method thereof | |
| US20160004406A1 (en) | Electronic device and method of displaying a screen in the electronic device | |
| US20130159934A1 (en) | Changing idle screens | |
| JP6411067B2 (en) | Information processing apparatus and input method | |
| US20180188940A1 (en) | Control input method and device for executing the same | |
| WO2013047023A1 (en) | Display apparatus, display method, and program | |
| JP5911947B1 (en) | Mobile terminal, computer program and method for icon expansion | |
| JP2015022675A (en) | Electronic apparatus, interface control method, and program | |
| KR101366170B1 (en) | User Interface for controlling state of menu |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| A521 | Request for written amendment filed |
Free format text: JAPANESE INTERMEDIATE CODE: A523 Effective date: 20160129 |
|
| TRDD | Decision of grant or rejection written | ||
| A01 | Written decision to grant a patent or to grant a registration (utility model) |
Free format text: JAPANESE INTERMEDIATE CODE: A01 Effective date: 20160301 |
|
| A61 | First payment of annual fees (during grant procedure) |
Free format text: JAPANESE INTERMEDIATE CODE: A61 Effective date: 20160330 |
|
| R150 | Certificate of patent or registration of utility model |
Ref document number: 5911947 Country of ref document: JP Free format text: JAPANESE INTERMEDIATE CODE: R150 |
|
| LAPS | Cancellation because of no payment of annual fees |