WO2009084368A1 - Dispositif portable, procédé d'affichage d'icône et programme informatique - Google Patents

Dispositif portable, procédé d'affichage d'icône et programme informatique Download PDF

Info

Publication number
WO2009084368A1
WO2009084368A1 PCT/JP2008/072056 JP2008072056W WO2009084368A1 WO 2009084368 A1 WO2009084368 A1 WO 2009084368A1 JP 2008072056 W JP2008072056 W JP 2008072056W WO 2009084368 A1 WO2009084368 A1 WO 2009084368A1
Authority
WO
WIPO (PCT)
Prior art keywords
icon
icons
displayed
size
undisplayed
Prior art date
Application number
PCT/JP2008/072056
Other languages
English (en)
Japanese (ja)
Inventor
Fukuya Iguchi
Original Assignee
Clarion Co., Ltd.
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Clarion Co., Ltd. filed Critical Clarion Co., Ltd.
Priority to JP2009513493A priority Critical patent/JPWO2009084368A1/ja
Publication of WO2009084368A1 publication Critical patent/WO2009084368A1/fr

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/04817—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0482—Interaction with lists of selectable items, e.g. menus

Definitions

  • the present invention relates to a portable device that displays a plurality of icons side by side and executes processing according to a specified icon, an icon display method for the portable device, and a computer program for causing a computer to function as the portable device.
  • FIG. 12 is a schematic diagram showing a conventional icon display method.
  • five icons 25 are juxtaposed in the horizontal direction on the display unit 2.
  • the user can scroll the icon 25 to the right side by moving the finger 30 touching the touch panel in the right direction as shown in FIG. Specifically, the displayed icon 25 can be moved to the right side, the displayed icon 25 at the right end can be deleted, and the undisplayed icon 25 can appear at the left end.
  • the finger 30 is released from the touch panel and returned to the left side, and the operation shown in FIG.
  • the icon 25 can also be displayed on the display unit 2.
  • a large number of icons 25 corresponding to each function can be displayed in a large size even when the portable device is multifunctional and downsized.
  • FIG. 13 is a schematic diagram showing a problem of an icon display method in which a plurality of icons 26 are arranged in a ring shape. As shown in FIG. 13, when the user rotates the finger 30 touching the touch panel clockwise, each icon 26 rotates clockwise, and the already-displayed icon 26 disappears at a predetermined position and is not displayed. Although the icon 26 has appeared, it is difficult for the user to recognize at a glance where the undisplayed icon 26 has appeared.
  • the present invention has been made in view of such circumstances, and a portion in which a plurality of icons having different sizes are juxtaposed in a circular shape in order of sizes, and adjacent icons having the largest and smallest sizes are displayed.
  • a hidden icon and erasing a previously displayed icon the user can recognize the appearance of the hidden icon even when scrolling the icons in a circular arrangement. It is an object of the present invention to provide a portable device, an icon display method, and a computer program that can be easily searched for a desired icon.
  • Another object of the present invention is to, when a circular juxtaposition direction is received with a pointing device, by moving each icon in the juxtaposition direction and adding an undisplayed icon and erasing an existing display icon,
  • the displayed icon can be updated continuously without removing your finger from the pointing device, and the usability is improved by matching the direction specified by the user with the direction in which the icon moves. It is to provide a portable device capable of performing the above.
  • Another object of the present invention is to display an icon so that the color attribute value of the icon with the largest size is higher than the color attribute value of the icon with the smallest size, so that the appearance location of the undisplayed icon appears. It is an object of the present invention to provide a portable device that can make a user recognize the image with a strong impression and make it easier to search for a desired icon.
  • Another object of the present invention is to arrange a plurality of icons having different color attribute values indicating color characteristics in a circular order in the order of the color attribute values, and displaying adjacent icons having the maximum and minimum color attribute values.
  • Another object of the present invention is to use a location where an undisplayed icon appears due to discontinuity of color brightness, vividness, and hue by using a color attribute value indicating at least one of brightness, color, and hue. It is an object of the present invention to provide a portable device that can make a person recognize a strong impression and can easily find a desired icon.
  • the portable device displays a plurality of icons side by side, and in a portable device that executes processing according to a specified icon, a plurality of icons having different sizes are arranged side by side in a circular order.
  • the portable device includes a pointing device, and when the juxtaposition direction in which the size of the icon is small (or large) is received by the pointing device, a plurality of displayed icons are displayed in the juxtaposition direction.
  • Added icon moving means to move and reduce (or enlarge) each icon
  • erasing means to erase the smallest (or largest) icon
  • an additional means to move and reduce (or enlarge) each icon, and reduce the smallest (or largest) icon, and undisplayed icon with the largest (or smallest) size.
  • the portable device is characterized in that the color attribute value indicating the color feature of the icon with the largest size is higher than the color attribute value showing the color feature of the icon with the smallest size. To do.
  • a portable device that displays a plurality of icons side by side and executes a process corresponding to the designated icon, and the plurality of icons having different color attribute values indicating color characteristics are Display means for displaying in a circular arrangement in the order of values, and adding an undisplayed icon and erasing an already-displayed icon at a portion where the adjacent icons having the maximum and minimum color attribute values are displayed And an icon updating means.
  • the portable device is characterized in that the color attribute value is a numerical value indicating at least one of brightness, color, and hue.
  • An icon display method is an icon display method for a portable device that executes processing according to a specified icon, and displays a plurality of icons of different sizes arranged in a ring in the order of size, It is characterized in that an undisplayed icon is added and an already-displayed icon is deleted at a portion where adjacent icons having the maximum and minimum sizes are displayed.
  • a computer program generates an image in which a plurality of icons of different sizes are juxtaposed in a circular order in a computer that executes processing according to a specified icon, and has a maximum size and A process of adding an undisplayed icon and erasing an already displayed icon is executed at a portion where the minimum adjacent icon is displayed.
  • the display means displays a plurality of icons having different sizes in a circular arrangement in the order of the sizes. For this reason, the icon with the largest size and the icon with the smallest size are adjacent to each other, and discontinuity occurs in the size of the icon. The user tends to focus on a portion where discontinuity occurs in the size of the icon.
  • the icon updating means adds an undisplayed icon and deletes an already displayed icon at a portion where adjacent icons having the maximum and minimum sizes are displayed. Therefore, it is possible to make the user recognize the location where an undisplayed icon appears.
  • the ring in this invention means the ring in a broad sense, and is not limited to a ring.
  • a plurality of icons are juxtaposed so as to close, and an elliptical shape and a rectangular frame shape are also included.
  • the icons are juxtaposed in a circle in order of size, it is not always necessary that the sizes of all the icons are different, and some icons having the same size may be arranged. Further, the size of the icon may be different only in the horizontal dimension of the icon, or may be different only in the vertical dimension.
  • the juxtaposition direction in which the size of the icon is reduced when the juxtaposition direction in which the size of the icon is reduced is received by the pointing device, the plurality of displayed icons are moved in the juxtaposition direction and each icon is reduced.
  • the erasing unit erases the icon having the smallest size, and the adding unit adds the undisplayed icon having the largest size.
  • the icon moving unit moves a plurality of displayed icons in the juxtaposition direction and enlarges each icon.
  • the erasing unit erases the icon with the largest size, and the adding unit adds the undisplayed icon with the smallest size. Therefore, the juxtaposition direction designated by the user with the pointing device can coincide with the direction in which the icon moves. Further, since the juxtaposition direction is circular, it is possible to continuously update the icons without releasing the finger from the pointing device.
  • the color attribute value of the icon with the largest size is higher than the color attribute value of the icon with the smallest size.
  • the user tends to focus on a portion where discontinuity occurs in the color attribute value. Therefore, it becomes possible to make the user recognize the location where an undisplayed icon appears more effectively.
  • the display means displays a plurality of icons having different color attribute values in a circular arrangement in the order of the color attribute values. For this reason, the icon having the maximum color attribute value and the icon having the minimum color attribute value are adjacent to each other, and discontinuity occurs in the color attribute value. The user tends to pay attention to a portion where such discontinuity occurs.
  • the icon updating means adds an undisplayed icon and deletes an already displayed icon at a portion where the adjacent icons having the maximum and minimum color attribute values are displayed. Therefore, it is possible to make the user recognize the location where an undisplayed icon appears.
  • the icons are arranged in a circular pattern in the order of color attribute values, but the color attribute values of all icons do not necessarily have different values, and some icons having the same color attribute value are arranged side by side. Also good.
  • the color attribute value is a numerical value indicating at least one of lightness, color, and hue. Therefore, the discontinuity of the color attribute value indicating the brightness, vividness, and hue of the icon allows the user to recognize the location where the undisplayed icon appears.
  • the appearance location of an undisplayed icon is recognized by the user due to the discontinuity related to the size of the icon. This makes it easier to find a desired icon.
  • the displayed icon can be continuously updated without releasing the finger from the pointing device, and the direction designated by the user is matched with the direction in which the icon is moved. Can be improved.
  • the discontinuity relating to the size of the icon and the color attribute value can make the user recognize the appearance location of the undisplayed icon with a strong impression and make it easier to find the desired icon. Can do.
  • the appearance location of the undisplayed icon can be recognized by the user due to the discontinuity of the color attribute value. This makes it easier to find the icon.
  • the fifth aspect of the invention it is possible to make the user recognize the appearance of the undisplayed icon with a strong impression due to the brightness of the color, the vividness, and the discontinuity of the color, and to make it easier to find the desired icon. Can do.
  • FIG. 4 is a schematic diagram showing an operation method for switching from a horizontal juxtaposition mode to an annular juxtaposition mode.
  • 6 is a flowchart showing a processing procedure of a CPU related to an icon display method in an annular juxtaposition mode. 6 is a flowchart showing a processing procedure of a CPU related to an icon display method in an annular juxtaposition mode. It is a schematic diagram which shows the icon display method when a finger
  • FIG. 5 is a schematic diagram showing an operation method for switching from an annular juxtaposition mode to a horizontal juxtaposition mode.
  • 10 is a flowchart showing a processing procedure of a CPU according to a modified example of the icon display method in the annular juxtaposition mode.
  • 10 is a flowchart showing a processing procedure of a CPU according to a modified example of the icon display method in the annular juxtaposition mode.
  • It is a schematic diagram which shows the conventional icon display method.
  • FIG. 5 is a schematic diagram showing a problem of an icon display method in which a plurality of icons are juxtaposed in a ring shape.
  • FIG. 1 is a schematic front view showing a portable device according to an embodiment of the present invention.
  • a portable device according to an embodiment of the present invention for example, a PND, includes a casing 1 that is a substantially rectangular parallelepiped, a display unit 2 that is disposed in front of the casing 1, and a vertical direction on a front side of the casing 1. And an operation button 3 arranged in parallel to each other and a power button 4 provided on the upper surface of the housing 1.
  • FIG. 2 is a block diagram illustrating an internal configuration of the mobile device.
  • the portable device includes a CPU (Central Processing Unit) 5 that controls the entire apparatus.
  • the CPU 5 includes a ROM 6, a RAM 7, a timekeeping unit 8, a storage device 9, a display unit 2, an audio output unit 10, a touch panel 11 (pointing device), an operation button 3, a GPS processing unit 12, and a communication unit 13 via a bus 14. It is connected.
  • the CPU 5 Central Processing Unit 5 that controls the entire apparatus.
  • the CPU 5 includes a ROM 6, a RAM 7, a timekeeping unit 8, a storage device 9, a display unit 2, an audio output unit 10, a touch panel 11 (pointing device), an operation button 3, a GPS processing unit 12, and a communication unit 13 via a bus 14. It is connected.
  • ROM 6 is a non-volatile memory such as a mask ROM or EEPROM that stores a control program necessary for the operation of the computer.
  • the RAM 7 is a volatile memory such as a DRAM or an SRAM that temporarily stores various data generated when the arithmetic processing of the CPU 5 is executed.
  • the timekeeping unit 8 measures time for detecting the operation content of the touch panel 11, for example, the designation of an icon performed by momentarily touching the touch panel 11 with a finger, and the moving direction of the finger touching the touch panel 11.
  • the storage device 9 is a non-volatile memory such as a hard disk or a semiconductor memory, and executes the computer program 16 according to the present invention, image data for displaying a plurality of icons 20a, 20b,. The information is memorized.
  • the storage device 9 stores a computer program for realizing a web function, a mail function, and a music playback function, photo image data obtained by a user, music data, and the like.
  • the computer program 16 according to the present invention may be read from the recording medium 15 such as an optical disk or a semiconductor memory and stored in the storage device 9. Alternatively, it may be downloaded from an external computer connected to a communication network (not shown) and stored in the storage device 9.
  • the display unit 2 includes, for example, a substantially rectangular liquid crystal display module having a display surface for displaying an image on the front side.
  • the liquid crystal display module is a liquid crystal display panel and an area light type that illuminates the liquid crystal display panel from the rear side. It is comprised from the backlight part and the optical sheet interposed between the backlight part and the liquid crystal display panel.
  • the display unit 2 displays a menu screen 20 in which various images, for example, icons 20a, 20b,..., 20z are juxtaposed in a ring shape based on the image data given from the CPU 5.
  • the display part 2 is not limited to a liquid crystal display, You may comprise with an organic EL display etc.
  • the audio output unit 10 includes a decoder that decodes audio data stored in the storage device 9, a speaker that outputs audio based on the decoded audio data, and the like.
  • the touch panel 11 is disposed opposite to the display unit 2 and is a type of pointing device that accepts designation of icons 20a, 20b,.
  • the touch panel 11 was mentioned as an example of a pointing device, you may comprise so that other pointing devices, such as a track point and a track ball, may be provided according to the use of a portable apparatus.
  • the GPS processing unit 12 includes a GPS receiver.
  • the GPS receiver receives radio waves from an artificial satellite (GPS satellite) and measures the current position and current direction of the portable device.
  • the measured position information includes data on the latitude, longitude, and altitude of the mobile device, and the GPS processing unit 12 provides the GPS function of the mobile device.
  • the communication unit 13 is an interface that transmits and receives various types of web information through wireless communication, and the transmission and reception of various types of information by the communication unit 13 is controlled by the CPU 5.
  • FIG. 3 is a schematic diagram showing the menu screen 21 in the horizontal juxtaposition mode.
  • the CPU 5 reads the image data of the menu screen 21, icons 21a, 21b,..., 21e from the storage device 9, and the plurality of icons 21a, 21b,.
  • the menu screen 21 juxtaposed in the long side direction of 2 is displayed on the display unit 2.
  • the CPU 5 When the CPU 5 detects that the finger touching the touch panel 11 has moved to the right in the horizontal direction, the CPU 5 moves each icon 21a, 21b,..., 21e to the right in the horizontal direction and deletes the icon 21e at the right end, Execute processing to add other undisplayed icons to the left end.
  • the detection of finger movement is performed as follows.
  • the CPU 5 monitors the operation state of the touch panel 11. When detecting a finger touching the touch panel 11, the CPU 5 stores the contact position of the finger and measures an elapsed time after the finger touches. Then, the CPU 5 determines whether or not the finger is still touching the touch panel 11 when a predetermined time has elapsed, and when determining that the finger is touching, the CPU 5 stores the position where the finger is currently touching.
  • the CPU 5 identifies the moving direction of the finger by comparing the finger position stored at the present time with the finger position stored a predetermined time ago. Note that the above-described detection method is an example, and other methods may be used as long as the method can detect the moving direction of the finger. Similarly, when the CPU 5 detects that the finger touching the touch panel 11 has moved to the left in the horizontal direction, the CPU 5 moves each icon 21a, 21b,..., 21e to the left and deletes the left end icon 21a. Then, a process of adding another icon not displayed to the right end is executed.
  • the CPU 5 executes processing corresponding to the designated icon.
  • the icons 21a, 21b,..., 21e are designated as follows.
  • the CPU 5 detects a finger touching the touch panel 11, the CPU 5 stores the contact position of the finger and measures an elapsed time after the finger touches. Then, the CPU 5 determines whether or not the finger is still touching the touch panel 11 when a predetermined time has elapsed.
  • the CPU 5 places the icons 21a, 21b,.
  • 21e is specified as the designated icon if the icons 21a, 21b,..., 21e are located at the finger positions.
  • the icon designation detection method described above is an example, and other methods may be used as long as the designation of the icons 21a, 21b,..., 21e can be detected.
  • FIG. 4 is a schematic diagram showing an operation method for switching from the horizontal juxtaposition mode to the annular juxtaposition mode.
  • the CPU 5 detects the upward movement of the icon 21c arranged substantially in the center in the horizontal direction, as shown in FIG. 4 (b), the icons 20a, 20b,.
  • the menu screen 20 of the juxtaposed annular juxtaposed mode is displayed on the display unit 2. Specifically, when the CPU 5 detects that the finger touches the touch panel 11 on the icon 21c and further detects that the finger touching the touch panel 11 has moved upward, the CPU 5 determines that the icon 21c has moved upward. To do.
  • FIG. 5 and 6 are flowcharts showing the processing procedure of the CPU 5 according to the icon display method in the annular juxtaposition mode.
  • the CPU 5 when detecting the upward movement of the icon 21c arranged in the substantially central portion in the horizontal direction, the CPU 5 selects a plurality of icons 20a, 20b,.
  • the menu screen 20 arranged in a ring is displayed on the display unit 2 (step S11).
  • the hatched icons 20k and 20l indicate that the brightness and saturation are displayed lower than those of the other icons 20a,..., 20j.
  • the CPU 5 determines whether or not the designation of the icons 20a, 20b,... Has been received (step S12). When it is determined that the designation of the icons 20a, 20b,... Has been received (step S12: YES), the CPU 5 executes a process corresponding to the designated icons 20a, 20b,. Finish the display process.
  • the CPU 5 determines whether or not the finger touching the touch panel 11 has moved in the forward juxtaposition direction (step S14).
  • the forward juxtaposition direction is a direction in which the sizes of the icons 20a, 20b,. For example, in the case of the menu screen 20 shown in FIG. 4B, the counterclockwise direction is the forward juxtaposition direction.
  • step S14 When it is determined that the finger touching the touch panel 11 has moved in the juxtaposed direction (step S14: YES), the CPU 5 moves the displayed icons 20a, 20b,... In the juxtaposed direction (step S15).
  • the displayed icons 20a, 20b,... are enlarged (step S16), and the color attribute values of the displayed icons 20a, 20b,.
  • the brightness and saturation of the icons 20a, 20b are not limited to lightness and saturation, and other values may be used as long as color characteristics such as hue can be quantified.
  • the CPU 5 erases the icon that has been displayed and has the largest size (step S18), and adds the icon that has not been displayed and has the smallest size (step S19). That is, the CPU 5 deletes the displayed icon and adds a non-displayed icon in the portion where the icon with the largest size and the icon with the smallest size are displayed.
  • FIG. 7 is a schematic diagram showing an icon display method when the finger moves in the forward juxtaposition direction.
  • FIG. 7A shows a state where a finger touches the touch panel 11.
  • FIG. 7B shows a state where the finger touching the touch panel 11 moves counterclockwise and the icons 20a, 20b,.
  • the displayed icons 20a, 20b,... Move counterclockwise, and the icons 20a, 20b,.
  • the lightness and saturation of the icons 20l and 20k having the smallest size are increased, and are displayed brightly and vividly.
  • the icon 20a having the maximum size displayed in FIG. 7A is deleted, and an icon 20m having the minimum size and the minimum brightness and saturation is additionally displayed.
  • FIG. 7A shows a state where a finger touches the touch panel 11.
  • FIG. 7B shows a state where the finger touching the touch panel 11 moves counterclockwise and the icons 20a, 20b,.
  • the displayed icons 20a, 20b,... Move counterclockwise, and the icons 20a, 20b,.
  • FIG. 7C shows a state in which the finger touching the touch panel 11 is further moved counterclockwise and the icons 20a, 20b,.
  • the displayed icons 20b, 20c,... Move counterclockwise, and the icons 20b, 20c,.
  • the icon 20b having the maximum size is deleted in FIG. 7B, and an icon 20n having the minimum size and the minimum brightness and saturation is additionally displayed. Yes.
  • step S19 When the process of step S19 is completed, or when it is determined that the finger touching the touch panel 11 in step S14 has not moved in the forward juxtaposition direction (step S14: NO), the CPU 5 determines that the finger touching the touch panel 11 is in reverse order. It is determined whether or not it has moved in the juxtaposition direction (step S20).
  • the reverse juxtaposed direction is a direction in which the sizes of the icons 20a, 20b,. For example, in the case of the menu screen 20 shown in FIG. 4B, the clockwise direction is the reverse juxtaposition direction.
  • step S20 When it is determined that the finger touching the touch panel 11 has moved in the reverse juxtaposition direction (step S20: YES), the CPU 5 moves the displayed icons 20a, 20b,... In the reverse juxtaposition direction (step S21). The displayed icons 20a, 20b,... Are reduced (step S22), and the color attribute values of the displayed icons 20a, 20b,.
  • the CPU 5 deletes the icon that has been displayed and has the smallest size (step S24), and adds the icon that has not been displayed and has the largest size (step S25).
  • FIG. 8 is a schematic diagram illustrating an icon display method when a finger moves in the reverse juxtaposition direction.
  • FIG. 8A shows a state where a finger touches the touch panel 11.
  • FIG. 8B shows a state where the finger touching the touch panel 11 has moved clockwise and the icons 20a, 20b,... Have been updated.
  • the displayed icons 20a, 20b,... Move clockwise, and the icons 20a, 20b,.
  • the brightness and saturation of the small icons 20k and 20j are reduced and displayed dark.
  • the icon 201 having the smallest size displayed in FIG. 8A is deleted, and the icon 20z having the largest size is additionally displayed instead.
  • FIG. 8A shows a state where a finger touches the touch panel 11.
  • FIG. 8B shows a state where the finger touching the touch panel 11 has moved clockwise and the icons 20a, 20b,... Have been updated.
  • the displayed icons 20a, 20b,... Move clockwise
  • the icons 20a, 20b are reduced and displayed dark.
  • FIG. 8C shows a state in which the finger touching the touch panel 11 further moves clockwise and the icons 20a, 20b,.
  • the displayed icons 20a, 20b,... Move clockwise, and the icons 20a, 20b,.
  • the icons 20j and 20i which are displayed in a reduced size according to the position and have a small size, are reduced in brightness and saturation and displayed darker. Further, as shown in FIG. 8C, the icon 20k having the smallest size is deleted in FIG. 8B, and an icon 20y having the largest size and the largest brightness and saturation is additionally displayed. Yes.
  • step S25 determines the vertical direction (short of the display unit 2). It is determined whether or not the downward movement of the icon arranged at the top is accepted (step S26). If it is determined that the downward movement of the icon arranged at the top is not accepted (step S26: NO), the CPU 5 returns the process to step S11.
  • step S26: YES the CPU 5 displays the menu screen 21 in the horizontal juxtaposition mode on the display unit 2 (step S27), and the icon in the annular juxtaposition mode. Finish the display process.
  • FIG. 9 is a schematic diagram showing an operation method for switching from the annular juxtaposition mode to the horizontal juxtaposition mode.
  • FIG. 9A when the CPU 5 detects the downward movement of the finger 30 touching the icon 20c arranged at the top in the vertical direction, as shown in FIG. A menu screen 21 in the horizontal juxtaposition mode in which 21b, ..., 21e are juxtaposed in the horizontal direction is displayed on the display unit 2.
  • the CPU 5 detects the downward movement of the icon 20c by detecting that the finger touches the touch panel 11 on the icon 20c and further detecting that the finger touching the touch panel 11 has moved downward. To do.
  • the icon display method, and the computer program 16 configured as described above, even when the icons 20a, 20b,... It is possible to make the user recognize the appearance location of the undisplayed icon by the discontinuity related to the height, and to make it easy to search for the desired icon 20a, 20b,.
  • the usability of the user can be improved by matching the direction designated by the user with the direction in which the icons 20a, 20b,... Move.
  • the appearance location of the undisplayed icon can be recognized with a strong impression by the brightness of the color, the vividness, and the discontinuity of the color, and the desired icons 20a, 20b,. Can do.
  • the icons 20a, 20b,... are arranged side by side in the order of size, and the already displayed icons are deleted and the undisplayed icons are added at the portion where the maximum and minimum icons are displayed. It is possible to give the user an impression that the plurality of icons 20a, 20b,... Are arranged in a spiral shape in the normal direction of the display unit 2, and to the user that there is an undisplayed icon. Can be recognized.
  • PND has been described as an example of a mobile device.
  • the present invention may be applied to a mobile phone, a PDA, and other mobile devices.
  • this Embodiment demonstrated the case where the some icon was juxtaposed in the annular
  • Modification 10 and 11 are flowcharts showing the processing procedure of the CPU 5 according to a modification of the icon display method in the annular juxtaposition mode.
  • the CPU 5 causes the display unit 2 to display a menu screen in which a plurality of icons having different color attribute values are arranged in a ring shape in the order of the color attribute values (step S31).
  • step S32 determines whether or not an icon designation has been accepted. If it is determined that the designation of the icon has been received (step S32: YES), the CPU 5 executes a process corresponding to the designated icon (step S33), and ends the icon display process in the annular juxtaposition mode.
  • step S32 NO
  • the CPU 5 determines whether or not the finger touching the touch panel 11 has moved in the forward juxtaposition direction (step S34).
  • step S34 When it is determined that the finger touching the touch panel 11 has moved in the forward juxtaposition direction (step S34: YES), the CPU 5 moves each displayed icon in the forward juxtaposition direction (step S35), and also displays each displayed icon.
  • the color attribute value is increased (step S36). For example, the brightness and saturation of the icon are increased.
  • the CPU 5 deletes the icon that is already displayed and has the largest color attribute value (step S37), and adds the icon that is not displayed and has the smallest color attribute value (step S38). That is, the CPU 5 deletes the displayed icon and adds a non-displayed icon in a portion where the icon having the maximum color attribute value and the icon having the minimum color attribute value are displayed.
  • step S34 determines that the finger touching the touch panel 11 is in reverse order. It is determined whether or not it has moved in the juxtaposition direction (step S39).
  • step S39 When it is determined that the finger touching the touch panel 11 has moved in the reverse juxtaposition direction (step S39: YES), the CPU 5 moves each displayed icon in the reverse juxtaposition direction (step S40), and also displays each displayed icon.
  • the color attribute value is decreased (step S41).
  • the CPU 5 deletes the icon that is already displayed and has the smallest color attribute value (step S42), and adds the icon that is not displayed and has the largest color attribute value (step S43).
  • step S43 When the process of step S43 is completed, or when it is determined in step S39 that the finger touching the touch panel 11 has not moved in the reverse juxtaposition direction (step S39: NO), the CPU 5 is arranged at the top in the vertical direction. It is determined whether or not the downward movement of the icon has been accepted (step S44). When it is determined that the downward movement of the icon arranged at the top is not accepted (step S44: NO), the CPU 5 returns the process to step S31. When it is determined that the downward movement of the icon arranged at the top is accepted (step S44: YES), the CPU 5 displays the menu screen 21 in the horizontal juxtaposition mode on the display unit 2 (step S45), and the icon in the annular juxtaposition mode. Finish the display process.
  • the appearance location of the undisplayed icon can be recognized by the user due to the discontinuity related to the size of the icon. This makes it easier to find the icon.

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

Dispositif portable permettant à un utilisateur de reconnaître les zones où des icônes non affichées doivent être affichées et de rechercher facilement une icône souhaitée, même dans le cas de l'affichage des icônes en les disposant de manière annulaire en parallèle par défilement. Le dispositif portable affiche une pluralité d'icônes en les disposant et en les affichant et réalise un traitement correspondant à l'icône spécifiée. Le dispositif portable est doté d'un moyen d'affichage pour afficher de manière annulaire les icônes ayant différentes tailles dans l'ordre de la taille, et d'un moyen de mise à jour d'icône pour ajouter une icône non affichée et supprimer l'icône affichée, dans une partie où les icônes adjacentes de taille maximale et minimale sont affichées.
PCT/JP2008/072056 2007-12-28 2008-12-04 Dispositif portable, procédé d'affichage d'icône et programme informatique WO2009084368A1 (fr)

Priority Applications (1)

Application Number Priority Date Filing Date Title
JP2009513493A JPWO2009084368A1 (ja) 2007-12-28 2008-12-04 携帯機器、アイコン表示方法及びコンピュータプログラム

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
JP2007341251 2007-12-28
JP2007-341251 2007-12-28

Publications (1)

Publication Number Publication Date
WO2009084368A1 true WO2009084368A1 (fr) 2009-07-09

Family

ID=40824089

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/JP2008/072056 WO2009084368A1 (fr) 2007-12-28 2008-12-04 Dispositif portable, procédé d'affichage d'icône et programme informatique

Country Status (2)

Country Link
JP (1) JPWO2009084368A1 (fr)
WO (1) WO2009084368A1 (fr)

Cited By (27)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2011059998A (ja) * 2009-09-10 2011-03-24 Nec Infrontia Corp 端末およびソフトウェアキー入力方法ならびにそのためのプログラム
WO2011055816A1 (fr) * 2009-11-09 2011-05-12 株式会社キャメロット Terminal d'information et programme de commande d'entrée
JP2012123792A (ja) * 2010-11-15 2012-06-28 Kyocera Corp 携帯電子機器、携帯電子機器の制御方法及びプログラム
JP2012181879A (ja) * 2012-06-27 2012-09-20 Nec Infrontia Corp 端末およびソフトウェアキー入力方法ならびにそのためのプログラム
JP2013513146A (ja) * 2009-12-02 2013-04-18 ネステク ソシエテ アノニム タッチメニュー機能を備える飲料調製マシン
JP2013140416A (ja) * 2011-12-28 2013-07-18 Alpine Electronics Inc スクロール制御装置およびスクロール制御方法
KR20140097904A (ko) * 2013-01-30 2014-08-07 엘지전자 주식회사 이동 단말기 및 그의 아이콘 배열방법
EP2426581A3 (fr) * 2010-09-07 2015-04-08 Sony Corporation Dispositif de traitement d'informations, procédé de traitement d'informations et programme informatique
JP2015522864A (ja) * 2012-06-11 2015-08-06 インテル コーポレイション 選択−保持−解放・電子デバイス・ナビゲーション・メニュー・システムのための技術
CN105808090A (zh) * 2014-12-31 2016-07-27 深圳创锐思科技有限公司 一种电子设备的显示方法及电子设备
JP2016212600A (ja) * 2015-05-07 2016-12-15 富士ゼロックス株式会社 画面表示装置及びプログラム
US20180059624A1 (en) * 2015-03-27 2018-03-01 Saronikos Trading And Services, Unipessoal Lda Electronic wrist or pocket watch comprising a rotary crown
EP3822759A1 (fr) * 2013-09-03 2021-05-19 Apple Inc. Interface utilisateur pour la manipulation d'objets d'interface utilisateur
US11068128B2 (en) 2013-09-03 2021-07-20 Apple Inc. User interface object manipulations in a user interface
US11093107B2 (en) 2018-07-17 2021-08-17 Samsung Display Co., Ltd. Portable terminal and icon arranging method thereof
US11157143B2 (en) 2014-09-02 2021-10-26 Apple Inc. Music user interface
US11157135B2 (en) 2014-09-02 2021-10-26 Apple Inc. Multi-dimensional object rearrangement
US11250385B2 (en) 2014-06-27 2022-02-15 Apple Inc. Reduced size user interface
US11402968B2 (en) 2014-09-02 2022-08-02 Apple Inc. Reduced size user in interface
US11435830B2 (en) 2018-09-11 2022-09-06 Apple Inc. Content-based tactile outputs
US11474626B2 (en) 2014-09-02 2022-10-18 Apple Inc. Button functionality
US11513675B2 (en) 2012-12-29 2022-11-29 Apple Inc. User interface for manipulating user interface objects
US11733656B2 (en) 2016-06-11 2023-08-22 Apple Inc. Configuring context-specific user interfaces
US11743221B2 (en) 2014-09-02 2023-08-29 Apple Inc. Electronic message user interface
US11893212B2 (en) 2021-06-06 2024-02-06 Apple Inc. User interfaces for managing application widgets
JP7474179B2 (ja) 2020-10-22 2024-04-24 フォルシアクラリオン・エレクトロニクス株式会社 表示制御装置、及び表示制御方法
US12050766B2 (en) 2013-09-03 2024-07-30 Apple Inc. Crown input for a wearable electronic device

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2002157077A (ja) * 2000-09-11 2002-05-31 Matsushita Electric Ind Co Ltd 座標入力装置および座標入力装置を備えた携帯型情報機器
JP2005339393A (ja) * 2004-05-28 2005-12-08 Research Organization Of Information & Systems 画像情報検索表示装置、方法および画像情報検索表示プログラム

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2002157077A (ja) * 2000-09-11 2002-05-31 Matsushita Electric Ind Co Ltd 座標入力装置および座標入力装置を備えた携帯型情報機器
JP2005339393A (ja) * 2004-05-28 2005-12-08 Research Organization Of Information & Systems 画像情報検索表示装置、方法および画像情報検索表示プログラム

Cited By (36)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2011059998A (ja) * 2009-09-10 2011-03-24 Nec Infrontia Corp 端末およびソフトウェアキー入力方法ならびにそのためのプログラム
WO2011055816A1 (fr) * 2009-11-09 2011-05-12 株式会社キャメロット Terminal d'information et programme de commande d'entrée
JP2013513146A (ja) * 2009-12-02 2013-04-18 ネステク ソシエテ アノニム タッチメニュー機能を備える飲料調製マシン
EP2426581A3 (fr) * 2010-09-07 2015-04-08 Sony Corporation Dispositif de traitement d'informations, procédé de traitement d'informations et programme informatique
JP2012123792A (ja) * 2010-11-15 2012-06-28 Kyocera Corp 携帯電子機器、携帯電子機器の制御方法及びプログラム
JP2013140416A (ja) * 2011-12-28 2013-07-18 Alpine Electronics Inc スクロール制御装置およびスクロール制御方法
JP2015522864A (ja) * 2012-06-11 2015-08-06 インテル コーポレイション 選択−保持−解放・電子デバイス・ナビゲーション・メニュー・システムのための技術
JP2012181879A (ja) * 2012-06-27 2012-09-20 Nec Infrontia Corp 端末およびソフトウェアキー入力方法ならびにそのためのプログラム
US11513675B2 (en) 2012-12-29 2022-11-29 Apple Inc. User interface for manipulating user interface objects
KR20140097904A (ko) * 2013-01-30 2014-08-07 엘지전자 주식회사 이동 단말기 및 그의 아이콘 배열방법
KR101984098B1 (ko) 2013-01-30 2019-05-30 엘지전자 주식회사 이동 단말기 및 그의 아이콘 배열방법
US12050766B2 (en) 2013-09-03 2024-07-30 Apple Inc. Crown input for a wearable electronic device
US11829576B2 (en) 2013-09-03 2023-11-28 Apple Inc. User interface object manipulations in a user interface
EP3822759A1 (fr) * 2013-09-03 2021-05-19 Apple Inc. Interface utilisateur pour la manipulation d'objets d'interface utilisateur
US11068128B2 (en) 2013-09-03 2021-07-20 Apple Inc. User interface object manipulations in a user interface
US11656751B2 (en) 2013-09-03 2023-05-23 Apple Inc. User interface for manipulating user interface objects with magnetic properties
US11250385B2 (en) 2014-06-27 2022-02-15 Apple Inc. Reduced size user interface
US11720861B2 (en) 2014-06-27 2023-08-08 Apple Inc. Reduced size user interface
US11743221B2 (en) 2014-09-02 2023-08-29 Apple Inc. Electronic message user interface
US11747956B2 (en) 2014-09-02 2023-09-05 Apple Inc. Multi-dimensional object rearrangement
US11474626B2 (en) 2014-09-02 2022-10-18 Apple Inc. Button functionality
US11157135B2 (en) 2014-09-02 2021-10-26 Apple Inc. Multi-dimensional object rearrangement
US11644911B2 (en) 2014-09-02 2023-05-09 Apple Inc. Button functionality
US11157143B2 (en) 2014-09-02 2021-10-26 Apple Inc. Music user interface
US12001650B2 (en) 2014-09-02 2024-06-04 Apple Inc. Music user interface
US11941191B2 (en) 2014-09-02 2024-03-26 Apple Inc. Button functionality
US11402968B2 (en) 2014-09-02 2022-08-02 Apple Inc. Reduced size user in interface
CN105808090A (zh) * 2014-12-31 2016-07-27 深圳创锐思科技有限公司 一种电子设备的显示方法及电子设备
US20180059624A1 (en) * 2015-03-27 2018-03-01 Saronikos Trading And Services, Unipessoal Lda Electronic wrist or pocket watch comprising a rotary crown
JP2016212600A (ja) * 2015-05-07 2016-12-15 富士ゼロックス株式会社 画面表示装置及びプログラム
US11733656B2 (en) 2016-06-11 2023-08-22 Apple Inc. Configuring context-specific user interfaces
US11093107B2 (en) 2018-07-17 2021-08-17 Samsung Display Co., Ltd. Portable terminal and icon arranging method thereof
US11921926B2 (en) 2018-09-11 2024-03-05 Apple Inc. Content-based tactile outputs
US11435830B2 (en) 2018-09-11 2022-09-06 Apple Inc. Content-based tactile outputs
JP7474179B2 (ja) 2020-10-22 2024-04-24 フォルシアクラリオン・エレクトロニクス株式会社 表示制御装置、及び表示制御方法
US11893212B2 (en) 2021-06-06 2024-02-06 Apple Inc. User interfaces for managing application widgets

Also Published As

Publication number Publication date
JPWO2009084368A1 (ja) 2011-05-19

Similar Documents

Publication Publication Date Title
WO2009084368A1 (fr) Dispositif portable, procédé d'affichage d'icône et programme informatique
US10521111B2 (en) Electronic apparatus and method for displaying a plurality of images in a plurality of areas of a display
JP4882319B2 (ja) 情報表示装置
US8145269B2 (en) Mobile terminal and method for displaying menu on the same
KR101626621B1 (ko) 원형 디스플레이부를 구비한 이동 통신 단말기의 데이터 제어 방법 및 이를 적용한 이동 통신 단말기
US8386949B2 (en) Mobile terminal and method of providing scheduler therein
EP2637086B1 (fr) Terminal mobile
US7705833B2 (en) Display device and method of mobile terminal
KR102097496B1 (ko) 폴더블 이동 단말기 및 그 제어 방법
US9213449B2 (en) Mobile terminal using proximity sensor and method of controlling the mobile terminal
US8612873B2 (en) Method and apparatus for operating displayed area of electronic map and recording medium
TWI418200B (zh) 行動式終端機與其螢幕顯示方法
US10073585B2 (en) Electronic device, storage medium and method for operating electronic device
CN110658972B (zh) 信息处理装置、信息处理方法和计算机可读介质
US20110009169A1 (en) Mobile terminal
US20110025626A1 (en) Information Device
US11514120B2 (en) Portable information terminal and application recommending method thereof
US20110035663A1 (en) User interface method used in web browsing, electronic device for performing the same and computer readable recording medium thereof
KR20150077075A (ko) 전자 기기 및 전자 기기의 제어 방법
US20130007663A1 (en) Displaying Content
CN111338737B (zh) 内容呈现方法、装置、终端设备及计算机可读存储介质
US9176526B2 (en) Portable terminal device, image display method used for same, and recording medium to record program for same
JP4285740B2 (ja) 携帯型情報入力装置
JP5246178B2 (ja) 電子機器
KR102184797B1 (ko) 리스트 스크롤 바 제어 방법 및 모바일 장치

Legal Events

Date Code Title Description
ENP Entry into the national phase

Ref document number: 2009513493

Country of ref document: JP

Kind code of ref document: A

121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 08867855

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 08867855

Country of ref document: EP

Kind code of ref document: A1