JP6835911B2 - Display screen control method, program and display screen control device - Google Patents

Description

The present invention relates to a display screen control method, a program, and a display screen control device particularly suitable for mobile information terminals such as smartphones and tablets whose display screen capacity is limited.

A technology has been proposed to provide a mobile phone capable of displaying a screen related to a received e-mail satisfactorily by using a configuration in which the display screen can be switched between a portrait display state and a landscape display state. .. (For example, Patent Document 1)

JP-A-2008-192034

The technique described in the above patent document is for effectively using a display-only screen. On the other hand, in mobile devices such as smartphones and tablet terminals in recent years, in which the display unit also serves as an input unit integrated with a touch panel, an image corresponding to a keyboard is also displayed on the screen when inputting characters. Become.

Therefore, for example, when inputting characters such as creating a comment, the area for displaying the contents of the application program currently being executed, the area for displaying the character string to be input, and the area for displaying the keyboard for character input are occupied. Will need to be placed efficiently within the restricted screen.

The present invention has been made in view of the above circumstances, and an object of the present invention is to appropriately set an area for displaying contents and an area for displaying an input character string in a display screen according to a user's application. It is an object of the present invention to provide a display screen control method, a program, and a display screen control device that can be arranged.

One aspect of the present invention is a display screen control method executed on an information terminal, which includes a first area for displaying a first information including an image and a second area including characters input without overlapping with the first information. A display step of displaying either a first image provided with a second area for displaying information or a second image in which the first area of the first image is hidden on a display unit, and the above-mentioned It includes a display control step of updating the first image to the second image when there is an input for selecting content other than characters other than the first information during the display of the first image.

According to the present invention, it is possible to appropriately arrange the area for displaying the content and the area for displaying the input character string in the display screen according to the user's application.

The block diagram which shows the functional structure of the electronic circuit of the smartphone which concerns on one Embodiment of this invention. The flowchart which shows the content of the switching process of the display screen which concerns on the same embodiment. The figure which shows the example of the display screen which concerns on the same embodiment. The figure which shows the example of the display screen which concerns on the same embodiment. The figure which shows the example of the display screen which concerns on the same embodiment.

Hereinafter, an embodiment when the present invention is applied to a smartphone will be described with reference to the drawings.
FIG. 1 is a block diagram showing a functional configuration of an electronic circuit of a smartphone 10 according to the present embodiment. In the figure, the CPU 11 controls the control operation of the entire smartphone 10, and the CPU 11 is connected to the main memory 12, the solid state drive (SSD) 13, the 3G & 4G communication unit 14, and the wireless LAN communication unit via the system bus SB. 15, an external memory card 16, a display unit 17, a touch panel input unit 18, a key input unit 19, a voice processing unit 20, and an image processing unit 21 are connected.

The CPU 11 reads an operating program (OS and an application program operating on the OS) and standard data stored in the solid state drive 13, expands them in the main memory 12, stores them, and then executes the program. As a result, the entire operation of the smartphone 10 is controlled in an integrated manner.

The main memory 12 is composed of, for example, SRAM, and functions as a work memory of the CPU 11. The solid state drive 13 is composed of a non-volatile memory, for example, a flash memory, and stores various contents such as image data and music data as a storage medium of the smartphone 10 in addition to the above-mentioned operation program and various standard data.

The 3G & 4G communication unit 14 is based on the 3rd generation mobile communication system compliant with the IMT-2000 standard and the 4th generation mobile communication system compliant with the IMT-Advance standard, and connects with the nearest base station (not shown) via the antenna 22. It is a communication unit that operates in dual mode to send and receive data between.

The wireless LAN communication unit 15 transmits / receives data to / from the nearest access point (not shown) or the like via the antenna 23 based on, for example, the IEEE802.11a / b / g / n standard.

The display unit 17 is composed of a backlit TFT color liquid crystal panel and a drive unit thereof, and displays various images.

The touch panel input unit 18 is configured integrally with the display unit 17 using a transparent electrode, and generates and outputs two-dimensional position coordinate information corresponding to a user's touch operation.

The key input unit 19 is composed of several key switches including a power key and a shutter key for a camera function provided in the casing of the smartphone 10 and a drive circuit thereof.

The audio processing unit 20 digitizes the digital audio data given via the system bus SB and outputs it from the speaker 24, while sampling the analog audio signal input from the microphone 25 and converting it into digital data and outputting it.

The image processing unit 21 is a solid-state image pickup device that is focused on the image pickup surface of the solid-state image pickup device 27 composed of, for example, a CCD (Charge Coupled Device: charge-coupled device) via the optical lens system 26. The image signal output from 27 is converted into digital data, and file data in which the amount of data is compressed by a preset file format, for example, PEG (Joint Photographic Experts Group) for a still image is created and output.

Next, the operation in the above embodiment will be described.
The operation shown below is executed after the CPU 11 reads the operation program or the like stored in the solid state drive 13 as described above, expands it on the main memory 12, and stores it. The operation program stored in the solid state drive 13 is not limited to the one stored in the solid state drive 13 at the time of shipment from the factory of the smartphone 10, and the user of the smartphone 10 can use the antenna 22 and the 3G & 4G communication unit 14 or A program input from the outside via the antenna 23 and the wireless LAN communication unit 15 is included.

FIG. 2 shows the display unit 17 displayed by the CPU 11 when executing an application program in which the user of the smartphone 10 may input a comment, for example, when browsing an electronic bulletin board of a community site using a web browser. It shows the processing contents related to the basic image switching control to be executed for an image.

At the beginning, the CPU 11 executes the process in the first display form mainly containing the content published on the site (step S101).

FIG. 3 shows a state in which the writing of Mr. “Izu” is being viewed on an electronic bulletin board on the display unit 17. Here, the character input area CI for one line and the "post" button PB are arranged at the bottom of the screen, and most of the others are the viewing area BR.

From the display state as described above, it is determined whether or not the character input instruction has been given depending on whether or not there is a tap operation on the character input area CI (step S102), and if it is determined that there is no character input instruction, from step S101 again. Return to the processing of.

By repeatedly executing the processes of steps S101 and S102 in this way, while executing the process in the first display mode mainly with the viewing area BR, the input instruction is waited for.

When there is a tap operation on the character input area CI, the CPU 11 determines that the character input instruction has been given in step S102, and transitions to the processing state in the second display mode (step S103).

FIG. 4A illustrates an image displayed on the display unit 17 in this second display mode. In FIG. 3A, the viewing area BR is significantly reduced, and a character input area CI for one line and a “post” button PB similar to those in FIG. 3 are arranged below the viewing area BR.

Further, an operation guide area OG for one line is arranged at the lower part, and a keyboard area KB for character input is arranged at the remaining lower part.

In the operation guide area OG, an attachment button AB for instructing attachment of an image or the like, an input character number display CC, and an enlargement button EB for expanding the character input area CI are arranged.
Although the keyboard area KB exemplifies the alphabet input state here, it is possible to switch between the number input and the kana input.

While executing the process in such a second display mode, the CPU 11 determines whether or not the end of the input is instructed by the operation of the "post" button PB (step S104).
When it is determined that the "post" button PB has not been operated yet and the end of input has not been instructed, the CPU 11 further determines whether or not the enlargement button EB has been touch-operated (step S105).

If it is determined that the enlargement button EB is not being operated, the CPU 11 then determines whether or not the preset condition is satisfied (step S106).
Here, as conditions, for example: -When the number of input characters exceeds the number of digits that can be entered in the character input area CI-A URL (Uniform Data Location) containing at least one of "www" and "http" is included in the input character string.・ If the input character string contains an email address that includes the character “@” ・ If the input character string contains a telephone number with 10 or more digits starting with the number “0” ・ The above attachment button AB It is assumed that five cases are set in advance when content data other than characters such as an image file is attached by the operation of.

If it is determined in step S106 that the preset condition is not satisfied, the CPU 11 returns to the process from step S103 and continues the process in the second display mode.

When it is determined in step S105 that the enlargement button EB is touch-operated, or when it is determined that any of the preset conditions is satisfied in step S106, the CPU 11 displays the third display from the second display mode. Transition to the processing state in the form (step S107).

FIG. 4B exemplifies an image to be displayed on the display unit 17 in this third display mode. In the figure (B), the display of the viewing area BR in the above figure 4 (A) is abolished, and the screen dedicated to "comment" input is used at the upper part of the screen, which is the "Cancel" button CB and the "Post" button. The PBs are arranged and displayed on the left and right sides, and an enlarged character input area ECI having a significantly wider range than the character input area CI is arranged.

The operation guide area OG and the keyboard area KB inherit the display state as they are from the second display form of FIG. 4A, but in the operation guide area OG, the enlarged characters are replaced with the enlarged button EB. A reduction button RB for reducing the input area ECI is arranged.

While executing the process in the third display mode, the CPU 11 determines whether or not the end of the input is instructed by the touch operation of the "cancel" button CB or the "post" button PB (step S108).
If it is determined that neither the "Cancel" button CB nor the "Post" button PB has been operated and the end of input has not been instructed, the CPU 11 further determines whether or not the reduction button RB has been touch-operated ( Step S109).

If it is determined that the reduction button RB is not touch-operated here, the CPU 11 returns to the process from step S107 and continues the process in the third display mode.

If it is determined in step S109 that the reduction button RB has been touch-operated, the CPU 11 executes the process from step S103, and from the third display mode shown in FIG. 4 (B), the third display mode is shown in FIG. 4 (A). The process returns to the second display mode shown in the above and continues.
Further, when the end of the input is instructed from the second display form in the step S104, or when the end of the input is instructed from the third display form in the step S108, the CPU 11 again performs the process from the step S101. This is executed, and the process returns to the first display mode shown in FIG. 3 and continues.

Next, in addition to the display example shown in FIG. 4, the switching of the display form on other websites will be illustrated.

FIG. 5A shows a state in which a comment is being input while viewing the writing of “Reach ☆” on an electronic bulletin board on the display unit 17. Here, a character input area CI for one line and a "post" button PB are arranged at the bottom of the viewing area BR.

Further, an operation guide area OG for one line and a candidate display area CD for one line are arranged at the lower part thereof, and a keyboard area KB for character input is arranged at the lower part.

In the operation guide area OG, an attachment button AB for instructing attachment of an image or the like, an input character number display CC, and an enlargement button EB for expanding the character input area CI are arranged.
The candidate display area CD displays candidates for characters that will be input next, candidates for kana-kanji conversion for the characters being input, and the like.

Although the keyboard area KB exemplifies the kana input state here, it is assumed that it is possible to switch between numerical input and alphabet input.

When it is determined from the second display form shown in FIG. 5 (A) that the enlargement button EB has been touch-operated, or when it is determined that any of the preset conditions described above is satisfied, the CPU 11 has the above-mentioned first. The process transitions from the second display form to the processing state in the third display form.

FIG. 5B exemplifies an image to be displayed on the display unit 17 in this third display mode. In the figure (B), the display of the viewing area BR in the above figure 5 (A) is abolished, and the screen dedicated to "comment" input is set at the upper part of the screen, which is the "Cancel" button CB and the "Post" button. The PBs are arranged and displayed on the left and right sides, and an enlarged character input area ECI having a significantly wider range than the character input area CI is arranged.

According to the present embodiment as described above in detail, Te portable information terminal odor having a touch panel, a display mode features a character input area CI with viewing area BR, the capacity can be significantly displayed waste viewing area BR The display form in which the increased enlarged character input area ECI is arranged can be appropriately switched and displayed on the display unit according to the user's intention and application, and the comment data etc. can be reflected by reflecting the user's input status. It is possible to realize an environment that makes it easier to input.

In the above embodiment, the enlargement button EB and the reduction button RB are provided in the image displayed on the display unit 17, so that the display form can be arbitrarily switched by the user's own touch operation of the smartphone 10. An easy-to-use input environment can be realized by directly reflecting the user's intention.

Further, in the above embodiment, for example, the display form can be automatically switched when a preset condition is satisfied, so that an easy-to-use input environment can be realized while reducing the burden on the user.

In particular, in the above embodiment, if at least one of a URL (Uniform Resource Locator), an e-mail address, and a telephone number is included in the input characters as the above setting conditions, it is determined that the entire comment will be a long sentence and automatically. Since the display form is switched to the display form in which the enlarged character input area ECI is arranged, the usability of the user can be further improved.

Further, as the above setting condition, even if it is determined that some content data other than the character string is attached by the attached button AB operation, the display form is automatically switched to the enlarged character input area ECI. Therefore, even if a thumbnail image or the like showing incidental content data is displayed in the enlarged character input area ECI, the user's usability can be further improved without obstructing the character input area.

The content data attached by the attachment button AB operation is not limited to still image data, but all content data such as video data, map data, stamp images, avatar images, recommended application programs, etc. within the range that can be attached to character data. including.

Although not described in the above embodiment, as the preset conditions, the average number of characters per comment on the displayed site, the average number of characters per comment posted on the site by the user in the past, or the user Compares with the threshold prepared in advance after considering the user's history and general tendency on the site, such as the continuous browsing time and the number of comments posted when the site was browsed in the past, and according to the comparison result The display form may be automatically switched, which can further improve the usability of the user.

Further, the above embodiment has described, for example, a case where a comment is input and posted on an electronic bulletin board of a community site, but the present invention is not limited to this, and the same applies to other Internet usage environments involving site browsing and character input. Applicable.

The above-described embodiment has been described when the present invention is applied to a smartphone, but the present invention is not limited to this, and any mobile information terminal provided with a touch panel, such as a mobile type personal computer or tablet terminal. It can be applied to any of these.

In addition, the present invention is not limited to the above-described embodiment, and can be variously modified at the implementation stage without departing from the gist thereof. In addition, the functions executed in the above-described embodiment may be combined as appropriate as possible. The above-described embodiments include various steps, and various inventions can be extracted by an appropriate combination according to a plurality of disclosed constitutional requirements. For example, even if some constituent requirements are deleted from all the constituent requirements shown in the embodiment, if the effect is obtained, the configuration in which the constituent requirements are deleted can be extracted as an invention.
The inventions described in the original claims of the original application of the present application are described below.
[1]
A display screen control program executed on a personal digital assistant equipped with a touch panel type display unit.
Content information is obtained from the first display image having an area for displaying content information, an area for displaying information including a character string to be input, and an area for displaying a keyboard for character input, and the first display image above. The feature is that the display area is abolished, and a switching control step is provided for switching one of the second display image in which the area for displaying information including the input character string is enlarged and displaying it on the display unit. Display screen control program.
[2]
The first display image includes a first button image instructing expansion of an area for displaying information including the character string to be input.
The second display image includes a second button image instructing the reduction of the area for displaying the information including the character string to be input.
The switching control step is characterized in that the first display image and the second display image are switched and displayed on the display unit in response to a touch input to the first button image or the second button image. The display screen control program according to [1].
[3]
A storage step for setting and storing switching conditions in the switching control step in advance is further provided.
The switching control step is characterized in that it is determined that the switching condition stored in the storage step is satisfied, and the first display image and the second display image are switched and displayed on the display unit [1]. ] Described display screen control program.
[4]
In the above storage step, character information for determining the presence or absence of at least one of a URL (Uniform Resource Locator), an email address, and a telephone number in the input characters is stored as a switching condition.
The switching control step is characterized in that it determines that the switching condition stored in the storage step is satisfied, switches from the first display image to the second display image, and displays the image on the display unit [3]. Described display screen control program.
[5]
In the above storage step, the state in which the attachment of content information other than characters is instructed is stored as a switching condition.
The switching control step is characterized in that it determines that the switching condition stored in the storage step is satisfied, switches from the first display image to the second display image, and displays the image on the display unit [3]. Described display screen control program.
[6]
Further provided with a history recording step of recording at least one of the average number of characters per comment, continuous browsing time, and number of comment postings for the above content information as a past access history.
The storage step stores the threshold value for the access history recorded in the history recording step as a switching condition.
In the switching control step, the establishment of the switching condition is determined based on the amount of access history recorded in the history recording step based on the threshold value stored in the storage step, and the first display image and the second display image are displayed. The display screen control program according to [3], wherein the display is displayed on the display unit by switching between.

10 ... Smartphone, 11 ... CPU, 12 ... Main memory, 13 ... Solid state drive (SSD), 14 ... 3G & 4G communication unit, 15 ... Wireless LAN communication unit, 16 ... External memory card, 17 ... Display unit, 18 ... Touch panel input Unit, 19 ... Key input unit, 20 ... Audio processing unit, 21 ... Image processing unit, 22, 23 ... Antenna, 24 ... Speaker, 25 ... Microphone, 26 ... Optical lens system, 27 ... Solid-state image sensor, AB ... Attached button , BR ... Browsing area, CB ... "Cancel" button, CC ... Number of input characters display, CI ... Character input area, KB ... Keyboard area, EB ... Enlarge button, OG ... Operation guide area, PB ... "Post" button, RB ... Reduce button, SB ... System bus.

Claims (4)

It is a display screen control method executed on an information terminal.
A first image provided with a first area for displaying first information including an image and a second area for displaying second information including characters input without overlapping with the first information, and the first image. A display step of displaying one of the second images in which the first area of the image is hidden on the display unit, and
A display including a display control step for updating the first image to the second image when there is an input for selecting content other than characters other than the first information during the display of the first image. Screen control method. The display screen control method according to claim 1, wherein the display control step displays the content together with the second information in the second area. A program that runs on an information terminal
To the information terminal
A first image provided with a first area for displaying first information including an image and a second area for displaying second information including characters input without overlapping with the first information, and the first image. A display step of displaying one of the second images in which the first area of the image is hidden on the display unit, and
A program for executing a display control step of updating the first image to the second image when there is an input for selecting content other than characters other than the first information during the display of the first image. .. A first image provided with a first area for displaying first information including an image and a second area for displaying second information including characters input without overlapping with the first information, and the first image. A display means for displaying one of the second images in which the first area of the image is hidden on the display unit, and
A display provided with a display control means for updating the first image to the second image when there is an input for selecting content other than characters other than the first information during the display of the first image. Screen control device.