JP2013016082A - User interface device and method for controlling the same - Google Patents

Abstract

PROBLEM TO BE SOLVED: To reproduce an animation during picture transition with no discomfort while maintaining high responsiveness to an instruction from a user.SOLUTION: A user interface device is configured to reproduce a first animation during transition from a first picture to a second picture, and to, when the instruction of transition from the second picture to the first picture is given by a user while the first animation is displayed, interrupt the first animation under reproduction, and to reproduce a second animation during transition from the second picture to the first picture from a point of time to be determined in accordance with the interruption time.

Description

  The present invention relates to a technique using animation for a human-machine interface.

  Conventionally, animation has been used as a means for notifying the user of the state of the device. Advantages of using animation include giving the user friendliness and enabling intuitive operation.

  In particular, when a plurality of screens are sequentially shifted by a user operation, an animation may be used at the time of screen transition. For example, when a transition is made from the current screen to the next screen, an animation is used in which the next screen appears from the right and exits such that the current screen is pushed out to the next screen (FIG. 11). Further, when returning to the previous screen, an animation is used in which the previous screen appears from the left and the current screen is pushed out to the previous screen and exits (FIG. 19). By using different animations at the time of transition to the next screen and at the time of transition to the previous screen, the user can know which screen is currently displayed among a plurality of screens.

  The playback time is set for the animation, and the device plays the animation for the set playback time. However, if the animation playback time is fixed, the screen response corresponding to the user operation cannot be performed until the animation finishes playing when the user gives an instruction to change the screen during animation playback. The property becomes low (FIG. 20).

  On the other hand, if the animation playback time is not fixed, and the user stops the animation playback when the user operates the device during the animation playback, the responsiveness of the device increases. However, the continuity of the animation is lost because the image at the time of cancellation and the head image of the subsequent animation are different, and the user feels uncomfortable (FIG. 21).

  As a technique for solving this problem, when the user gives an instruction to change the screen during playback of the first animation, the first animation is interrupted and the first animation from the interruption point to the screen after the transition is displayed. A method of reproducing a second animation is generally known. For example, if an instruction to transition to the previous screen is given at 200 ms after playing an animation that transitions to the next screen, the animation being played is interrupted, and the animation that transitions from the animation suspension screen to the previous screen Is displayed.

  In addition, if the user gives an instruction to transition to the previous screen during playback of the animation that transitions to the next screen, the method of stopping the playback and playing back the animation that has been played up to that point in reverse Generally known. For example, if the user instructs the transition to the previous screen while the animation in which the next screen appears from the right is being played back, the animation is stopped and the animation played up to that point is reversed. That is, the animation that the next screen exits to the right is played.

  Further, a method for determining which operation is performed according to the value of the control flag has been proposed (Patent Document 1). Further, a method for determining which operation to perform according to the type of user operation has been proposed (Patent Document 2).

JP 2007-172716 A JP 2004-340836 A

  However, with the technique of interrupting the first animation showing the state transition during playback and playing the second animation from the point of interruption to the screen after the transition, the device developer It is necessary to prepare a second animation for each interruption point and install it on the device. For example, it is assumed that the animation transitioning to the next screen and the animation transitioning to the previous screen have a duration of 800 ms and a frame rate of 100 ms. At this time, the developer needs to prepare seven types of “animation that transitions from the point X of the animation that transitions to the next screen to the previous screen” from X to 100 ms.

  Further, in the method of reproducing the animation in the reverse direction, when the reversely-rotated animation does not match the animation that returns to the previous screen, the user feels uncomfortable. For example, it is assumed that when moving to the next screen, an animation in which a human moves to the left and moves to the left is reproduced, and when returning to the previous screen, an animation in which the human moves to the right and moved to the right is reproduced. At this time, when the animation for moving to the next screen is reproduced in the reverse direction, an animation in which a human turns to the left and moves to the right, that is, walks backward, is reproduced, giving the user a sense of incongruity.

  In addition, Patent Document 1 and Patent Document 2 cannot achieve both device reactivity and animation continuity.

  The present invention has been made in view of the above problems, and an object of the present invention is to provide a technique capable of reproducing an animation of a screen transition without a sense of incongruity while having high responsiveness to an instruction from a user.

In order to solve this problem, for example, the user interface device of the present invention has the following configuration. That is,
A user interface device having display means for displaying a screen serving as an index of user operation, and input means for capturing an operation from the user,
Storage means for storing animation information to be displayed at the time of screen transition;
When an instruction for transition from the first screen displayed on the display means to the second screen is input from the input means by the input means, the storage means is referred to, and the first screen Animation reproduction means for reproducing and displaying the first animation on the display means according to the animation information relating to the transition to the second screen;
If there is an instruction input from the input means to the first screen during the reproduction and display of the first animation by the animation reproduction means, the reproduction and display of the first animation is interrupted and the first animation is displayed. Animation reproduction control means for starting reproduction from a midway position of the second animation that transitions from the second screen to the first screen at a time point corresponding to the time when one animation has been reproduced and displayed.

  According to the present invention, it is possible to reproduce an animation of a screen transition without a sense of incongruity while having high responsiveness to an instruction from a user.

1 is a configuration block diagram of a display method and a display device according to a first embodiment. The display method in 1st Embodiment, and the data flow figure of a display apparatus. The flowchart which shows the process at the time of system starting in 1st Embodiment. The image figure of the initial screen definition in 1st Embodiment. The image figure of the screen design definition in 1st Embodiment. The screen image figure immediately after starting the apparatus in 1st Embodiment. The flowchart which shows the process at the time of operation of the apparatus by the user in 1st Embodiment. The image figure of the event table in 1st Embodiment. The image figure of the event in transition in 1st Embodiment. The image figure of the screen transition definition in 1st Embodiment. The screen image figure just after operation of the apparatus by the user in 1st Embodiment. The flowchart which showed in detail the process sequence which produces the return animation in 1st Embodiment. The calculation formula for calculating the reproduction | regeneration start time of the return animation in 1st Embodiment. The screen image figure when operation of the apparatus by the user is performed during reproduction | regeneration of the animation in 1st Embodiment. The display method in 2nd Embodiment, and the data flow figure of a display apparatus. The flowchart which shows the process at the time of operation of the apparatus by the user in 2nd Embodiment. The image figure of the return screen transition definition in 2nd Embodiment. The screen image figure when a user operates the apparatus during reproduction | regeneration of the animation in 2nd Embodiment. The image figure which shows an example of the animation which an apparatus reproduce | regenerates at the time of a screen transition. The image figure for showing the problem by animation reproduction by the prior art. The image figure for showing the problem by animation reproduction by the prior art.

  Hereinafter, embodiments according to the present invention will be described in detail with reference to the accompanying drawings.

[First Embodiment]
FIG. 1 is a configuration diagram of a GUI presentation device (user interface device) in the first embodiment. In the figure, reference numeral 101 denotes a CPU which accesses and controls devices 103 to 110 described below via a bus indicated by 102. A read-only memory (ROM) 103 is accessible from the CPU 101 via the bus 102. The read-only memory 103 stores a program code 111, a screen design definition 112, a screen transition definition 113, a return screen transition definition 114, an initial screen definition 115, and an event table 116 that explain the operation in detail in this embodiment. Yes. Reference numeral 104 denotes a readable / writable memory (RAM), and a storage area for a transition event 117 and an animation playback display time 118 generated by the program code 111 is secured on the RAM 104. An input / output interface 105 receives an input made via an input device such as a keyboard, a mouse, a button, and a dial indicated by 106 and a touch panel indicated by 107. The input / output interface 105 displays / outputs data to / from the CRT, LCD, 108, an output device such as a printer or plotter, and the touch panel 107. Reference numeral 109 denotes an external storage device interface for inputting / outputting data to / from an external storage device such as HD, FD, CD-ROM, MD, and CF shown at 110.

  In the present embodiment, it is assumed that the program code 111 and each data definition (112 to 116) to be processed are on the ROM 103, and the temporary data storage area (117 to 118) is on the RAM 104. Do. However, all of these can be arranged on the external storage device 110, and can be loaded from the external storage device 110 onto the RAM 104 and used as necessary. Similarly, it can be arranged on the cache memory of the CPU 101.

  FIG. 2 is a data flow diagram showing the configuration requirements of the program code 111 and how the configuration requirements are related to 112 to 118 in FIG. In the figure, 201 is an input unit that receives input from the user from the input device 106 or touch panel 107 via the input / output interface 105 and notifies the control unit 202 of the input. A control unit 202 performs system startup processing and termination processing. The control unit 202 generates a screen transition event based on the user input notified from the input unit 201. The control unit 202 stores the generated screen transition event in the in-transition event 117. The control unit 202 instructs the screen generation unit 206 to reproduce the animation based on the screen transition definition 204. Reference numeral 203 denotes an event table that represents a screen transition event that occurs when an input is made by the user. Reference numeral 204 denotes a screen transition definition for designating information (animation information) related to animation to be played when a screen transition event occurs and a screen after transition. Reference numeral 205 denotes a transition event indicating a screen transition event generated by the control unit 202. Reference numeral 206 denotes a screen generation unit that generates image data to be output based on an animation reproduction instruction from the control unit 202 and a screen design definition 208. An output unit 207 outputs the image data generated by the screen generation unit 206 to the touch panel 107 or the output device 108 via the input / output interface 105. Reference numeral 208 denotes a screen design definition representing screen data and animation displayed on the output unit 207. Reference numeral 209 denotes an initial screen definition representing a screen output first after the system is started. 210 is a return animation generation unit that instructs the screen generation unit 206 to reproduce the return animation based on the in-transition event 205 when a screen transition event occurs while the screen reproduction unit 206 is reproducing the animation. It is.

  As the screen design definition 208, for example, a set of still images or a set of difference information for a certain still image and the still image can be used. As the difference information, for example, position, color, transparency, and the like can be used.

  FIG. 3 is a flowchart illustrating a processing procedure at the time of starting the system according to the first embodiment.

  The activation request for this system is instructed by the user from the input unit 201 via the input / output interface 105 (S101). When there is a start request from the user, the input unit 201 notifies the start request to the control unit 202, and in step S102, the control unit 202 instructs the screen generation unit 206 to display an initial screen. In step S <b> 103, the screen generation unit 206 acquires the screen ID of the initial screen from the initial screen definition 209. In step S <b> 104, the screen generation unit 206 acquires screen design information 402 for the initial screen from the screen ID and screen design definition 208 for the initial screen acquired in step S <b> 103. In step S105, the screen generation unit 206 generates image data from the screen design information 402 acquired in step S104. In step S106, the screen generation unit 206 instructs the output unit 207 to output the image data generated in step S105. In step S107, when the output unit 207 performs processing for displaying the image data instructed by the screen generation unit 206 in step S106 on the touch panel 107 or the output device 108, the process proceeds to step S108 and ends the present sequence.

  FIG. 4 shows the initial screen definition 209 acquired in S103. In the figure, 301 indicates that the screen ID 401 of the initial screen is “SCREEN_HOME”.

  FIG. 5 shows the screen design definition 208 acquired in S105. In the figure, 401 is a screen ID for identifying a screen. Reference numeral 402 denotes screen design information representing a file in which image data is stored. Reference numeral 403 denotes that image data of a screen whose screen ID 401 is “SCREEN_HOME” is stored in an image data file “home.svg”.

  6 is a screen image diagram generated by the flowchart shown in FIG. 3 from the initial screen definition 209 shown in FIG. 4 and the screen design definition 208 shown in FIG. In the figure, reference numeral 501 denotes a screen image of a screen whose screen ID 401 is “SCREEN_HOME”. If the description is based on the flowchart of FIG. 3, the initial screen ID 301 “SCREEN_HOME” is acquired in S103. In S104, the screen design information 402 “home.svg” is acquired. In step S105, image data is generated from the screen design information 402 “home.svg”. In S106, the generated image data is output.

  FIG. 7 is a flowchart showing a processing procedure of the first embodiment when an input is made by the user. When there is an input by the user, this process is started (S201). The input unit 201 notifies the control unit 202 of the input by the user, and the control unit 202 acquires the transition event ID 801 based on the event table 203 in S202. In step S203, the control unit 202 determines whether the in-transition event 205 is empty. If the transition event 205 is not empty, the process proceeds to S204. If the in-transition event 205 is empty, the process proceeds to S205.

  In S204, when the return animation generation unit 210 creates a return animation and instructs the screen generation unit 206 to reproduce the animation, the process proceeds to S209.

  In step S205, the control unit 202 notifies the screen generation unit 206 of a transition animation based on the transition event ID 801 and the screen transition definition 204 acquired in step S202. In S206, the control unit 202 sets 0 to the animation playback display completed time 118, and notifies the screen generation unit 206 that the transition animation playback start time is the head of the transition animation. In step S207, the control unit 202 notifies the screen generation unit 206 of the frame rate 804 based on the transition event ID 801 and the screen transition definition 204 acquired in step S202. In step S208, the control unit 202 notifies the screen generation unit 206 of the duration 805 based on the transition event ID 801 and the screen transition definition 204 acquired in step S202.

  In step S209, the control unit 202 sets the transition event ID 801 acquired in step S202 as the in-transition event 205. In S <b> 210, the screen generation unit 206 repeats S <b> 211 to S <b> 212 until the animation reproduction display completed time 118 becomes longer than the duration 805. In step S211, the screen generation unit 206 creates image data and instructs the output unit 207 to output the image data. The time taken for the image data creation process is the time indicated by the frame rate 804. In step S212, the screen generation unit 206 adds the time indicated by the frame rate 804 to the animation playback display completed time 118. If the animation playback display time 118 exceeds the duration 805 in S213, the process proceeds to S214.

  In S214, when the control unit 202 sets that the current event is not transitioning to the transition event 205, the control unit 202 proceeds to S215 and ends the sequence.

  FIG. 8 shows the event table 203 acquired in S202. In the figure, reference numeral 601 indicates an input by the user. Reference numeral 602 denotes the screen ID of the currently displayed screen. Reference numeral 603 denotes a generated event that indicates a screen transition event that occurs when the currently displayed screen is the displayed screen ID 602 when an input 601 is performed by the user. Reference numeral 604 denotes that when the button 1 is pressed by the user, if the screen ID of the screen being displayed is “SCREEN_HOME”, a screen transition event “EV_TO_COPY” is generated.

  FIG. 9 shows the in-transition event 205 set in S205. Reference numeral 701 indicates that the event is not currently transitioning.

  FIG. 10 shows the screen transition definition 204 acquired in S206. Reference numeral 801 denotes a transition event ID for identifying a screen transition event. Reference numeral 802 denotes a post-transition screen ID indicating a screen after transition by a screen transition event. Reference numeral 803 denotes a transition animation indicating an animation reproduced and displayed by the screen generation unit 206 when a screen transition event occurs. Reference numeral 804 denotes a frame rate representing an interval at which the screen generation unit 206 outputs image data to the output unit 207. A duration 805 represents a period during which the screen generation unit 206 outputs image data to the output unit 207. Reference numeral 806 denotes that when a screen transition event whose transition event ID 801 is “EV_TO_COPY” occurs, the post-transition screen ID 802 which is a screen after the screen transition is “SCREEN_COPY”. Reference numeral 806 denotes that the transition animation 803 reproduced after the occurrence of the screen transition event is “SLIDE_IN_RIGHT”, the frame rate 804 is “100” (ms), and the duration 805 is “800” (ms). Show.

  FIG. 11 is a screen image generated by the flowchart shown in FIG. 7 when the user presses button 1. 11 shows an initial screen definition 209 shown in FIG. 4, a screen design definition 208 shown in FIG. 5, an event table 203 shown in FIG. 8, an in-transition event 205 shown in FIG. 9, and a screen shown in FIG. It is generated from the screen transition definition 204. Hereinafter, a specific example of the above process will be described with reference to FIG.

  Reference numeral 901 denotes a screen image immediately after the user presses the button 1. In S202, since the displayed screen ID 401 is “SCREEN_HOME”, the occurrence event 603 “EV_TO_COPY” is acquired. In S203, it is determined that the transition event 205 is empty, and the process proceeds to S205. In S209, the in-transition event ID 701 “EV_TO_COPY” is set in the in-transition event 205. In S210, animation reproduction display is started. Reference numeral 902 denotes a screen image after 200 ms has elapsed since the user pressed the button 1. In S211, the image data is notified to the output unit 207 based on the fact that the transition animation 803 notified in S206 is “SLIDE_IN_RIGHT” and the animation reproduction display completed time 118 is “200 ms”. Reference numeral 903 denotes a screen image after 400 ms has elapsed since the user pressed the button 1. Reference numeral 904 denotes a screen image after 600 ms has elapsed since the user pressed the button 1. Reference numeral 905 denotes a screen image after 800 ms has elapsed since the user pressed the button 1. In S213, it is determined that the animation reproduction display completed time 118 has exceeded the duration 805 “800 ms”. In S214, the transition event 205 is set to empty.

  FIG. 12 is a flowchart showing details of processing for creating a return animation shown in S204 of FIG. When the process of creating the return animation is started in S301, the screen generation unit 206 stops the reproduction of the animation in S302. In S303, the return animation generation unit 210 calculates the return animation playback start time from the transition event ID 801, the screen transition definition 204, the transition event 205, and the animation playback display time 118 acquired in S202. The return animation generation unit 210 sets the playback start time of the return animation to the animation playback display completed time 118. In step S304, the return animation generation unit 210 notifies the screen generation unit 206 of the transition animation 803 based on the transition event ID 801 and the screen transition definition 204 acquired in step S202. In step S305, the return animation generation unit 210 notifies the screen generation unit 206 of the playback start time of the return animation calculated in step S303. In S306, the return animation generation unit 210 notifies the screen generation unit 206 of the frame rate 804 based on the transition event ID 801 and the screen transition definition 204 acquired in S202. In S307, when the return animation generation unit 210 notifies the screen generation unit 206 of the duration 805 based on the transition event ID 801 and the screen transition definition 204 acquired in S202, the process proceeds to S308 and ends this sequence.

  FIG. 13 is a calculation formula for calculating the playback start point of the return animation shown in S303 of FIG. In short, this calculation formula means that when X% of the animation has already been played back and displayed, the playback start time of the return animation is (100−X)% of the duration of the return animation. . X is a value obtained by dividing the animation reproduction displayed time 1002 in FIG. 13 by the animation duration 1001 during transition and multiplying by 100.

  Reference numeral 1001 denotes an animation duration 805 of the transition event 205 acquired based on the transition event ID 701 of the transition event 205 and the screen transition definition 204. Reference numeral 1002 denotes an animation reproduction display completed time 118 of the transition event 205. Reference numeral 1003 denotes a return animation duration 805 acquired based on the transition event ID 801 and the screen transition definition 204 acquired in S202.

  FIG. 14 is a screen image generated by the flowchart shown in FIG. 7 when the user presses the “return” button 400 ms after pressing the button 1. The screen image diagram illustrated in FIG. 14 includes an initial screen definition 209 illustrated in FIG. 4, a screen design definition 208 illustrated in FIG. 5, an event table 203 illustrated in FIG. 8, a transition event 205 illustrated in FIG. It is generated from the screen transition definition 204 shown in FIG.

  Hereinafter, the above processing will be described with reference to FIG. Reference numeral 1101 denotes a screen image immediately after the user presses the button 1. In S202, since the screen ID 401 during reproduction display is “SCREEN_HOME”, the occurrence event 603 “EV_TO_COPY” is acquired. In S203, it is determined that the transition event 205 is empty, and the process proceeds to S205. In S209, the in-transition event ID 701 “EV_TO_COPY” is set in the in-transition event 205. In S210, animation playback is started. Reference numeral 1102 denotes a screen image immediately after the user presses the “return” button 400 ms after pressing the button 1. In S202, since the screen ID 401 being reproduced and displayed is “SCREEN_COPY”, the transition event ID 801 “EV_TO_HOME” is acquired. In S203, it is determined that the transition event ID 801 of the in-transition event 205 is “EV_TO_COPY”, and the process proceeds to S204. In S <b> 204, based on the return screen transition definition 1211, it is determined that the transition event ID 801 “EV_TO_HOME” and the transition event ID 801 “EV_TO_COPY” have a relationship between the going screen transition and the returning screen transition. In S303, the transition event 205 has a duration 1001 of “800 ms”, an animation playback completed time 118 of “400 ms”, and a return animation duration 1003 of “800 ms”. From here, based on the equation of FIG. 13, the playback start time of the return animation is calculated to be “400 ms” and set to the animation playback display completed time 118. In S210, the playback of the return animation is started from the beginning “400 ms”.

  1103 shows a screen image after 200 ms has elapsed since the user pressed the return button. The animation reproduction completed time 118 is “600 ms”. Reference numeral 1104 denotes a screen image after 200 ms has elapsed since the user pressed the return button. The animation reproduction display completed time 118 is “800 ms”. In S213, it is determined that the animation reproduction display completed time 118 has exceeded the duration 805 “800 ms”. In S214, the transition event 205 is set to empty.

  As described above, according to the first embodiment, during the reproduction and display of the first animation indicating that the screen is transitioning from the first screen to the second screen, the user restores the original (the transition is changed). If there is an operation to cancel, it is assumed that the second animation of the screen transition from the second screen to the first screen has been performed for the reproduction time until then, and playback control is performed from the middle position of the second animation. Thus, it is possible to perform natural animation reproduction while increasing the responsiveness of the device.

[Second Embodiment]
In the first embodiment, the method of interrupting the first animation being reproduced and displayed and reproducing the second animation to be reproduced next from the time point corresponding to the reproduction and display time of the first animation has been described. . However, the first animation and the second animation may not be continuous. For example, the first animation is an animation in which the next screen appears from right to left, and the second animation to be reproduced next is an animation in which the next screen appears from top to bottom.

  In the second embodiment, a method for determining whether or not to reproduce the second animation from a point in time corresponding to the reproduction and display time of the first animation will be described. The overall configuration diagram of the second embodiment is shown in FIG. 1 as in the first embodiment. Further, a flowchart showing a processing procedure at the time of starting the system in the second embodiment is shown in FIG. 3 as in the first embodiment.

  FIG. 15 is a data flow diagram according to the second embodiment. In the figure, reference numeral 1201 denotes an input unit as in 201. 1202 is a control unit, similar to 202. 1203 is an event table similar to 203. Reference numeral 1204 denotes a screen transition definition, similar to 204. 1205 is an in-transition event, similar to 205. Reference numeral 1206 denotes a screen generator similar to 206. Reference numeral 1207 denotes an output unit similar to 207. 1208 is a screen design definition, similar to 208. Reference numeral 1209 denotes an initial screen definition, similar to 209. When a screen transition event occurs while the screen playback unit 206 is playing back an animation, 1210 indicates that the return animation is played back to the screen generation unit 206 based on the transition event 205 and the return screen transition definition 1211. This is a return animation generation unit for instructing. Reference numeral 1211 denotes a return screen transition definition indicating whether a first screen transition event and a second screen transition event are given, which indicates a relationship between a going screen transition and a returning screen transition.

  FIG. 16 is a flowchart showing the processing procedure of the second embodiment when an input is made by the user. This process is started in S401. In S402, the transition event ID 801 is acquired as in S202. In S403, as in S203, it is determined whether the transition event 205 is not empty. If the transition event 205 is not empty, the process proceeds to S404. If the in-transition event 205 is empty, the process proceeds to S408.

  In S404, the return animation generation unit 210 determines that the transition event ID 801 of the in-transition event 205 and the transition event ID 801 acquired in S202 are based on the return screen transition and the return screen transition based on the return screen transition definition 1211. Determine if there is. If it is the relationship between the going screen transition and the returning screen transition, the process proceeds to S405. If it is determined that the relationship is not between the outgoing screen transition and the returning screen transition, the process proceeds to S406. In S405, a return animation is created as in S204. In S406, the control unit 202 waits until the transition event 205 becomes empty.

  In S407, the transition animation is notified to the screen generation unit 206 as in S205. In step S408, as in step S206, the screen generation unit 206 is notified of the transition animation playback start point. In step S409, the frame rate 804 is notified to the screen generation unit 206 as in step S207. In S410, the screen generation unit 206 is notified of the duration 805 as in S208.

  In S411, similarly to S209, the transition event ID 801 is set to the transition event 205. In S412, similarly to S210, the processing from S413 to S414 is repeated. In step S413, as in step S211, image data is created and the output unit 207 is instructed to output the image data. In S414, as in S212, the time indicated by the frame rate 804 is added to the animation playback display completed time 118. In S415, as in S213, when the animation playback display completed time 118 exceeds the duration 805, the process proceeds to S416. In S416, as in S214, if it is set in the transition event 205 that the current event is not transitioning, the process proceeds to S417, and this sequence ends.

  FIG. 17 shows the return screen transition definition 1211 acquired in S404 of FIG. In the figure, reference numeral 1301 indicates that the screen transition event whose transition event ID 801 is “EV_TO_HOME” and the screen transition event whose transition event ID 801 is “EV_TO_COPY” are related to the screen transition of the going direction and the screen transition of the return. ing.

  FIG. 18 is a screen image generated by the flowchart shown in FIG. 16 when the user presses the home button 400 ms after pressing the button 1. The screen image shown in FIG. 18 includes an initial screen definition 209 shown in FIG. 4, a screen design definition 208 shown in FIG. 5, an event table 203 shown in FIG. 8, an in-transition event 205 shown in FIG. It is generated from the screen transition definition 204 shown.

  In FIG. 18, reference numeral 1401 denotes a screen image immediately after the user presses the button 1. In S402, since the screen ID 401 during playback display is “SCREEN_HOME”, the occurrence event 603 “EV_TO_COPY” is acquired. In S403, it is determined that the transition event 205 is empty, and the process proceeds to S407. In S411, the transition event ID 701 “EV_TO_COPY” is set in the transition event 205. In step S412, animation playback is started. Reference numeral 1402 denotes a screen image immediately after the user presses the home button 400 ms after pressing the button 1. In S402, the transition event ID 801 “EV_JUMP_HOME” is acquired. In S403, it is determined that the transition event ID 801 of the in-transition event 205 is “EV_TO_COPY”, and the process proceeds to S404. In S <b> 204, based on the return screen transition definition 1211, it is determined that the transition event ID 801 “EV_JUMP_HOME” and the transition event ID 801 “EV_TO_COPY” do not have a relationship between the going screen transition and the returning screen transition. In step S406, the process waits until the transition event 205 becomes empty.

  Reference numeral 1403 denotes a screen image 800 ms after the user presses the button 1 (even when the reproduction and display of the first animation is completed). In S415, it is determined that the animation reproduction display completed time 118 has exceeded the duration 805 “800 ms”. In S416, the transition event 205 is set to empty. In step S406, since the transition event 205 becomes empty, the standby is finished.

  In S411, the transition event ID 701 “EV_JUMP_HOME” is set in the transition event 205. In step S412, animation playback is started. Reference numeral 1404 denotes a screen image after 1000 ms has elapsed since the user pressed the button 1. Reference numeral 1405 denotes a screen image after 1200 ms has elapsed since the user pressed the button 1. Reference numeral 1406 denotes a screen image after 1400 ms has elapsed since the user pressed the button 1. Reference numeral 1407 denotes a screen image after 1600 ms has elapsed since the user pressed the button 1. In S415, it is determined that the animation reproduction display completed time 118 has exceeded the duration 805 “800 ms”. In S416, the transition event 205 is set to empty.

[Third Embodiment]
In each of the above-described embodiments, an example in which an animation is played back by a user's operation has been described. Specifically, the control unit 202 can instruct the output device 108 to reproduce a voice message based on an input by the user. The control unit 202 determines the playback start time of the voice message based on the playback start time of the return animation calculated in S303 when an input by the user occurs while the screen generation unit 206 is playing back the animation. Can do. Alternatively, a voice message to be played back can be determined from a plurality of voice messages based on the playback start time of the return animation calculated in S303.

[Fourth Embodiment]
In each of the above-described embodiments, the method has been described in which the first animation being reproduced and displayed is interrupted, and the second animation to be reproduced next is reproduced from the time point corresponding to the reproduction and display time of the first animation. However, the present invention is not limited to this, and the first animation being reproduced and displayed may be interrupted, a part of the GUI component displayed on the screen may be reversed, and the first animation may be reproduced in the reverse direction. .

  Specifically, when a screen transition event occurs while the screen generation unit 206 is playing back an animation, the control unit 202 interrupts the animation that is being played back, and reverses the playback animation from the point at which it was interrupted. Can be played. At this time, the control unit 202 can also reversely reproduce the animation reproduced after inverting a part of the GUI component displayed on the screen.

  As described above, according to each embodiment of the present invention, when a user operates a device during reproduction and display of an animation, both the responsiveness of the device and the continuity of animation can be achieved. In addition, the device developer is not allowed to prepare a second animation for each interruption of the first animation. Further, even when the reversely rotated animation does not match the animation that returns to the previous screen, it is possible to reproduce the animation that reduces the sense of discomfort given to the user.

(Other examples)
The present invention can also be realized by executing the following processing. That is, software (program) that realizes the functions of the above-described embodiments is supplied to a system or apparatus via a network or various storage media, and a computer (or CPU, MPU, or the like) of the system or apparatus reads the program. It is a process to be executed.

Claims (8)

A user interface device having display means for displaying a screen related to a user operation and input means for capturing an operation from the user,
Storage means for storing animation information to be displayed when the screen transitions;
When an instruction for transition from the first screen displayed on the display means to the second screen is input from the input means by the input means, the storage means is referred to, and the first screen to the second screen is referred to. Animation reproduction means for reproducing and displaying the first animation on the display means according to the animation information relating to the transition to
During the reproduction display of the first animation by the animation reproduction means, when there is an input of transition from the input means to the first screen, the reproduction display of the first animation is interrupted, and the first animation is displayed. And a playback control means for starting playback from an intermediate position of the second animation that transitions from the second screen to the first screen at a point in time corresponding to the playback and display time of the animation. apparatus.   The playback control means sets the playback display time of the first animation when the input to the first screen to the first screen is input as X% from the beginning of the second animation. The user interface device according to claim 1, wherein the second animation is reproduced and displayed from a time point of “100−X”%. The reproduction control means includes
A determination unit that determines whether or not a relationship between the first animation and the second animation is a transition and return relationship with reference to the storage unit;
If it is determined that there is a transition-return relationship, when the reproduction display time of the first animation when there is an input of transition from the input means to the first screen is X%, From the beginning of the second animation, the second animation is reproduced and displayed from “100-X”%.
Means for reproducing and displaying the second animation from its head after the reproduction and display of the first animation is completed when it is determined that the relationship is other than transition and return. The user interface device according to claim 1. A control method for a user interface device, comprising: a display means for displaying a screen related to a user operation; an input means for capturing an operation from the user; and a storage means for storing animation information to be displayed when the screen is changed. ,
When an instruction for transition from the first screen displayed on the display unit to the second screen is input from the input unit by the input unit, the animation reproduction unit refers to the storage unit and the first screen An animation reproduction step of reproducing and displaying the first animation on the display means in accordance with the animation information relating to the transition from to the second screen;
If there is an input of transition from the input means to the first screen during the reproduction display of the first animation in the animation reproduction step, the reproduction control means interrupts the reproduction display of the first animation. And a playback control step of starting playback from a midway position of the second animation that transitions from the second screen to the first screen at a time point corresponding to the playback and display time of the first animation. A control method for a user interface device.   In the reproduction control step, when the reproduction display time of the first animation when there is an input of transition from the input means to the first screen is X%, the beginning of the second animation is “ 5. The method of controlling a user interface device according to claim 4, wherein the second animation is reproduced and displayed from a time point of “100−X”%. The regeneration control step includes
A determination step of determining whether or not a relationship between the first animation and the second animation is in a transition and return relationship with reference to the storage unit;
If it is determined that there is a transition-return relationship, when the reproduction display time of the first animation when there is an input of transition from the input means to the first screen is X%, From the beginning of the second animation, the second animation is reproduced and displayed from “100-X”%.
A step of reproducing and displaying the second animation from its head after the reproduction and display of the first animation is completed when it is determined that the relationship is other than transition and return. The control method of the user interface device according to claim 4. A computer having a display unit for displaying a screen related to a user operation, an input unit for capturing an operation from the user, and a storage unit for storing animation information to be displayed when the screen transitions is read and executed. A program for causing the computer to function as a user interface device,
The computer,
When an instruction for transition from the first screen displayed on the display means to the second screen is input from the input means by the input means, the storage means is referred to and the first screen is changed to the second screen. Animation reproduction means for reproducing and displaying the first animation on the display means according to the animation information relating to the transition of
During the reproduction display of the first animation by the animation reproduction means, when there is an input of transition from the input means to the first screen, the reproduction display of the first animation is interrupted, and the first animation is displayed. A program which functions as a playback control means for starting playback from a midway position of a second animation that transitions from the second screen to the first screen at a time corresponding to a time during which the animation has been played back and displayed.   A computer-readable storage medium storing the program according to claim 7.