JP5869722B1 - Electronic device, display control method, and display control program - Google Patents

Abstract

The visibility of information displayed on a display unit during scrolling is improved. A mobile phone terminal (electronic device) 1 has a display unit 2B for displaying information, a touch sensor (operation unit) 2A superimposed on the display unit 2B, and a predetermined operation speed for the touch sensor 2A. Accordingly, a main control unit 10 that determines the scrolling speed of the information displayed on the display unit 2B and changes the size of the scrolled information displayed on the display unit 2B according to the speed. The main control unit 10 increases the change in size displayed on the display unit 2B as the position closer to the position where the predetermined operation is detected by the touch sensor 2A. [Selection] Figure 2

Description

  The present invention relates to an electronic device, a display control method, and a display control program.

  2. Description of the Related Art In recent years, various electronic devices have a display unit including a liquid crystal display device and the like, and display various information on the display unit. In order to improve the usability of an electronic device including such a display unit, it is important to improve the visibility of information displayed on the display unit. Thus, for example, Patent Document 1 proposes a portable electronic device that improves visibility by enlarging and displaying some characters.

JP 2010-152628 A

  One of the scenes in which the visibility of information displayed on the display unit is impaired is that the information displayed on the display unit is scrolled. Scrolling is necessary to display information that is outside the display range of the display unit. However, during scrolling, information displayed on the display unit moves, and thus visibility is likely to be impaired. The above-mentioned Patent Document 1 is not intended to improve such a decrease in visibility during scrolling.

  The present invention has been made in view of the above, and an object thereof is to provide an electronic device, a display control method, and a display control program capable of improving the visibility of information displayed on a display unit during scrolling. And

  In order to solve the above-described problems and achieve the object, an electronic device according to the present invention includes a display unit that displays information, an operation unit that is a touch panel superimposed on the display unit, and a touch panel that is the operation unit. Control for determining the scrolling speed of information displayed on the display unit according to the speed of a predetermined operation on the display and changing the size of the scrolled information displayed on the display unit according to the speed The control unit increases a change in size displayed on the display unit as the position closer to the position where the predetermined operation is detected by the touch panel.

  Here, it is preferable that the control unit does not change a size at which the scrolled information is displayed on the display unit when the speed is less than a threshold value.

  Moreover, it is preferable that the said control part expands the magnitude | size by which the specific element is displayed on the said display part among the said scrolled information according to the said speed | rate. The specific element may be, for example, character information or image information.

  Moreover, it is preferable that the said control part reduces the magnitude | size by which the elements other than the said specific element are displayed on the said display part among the said scrolled information according to the said speed | rate.

  Further, the predetermined operation may be a flick operation, for example.

  In order to solve the above-described problems and achieve the object, a display control method according to the present invention includes a display unit that displays information, and an operation unit that is a touch panel that detects an operation and is superimposed on the display unit. And a display control method executed by an electronic device including a control unit, wherein the touch panel as the operation unit detects a predetermined operation, and the control unit performs the step at a speed corresponding to the predetermined operation. A step of scrolling information displayed on the display unit and changing a size of the scrolled information displayed on the display unit according to the speed; and the control unit performs the predetermined operation by the touch panel. And increasing the change in size displayed on the display unit as it is closer to the detected position.

  In order to solve the above-described problems and achieve the object, a display control program according to the present invention includes a display unit that displays information, and an operation unit that is a touch panel that detects an operation and is superimposed on the display unit. And a step of detecting a predetermined operation on the touch panel as the operation unit, and scrolling information displayed on the display unit at a speed corresponding to the predetermined operation. The step of changing the size displayed on the display unit according to the speed, and the step of increasing the change in size displayed on the display unit closer to the position where the predetermined operation is detected by the touch panel. And execute.

  The electronic device, the display control method, and the display control program according to the present invention have an effect that the visibility of information displayed on the display unit during scrolling can be improved.

FIG. 1 is a front view showing an appearance of a mobile phone terminal. FIG. 2 is a block diagram showing a functional configuration of the mobile phone terminal. FIG. 3 is a diagram illustrating an example of enlargement rate information. FIG. 4 is a flowchart showing a control processing procedure executed by the main control unit during scrolling. FIG. 5 is a diagram illustrating an example of screen control when the WEB page is scrolled. FIG. 6 is a diagram illustrating an example of screen control when document data is scrolled.

  Hereinafter, the present invention will be described in detail with reference to the drawings. The present invention is not limited to the following description. In addition, constituent elements in the following description include those that can be easily assumed by those skilled in the art, those that are substantially the same, and those in a so-called equivalent range. In the following, a mobile phone terminal will be described as an example of an electronic device. However, the application target of the present invention is not limited to a mobile phone terminal, and various devices including a touch panel, for example, a PHS (Personal Handyphone System), a PDA The present invention can also be applied to portable navigation devices, personal computers, game machines, and the like.

(Embodiment)
First, an external appearance of a mobile phone terminal 1 that is an embodiment of an electronic apparatus according to the present invention will be described with reference to FIG. FIG. 1 is a front view showing the appearance of the mobile phone terminal 1. The mobile phone terminal 1 has a substantially hexahedron-shaped housing having two surfaces that are wider than the other surfaces, and a touch panel 2, an input unit 3, a speaker 7, and a microphone 8 on the surface of the housing. With.

  The touch panel 2 is provided on one of the surfaces having the largest area, displays characters, figures, images, and the like, and touches the touch panel 2 using a finger, stylus, pen, or the like (hereinafter simply referred to as “finger”). Detects various operations performed. Note that the touch panel 2 may detect any operation such as an electrostatic capacity type or a pressure sensitive type. The input unit 3 includes a plurality of buttons such as a button 3A, a button 3B, and a button 3C to which a predetermined function is assigned. The speaker 7 outputs the other party's voice, music reproduced by various programs, sound effects, and the like. The microphone 8 acquires sound at the time of a telephone call or reception of an operation by sound.

  Next, a functional configuration of the mobile phone terminal 1 will be described with reference to FIG. FIG. 2 is a block diagram showing a functional configuration of the mobile phone terminal 1. As shown in FIG. 2, the mobile phone terminal 1 includes a touch panel 2, an input unit 3, a power supply unit 5, a communication unit 6, a speaker 7, a microphone 8, a storage unit 9, a main control unit 10, A RAM (Random Access Memory) 11 is included.

  The touch panel 2 includes a display unit 2B and a touch sensor 2A superimposed on the display unit 2B. The touch sensor 2 </ b> A detects various operations performed on the touch panel 2 using a finger together with a position on the touch panel 2 where the operation is performed, and notifies the main control unit 10 of the detected operation. The operation detected by the touch sensor 2A includes a tap operation and a swipe operation. The display unit 2B includes, for example, a liquid crystal display (LCD), an organic EL (Organic Electro-Luminescence) panel, and displays characters, graphics, and the like.

  The input unit 3 receives a user operation through a physical button or the like, and transmits a signal corresponding to the received operation to the main control unit 10. The power supply unit 5 supplies power obtained from a storage battery or an external power supply to each functional unit of the mobile phone terminal 1 including the main control unit 10. The communication unit 6 establishes a radio signal line by a CDMA system or the like with a base station via a channel assigned by the base station, and performs telephone communication and information communication with the base station. The speaker 7 outputs the sound signal transmitted from the main control unit 10 as sound. The microphone 8 converts the voice of the user or the like into a voice signal and transmits the voice signal to the main control unit 10.

  The storage unit 9 is a storage device such as a nonvolatile memory or a magnetic storage device. The storage unit 9 stores programs and data used for processing in the main control unit 10. The programs stored in the storage unit 9 include a document editing program 9A, a browser program 9B, and a screen control program 9C. The data stored in the storage unit 9 includes enlargement rate information 9D. The storage unit 9 also stores other programs and data such as an operating system program and address book data that realize basic functions of the mobile phone terminal 1. The storage unit 9 may be configured as a combination of a portable storage medium such as a memory card and a storage medium reading device.

  The document editing program 9A provides a function for realizing editing and browsing of document data such as word processor data and spreadsheet data. The browser program 9B provides a function for realizing browsing of a WEB page. The screen control program 9 </ b> C displays characters, graphics, and the like on the touch panel 2 in cooperation with functions provided by other programs. The screen control program 9C also provides a function that makes it easy to visually recognize information displayed on the touch panel 2 when scrolling, as will be described below. The enlargement ratio information 9D holds a setting for how much an element displayed on the screen is enlarged when scrolling.

  The main control unit 10 is an arithmetic device such as a CPU (Central Processing Unit). The main control unit 10 implements various functions by comprehensively controlling the operation of the mobile phone terminal 1. Specifically, the main control unit 10 executes instructions included in the program stored in the storage unit 9 while referring to the data stored in the storage unit 9 or the data expanded in the RAM 11 as necessary. Various functions are realized by controlling the display unit 2B, the communication unit 6, and the like. The program executed by the main control unit 10 and the data to be referred to may be downloaded from the server device by wireless communication by the communication unit 6.

  The main control unit 10 implements an electronic document editing function and a browsing function, for example, by executing the document editing program 9A. Further, the main control unit 10 realizes a function of displaying a screen or the like used for various functions on the touch panel 2 by executing the screen control program 9C. Note that the main control unit 10 can execute a plurality of programs in parallel by a multitask function provided by the operating system program.

  The RAM 11 is used as a storage area for temporarily storing instructions of a program executed by the main control unit 10, data referred to by the main control unit 10, calculation results of the main control unit 10, and the like.

  Here, the control executed by the main control unit 10 when an operation for scrolling the screen displayed on the display unit 2B is detected by the touch sensor 2A will be described. The operation for scrolling the screen includes, for example, a flick operation and a drag operation in a direction in which the screen can slide. The flick operation is an operation of rapidly moving the finger in contact with the touch sensor 2 </ b> A in one direction as if to repel something. The drag operation is an operation of moving a finger while being in contact with the touch sensor 2A.

  Scrolling is performed to display a portion that is not displayed on the display unit 2B, but if there are many portions that are not displayed on the display unit 2B, the portion that is desired to be displayed is displayed if the screen is slowly scrolled. It takes time to make it happen. On the other hand, when the screen is scrolled at a high speed, it is difficult to visually recognize what is displayed on the display unit 2B, and it is difficult to find a part to be displayed.

  Therefore, the main control unit 10 enlarges and displays a specific element in the information displayed on the display unit 2B according to the scrolling speed. The specific element allows the user to understand the content displayed on the display unit 2B, or allows the user to specify which part of the whole is displayed on the display unit 2B. This is a suitable element. By enlarging and displaying specific elements in this way, even when the screen is scrolled at high speed, the user can easily see what is displayed on the display unit 2B.

  The enlargement ratio of the specific element is determined based on the enlargement ratio information 9D. FIG. 3 is a diagram illustrating an example of the enlargement rate information 9D. As shown in FIG. 3, the enlargement ratio of a specific element is set to 1.0 when the scroll speed is less than the threshold value TH. That is, when the scroll speed is a relatively slow speed lower than the threshold value TH, the specific element is not enlarged. When the scroll speed is a relatively slow speed, the information displayed on the display unit 2B does not become difficult to visually recognize, and thus the display is performed on the display unit 2B without enlarging specific elements. It is preferable to maintain the layout of the information being processed. Note that the user may arbitrarily reset the threshold value TH.

  The enlargement ratio of the specific element gradually increases when the scroll speed exceeds the threshold value TH. The enlargement ratio of the specific element does not increase beyond the maximum value when the scroll speed reaches a certain speed. This is because if the enlargement ratio is excessively increased, the specific elements cannot be displayed on the display unit 2B, and the visibility is reduced. Note that the user may be able to arbitrarily reset the magnitude of the gradient that increases the magnification and the maximum value of the magnification.

  When a specific element is enlarged, the layout of other parts may be left as it is. In this case, the enlarged element may overlap with another part. Moreover, when enlarging a specific element, you may reduce other parts. In this case, it is good also as reducing other parts small, so that scroll speed is high. By reducing the other parts, it is possible to prevent the distance from the start point to the end point of scrolling from increasing as a specific element is enlarged.

  Next, a control processing procedure executed by the main control unit 10 during scrolling will be described with reference to FIG. FIG. 4 is a flowchart illustrating a control processing procedure executed by the main control unit 10 during scrolling. The control shown in FIG. 4 is executed based on a function provided by the screen control program 9C each time an operation for scrolling the screen is newly detected.

  As shown in FIG. 4, the main control unit 10 determines a scroll section as step S <b> 101, and determines a scroll speed in the scroll section as step S <b> 102. The scroll section is a section to the next target for scrolling the screen. The scroll section and the scroll speed are determined based on the detected operation speed and the like.

  When the user performs a flick operation to scroll the screen, the main control unit 10 controls the screen to continue scrolling with inertia according to the speed or acceleration of the flick operation even after the flick operation is completed. . That is, when a flick operation for scrolling the screen is detected, the main control unit 10 starts scrolling at a speed corresponding to the speed or acceleration of the flick operation, and then gradually decreases the scroll speed. For this reason, when a flick operation for scrolling the screen is detected, the main control unit 10 determines the scroll interval and the scroll speed based on the speed or acceleration of the flick operation and the elapsed time since the flick operation was detected. To decide.

  On the other hand, when the user performs a drag operation to scroll the screen, the main control unit 10 performs control so that the screen scrolls following the drag operation. Therefore, when a drag operation for scrolling the screen is detected, the main control unit 10 determines the scroll section and the scroll speed based on the latest speed or acceleration of the drag operation and the movement distance.

  Subsequently, in step S103, the main control unit 10 determines whether the size of the display element is set to be adjusted during scrolling. It should be noted that the user can arbitrarily set whether or not to adjust the size of the display element during scrolling. When it is not set to perform the size adjustment (No at Step S103), the main control unit 10 scrolls the scroll section at the scroll speed without expanding any element as Step S113. Then, the main control unit 10 determines whether to end the scrolling as step S114.

  When the operation for scrolling the screen is a flick operation, it is determined that the scrolling is ended when a time corresponding to the speed or acceleration of the flick operation has elapsed since the flick operation was detected. When the operation for scrolling the screen is a drag operation, it is determined that the scroll is to be ended when the drag operation is no longer detected. When it is determined that the scrolling is to be ended (step S114, Yes), the main control unit 10 ends the processing procedure illustrated in FIG. When it is determined not to end the scrolling (No at Step S114), the main control unit 10 re-executes Step S101 and the subsequent steps.

  When it is set to adjust the size of the display element during scrolling (Yes in step S103), the main control unit 10 determines the type of data displayed on the display unit 2B as step S104. When the data displayed on the display part 2B is a WEB page (step S105, Yes), the main control part 10 calculates the ratio of the image and text of the displayed WEB page as step S106. The ratio between the image and the text is calculated based on, for example, the total display area of the image and the total display area of the text acquired by analyzing the HTML file using the function provided by the browser program 9B. It should be noted that the advertisement included in the WEB page is preferably ignored when calculating the ratio of the image and text of the WEB page.

  Subsequently, the main control unit 10 determines an element to be enlarged based on the calculated ratio in step S107. For example, when the ratio of the image is higher than a predetermined value, the WEB page being displayed is likely to be acquired mainly for browsing the image, and thus may be determined as an element for enlarging the image. On the other hand, when the image ratio is lower than a predetermined value, since the WEB page being displayed is likely to be acquired mainly for viewing the text, it may be determined as an element that enlarges the text. When determining an element to enlarge text, a part of the text surrounded by a tag indicating a heading such as <H1>, a part whose font color, size or format is different from most other parts, or a link is embedded. It may be determined as an element for enlarging a part of a portion such as a portion. It should be noted that the user may be able to arbitrarily set a predetermined value relating to the image ratio, which part of the text is to be enlarged, and the like.

  When the data displayed on the display unit 2B is not a WEB page but document data (for example, data used for presentation) (step S105, No, step S108, Yes), the main control unit 10 sets the page as step S109. It is determined as an element that increases the number. When document data is displayed on the display unit 2B, elements other than page numbers may be determined as elements to be enlarged. For example, it may be determined as an element for enlarging text within a predetermined range from the top of a page or paragraph or text set as a heading.

  When the data displayed on the display unit 2B is neither a WEB page nor document data (step S105, No, step S108, No), the main control unit 10 scrolls without enlarging any element as step S113. Scroll the section at scroll speed. Then, the main control unit 10 determines whether to end the scrolling as step S114. When it is determined that the scrolling is to be ended (step S114, Yes), the main control unit 10 ends the processing procedure illustrated in FIG. When it is determined not to end the scrolling (No at Step S114), the main control unit 10 re-executes Step S101 and the subsequent steps.

  When the element to be enlarged is determined in step S107 or step S109, the main control unit 10 refers to the enlargement ratio information 9D as step S110 and determines the enlargement ratio according to the scroll speed. In step S111, the main control unit 10 expands the element determined to be enlarged according to the enlargement ratio. Note that only the elements in the scroll section need to be enlarged. Further, the enlargement of elements may be realized, for example, by calling a function provided by a program such as the browser program 9B or the browser program 9B corresponding to the displayed data.

  Then, in step S112, the main control unit 10 adjusts the scroll speed so that the time required for scrolling the scroll section is the same as when the elements are not enlarged. For example, when the distance from the start point to the end point of the scroll section is increased by enlarging the text, the main control unit 10 increases the scroll speed according to the increased distance. In this way, by adjusting the scroll speed, it is possible to prevent the time required for the user to scroll the screen to the target portion and to prevent the user from feeling uncomfortable while scrolling.

  Instead of adjusting the speed, the length of the scroll section becomes the same as before the element expansion by reducing the elements other than the element to be enlarged or by overlapping the elements to be enlarged with other parts. You may control as follows. Even with such control, the time required for scrolling from the start point to the end point of the scroll section can be made the same as in the case where the element is not enlarged.

  Subsequently, in step S113, the main control unit 10 scrolls the scroll section including the enlarged element at the adjusted scroll speed. Then, the main control unit 10 determines whether to end the scrolling as step S114. When it is determined that the scrolling is to be ended (step S114, Yes), the main control unit 10 ends the processing procedure illustrated in FIG. When it is determined not to end the scrolling (No at Step S114), the main control unit 10 re-executes Step S101 and the subsequent steps.

  Next, a specific example of screen control during scrolling will be described with reference to FIGS. FIG. 5 is a diagram illustrating an example of screen control when the WEB page is scrolled. In step S <b> 11 shown in FIG. 5, the WEB page is displayed on the touch panel 2. The WEB page displayed on the touch panel 2 includes a heading H1, a text T1 and an image P1 corresponding to the heading H1, a heading H2, a text T2 and an image P2 corresponding to the heading H2, and the like.

  Here, when a scroll operation such as a flick operation or a drag operation by the user is detected and the image is determined as an element to be enlarged, the image such as the image P1 or the image P2 is enlarged during the scroll as shown in step S12. Displayed. By enlarging the image in this way, the visibility of the image is improved, and the user can easily grasp the contents of the part currently displayed on the touch panel 2.

  When a scroll operation by the user is detected and the heading is determined as an element to be enlarged, the heading such as the heading H2 is enlarged and displayed during the scrolling as shown in step S13. By enlarging the headline in this way, the visibility of the headline is improved, and the user can easily grasp the contents of the part currently displayed on the touch panel 2.

  FIG. 6 is a diagram illustrating an example of screen control when document data is scrolled. In step S <b> 21 shown in FIG. 6, the document data is displayed on the touch panel 2. The document data displayed on the touch panel 2 includes a plurality of pages such as a page PG1, a page PG2, and a page PG3. When document data is displayed, page numbers such as page number PN1, page number PN2, page number PN3 are displayed for each page.

  If a scroll operation is detected by the user, the page number of the page PG1 etc. is enlarged and displayed during scrolling as shown in step S22. By enlarging the page number in this way, the visibility of the page number is improved, and the user can easily understand which page is the part currently displayed on the touch panel 2. In the example shown in FIG. 6, the page number is displayed even when the scroll is not being performed, but the page number may be displayed only during the scroll.

  As described above, in this embodiment, since a specific element is enlarged and displayed during scrolling, the visibility of information during scrolling can be improved.

  In addition, the aspect of this invention shown by said embodiment can be arbitrarily changed in the range which does not deviate from the summary of this invention. For example, in the above embodiment, the screen is scrolled according to the operation performed on the touch panel 2, but the screen is displayed according to the operation performed on the pointing device such as a keyboard cursor key or a mouse. May be scrolled.

  In the above embodiment, the WEB page and the document data have been described as examples of data in which a specific element is enlarged and displayed during scrolling. However, data in which a specific element is enlarged and displayed during scrolling are Other data may be used. For example, when a scroll operation is detected while displaying a list of mails included in the received mailbox, the mail subject or sender mail address may be enlarged and displayed. In addition, when a scroll operation is detected during display of map data, the place name superimposed on the map may be enlarged and displayed.

  In the above embodiment, the specific element is enlarged at the same enlargement ratio in the scroll section. However, the enlargement ratio may be increased as the position closer to the position where the scroll operation is detected on the touch panel 2. Since the user is highly likely to perform a scrolling operation while visually checking the position where the finger contacts, this control improves the visibility of the part that the user is likely to see. Can do.

  Further, the screen control program 9C shown in the above embodiment may be divided into a plurality of modules or may be incorporated in another program.

DESCRIPTION OF SYMBOLS 1 Mobile phone terminal 2 Touch panel 2A Touch sensor 2B Display part 3 Input part 9 Memory | storage part 9A Document edit program 9B Browser program 9C Screen control program 9D Enlargement ratio information 10 Main control part 11 RAM

Claims (9)

A display for displaying information;
An operation unit that is a touch panel superimposed on the display unit;
The scroll speed of information displayed on the display unit is determined according to the speed of a predetermined operation on the touch panel as the operation unit, and the information is displayed on the display unit while scrolling. and a control unit for varying the of,
The electronic device is characterized in that the control unit changes information for changing a size according to a position where the predetermined operation is performed .   The electronic device according to claim 1, wherein the control unit does not change a size of the scrolled information displayed on the display unit when the speed is less than a threshold value.   The electronic device according to claim 1, wherein the control unit expands a size of a specific element displayed on the display unit in the scrolled information according to the speed.   The electronic device according to claim 3, wherein the control unit reduces a size at which an element other than the specific element in the scrolled information is displayed on the display unit according to the speed. .   The electronic device according to claim 3, wherein the specific element is character information.   5. The electronic apparatus according to claim 3, wherein the specific element is image information.   The electronic apparatus according to claim 1, wherein the predetermined operation is a flick operation. A display control method executed by an electronic device including a display unit that displays information, an operation unit that is a touch panel that detects an operation and is superimposed on the display unit, and a control unit,
The touch panel being the operation unit detecting a predetermined operation;
Determining information to change the size according to the position where the predetermined operation is performed;
With scrolling the information displayed on the display unit at a rate which the control unit corresponding to the predetermined operation, steps that the information to change the size to be displayed on the display unit while scrolling display control method which comprises and. In an electronic device including a display unit that displays information and an operation unit that is a touch panel that detects an operation and is superimposed on the display unit,
Detecting a predetermined operation on the touch panel as the operation unit;
Determining information to change the size according to the position where the predetermined operation is performed;
With scrolling the information displayed on the display unit at a speed corresponding to the predetermined operation, to perform the steps of the information to change the size to be displayed on the display unit while scrolling A display control program characterized by that.

Images