WO2013024620A1 - Information processing terminal, layout adjustment method, and program - Google Patents

Abstract

Provided is an information processing terminal whereby improved usability is possible. A storage section (3) stores layout information showing a layout within an object to be displayed on a display (1). An application section (5) generates an object having a layout in accordance with the layout information. A display controller (6) displays the object generated by the application section (5) on the display (1). When a first predetermined operation is performed on an operating section (3), in response to the first predetermined operation, a layout control module (7) modifies the layout within the object being displayed on the display (1).

Description

Information processing terminal, layout adjustment method, and program

The present invention relates to an information processing terminal having a display screen.

In information processing terminals such as mobile phone terminals and PDAs (Personal Digital Assistants), objects such as windows and buttons are often displayed on the display screen. In such an information processing terminal, the position and size of an object can be changed in accordance with a user operation.

For example, Patent Document 1 includes a display that is a display screen and a touch sensor that detects a position of a user's contact with the display. The position and size of an object such as a button or a window displayed on the display are determined. A user interface that is changed according to the contact position detected by the touch sensor is described.

JP 2007-264923 A

Some objects such as windows include UI (user interface) parts that are operated and viewed by the user, such as buttons and toolbars. In such an object, since the layout of UI components such as the size and position is fixed, usability such as appearance and operability may be lowered.

On the other hand, in the user interface described in Patent Document 1, the position and size of the object can be changed, but the layout in the object such as the position and size of UI parts included in the object can be changed. Therefore, it is difficult to improve usability in the above situation.

An object of the present invention is to provide an information processing terminal, a layout adjustment method, and a program capable of improving usability.

An information processing terminal according to the present invention includes at least a display unit that displays an object, an operation unit that receives an operation, a storage unit that stores layout information indicating a layout of an object to be displayed on the display unit, and the layout information When a first predetermined operation is performed on the operation unit, a generation unit that generates an object of a layout, a display control unit that displays the object generated by the generation unit on the display unit, An adjustment unit that updates a layout of an object displayed on the display unit in response to one predetermined operation.

A layout adjustment method according to the present invention is based on an information processing terminal having at least a display unit that displays an object, an operation unit that receives an operation, and a storage unit that stores layout information that defines a layout of an object displayed on the display unit. In the layout adjustment method, an object having a layout corresponding to the layout information is generated, the generated object is displayed on the display unit, and the first predetermined operation is performed on the operation unit. The layout of the object displayed on the display unit is changed according to the first predetermined operation.

The program according to the present invention includes a computer connected to a display unit that displays at least an object, an operation unit that receives an operation, and a storage unit that stores layout information indicating a layout of an object displayed on the display unit. When a process for generating an object having a layout according to information, a process for displaying the generated object on the display unit, and the first predetermined operation on the operation unit, the first operation is performed. And changing the layout of the object displayed on the display unit in accordance with a predetermined operation.

According to the present invention, usability can be improved.

It is a front view showing an outline of an information processing terminal of a 1st embodiment of the present invention. It is a block diagram which shows the functional structure of the information processing terminal of the 1st Embodiment of this invention. It is a figure which shows an example of an object. It is a figure for demonstrating an example of a layout adjustment process. It is a figure for demonstrating the other example of a layout adjustment process. It is a figure which shows the example of a change of layout information. It is a flowchart for demonstrating an example of operation | movement of the information processing terminal of the 1st Embodiment of this invention. It is a figure which shows an example of the change permission range. It is a figure which shows the other example of a layout change process. It is a block diagram which shows the functional structure of the information processing terminal of the 4th Embodiment of this invention.

Hereinafter, embodiments of the present invention will be described with reference to the drawings. In the following description, components having the same function may be denoted by the same reference numerals and description thereof may be omitted.

FIG. 1 is a front view showing an overview of the information processing terminal according to the first embodiment of the present invention. As shown in FIG. 1, the information processing terminal 100 has display screens 1A and 1B for displaying various information. Display screens 1A and 1B are arranged apart from each other with screen boundary 1C interposed therebetween. The screen boundary 1C may be provided with a folding mechanism such as a hinge mechanism that allows the information processing terminal 100 to be folded.

FIG. 2 is a diagram illustrating a functional configuration of the information processing terminal 100. As shown in FIG. 2, the information processing terminal 100 includes a display unit 1, an operation unit 2, a storage unit 3, an event control module 4, an application unit 5, a display control unit 6, and a layout control module 7. Have

The display unit 1 has the display screens 1A and 1B shown in FIG.

The operation unit 2 outputs event information indicating the operation content to the event control module 4 when various operations are performed by the user. The operation unit 2 is preferably a pointing device capable of a drag operation. In the present embodiment, it is assumed that the operation unit 2 is a touch panel that is a pointing device that detects a user's contact position with respect to each of the display screens 1A and 1B and outputs event information indicating the contact position as operation content. Note that the operation unit 2 may be an input device such as a hardware key different from the pointing device, or may be a combination of the pointing device and the input device.

Examples of operations performed on the operation unit 2 include a mode switching operation for switching the operation mode of the information processing terminal 100 and a layout change for changing the layout of objects displayed on the display screens 1A and 1B of the display unit 1. There are operations. The layout change operation is an example of a first predetermined operation, and the mode switching operation is an example of a third predetermined operation.

The operation mode includes a normal mode for performing normal processing and a layout change mode for changing the layout of an object. The layout change operation is performed when the layout change mode is set.

The object is, for example, a display object such as a window, and includes a UI (user interface) part such as a button or a toolbar for the user to operate or browse. The layout in the object changes according to the position and size of the UI component, for example.

The storage unit 3 is a computer-readable recording medium such as a CPU, and records various programs such as application programs that define the operation of the computer. Hereinafter, an application program is abbreviated as an application.

Further, the storage unit 3 stores layout information indicating the layout of the object displayed on the display unit 1. The layout information indicates the position and size of UI parts included in the object, for example. The layout information is described in a markup language such as XML (Extensible Markup Language) or a style sheet language such as CSS (Cascading Style Sheets).

Note that the object is generated by the application as described later. For this reason, when a plurality of applications are recorded, the storage unit 3 stores the layout information of the objects generated by the application for each application.

The event control module 4 is an example of a setting unit. The event control module 4 is set to either the normal mode or the layout change mode as the operation mode, and performs processing according to the operation mode and event information notified from the operation unit 2.

More specifically, in the normal mode, the event control module 4 switches the operation mode from the normal mode to the layout change mode when the event information indicates a mode switching operation, and when the event information indicates other than the mode switching operation, Event information is notified to the application unit 5.

On the other hand, in the layout change mode, the event control module 4 switches the operation mode from the layout change mode to the normal mode when the event information indicates a mode switching operation, and displays the event information when the event information indicates other than the mode switching operation. Notify the layout control module.

Application unit 5 is an example of a generation unit. The application unit 5 is configured by a computer such as a CPU, reads an application that is a program recorded in the storage unit 3, and executes the read application to realize various functions.

For example, when the application unit 5 receives event information from the event control module 4, the application unit 5 performs information processing according to the event information. At this time, when the object needs to be displayed on the display unit 1, the application unit 5 generates an object having a layout corresponding to the layout information stored in the storage unit 3.

The display control unit 6 displays the object generated by the application unit 5 on the display unit 1.

The layout control module 7 is an example of an adjustment unit. When the layout control module 7 receives event information from the event control module 4, the layout control module 7 performs information processing according to the event information.

More specifically, as described above, the event control module 4 notifies the layout control module 7 of event information corresponding to the layout change operation when the layout change mode is set. Accepts event information corresponding to the layout change operation. At this time, the layout control module 7 performs layout adjustment processing for changing the layout of the object displayed on the display unit 1 in accordance with the layout change operation indicated by the event information. In the layout adjustment process, for example, the layout control module 7 changes at least one of the position and size of the UI component included in the object.

Furthermore, the layout control module 7 changes the layout information of the object whose layout has been changed among the layout information stored in the storage unit 3 in accordance with the layout change operation.

Hereinafter, the layout adjustment process will be described in more detail.

FIG. 3 is a diagram illustrating an example of an object displayed on the display unit 1. 4 and 5 are diagrams for explaining an example of the layout adjustment process.

In FIG. 3, the application unit 5 performs full-screen display in which the window 301 that is an object is displayed on both the display screens 1A and 1B, and the UI component 302 of the window 301 sandwiches the screen boundary 1C and displays the display screen 1A. And 1B are divided and displayed. Such a situation occurs, for example, when the layout information of the window 301 defines the layout of the window 301 so that the UI component 302 is arranged at or near the center of the window 301.

When the drag operation is performed as the layout change operation in the situation illustrated in FIG. 3, the layout control module 7 performs the UI component 302 based on the start position and the end position of the drag operation, for example, as illustrated in FIG. 4. Change the position of.

For example, the layout control module 7 moves the UI component 302 by a distance between the start position and the end position in the direction from the start position of the drag operation to the end position. Thereby, the UI component 302 is displayed only on the display screen 1A, and usability is improved.

Further, the layout change operation may be a drag operation with the position of the UI component 302 as a start position. In this case, when the start position of the drag operation is included in the display area of the UI component 302, the layout control module 7 changes the position of the UI component 302 based on the start position and the end position of the drag operation. The layout control module 7 monitors the application unit 5 and the display control unit 6 and specifies the display area of the window 301 and the UI component 302 displayed on the display unit 1.

Also, in the situation shown in FIG. 3, when a drag operation is performed as a layout change operation, the layout control module 7 performs a UI based on the start position and end position of the drag operation, for example, as shown in FIG. The size of the component 302 may be changed.

More specifically, the layout control module 7 determines whether to enlarge or reduce the UI component 302 according to the direction from the start position to the end position, and at a magnification according to the distance between the start position and the end position. The UI component 302 is enlarged or reduced. Thereby, the UI component 302 is displayed only on the display screen 1A, and usability is improved.

In addition, the layout control module 7 changes the size of the UI component 302 when the drag operation start position is included in a predetermined region of the UI component 302 (for example, a region near the boundary of the display region of the UI component 302). When the start position of the drag operation is included in an area other than the predetermined area of the UI part 302, the position of the UI part 302 may be changed.

When the layout is changed in this way, the layout control module 7 changes the layout information of the object whose layout has been changed among the layout information stored in the storage unit 3 in accordance with the layout change operation.

FIG. 6 is a diagram showing an example of changing layout information. In FIG. 6, when the UI part 302 shown in FIG. 3 is reduced as shown in FIG. 5, the layout information 401 of the UI part 302 before reduction and the layout information 402 of the UI part 302 after reduction are shown. It is shown.

Layout information 401 and 402 indicate the position (x, y), width (width), and height (height) of the UI component 302. Note that the position (x, y) of the UI component 302 is indicated by coordinate values on the display screens 1A and 1B.

When the UI component 302 is reduced as shown in FIG. 5, the layout control module 7 changes the width (width = 200) and height (height = 100) indicated by the layout information 401 to the width of the UI component 302 after reduction (height = 100). The layout information 401 is changed to the layout information 402 by changing to width = 80) and height (height = 60).

Next, the operation of the information processing terminal 100 will be described.

FIG. 7 is a flowchart for explaining an example of the operation of the information processing terminal 100. In the following, it is assumed that the normal mode is set as the operation mode, and an object is displayed on the display unit 1.

First, the user of the information processing terminal 100 performs a mode switching operation on the operation unit 2 in order to set the layout change mode. When the mode switching operation is performed, the operation unit 2 outputs event information corresponding to the mode switching operation to the event control module 4. Upon receiving the event information, the event control module 4 detects that the mode switching operation has been performed based on the event information, and switches the operation mode from the normal mode to the layout change mode (step S701). Examples of the mode switching operation include a contact operation with respect to a predetermined mode switching position on the display unit 1 and an operation for selecting switching of the operation mode from a menu.

When the operation mode is switched to the layout change mode, the user performs a layout change operation on the operation unit 2. When the layout change operation is performed, the operation unit 2 notifies the event control module 4 of event information corresponding to the layout change operation (step S702).

When receiving the event information, the event control module 4 notifies the layout control module 7 of the event information because the operation mode is the layout change mode (step S703).

Upon receiving the event information, the layout control module 7 determines the layout change contents of the window 301 based on the event information, and notifies the application section 5 of a layout change instruction to change the object layout according to the change contents. (Step S704).

Upon receiving the layout change instruction, the application unit 5 newly generates an object whose layout has been changed in accordance with the change content included in the change instruction (step S705).

When the object is generated, the application unit 5 outputs the generated object to the display control unit 6. When receiving the object, the display control unit 6 displays the object on the display unit 1 (step S706).

Further, when notifying the change instruction, the layout control module 7 acquires the layout information of the object whose layout has been changed from the storage unit 3. Then, the layout control module 7 changes the layout information according to the change contents in the change instruction, and stores the changed layout information in the storage unit 3 (step S707).

As described above, according to the present embodiment, even when a situation in which the usability is low, such as the UI part of the object being divided into the display screens 1A and 1B, the layout of the object is changed according to the layout change operation. Since it is changed, usability can be improved.

The situation in which the UI part of the object is divided into the display screens 1A and 1B occurs when an application that generates the object is developed assuming an information processing terminal having only one display screen. Often to do.

It is also conceivable to display UI parts only on one of the display screens 1A and 1B by moving or scaling the entire object. However, in this case, the position and size of the other UI parts included in the object also change, so that the other UI parts are divided and displayed on each display screen, or the other UI parts are smaller. It may become too much, and the usability may be reduced. In this embodiment, such a decrease in usability can also be suppressed.

In the present embodiment, since the layout information is changed according to the layout change operation, it is possible to reduce the trouble of changing the layout of the object each time the object is displayed.

Next, a second embodiment of the present invention will be described.

In the present embodiment, when the layout of the object displayed on the display unit 1 is changed, the layout control module 7 holds the layout information of the object whose layout has been changed among the layout information stored in the storage unit 3. After copying as information, the original layout information is changed according to the layout change operation.

Further, when a reset operation for returning the object layout change to the operation unit 2 is performed, when the layout control module 7 receives event information corresponding to the reset operation, the layout control module 7 holds the changed layout information. Return to information.

The reset operation includes a contact operation with respect to a predetermined reset position of the display unit 1 and an operation of selecting a layout reset from a menu. The layout information to be returned to the retained layout information may be designated by the user, or may be all changed layout information. The reset operation is an example of a second predetermined operation.

As described above, according to this embodiment, layout information can be easily restored.

Next, a third embodiment will be described.

In the present embodiment, the storage unit 3 further stores, for each layout information of an object, range information indicating a change permission range that permits the change of the object. The range information indicates, for example, a change permission range that permits a change in the position of the UI component of the object.

When the event control module 4 sets the layout change mode, the layout control module 7 selects range information corresponding to the layout information of the object displayed on the display unit 1 among the range information stored in the storage unit 3. The display control unit 6 is notified. When receiving the range information, the display control unit 6 displays the range information on the display unit 1.

For example, when an object as shown in FIG. 3 is displayed, the display control unit 6 uses a dotted line or the like to change the position of the UI component 302 of the object as shown in FIG. A range 701 is displayed on the display unit 1.

Further, when a layout change operation is performed on an object on the operation unit 2, the layout control module 7 changes the layout of the object within a changeable range indicated by the range information. For example, as indicated by the arrows in FIG. 9, when the position after the change according to the start position and the end position of the drag operation as the layout change operation exceeds the change permission range, the layout control module 7 instructs the layout change. The layout change operation is canceled within the changeable range by canceling the output to the application unit 5 and invalidating the layout change operation or moving the UI component 302 to the end of the change permission range.

As described above, according to the present embodiment, it is possible to prevent the layout from being changed too much.

Next, a fourth embodiment will be described.

FIG. 10 is a block diagram illustrating a functional configuration of the information processing terminal according to the present embodiment. An information processing terminal 100A illustrated in FIG. 10 further includes a communication unit 8 in addition to the configuration of the information processing terminal 100 illustrated in FIG.

The communication unit 8 is connected to the external device 101 and transmits the layout information stored in the storage unit 3 to the external device 101. At this time, the communication unit 8 may transmit at least the changed layout information to the external device 101. Further, the communication unit 8 may transmit the layout information to the external device 101 via a communication network such as the Internet.

The transmission timing for transmitting layout information is not particularly limited. The communication unit 8 may periodically transmit the layout information, may transmit the layout information at a timing when the layout information is changed, or a transmission operation for transmitting the layout information by the user is performed on the operation unit 2. However, it may be transmitted at the timing performed for the data. The external device 101 is a predetermined server or the like.

According to the present embodiment, it is possible to collect changed layout information, so that a developer who develops an application can grasp how the user has changed the layout. Therefore, it is possible to develop an application that generates an object with an appropriate layout.

In the present embodiment, the communication unit 8 may periodically transmit the layout information even if the layout information is not changed. In this case, the developer can determine whether or not the user uses the layout without changing the layout, and can develop an application that generates an object having a more appropriate layout.

In each embodiment described above, the illustrated configuration is merely an example, and the present invention is not limited to the configuration.

For example, the display unit 1 may include only one display screen, or may include three or more display screens. Further, a folding mechanism that allows the information processing terminal 100 to be folded may be provided in addition to the screen boundary 1C.

The functions of the information processing terminal 100 described above are executed by recording a program for realizing the function on a computer-readable recording medium and reading the program recorded on the recording medium into the computer. May be realized.

This application claims priority based on Japanese Patent Application No. 2011-177562 filed on August 15, 2011, the entire disclosure of which is incorporated herein.

DESCRIPTION OF SYMBOLS 1 Display part 2 Operation part 3 Storage part 4 Event control module 5 Application part 6 Display control part 7 Layout control module 8 Communication part 100, 100A Information processing terminal

Claims (13)

A display for displaying at least an object;
An operation unit for receiving an operation;
A storage unit for storing layout information indicating a layout of an object to be displayed on the display unit;
A generation unit that generates an object of a layout according to the layout information;
A display control unit for displaying the object generated by the generation unit on the display unit;
And an adjustment unit that updates a layout of an object displayed on the display unit according to the first predetermined operation when a first predetermined operation is performed on the operation unit. Terminal. The information processing terminal according to claim 1, wherein the adjustment unit updates the layout information according to the first predetermined operation. When the first predetermined operation is performed, the adjustment unit changes the layout information after copying the layout information as retained layout information, and performs the first predetermined operation on the operation unit. 3. The information processing terminal according to claim 2, wherein when a second predetermined operation different from is performed, the changed layout information, which is the changed layout information, is changed to the retained layout information. 4. The information processing terminal according to claim 2, further comprising a communication unit that transmits the changed layout information to a predetermined external device. The storage unit stores range information indicating a changeable range that permits change of the layout,
The information processing terminal according to any one of claims 1 to 4, wherein the adjustment unit changes a layout of an object displayed on the display unit within a changeable range indicated by the range information. The information processing terminal according to claim 5, wherein the display control unit further displays the range information on the display unit. The layout information indicates the position and size of parts included in the object as the layout,
The adjustment unit changes at least one of the position and the size of the component when changing the layout information. The information processing terminal according to any one of claims 1 to 6. The operation unit is a pointing device,
The information processing terminal according to any one of claims 1 to 7, wherein the first predetermined operation is a drag operation. The information processing terminal according to claim 8, wherein the pointing device is a touch panel. When a third predetermined operation different from the first predetermined operation is performed on the operation unit, the operation unit further includes a setting unit that sets the layout change mode,
When the layout change mode is set in the setting unit and the first predetermined operation is performed on the operation unit, the adjustment unit performs a layout of an object displayed on the display unit. The information processing terminal according to claim 1, wherein the information processing terminal is changed. The information processing terminal according to any one of claims 1 to 10, wherein the display unit includes a plurality of display screens, and the display screens are arranged apart from each other. A layout adjustment method by an information processing terminal having at least a display unit that displays an object, an operation unit that receives an operation, and a storage unit that stores layout information that defines a layout of an object to be displayed on the display unit,
Generate a layout object according to the layout information,
Displaying the generated object on the display unit;
A layout adjustment method for changing a layout of an object displayed on the display unit according to the first predetermined operation when the first predetermined operation is performed on the operation unit. A computer connected to a display unit that displays at least an object, an operation unit that receives an operation, and a storage unit that stores layout information indicating a layout of an object displayed on the display unit,
Generating a layout object according to the layout information;
Processing to display the generated object on the display unit;
When the first predetermined operation is performed on the operation unit, a program for executing a process of changing a layout of an object displayed on the display unit according to the first predetermined operation .

Images