JP6596481B2 - Display screen control method, program, and display screen control apparatus - Google Patents

Description

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

  There has been proposed a technique that has been considered to provide a mobile phone capable of satisfactorily displaying a screen related to received e-mail using a configuration in which a display screen can be switched between a portrait display state and a landscape 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-dedicated screen. On the other hand, in a portable device that also serves as an input unit in which a display unit is integrated with a touch panel, as represented by recent smartphones and tablet terminals, an image corresponding to a keyboard is displayed on the screen when inputting characters. Become.

  Therefore, for example, when inputting characters such as creating a comment, an area for displaying the contents of the application program being executed at that time, an area for displaying a character string to be input, and an area for displaying a keyboard for character input are provided. Need to be efficiently placed in a restricted screen.

  The present invention has been made in view of the above circumstances, and the purpose of the present invention is to appropriately set an area for displaying content and an area for displaying an input character string in a display screen according to a user's use. It is an object 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 that displays first information to be browsed, and a character that is input without overlapping with the first information. A display step of causing the display unit to display one of a first image provided with a second area for displaying two information and a second image in which the first area in the first image is not displayed; A display control step of updating the first image to the second image and displaying the content in the second area together with the second information when displaying the content.

  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 in a display screen according to a user's application.

The block diagram which shows the function structure of the electronic circuit of the smart phone 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 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 illustrating a functional configuration of an electronic circuit of the smartphone 10 according to the present embodiment. In this figure, the CPU 11 controls the overall operation of the smartphone 10, and the main memory 12, solid state drive (SSD) 13, 3G & 4G communication unit 14, wireless LAN communication unit is connected to the CPU 11 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 sound processing unit 20, and an image processing unit 21 are connected.

  The CPU 11 reads out an operation program (OS and application program that operates on the OS) and standard data stored in the solid state drive 13, develops and stores them in the main memory 12, and executes the program Thus, the overall operation of the smartphone 10 is controlled and controlled.

  The main memory 12 is constituted by an SRAM, for example, and functions as a work memory for the CPU 11. The solid state drive 13 is configured by 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 program and various fixed data.

  The 3G & 4G communication unit 14 is based on a third-generation mobile communication system compliant with the IMT-2000 standard and a fourth-generation mobile communication system compliant with the IMT-Advanced standard. It is a communication unit that operates in a dual mode to transmit and receive data.

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

  The display unit 17 includes a TFT color liquid crystal panel with a backlight and its driving unit, 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 includes a number of key switches provided on the casing of the smartphone 10 including a power key and a shutter key for a camera function, and a drive circuit thereof.

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

  The image processing unit 21 is connected to the solid-state image sensor via the optical lens system 26 according to an optical image focused on the imaging surface of the solid-state image sensor 27 configured by, for example, a CCD (Charge Coupled 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, for example, JPEG (Joint Photographic Experts Group) or the like is generated and output in the case of a still image.

Next, the operation in the above embodiment will be described.
The operation shown below is executed after the CPU 11 reads the operation program stored in the solid state drive 13 as described above, develops 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 factory shipment of the smartphone 10, but the user of the smartphone 10 may 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 that the CPU 11 displays on the display unit 17 when an application program in which a user of the smartphone 10 may input a comment is executed, for example, when browsing an electronic bulletin board of a community site by a web browser. The processing content regarding the basic image switching control to be executed for an image is shown.

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

  FIG. 3 shows a state in which “Izu” 's writing on an electronic bulletin board is viewed on the display unit 17. Here, a character input area CI for one line and a “post” button PB are arranged at the lowermost end of the screen, and most of the other is set as a viewing area BR.

  From the display state as described above, it is determined whether or not an instruction for character input has been made depending on whether or not there is a tap operation on the character input area CI (step S102). Return to the process.

  By repeatedly executing the processes in steps S101 and S102 in this way, the process waits for an input instruction while executing the process in the first display mode mainly for the browsing area BR.

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

  FIG. 4A illustrates an image displayed on the display unit 17 in the second display form. In FIG. 5A, the browsing area BR is greatly reduced, and a character input area CI for one line and a “post” button PB are arranged below the browsing area BR.

  Further, an operation guide area OG for one line is arranged at the lower part, and a keyboard area KB for inputting characters 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 enlarging the character input area CI are arranged.
In the keyboard area KB, the alphabet input state is illustrated here, but it is possible to switch to numeric input or kana input.

While executing the processing in the 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).
If it is determined that the “post” button PB has not yet been operated and that the input has not been instructed, the CPU 11 further determines whether or not the enlargement button EB has been touched (step S105).

If it is determined here that the enlargement button EB has not been operated, the CPU 11 next 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 enter the character input area CI • URL (Uniform Resource Locator) including at least one of “www” and “http” was included in the input character string・ When an e-mail address including the character “@” is included in the input character string ・ When a telephone number is entered with 10 or more digits starting with the number “0” in the input character string. It is assumed that five cases are set in advance when content data other than characters such as image files is attached by the above operation.

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

  If it is determined in step S105 that the enlargement button EB has been touched, or if it is determined in step S106 that any of the preset conditions has been established, the CPU 11 performs the third display from the second display mode. A transition is made to the processing state in the form (step S107).

  FIG. 4B illustrates an image displayed on the display unit 17 in the third display form. In FIG. 4B, the display of the browsing area BR in FIG. 4A is abolished, and a screen dedicated to inputting “comments” is displayed at the top thereof, a “cancel” button CB and a “post” button. The PBs are arranged and displayed on the left and right, and an enlarged character input area ECI that is greatly expanded compared to 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. However, in the operation guide area OG, the enlarged character EB is used instead of the enlargement button EB. A reduction button RB for reducing the input area ECI is provided.

While executing the processing 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 neither the “cancel” button CB nor the “post” button PB has been operated yet, and it is determined that the end of input has not been instructed, the CPU 11 further determines whether or not the reduction button RB has been touched ( Step S109).

  If it is determined that the reduction button RB is not 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 touched, the CPU 11 executes the processing from step S103, and the third display form shown in FIG. Returning to the second display mode shown in FIG.
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 performs the processing from step S101 again. And return to the first display form shown in FIG. 3 to continue the process.

  Next, in addition to the display example in FIG. 4 described above, switching of display forms on other websites will be exemplified.

  FIG. 5A shows a state in which a comment is being input while browsing the writing of “Leach ☆” on an electronic bulletin board in the display unit 17. Here, a character input area CI for one line and a “post” button PB are arranged below the browsing 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, and a keyboard area KB for inputting characters 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 enlarging the character input area CI are arranged.
The candidate display area CD displays candidates for characters to be input next, candidates for kana-kanji conversion for the characters being input, and the like.

  In the keyboard area KB, the input state is illustrated here, but it is possible to switch to numeric input or alphabet input.

  When it is determined from the second display form shown in FIG. 5A that the enlargement button EB has been touched, or when it is determined that any of the preset conditions described above is satisfied, the CPU 11 A transition is made from the display mode 2 to the processing state in the third display mode.

  FIG. 5B illustrates an image displayed on the display unit 17 in the third display form. In FIG. 5B, the display of the browsing area BR in FIG. 5A is abolished, and the “Cancel” button CB and the “Post” button are changed to a screen dedicated for inputting “comments” at the top. The PBs are arranged and displayed on the left and right, and an enlarged character input area ECI that is greatly expanded compared to 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 It is possible to switch the display form in which the expanded enlarged character input area ECI is arranged appropriately on the display unit according to the user's intention and usage, and to display the comment data reflecting the user's input situation. 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 mode can be arbitrarily switched by the touch operation of the user of the smartphone 10. A user-friendly input environment that directly reflects the user's will can be realized.

  Furthermore, in the above-described embodiment, for example, the display mode 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 the input character includes at least one of a URL (Uniform Resource Locator), an e-mail address, and a telephone number as the setting condition, it is determined that the entire comment is a long sentence and is automatically Since the display mode is switched to the display form in which the enlarged character input area ECI is provided, the user-friendliness can be further improved.

  Further, as the setting condition, even when it is determined that some content data other than the character string is attached by the operation of the attached button AB, the display mode is automatically switched to the display form in which the enlarged character input area ECI is provided. Therefore, even if a thumbnail image or the like indicating the accompanying content data is displayed in the enlarged character input area ECI, the user-friendliness can be further improved without obstructing the character input area.

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

  Although not described in the above embodiment, as the preset condition, the average number of characters per comment on the site to be displayed, the average number of characters per comment posted by the user in the past in the past, or the user Compared to the thresholds prepared in advance, taking into account the user's history and general trends on the site, such as the continuous browsing time and the number of comment posts when browsing the site in the past, and depending on the comparison result It is also possible to automatically switch the display form, which can further improve the user-friendliness.

  Moreover, although the said embodiment demonstrated the case where a comment was input and contributed on the electronic bulletin board of a community site, for example, this invention is not limited to this, It is the same also in the other internet use environment accompanied with browsing of a site and character input. Applicable.

  The above embodiment describes the case where the present invention is applied to a smartphone. However, the present invention is not limited to this, and may be various mobile information terminals equipped with a touch panel, such as a mobile personal computer and a tablet terminal. Any of them can be applied.

In addition, the present invention is not limited to the above-described embodiments, and various modifications can be made without departing from the scope of the invention in the implementation stage. Further, the functions executed in the above-described embodiments may be combined as appropriate as possible. The above-described embodiment includes various stages, and various inventions can be extracted by an appropriate combination of a plurality of disclosed constituent elements. For example, even if some constituent requirements are deleted from all the constituent requirements shown in the embodiment, if the effect is obtained, a configuration from which the constituent requirements are deleted can be extracted as an invention.
The invention described in the scope of the original claims of the original application of the present application will be appended below.
[1]
A display screen control program to be executed by a portable information terminal including a touch panel type display unit,
A first display image provided with 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 content information from the first display image A switching control step is provided in which the display area is abolished and any one of the second display image in which the area for displaying information including the input character string is enlarged is switched and displayed on the display unit. Display screen control program to be executed.
[2]
The first display image includes a first button image for instructing expansion of an area for displaying information including the input character string,
The second display image includes a second button image for instructing reduction of an area for displaying information including the input character string.
The switching control step switches between the first display image and the second display image in accordance with a touch input to the first button image or the second button image and displays the first display image on the display unit. The display screen control program according to [1].
[3]
A storage step for presetting and storing the switching conditions in the switching control step;
In the switching control step, it is determined that the switching condition stored in the storing step is satisfied, and the first display image and the second display image are switched and displayed on the display unit [1. ] The display screen control program described.
[4]
In the storing step, character information for determining the presence / absence of at least one of URL (Uniform Resource Locator), mail address, and telephone number in the input character is stored as a switching condition.
In the switching control step, it is determined that the switching condition stored in the storage step is satisfied, and the display is switched from the first display image to the second display image and displayed on the display unit [3]. The display screen control program described.
[5]
In the storing step, a state in which ancillary content information other than characters is instructed is stored as a switching condition,
In the switching control step, it is determined that the switching condition stored in the storage step is satisfied, and the display is switched from the first display image to the second display image and displayed on the display unit [3]. The display screen control program described.
[6]
A history recording step of recording at least one of an average number of characters per comment, a continuous browsing time, and a comment posting count for the content information as a past access history;
The storage step stores a threshold for the access history recorded in the history recording step as a switching condition,
In the switching control step, the first display image and the second display image are determined by determining whether the switching condition is satisfied based on the number of access histories recorded in the history recording step based on the threshold value stored in the storage step. The display screen control program according to [3], wherein the display screen is displayed on the display unit.

  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 , 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 imaging device, AB ... Attached button , BR ... browsing area, CB ... "cancel" button, CC ... input character number 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)

A display screen control method executed on an information terminal,
A first image provided with a first area for displaying first information to be browsed and a second area for displaying second information including characters input without overlapping the first information; A display step of causing the display unit to display any one of the second images in which the first area in the image is not displayed;
A display screen control method comprising: a display control step of updating the first image to the second image and displaying the content together with the second information in the second area when displaying the content.   The display screen control method according to claim 1, wherein the content is any one of a still image, a moving image, a map, a stamp image, and an avatar image. A program executed on an information terminal,
In the information terminal,
A first image provided with a first area for displaying first information to be browsed and a second area for displaying second information including characters input without overlapping the first information; A display step of causing the display unit to display any one of the second images in which the first area in the image is not displayed;
A program for executing a display control step of updating the first image to the second image and displaying the content in the second area together with the second information when displaying the content. A first image provided with a first area for displaying first information to be browsed and a second area for displaying second information including characters input without overlapping the first information; Display means for causing the display unit to display any one of the second images in which the first area in the image is not displayed;
A display screen control device comprising: display control means for updating the first image to the second image and displaying the content in the second area together with the second information when displaying the content.