JP7135130B2 - DISPLAY SCREEN CONTROL METHOD, PROGRAM AND DISPLAY SCREEN CONTROL DEVICE - Google Patents

Description

TECHNICAL FIELD 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 having limited display screen capacity.

A technique has been proposed to provide a mobile phone capable of displaying a screen related to a received e-mail in an excellent manner by using a configuration in which the display screen can be switched between a vertically long display state and a horizontally long display state. . (For example, Patent Document 1)

JP 2008-192034 A

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, where the display unit is integrated with the touch panel and also serves as an input unit, an image corresponding to the keyboard is displayed on the screen when entering characters. Become.

Therefore, when entering characters such as when creating a comment, the area for displaying the contents of the application program being executed at that time, the area for displaying the character string to be entered, and the area for displaying the keyboard for character input must be set to the maximum capacity. must be efficiently arranged within a limited screen.

The present invention has been made in view of the above-mentioned circumstances, and its object is to appropriately arrange a content display area and an input character string display area within a display screen according to the user's purpose. An object of the present invention is 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 by an information terminal, wherein a first image is provided with a first area displaying content information and a second area displaying information including input characters. or a display step of hiding the first area in the first image and displaying on a display unit a second image obtained by enlarging the second area; and when a character string exceeding a predetermined threshold is input. and a switching control step of switching from the first image to the second image.

According to the present invention, it is possible to appropriately arrange an area for displaying content and an area for displaying an input character string within a display screen according to the purpose of the user.

1 is a block diagram showing the functional configuration of an electronic circuit of a smart phone according to one embodiment of the present invention; FIG. 4 is a flowchart showing the contents of display screen switching processing according to the 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.

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

The CPU 11 reads the operating program (OS and application programs running on the OS) and fixed form data stored in the solid state drive 13, develops and stores them in the main memory 12, and executes the programs. , the overall operation of the smartphone 10 is controlled.

The main memory 12 is composed of an SRAM, for example, and functions as a work memory for the CPU 11 . The solid state drive 13 is composed of a non-volatile memory such as 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-described operation programs and various fixed data.

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

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

The display unit 17 is composed of a TFT color liquid crystal panel with a backlight and its driving unit, and displays various images.

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

The key input unit 19 includes several key switches including a power key and a shutter key for camera functions, which are provided on the casing of the smart phone 10, and a driving circuit for the key switches.

The audio processing unit 20 converts the digital audio data supplied via the system bus SB into analog data and outputs it from the speaker 24, and samples the analog audio signal input from the microphone 25, converts it into digital data, and outputs it.

The image processing unit 21 passes through an optical lens system 26, a solid-state imaging device 27 configured by, for example, a CCD (Charge Coupled Device) according to a light image focused on an imaging surface of the solid-state imaging device. The image signal output from 27 is converted into digital data, and file data in which the data amount is compressed by a preset file format, such as JPEG (Joint Photographic Experts Group) for a still image, is created and output.

Next, operations in the above embodiment will be described.
The operation described below is executed after the CPU 11 reads out the operation program stored in the solid state drive 13 as described above, develops it on the main memory 12 and stores it. The operating programs stored in the solid state drive 13 are not limited to those stored in the solid state drive 13 when the smartphone 10 is shipped from the factory. It includes a program input from outside via the antenna 23 and the wireless LAN communication unit 15 .

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

At the beginning, the CPU 11 executes processing in the first display mode, which mainly contains the content published on the site (step S101).

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

From the display state as described above, it is determined whether or not a character input instruction has been given based on whether or not there is a tap operation on the character input area CI (step S102). return to the process of

By repeatedly executing the processing of steps S101 and S102 in this manner, the processing in the first display form, mainly the viewing area BR, is executed while waiting for an input instruction.

When there is a tap operation on the character input area CI, the CPU 11 determines that a 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 section 17 in this second display form. In FIG. 4A, the viewing area BR is significantly reduced, and a one-line character input area CI and a "submit" button PB similar to those in FIG. 3 are arranged below the viewing area BR.

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

The operation guide area OG is provided with an attachment button AB for instructing attachment of an image or the like, an input character count display CC, and an enlarging button EB for enlarging the character input area CI.
Although the keyboard area KB exemplifies the alphabet input state here, it is assumed that it is possible to switch to numeric input and kana input.

While executing the process in the second display mode, the CPU 11 determines whether or not the end of the input has been instructed by operating the "submit" button PB (step S104).
If it is determined that the "submit" button PB has not been operated 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 here that the enlargement button EB has not been operated, the CPU 11 then determines whether or not a 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.・If the input string contains an email address that includes the character “@” ・If the input string contains a phone 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 for attaching content data other than text, such as an image file, 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 has been touch-operated, or when it is determined in step S106 that any of the preset conditions are met, the CPU 11 switches from the second display mode to the third display mode. The processing state is changed to the form processing state (step S107).

FIG. 4B illustrates an image displayed on the display section 17 in this third display mode. In FIG. 4B, the display of the viewing area BR in FIG. The PBs are arranged and displayed on the left and right sides, and an enlarged character input area ECI is arranged which has a significantly wider range than the character input area CI.

The operation guide area OG and the keyboard area KB inherit the display state from the second display mode shown in FIG. A reduction button RB is provided for reducing the input area ECI.

While executing the process in the third display form, the CPU 11 determines whether or not the end of input has been instructed by the touch operation of the "cancel" button CB or the "submit" button PB (step S108).
If it is determined that neither the "cancel" button CB nor the "submit" 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 has not been touched, 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 processing from step S103 to change the third display form shown in FIG. 4B to that shown in FIG. 4A. The processing is continued after returning to the second display mode indicated by .
Further, when the end of input is instructed from the second display form in step S104, and when the end of input is instructed from the third display form in step S108, the CPU 11 repeats the processing from step S101. Then, the process returns to the first display form shown in FIG. 3 to continue the process.

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

FIG. 5(A) shows a state in which a comment is being input while reading a post by Mr. "Reach☆" on an electronic bulletin board on the display unit 17 . Here, a character input area CI for one line and a "submit" button PB are arranged below the browsing area BR.

Furthermore, a one-line operation guide area OG and a one-line candidate display area CD are arranged in the lower part, and a keyboard area KB for character input is arranged in the remaining lower part.

The operation guide area OG is provided with an attachment button AB for instructing attachment of an image or the like, an input character count display CC, and an enlarging button EB for enlarging the character input area CI.
The candidate display area CD displays candidates for characters to be input next and candidates for kana-kanji conversion for the character being input.

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

When it is determined that the enlargement button EB has been touch-operated from the second display form shown in FIG. The processing state is changed from the second display mode to the third display mode.

FIG. 5B illustrates an image displayed on the display section 17 in this third display mode. In FIG. 5B, the display of the viewing area BR in FIG. The PBs are arranged and displayed on the left and right sides, and an enlarged character input area ECI is arranged which has a significantly wider range than the character input area CI.

As described in detail above, according to the present embodiment, in a portable information terminal equipped with a touch panel, there is a display mode in which a character input area CI accompanied by a reading area BR is provided side by side, and the reading area BR is eliminated to greatly increase the display capacity. It is possible to appropriately switch and display the display form in which the enlarged character input area ECI is arranged on the display unit according to the user's will and purpose, and to reflect the user's input status and display comment data etc. A more user-friendly environment can be realized.

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 user of the smartphone 10 can arbitrarily switch the display mode by touch operation. A user-friendly input environment can be realized by directly reflecting the user's will.

Furthermore, in the above-described embodiment, the display mode can be automatically switched when, for example, a preset condition is satisfied, so that a user-friendly 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 email address, and a telephone number is included in the input characters as the above setting condition, it is automatically determined that the entire comment will be long. Since the display mode is switched to the display mode in which the enlarged character input area ECI is provided, the usability for the user can be further improved.

Further, as the above setting condition, even when it is determined that some content data other than a character string is attached by operating the attachment button AB, the display form is automatically switched to the enlarged character input area ECI. Therefore, even if a thumbnail image or the like indicating accompanying 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 that accompanies the attachment button AB operation is not limited to still image data, but includes video data, map data, stamp images, avatar images, recommended application programs, etc. All content data within the range that can be attached to character data. including.

Although not described in the above embodiment, the preset conditions include the average number of characters per comment on the site to be displayed, the average number of characters per comment posted on the site by the user in the past, or the user's is compared with a threshold prepared in advance after taking into consideration the user history and general trends on the site, such as the continuous browsing time and the number of comments posted when browsing the same site in the past, and according to the comparison result It is also possible to switch the display mode automatically by pressing the button, thereby improving usability for the user.

Also, in the above embodiment, for example, the case of inputting and posting comments on an electronic bulletin board of a community site has been described, but the present invention is not limited to this, and can be applied to other Internet usage environments involving site browsing and character input. Applicable.

Although the above embodiment describes the case where the present invention is applied to a smart phone, the present invention is not limited to this, and various personal digital assistants equipped with a touch panel, such as mobile type personal computers and tablet terminals, can be used. can be applied to both.

In addition, the present invention is not limited to the above-described embodiments, and can be modified in various ways without departing from the gist of the present invention. Also, the functions executed in the above-described embodiments may be combined as appropriate as possible. Various steps are included in the above-described embodiments, and various inventions can be extracted by appropriately combining the disclosed multiple constituent elements. For example, even if some constituent elements are deleted from all the constituent elements shown in the embodiments, if an effect can be obtained, a configuration in which these constituent elements are deleted can be extracted as an invention.
The inventions originally claimed in the original application of this application are appended below.
[1]
A display screen control program to be executed by a mobile information terminal having a touch panel display,
a 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 inputting characters; and content information is obtained from the first display image. characterized by comprising a switching control step of switching either one of a second display image in which the area to be displayed is eliminated and an area to display information including the character string to be input is enlarged to be displayed on the display unit. display screen control program.
[2]
The first display image includes a first button image for instructing expansion of an area displaying information including the character string to be input,
the second display image includes a second button image for instructing reduction of an area for displaying information including the character string to be input;
The switching control step switches between the first display image and the second display image in response to a touch input on the first button image or the second button image, and causes the display unit to display the first display image and the second display image. The display screen control program according to [1].
[3]
further comprising a storage step of presetting and storing switching conditions in the switching control step;
The switching control step determines whether the switching condition stored in the storing step is met, switches between the first display image and the second display image, and causes the display unit to display the image. ] Display screen control program described.
[4]
The storing step stores, as a switching condition, 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,
The switching control step determines whether the switching condition stored in the storing step is established, switches the first display image to the second display image, and causes the display unit to display the image [3]. Display screen control program described.
[5]
The storing step stores, as a switching condition, a state in which attachment of content information other than text is instructed,
The switching control step determines whether the switching condition stored in the storing step is established, switches the first display image to the second display image, and causes the display unit to display the image [3]. Display screen control program described.
[6]
further comprising a history recording step of recording at least one of the average number of characters per comment, continuous viewing time, and comment posting frequency for the content information as a past access history;
The storing step stores a threshold for the access history recorded in the history recording step as a switching condition,
The switching control step determines whether or not the switching condition is established based on the access history recorded in the history recording step with reference to the threshold value stored in the storing step, and displays the first display image and the second display image. The display screen control program according to [3], wherein the program is displayed on the display section by switching between and.

DESCRIPTION OF SYMBOLS 10... Smartphone, 11... CPU, 12... Main memory, 13... Solid state drive (SSD), 14... 3G&4G communication part, 15... Wireless LAN communication part, 16... External memory card, 17... Display part, 18... Touch panel input Part 19... Key input part 20... Sound processing part 21... Image processing part 22, 23... Antenna 24... Speaker 25... Microphone 26... Optical lens system 27... Solid-state imaging device AB... Attachment button , BR... Reading area, CB... "Cancel" button, CC... Input character count display, CI... Character input area, KB... Keyboard area, EB... Enlarge button, OG... Operation guide area, PB... "Submit" button, RB... Shrink button, SB...system bus.

Claims (10)

A display screen control method executed by an information terminal,
A first image provided with a first area for displaying content information and a second area for displaying information including input characters, or the second area by hiding the first area in the first image a display step of causing a display unit to display a second image with an enlarged area;
and a switching control step of switching from the first image to the second image when a character string exceeding a predetermined threshold is input. 2. The display screen control method according to claim 1 , wherein said displaying step provides said first image and said second image with a third area operated to input information including characters. The first image and the second image include a fourth area for inputting an image switching instruction,
3. The display screen control method according to claim 1, wherein said switching control step switches between said first image and said second image in accordance with an instruction input through said fourth area. 4. The display screen control method according to any one of claims 1 to 3, wherein said switching control step switches to said second image when a preset specific character is input. A display screen control method executed by an information terminal,
A first image provided with a first area displaying content information and a second area displaying information including input characters, or a second image obtained by enlarging the second area in the first image. a display step to be displayed on the display unit;
and a switching control step of switching from the first image to the second image when a preset specific character is input . 6. The display screen control method according to claim 5, wherein said specific character is a character string representing at least one of a URL (Uniform Resource Locator), a mail address, and a telephone number. A program to be executed on an information terminal,
to the information terminal,
A first image provided with a first area for displaying content information and a second area for displaying information including input characters, or the second area by hiding the first area in the first image a display step of causing a display unit to display a second image with an enlarged area;
and a switching control step of switching from the first image to the second image when a character string exceeding a predetermined threshold is input. A program to be executed on an information terminal,
to the information terminal,
A first image provided with a first area displaying content information and a second area displaying information including input characters, or a second image obtained by enlarging the second area in the first image. a display step to be displayed on the display unit;
and a switching control step of switching from the first image to the second image when a predetermined specific character is input . A first image provided with a first area for displaying content information and a second area for displaying information including input characters, or the second area by hiding the first area in the first image display means for displaying a second image with an enlarged area on a display unit;
and switching control means for switching from the first image to the second image when a character string exceeding a predetermined threshold is input. A first image provided with a first area displaying content information and a second area displaying information including input characters, or a second image obtained by enlarging the second area in the first image. display means for displaying on the display unit;
A display screen control device comprising switching control means for switching from the first image to the second image when a predetermined specific character is input .

Images