KR20180024528A - Method for providing visual effects according to interaction based on bezel and electronic device for the same - Google Patents

Abstract

Various embodiments of the present invention provide a method and a device for enabling a user to intuitively execute a function by providing a visual effect according to an interaction based on a bezel. The device comprises: a rotary input module; a display; a memory; and a processor functionally connected to at least one among the rotary input module, the display or the memory. The process detects an event, detects an interaction by the rotary input module, determines an object related to the event based on the interaction, and variously displays a visual effect related to the object. In addition, other embodiments are possible.

Description

Technical Field [0001] The present invention relates to a method of providing a visual effect according to a bezel-based interaction, and an electronic apparatus using the same. [0002]

Various embodiments relate to a method and apparatus for providing visual effects in accordance with bezel-based interactions.

2. Description of the Related Art Various types of electronic devices such as a mobile communication terminal, a personal digital assistant (PDA), an electronic organizer, a smart phone, a personal computer, a wearable device, and the like have been widely used. Such electronic devices are continuously being improved in hardware and / or software portions of electronic devices for function support and enhancement.

Wearable devices that can be worn directly on the body include head-mounted displays, smart glasses, smart watches or wristbands, contact lens-type devices, ring-shaped devices, Shoe-like devices, garment-type devices, glove-type devices, and the like. Such a wearable device is usable in connection with an electronic device. A wristwatch-type wearable device has a rotatable rotary disposed on an outer surface thereof, and can rotate menus and items displayed on the display unit by rotating the rotary.

Various embodiments may provide visual effects in accordance with bezel-based interactions, thereby providing an apparatus and method by which a user can intuitively confirm whether a function is performed.

An electronic device according to various embodiments includes a rotatable input module, a display, a memory, and a processor operatively coupled to the rotatable input module, the display, or at least one of the memory and the processor, , Detect an interaction by the rotatable input module, determine an object associated with the event based on the interaction, and variably display the visual effect associated with the object.

A method of operating an electronic device including a rotatable input module according to various embodiments includes the steps of detecting an event, detecting an interaction by the rotatable input module, determining an object associated with the event based on the interaction, And variably displaying a visual effect associated with the object.

According to various embodiments, a visual effect may be provided in accordance with a bezel-based interaction so that the user can intuitively confirm whether the function is performed or not.

According to various embodiments, by displaying various visual effects according to bezel-based interactions, it is possible to display feedback in real time responsive to user input.

According to various embodiments, a plurality of functions can be performed instead of performing one function based on the direction of rotation.

According to various embodiments, information displayed in accordance with the amount of rotation of the bezel-based interaction (e.g., rotation angle, rotation distance) and information presentation method can be changed differently.

1 is a diagram showing a configuration of an electronic device according to various embodiments.
2 is a flow chart illustrating a method of operation of an electronic device according to various embodiments.
FIGS. 3A and 3B are diagrams illustrating an example of providing a visual effect using bezel-based interaction according to various embodiments.
4A and 4B are diagrams illustrating an example of providing a visual effect in a telephone application according to various embodiments.
5A and 5B are diagrams illustrating an example of providing a visual effect in an alarm application according to various embodiments.
6A and 6B are diagrams illustrating an example of providing a visual effect in a calendar application according to various embodiments.
7A and 7B are diagrams illustrating an example of providing a visual effect in a device finder application according to various embodiments.
8A and 8B are diagrams illustrating an example of providing a visual effect in a timer application according to various embodiments.
9 is a flow diagram illustrating a method for providing visual effects in an electronic device according to various embodiments.
10 and 11 are diagrams illustrating another example of providing a visual effect in a telephone application.
12 is a flow diagram illustrating a method for providing visual effects in an electronic device according to various embodiments.

Various embodiments of the invention will now be described with reference to the accompanying drawings. It should be understood, however, that the description herein is not intended to limit the invention to the particular embodiments, but includes various modifications, equivalents, and / or alternatives of the embodiments of the invention . In connection with the description of the drawings, like reference numerals may be used for similar components. It is to be understood that both the foregoing general description and the following detailed description are exemplary and explanatory and are intended to provide further explanation of the invention as claimed. Accordingly, the scope of the present invention should be construed as including all modifications or various other embodiments based on the technical idea of the present invention.

In an embodiment of the present invention, an electronic device may be any device capable of supporting functions (e.g., a display function) according to various embodiments of the present invention, such as an information device, a multimedia device, a wearable device, An application processor, a communication processor (CP), a graphics processing unit (GPU), and a central processing unit (CPU).

An electronic device according to an embodiment of the present invention may be, for example, a smartphone, a tablet personal computer, a mobile phone, a video phone, an e-book reader, Such as a personal computer (PC), a laptop personal computer, a netbook computer, a workstation, a server, a personal digital assistant (PDA), a portable multimedia player (PMP) A camera, or a wearable device (e.g., smart glasses, head-mounted-device, etc.), or a smart watch) have.

Also, in an embodiment of the present invention, the electronic device may be a smart home appliance. Smart home appliances include, for example, televisions, digital video disk players, refrigerators, air conditioners, vacuum cleaners, washing machines, set-top boxes, home automation control panels, (E.g., Samsung HomeSync, Apple TVTM, or Google TVTM), a game console (e.g., XboxTM, PlayStationTM), or electronic frames. Also, in an embodiment of the present invention, the electronic device may include at least one of a navigation device or an internet of things.

In various embodiments, the electronic device may be a combination of one or more of the various devices described above. An electronic device according to some embodiments may be a flexible electronic device. In addition, the electronic device according to the embodiment of the present invention is not limited to the above-described devices, and may include a new electronic device according to technological advancement.

In addition, in the embodiment of the present invention, the term user may refer to a person using an electronic device or a device using an electronic device (e.g., an artificial intelligence electronic device). In an embodiment of the present invention, a module or a program module may include at least one of various components of the present invention, omit some of them, or may further include other additional components. Operations performed by modules, program modules, or other components in accordance with various embodiments may be performed in a sequential, parallel, iterative, or heuristic manner. Also, some operations may be performed in a different order, omitted, or other operations may be added.

Hereinafter, a method and apparatus for providing a visual effect according to a bezel-based interaction according to an embodiment of the present invention will be described with reference to the accompanying drawings. It should be noted, however, that the various embodiments of the present invention are not limited or limited by the following description, and can be applied to various embodiments based on the following embodiments. In the various embodiments of the present invention described below, a hardware approach will be described as an example. However, various embodiments of the present invention include techniques using both hardware and software, so that various embodiments of the present invention do not exclude a software-based approach.

1 is a diagram showing a configuration of an electronic device according to various embodiments.

1, an electronic device 100 according to various embodiments of the present invention includes a wireless communication unit 110, a user input unit 120, a touch screen 130, an audio processing unit 140, a memory 150, an interface unit 160, a camera module 170, a control unit 180, and a power supply unit 190. In various embodiments of the present invention, the electronic device 100 may be implemented with more configurations than the configurations shown in FIG. 1, or with configurations less than those shown in FIG. 1, .

The wireless communication unit 110 may include one or more modules that enable wireless communication between the electronic device 100 and another external electronic device. In various embodiments, the wireless communication unit 110 may include a module (e.g., a local communication module, a remote communication module, etc.) for performing communication with the surrounding external electronic device. For example, the wireless communication unit 110 may include a mobile communication module 111, a wireless local area network (WLAN) module 113, a short range communication module 115, and a location calculation module 117 Lt; / RTI >

The mobile communication module 111 may be configured to communicate with a base station, an external electronic device, and various servers (e.g., an integration server, a provider server, a content server, Internet Server), or a cloud server (Cloud Server). The wireless signal may include a voice signal, a data signal, or various types of control signals. The mobile communication module 111 can transmit various data required for the operation of the electronic device 100 to an external device (e.g., a server or another electronic device, etc.) in response to a user request. In various embodiments, the mobile communication module 111 may transmit and receive wireless signals based on various communication schemes. For example, the communication scheme may include but is not limited to LTE (Long Term Evolution), LTE-A (LTE Advance), GSM (Global System for Mobile communication), EDGE Code Division Multiple Access (WCDMA), Wideband CDMA (WCDMA), Universal Mobile Telecommunications System (UMTS), or Orthogonal Frequency Division Multiple Access (OFDMA).

The wireless LAN module 113 may represent a module for forming a wireless LAN link with a wireless Internet connection and other external electronic devices. The wireless LAN module 113 may be embedded or enclosed in the electronic device 100. As a wireless Internet technology, WiFi (Wireless Fidelity), Wibro (Wireless broadband), WiMax (World Interoperability for Microwave Access), HSDPA (High Speed Downlink Packet Access), or mmWave (millimeter wave) can be used. The wireless LAN module 113 may be configured to interoperate with other external electronic devices connected to the electronic device 100 via a network (e.g., a wireless Internet network) to transmit various data of the electronic device 100 to an external device Or a server), or may receive it from the outside. The wireless LAN module 113 may be kept on at all times or may be turned on according to the setting of the electronic device 100 or the user input.

The short-range communication module 115 may represent a module for performing short-range communication. (Bluetooth), Bluetooth Low Energy (BLE), Radio Frequency Identification (RFID), Infrared Data Association (IrDA), Ultra Wideband (UWB), Zigbee, or NFC Near Field Communication) or the like can be used. The short range communication module 115 may be configured to communicate various data of the electronic device 100 in cooperation with other external electronic devices (e.g., external sound devices) connected to the electronic device 100 via a network And can be transmitted to or received from an external electronic device. The short-range communication module 115 may be kept on-state at all times or may be turned on according to the setting of the electronic device 100 or the user input.

The position calculation module 117 is a module for acquiring the position of the electronic device 100, and may include a global position system (GPS) module as a representative example. The position calculation module 117 can measure the position of the electronic device 100 on the principle of triangulation. For example, the position calculation module 117 calculates distance information and time information from three or more base stations, and then applies trigonometry to the calculated information to calculate latitude, longitude, and altitude Altitude position information according to the current position information. Or the position calculation module 117 may calculate position information by continuously receiving position information of the electronic device 100 from three or more satellites in real time. The location information of the electronic device 100 can be obtained by various methods.

The user input unit 120 may generate input data for controlling the operation of the electronic device 100 in response to a user input. The user input unit 120 may include at least one input means for detecting various inputs of the user. For example, the user input unit 120 may include a key pad, a dome switch, a physical button, a touch pad (static / static), a jog & shuttle, and a sensor . A part of the user input unit 120 may be implemented as a button on the outside of the electronic device 100, and some or all of the user input unit 120 may be implemented as a touch panel. The user input 120 may receive a user input for initiating operation of the electronic device 100 according to various embodiments of the present invention and may generate an input signal according to a user input.

The touch screen 130 represents an input / output device capable of simultaneously performing an input function and a display function. The touch screen 130 may include a display 131 and a touch sensing unit 133. The touch screen 130 provides an input / output interface between the electronic device 100 and a user and is capable of communicating the touch input of the user to the electronic device 100, Roles. The touch screen 130 may show a visual output to the user. The visual output may appear in the form of text, graphics, video, and combinations thereof. In an embodiment of the present invention, the touch screen 130 may display various screens according to the operation of the electronic device 100 through the display 131. The touch screen 130 is based on at least one of touch, hovering, or air gesture from the user through the touch sensing unit 133 while displaying a specific screen through the display 131 (E.g., a touch event, a proximity event, a hovering event, and an air gesture event), and can transmit an input signal corresponding to the event to the control unit 180. [

According to various embodiments of the present invention, the display 131 may display (output) various information processed in the electronic device 100. For example, the display 131 may include one or more objects on both sides of the information associated with the detected event and a user interface associated with the act of variably displaying a visual effect associated with the object, Or a graphical user interface (GUI, graphical UI). The display 131 may support a screen display by a horizontal mode, a screen display by a vertical mode, or a screen display by a change between a horizontal mode and a vertical mode, depending on a rotation direction (or a set direction) of the electronic device 100 . The display 131 may use various displays. In various embodiments, the display 131 may be a vended display. For example, the display 131 may include a bendable display that may be bent, bent or stuck without damage through a thin, flexible substrate such as paper.

The bendable display can be fastened to the housing (e.g., the body) to maintain a curved shape. In various embodiments, the electronic device 100 may be embodied in a display device such as a bendable display, such as a flexible display, which can flex and span freely. In various embodiments, the display 131 may be a liquid crystal display (LCD), a light emitting diode (LED) display, an organic light emitting diode (OLED) display, an active matrix OLED (AMOLED) A flexible substrate can be provided by replacing a glass substrate wrapped with a liquid crystal in a display or an electronic paper with a plastic film. In various embodiments, the display 131 may extend and be fastened to at least one side (e.g., at least one of the left, right, upper, and lower sides) of the electronic device 100.

The touch sensing unit 133 may be seated on the display 131 and may sense a user input contacting or approaching the surface of the touch screen 130. [ The touch sensing unit 133 may receive a user input for initiating an operation associated with use of the electronic device 100 in an embodiment of the present invention and may generate an input signal in accordance with the user input. The user input may include a touch event or a proximity event that is input based on at least one of a single-touch, a multi-touch, a hovering, or an air gesture. For example, the user input may be a tap, a drag, a sweep, a swipe, a flick, a drag and drop, or a drawing gesture. (E.g., handwriting), etc.).

The audio processing unit 140 transmits the audio signal input from the control unit 180 to a speaker SPK 141 and outputs an audio signal such as a voice inputted from a microphone MIC 143 to the control unit 180 And the like. The audio processing unit 140 converts the audio / sound data into audible sound through the speaker 141 under the control of the control unit 180, and converts the audio signal such as voice received from the microphone 143 into a digital signal To the control unit 180. The audio processing unit 140 may output an audio signal responsive to user input according to audio processing information (e.g., effect sound, music file, etc.) inserted into the data.

The speaker 141 can receive audio data received from the wireless communication unit 110 or stored in the memory 150. [ The speaker 141 may output an acoustic signal related to various operations (functions) performed in the electronic device 100. [ Although not shown in the embodiment of the present invention, the speaker 141 may include an attachable and detachable ear phone, a head phone or a head set via an external port to the electronic device 100 Can be connected.

The microphone 143 receives an external sound signal and processes it as electrical sound data. The microphone 143 may be implemented with various noise reduction algorithms for eliminating noise generated in receiving an external sound signal. The microphone 143 may be responsible for inputting an audio stream such as a voice command (e.g., a voice command for starting a music application operation) or the like. The microphone 143 may include a built-in microphone mounted on the electronic device 100 and an external microphone connected to the electronic device.

The memory 150 may store one or more programs to be executed by the control unit 180, and may perform functions for temporary storage of input / output data. The input / output data may include, for example, files such as moving images, images, photographs, and audio. The memory 150 plays the role of storing the acquired data, the data acquired in real time can be stored in the temporary storage device, and the data determined to be stored can be stored in the long-storageable storage device.

The memory 150 may be configured to detect an event in various embodiments, detect an interaction by a rotational input module, determine an object associated with the event based on the interaction, and determine a visual effect associated with the object And may store instructions that cause the computer to perform an operation of varying the display. The memory 150 is associated with an operating system (OS) of the electronic device 100, a program associated with input and display control using the touch screen 130, Programs, and various data generated by the operations of the respective programs can be continuously or temporarily stored.

The memory 150 may include an extended memory (e.g., external memory) or an internal memory. The memory 150 may be a flash memory type, a hard disk type, a micro type, a card type (e.g., an SD card (Secure Digital Card), or an XD card ), A memory such as a Dynamic Random Access Memory (SRAM), a Read Only Memory (ROM), a Programmable ROM (PROM), an Electrically Erasable PROM (EEPROM) , A magnetic disk, and an optical disk type of memory. The electronic device 100 may operate in association with a web storage that performs the storage function of the memory 150 over the Internet.

The memory 150 may store various software. For example, a software component may include an operating system software module, a communication software module, a graphics software module, a user interface software module, a Moving Picture Experts Group (MPEG) module and a camera software module, . A module, which is a software component, can also be expressed as a set of instructions, so a module is sometimes referred to as an instruction set. Modules can also be expressed as programs.

The operating system software module may include various software components for controlling general system operations. Control of this general system operation may mean, for example, memory management and control, power control and management, and the like. In addition, an operating system software module can also facilitate the communication between various hardware (devices) and software components (modules). The communication software module may enable communication with another electronic device such as a computer, a server, or a portable terminal through the wireless communication unit 110. [ The communication software module may be configured with a protocol structure corresponding to the communication method.

The graphics software module may include various software components for providing and displaying graphics on the touch screen 130. The term graphics refers to text, a web page, an icon, a digital image, video, animation, and the like . The user interface software module may include various software components related to a user interface (UI). For example, how the state of the user interface is changed or under which conditions the change of the user interface state is made, and the like.

The MPEG module may include software components that enable processes and functions related to digital content (e.g., video, audio), such as creation, playback, distribution, and transmission of content. The camera software module may include camera-related software components that enable camera-related processes and functions.

The application module may include a web browser including a rendering engine, an email, an instant message, word processing, keyboard emulation, an address book, ), Widgets, digital rights management (DRM), iris scans, context cognition, voice recognition, location based services, etc. can do. According to various embodiments of the present invention, the application module displays a representative color of a selected cell while displaying a sound sample corresponding to a selected cell, and displays a trace effect in an area between two cells ( Function) can be handled.

The interface unit 160 may receive data from other external external devices or may supply power to the internal configurations of the electronic device 100. The interface unit 160 may allow data in the electronic device 100 to be transmitted to another external electronic device. For example, a wired / wireless headphone port, an external charger port, a wired / wireless data port, a memory card port, an audio input / output port, a video input / Or the like may be included in the interface unit 160.

The camera module 170 represents a configuration for supporting the photographing function of the electronic device 100. The camera module 170 may capture an arbitrary subject under the control of the controller 180 and may transmit the sensed data (e.g., image) to the display 131 and the controller 180. The camera module 170 may include one or more image sensors. For example, the camera module 170 may be mounted on a side surface of the electronic device 100 with a front sensor (e.g., a front camera) provided on the front side of the electronic device 100 (E.g., a side camera).

The control unit 180 can control the overall operation of the electronic device 100. [ For example, the control unit 180 may perform various controls related to music play, visualization of musical attributes, voice communication, data communication, video communication, and the like. The control unit 180 may be implemented as one or more processors, or the control unit 180 may be referred to as a processor. For example, the control unit 180 may be a communication processor (CP), an application processor (AP), an interface (e.g., GPIO (general purpose input / output) , Or may be integrated into one or more integrated circuits. The application processor may execute various software programs to perform various functions for the electronic device 100, and the communication processor may perform processing and control for voice communication and data communication. In addition, the controller 180 may execute a specific software module (instruction set) stored in the memory 150 to perform various specific functions corresponding to the module.

In various embodiments of the present invention, the controller 180 may detect an event, detect an interaction by the rotatable input module, determine an object associated with the event based on the interaction, and determine a visual effect associated with the object It is possible to handle an operation of variably displaying. The control operation of the controller 180 according to various embodiments of the present invention will be described with reference to the following drawings.

The control unit 180 according to the embodiment of the present invention can control various operations related to the ordinary functions of the electronic device 100 in addition to the functions described above. For example, the control unit 180 can control its operation and screen display when executing a specific application. The controller 180 may also receive input signals corresponding to various touch events or proximity event inputs supported by a touch-based or proximity-based input interface (e.g., touch screen 130) and control the operation of the functions accordingly . Also, the controller 180 may control transmission / reception of various data based on a wired communication or a wireless communication.

The power supply unit 190 may receive external power and internal power under the control of the controller 180 to supply power required for operation of the respective components. The power supply unit 190 may turn on or off the power to the display 131 and the camera module 170 under the control of the controller 180. [

And in some cases the embodiments described herein may be implemented by the controller 180 itself. Also, according to a software implementation, embodiments such as the procedures and functions described herein may be implemented with separate software modules. Each of the software modules may perform one or more of the functions and operations described herein.

2 is a flow chart illustrating a method of operation of an electronic device according to various embodiments.

Referring to FIG. 2, at operation 201, electronic device 100 (e.g., controller 180) may detect an event. The event may be associated with the execution of functions (e.g., applications) of the electronic device 100. For example, the event may be a function (e.g., a timer, a device search, etc.) by a user input, a function (e.g., an alarm or the like) by a user setting (or an electronic device setting) Telephone, push message, etc.).

In operation 203, the electronic device 100 (e.g., the control unit 180) may display information and objects associated with the event. The information associated with the event (hereinafter referred to as 'event information') may be information related to the function. The event information may be displayed as at least one of text, image (e.g., icon) and video. For example, the event information may include call information (e.g., caller name, sender phone number), alarm information (e.g., alarm image, alarm time), calendar information (e.g., calendar image, Timer image, timer time) or device discovery information (e.g., device discovery image, announcement message, device name, etc.).

An object associated with the event (hereinafter referred to as an 'object') may be an action button associated with the event information. The object may be represented by at least one of text, image (e.g., icon) and video. For example, if the event information is "call information ", the object may be a call connection button or a call rejection button. If the event information is "alarm information ", the object may be an alarm dismiss button or a snooze button. If the event information is "calendar information ", the object may be a calendar alarm off button or a calendar re-alarm button. If the event information is "timer information ", the object may be a timer off button or a timer restart button. If the event information is "device search information ", the object may be a find-off button or a search-restart button.

The control unit 180 according to various embodiments displays the event information at the center of a display area (e.g., a display area of the display 131) of the electronic device 100, displays the object on the side of the display area can do. For example, when the display 131 is disposed on the front side of the electronic device 100, the control unit 180 displays the event information on both sides (e.g., left / right or up / down) And can display the object. That is, the control unit 180 may display the object so as not to overlap with the event information.

For example, when the electronic device 100 is a wearable wearable device, the control unit 180 determines whether the object corresponds to any one of the 12 o'clock, 3 o'clock, 6 o'clock, or 9 o'clock positions of the clock time Can be displayed. When two objects are displayed, the control unit 180 may display another object (e.g., a second object) at a position opposite to the position of one object (e.g., the first object). For example, if one object is placed at 3 o'clock, another object can be placed at 9 o'clock. Alternatively, if one object is placed at 12 o'clock, another object may be placed at 6 o'clock.

The controller 180 according to various embodiments may perform a function associated with the object (e.g., act 213) if a user input to select (e.g., touch input) an object displayed on the display 131 is detected .

In operation 205, the electronic device 100 (e.g., the control unit 180) may detect a bezel-based interaction. The bezel based interaction may be a user input that drives a bezel portion that surrounds the edge of the display (e.g., display 131). A rotatable input module (e.g., a rotary) may be disposed at the edge of the display 131 for rotation. The controller 180 may detect a bezel-based interaction that rotates the rotary input module by the user.

The controller 180 according to various embodiments may perform the following operations 207 to 213 by touch input detected on the display 131. [ For example, the control unit 180 may perform operations 207 to 213 based on a touch input that moves clockwise or counterclockwise (e.g., drag).

In operation 207, the electronic device 100 (e.g., the control unit 180) may determine an object based on the interaction. Here, the object may be one of the objects displayed in operation 203. For example, when there is one object displayed in the operation 203, the control unit 180 can determine one displayed object. Alternatively, if more than one object is displayed in the operation 203, the controller 180 may select one of the one or more objects based on the interaction. For example, when the first object is placed at the 9 o'clock position and the second object is placed at the 3 o'clock position, when the controller 180 detects the interaction in the clockwise direction (e.g., the first direction) When the first object is selected and an interaction is detected in a counterclockwise direction (e.g., a second direction), the second object can be selected. Alternatively, the controller 180 may select the second object when the interaction is detected in the clockwise direction, and may select the first object when the interaction is detected in the counterclockwise direction.

Alternatively, when the first object is placed at the 12 o'clock position and the second object is placed at the 6 o'clock position, the controller 180 may select the first object when the interaction is detected in the clockwise direction, If the interaction is detected in the direction, the second object can be selected. Alternatively, the controller 180 may select the second object when the interaction is detected in the clockwise direction, and may select the first object when the interaction is detected in the counterclockwise direction.

In operation 209, the electronic device 100 (e.g., the control unit 180) may variably display visual effects associated with the determined (or selected) object. For example, the control unit 180 may variably display visual effects (or visual feedback) based on the bezel-based interaction. The control unit 180 may display at least one of size, shape, transparency, or hue to provide the visual effect according to the bezel-based interaction. The visual effect may be enlarged in a direction from a position of the determined object to a reference point (or a threshold value). When the visual effect is small, it can be made smaller in the direction from the reference point direction to the object.

When the first object is disposed at the 9 o'clock position and the second object is disposed at the 3 o'clock position, the controller 180 controls the first object and the second object according to the rotation angle (or rotation distance) The associated visual effects can be displayed variably. For example, the control unit 180 may gradually increase the visual effect around the first object as the rotation angle of the clockwise rotation increases. Alternatively, the controller 180 may gradually increase the visual effect around the second object as the rotational angle of the counterclockwise rotation increases.

The controller 180 according to various embodiments may detect a user input for selecting the object and variably display the visual effect corresponding to the direction in which the detected user input moves. For example, when the first object is placed at the 9 o'clock position and the second object is placed at the 3 o'clock position, the control unit 180 detects a user input for selecting the first object, At least one of the size, shape, transparency, or hue of the visual effect can be varied and displayed in the direction of the reference point around the first object when the movement of dragging the object in the direction of the reference point is detected.

In operation 211, the electronic device 100 (e.g., controller 180) may determine whether the displayed visual effect exceeds a reference point (or reference line). The reference point may be set in the middle line (or area) of the display 131. The reference point may be an area shifted from the side of the display 131 by 50% or more to the center. For example, when the display 131 is circular, the reference point may be set to the diameter of the circle. The reference point may be set to a line between 12 o'clock and 6 o'clock of the clock or a line between 9 o'clock and 3 o'clock of the clock. The control unit 180 may determine whether the visual effect associated with the first object disposed at the clock time 9 o'clock position is gradually increased to exceed the reference point. Since the visual effect becomes larger as the rotation angle of the interaction increases, the controller 180 can set the reference point in relation to the rotation angle. For example, the control unit 180 may determine that the visual effect exceeds the reference point when the rotation angle exceeds a reference angle (e.g., 90 degrees, 130 degrees, 180 degrees, and the like).

The control unit 180 performs an operation 213 when the reference point is exceeded (e.g., YES in operation 211) and performs an operation 209 when the reference point is not exceeded (e.g., NO in operation 211) can do.

In operation 213, when the reference point is exceeded, the electronic device 100 (e.g., control 180) may execute the function associated with the object. For example, if the event information is call information, the first object placed at the 9 o'clock position is the call connection button, and the second object placed at the 3 o'clock position may be the call rejection button. When the rotation angle of the interaction exceeds the reference angle (or the visual effect of the first object exceeds the reference point), the controller 180 displays the visual effect of the first object according to the interaction rotated clockwise. , The call can be connected. Alternatively, if the rotation angle of the interaction exceeds the reference angle (or the visual effect of the second object is the reference point), the control unit 180 may display the visual effect of the second object in accordance with the interaction rotated in the counterclockwise direction, ), The call may be rejected. According to various embodiments, the control unit 180 may connect or decline a call based on the direction of rotation.

Alternatively, if the event information is alarm information, the first object placed at the 9 o'clock position may be an alarm off button, and the second object placed at 3 o'clock position may be a re-alarm button. The control unit 180 displays a large visual effect of the first object according to the clockwise rotation interaction, and turns off the alarm when the rotation angle of the interaction exceeds the reference angle. Alternatively, if the rotation angle of the interaction exceeds the reference angle, the control unit 180 may display the visual effect of the second object according to the interaction rotated in the counterclockwise direction. If the rotation angle of the interaction exceeds the reference angle, After 10 minutes, you can set it to ring again. According to various embodiments, the controller 180 may set an alarm off or re-alarm based on the direction of rotation.

Alternatively, when the event information is device search information, one object is placed at the 9 o'clock clock time, and the object may be a find-off button. The control unit 180 displays a large visual effect of the object according to an interaction rotated in a clockwise direction. If the rotation angle of the interaction exceeds a reference angle, the controller 180 can turn off (or stop) the device search.

Alternatively, if the event information is timer information, one object may be placed at a clock time of 9 o'clock, and the object may be a timer off button. The control unit 180 displays a large visual effect of the object according to an interaction rotated in a clockwise direction, and may turn off (or stop) the timer when the rotation angle of the interaction exceeds a reference angle.

FIGS. 3A and 3B are diagrams illustrating an example of providing a visual effect using bezel-based interaction according to various embodiments.

Fig. 3A shows a perspective view of the electronic device 300. Fig.

3A, the electronic device 300 (e.g., electronic device 100 of FIG. 1) may be a wrist wearable wearable device that can be worn on the wearer's wrist. According to various embodiments, the electronic device 300 may include a housing 20 and a connection 21 (e.g., a strap) 21 mounted to the housing 20. According to various embodiments, the electronic device 300 may include a battery (e.g., a rechargeable battery, etc.) as a power supply means therein. The electronic device 300 may be embodied to selectively charge a battery in a portable charging cradle.

According to various embodiments, the housing 20 may include a display 350 or / and at least one key button (not shown). Display 350 may include a touch screen to receive touch input. A rotatable input module 22 may be disposed on one side of the housing 20. Although the housing 20 is illustrated as being cylindrical in the drawing, the housing 20 may be formed in various shapes (e.g., rectangular, polygonal, etc.). According to various embodiments, the rotatable input module 22 may be disposed in a bezel portion that surrounds the edge of the display 350 disposed on the top surface of the housing 20. Alternatively, the rotatable input module 22 may be disposed on the side of the housing 20, such as a crown. The rotary input module 22 may be formed in a protruding shape or may not be formed in a protruding shape. According to various embodiments, the rotatable input module 22 can be rotated clockwise or counterclockwise on the axis of rotation of the z-axis and configured such that the amount of rotation is limited to a specified value (e.g., 360 degrees) .

According to various embodiments, the connecting portion 21 may be formed of at least one of metal, leather, rubber, silicone, and urethane. The connection portion 21 can be variously applied and can be worn at a specific position of the human body, for example, a neck, an ankle, or a cuff.

According to various embodiments, when the user rotates the rotatable input module 22, the electronic device 300 may perform various functions in accordance with the rotation parameters of the rotatable input module 22. [ For example, the electronic device 300 can detect rotation parameters of the rotatable input module 22 using a plurality of rotation recognizers. For example, the plurality of rotation recognizing units include an optical sensor for recognizing the optical pattern of the rotatable input module 22 and detecting a rotation parameter, a magnetic sensor for sensing the magnetic force of the magnet mounted inside the rotatable input module 22, Or other sensors capable of detecting a rotation input, such as a Hall sensor. Here, the rotation parameter may include at least one of a rotation direction, a rotation speed, a rotation amount, and a rotated position of the rotating body.

The controller 180 according to various embodiments displays a large visual effect of the first object according to the clockwise rotation interaction. When the rotation angle of the interaction exceeds the reference angle, the controller 180 controls the function associated with the first object (For example, a call connection). Alternatively, the controller 180 displays a large visual effect of the second object according to the counterclockwise interaction. If the rotation angle of the interaction exceeds the reference angle, the function associated with the second object (e.g., Call rejection).

FIG. 3B shows an example of providing a visual effect using bezel-based interaction.

Referring to FIG. 3B, the electronic device 100 (e.g., controller 180) may display a first user interface 310 including objects associated with event information and events. The first user interface 310 may include event information 311 (e.g., an information area), a first object 313, and a second object 315. The control unit 180 may display the first object 313 and the second object 315 on both sides (e.g., left / right or up / down) based on the event information 311. [ In the drawing, the first object 313 and the second object 315 are arranged on the left and right with respect to the event information 311. The control unit 180 may set the reference point 317 based on the positions of the first object 313 and the second object 315. [ For example, the control unit 180 may set a line as a reference point 317 between 12 o'clock and 6 o'clock. Alternatively, the control unit 180 may set the reference angle to the reference point 317 based on the rotation angle that controls the visual effect to approach the reference point 317. [ The control unit 180 may variably display the visual effect associated with the first object 313 or the second object 315 according to the rotation of the rotatable input module 319 (e.g., the rotatable input module 22) have.

The first object 313 and the second object 315 according to various embodiments may be arranged on the basis of the event information 311. [ For example, the first object 313 may be placed at a position of 12 o'clock, and the second object 315 may be placed at a position of 6 o'clock. In this case, the reference point may be set to a line between 3 o'clock and 9 o'clock of the clock time. In the drawings, an object is displayed as one or two objects, but the object may be displayed in three or four. In this case, the reference point can be set according to the magnitude of the visual effect of each object according to the rotation interaction.

The electronic device 100 (e.g., the control unit 180) includes a second user interface 320 that displays a visual effect 325 associated with the first object 323 as the rotatable input module 319 is rotated clockwise ) Can be displayed. The second user interface 320 may include event information 327, a first object 323, a visual effect 325 associated with the first object 323, and a second object AC2. The control unit 180 may gradually enlarge the visual effect 325 associated with the first object 323 as the rotational angle of the clockwise rotation increases. The controller 180 according to various embodiments may control the first object 323 to display its own size as the rotation angle of the clockwise rotation increases.

The electronic device 100 (e.g., the control unit 180) includes a third user interface (not shown) that displays a visual effect 335 associated with the second object 333 as the rotatable input module 319 is rotated counterclockwise 330 can be displayed. The third user interface 330 may include a visual effect 335 associated with the event information 337, the first object AC1, the second object 333, and the second object 333. The control unit 180 may gradually enlarge the visual effect 335 associated with the second object 333 as the rotation angle of the counterclockwise rotation increases.

4A and 4B are diagrams illustrating an example of providing a visual effect in a telephone application according to various embodiments.

4A illustrates an example of providing a visual effect associated with a call connection button (e.g., a first object) in a telephony application.

Referring to FIG. 4A, an electronic device 100 (e.g., a control unit 180) detects that an event has occurred when a call is received from a counterpart electronic device and generates a first user interface (e.g., 410). The first user interface 410 may include call information 411 associated with the call (e.g., event information), a call connection button 413 (e.g., a first object), and a call rejection button 415 . The first user interface 410 may further include information (e.g., reject messages) for sending a phone announcement message (e.g., an incoming call) and a call rejection message. Call information 411 may include the telephone number of the other party's electronic device (e.g., 010-0123-1234) and the name of the other party (Aris Christian). The name of the other party may be displayed when the other party's telephone number and name are registered in the electronic device 100.

The control unit 180 may further include a cue 414 to rotate the rotation input module (e.g., the rotation input module 22) in a clockwise direction when activating (or executing) the call connection button 413 Can be displayed. The queue may be intuitively guiding the direction of rotation to the user. The control unit 180 may also display a queue 416 to rotate the rotation input module 22 in the counterclockwise direction when the call rejection button 415 is to be activated (or executed). The electronic device 100 (e.g., the control unit 180) may or may not output sound or vibration associated with the telephone announcement, depending on the setting of the electronic device 100 during display of the first user interface 410 : Silent setting).

When the user detects a bezel based interaction (e.g., a rotation angle of 30 degrees) that rotates the rotation input module 22 in a clockwise direction, the electronic device 100 (e.g., the control unit 180) ). ≪ / RTI > The second user interface 420 may include a call connection button 421, a visual effect 423 associated with the call connection button 421, and call information 425. The control unit 180 according to various embodiments may remove the call rejection button 415 if a clockwise rotation input (e.g., a bezel-based interaction intended to execute the call connection button 421) is detected . Alternatively, the control unit 180 may display the call rejection button 415 or reduce the size of the call rejection button 415 even when an input rotating in the clockwise direction is detected. At this time, the controller 180 may determine whether the visual effect 423 exceeds the reference point.

The control unit 180 according to various embodiments may display the visual effect 423 superimposed with some or all of the call information 425. [ In addition, the controller 180 may change the size of the call connection button 421 based on the bezel-based interaction. In addition, the controller 180 may display at least one of the size, shape, transparency, or hue of the visual effect 423 based on the bezel-based interaction. For example, the controller 180 may increase the size of the visual effect 423 as the rotational angle of the clockwise rotation increases, change the shape of the visual effect 423 (e.g., half, round, oval, etc.) , The transparency of the visual effect 423 may be increased or decreased, or the color of the visual effect 423 may be changed to lighter or darker. As the size of the visual effect 423 changes, the shape can also change.

While displaying the second user interface 420, the electronic device 100 (e.g., the control unit 180) may include a bezel-based interaction (e.g., a rotation angle of 60 degrees) that rotates the rotation input module 22 in a clockwise direction If still being detected, a third user interface 430 may be provided. The third user interface 430 may include a call connection button 431, a visual effect 433 associated with the call connection button 431, and call information 435. The control unit 180 can increase the size of the visual effect 433 of the third user interface 430 and lower the transparency and change the color to darker than the visual effect 423 of the second user interface 420. [ Alternatively, the controller 180 controls the size of the visual effect 433 of the third user interface 430 to be larger, lower in transparency, and lighter in color than the visual effect 423 of the second user interface 420, The transparency can be increased, the color can be darkened, the size can be increased, the transparency can be increased, and the color can be changed brightly. At this time, the controller 180 may determine whether the visual effect 433 exceeds the reference point.

While displaying the third user interface 430, the electronic device 100 (e.g., the control unit 180) receives a bezel-based interaction (e.g., a rotation angle of 90 degrees) that rotates the rotation input module 22 in a clockwise direction If it is still detected, a fourth user interface 440 may be provided. The fourth user interface 440 may include a visual effect 443 associated with the call connection button 441 and the call connection button 441. [ The control unit 180 may increase the size of the visual effect 443 of the fourth user interface 440, lower the transparency (or raise the transparency) than the visual effect 433 of the third user interface 430, (Or brightly). At this time, the controller 180 may determine whether the visual effect 443 exceeds a reference point.

The controller 180 according to various embodiments may display call information (Aris chistian, 010-0123-1234) in the fourth user interface 440 in a superimposed manner on the visual effect 443. At this time, the call information may not be displayed depending on the transparency or color of the visual effect 443. That is, when the transparency is low and the color is dark, the call information may be obscured by the visual effect 443 and may not be seen. The control unit 180 according to various embodiments may change the display position of the call information based on the visual effect 443. For example, the control unit 180 can change the display position of the call information when the call information is hidden by the visual effect 443 and is not visible. When the visual effect 443 is changed so as to gradually increase from left to right, the control unit 180 can move the display position of the call information from left to right. The control unit 180 according to various embodiments may change the amount of data included in the call information based on the visual effect 443. [ For example, when the visual effect 443 is changed so as to increase gradually, the control unit 180 may change the call information to display only the other party's telephone number or the other party's name.

If the visual effect 443 exceeds a reference point, then the electronic device 100 (e.g., the control 180) may perform the function associated with the call connection button 441. For example, if the visual effect 443 associated with the call connection button 441 in the fourth user interface 440 exceeds the reference point, the controller 180 can establish a call connection with the corresponding party of the call information. When a call is connected to the other party, the control unit 180 may display a user interface 450 related to the call connection. The user interface 450 may include the name of the other party (Aris Chistian) and the talk time (00:01). The user interface 450 may be an execution screen of a telephone application.

4B illustrates an example of providing a visual effect associated with a call rejection button (e.g., a second object) in a telephony application.

Referring to FIG. 4B, the electronic device 100 (e.g., the control unit 180) detects the occurrence of an event when a call is received from the counterpart electronic device and generates a first user interface (e.g., 410). The first user interface 410 may include call information associated with the call (e.g., Aris Christian, 010-0123-1234), a call connection button (e.g., a phone icon), and a call rejection button. Also, the first user interface 410 may include a queue for guiding the execution of the call connection button and a queue for guiding execution of the call reject button. The electronic device 100 (e.g., the control unit 180) may or may not output sounds or vibrations associated with the telephone announcements, depending on the settings of the electronic device 100, while displaying the first user interface 410. [

When the user detects a bezel based interaction (e.g., a rotation angle of -30 degrees) that rotates the rotation input module 22 in a counterclockwise direction, the electronic device 100 (e.g., the control unit 180) (460). The second user interface 460 may include a call rejection button 461, a visual effect 463 associated with the call rejection button 461, and call information 465. The control unit 180 according to various embodiments may remove the call connection button if an input that rotates counterclockwise (e.g., a bezel-based interaction that wishes to execute the call reject button 461) is detected. Alternatively, the control unit 180 may display the call connection button or reduce the size of the call connection button even if an input that rotates counterclockwise is detected. At this time, the controller 180 may determine whether the visual effect 463 exceeds the reference point.

The control unit 180 according to various embodiments may display the visual effect 463 overlaid with some or all of the call information 465. [ In addition, the controller 180 may display at least one of the size, shape, transparency, or hue of the visual effect 463 based on the bezel-based interaction. For example, the control unit 180 may increase the size of the visual effect 463 as the rotation angle of the counter-clockwise rotation increases, or change the shape of the visual effect 423 (e.g., half moon, round, oval, etc.) Change the transparency of the visual effect 463 to a higher or lower level, or change the color of the visual effect 463 to lighter or darker. As the size of the visual effect 463 changes, the shape can also change.

While displaying the second user interface 460, the electronic device 100 (e.g., the control unit 180) may include a bezel-based interaction that rotates the rotation input module 22 in a counterclockwise direction (e.g., May continue to be detected, a third user interface 470 may be provided. The third user interface 470 may include a call reject button 471, a visual effect 473 associated with the call reject button 471, and call information 475. The control unit 180 may increase the size of the visual effect 473 of the third user interface 470, lower the transparency (or increase the transparency) than the visual effect 463 of the second user interface 460, (Or brightly). At this time, the controller 180 may determine whether the visual effect 473 exceeds a reference point.

While displaying the third user interface 470, the electronic device 100 (e.g., the control unit 180) may include a bezel-based interaction that rotates the rotation input module 22 in a counterclockwise direction (e.g., May continue to be detected, a fourth user interface 480 may be provided. The fourth user interface 480 may include a call reject button 481 and a visual effect 483 associated with the call reject button 481. The control unit 180 may increase the size of the visual effect 483 of the fourth user interface 480, lower the transparency (or increase the transparency) of the fourth user interface 480 than the visual effect 473 of the third user interface 470, (Or brightly). At this time, the controller 180 may determine whether the visual effect 483 exceeds the reference point.

The control unit 180 according to various embodiments may display the call information (Aris chistian, 010-0123-1234) in the fourth user interface 480 superimposed on the visual effect 483. At this time, the call information may not be displayed depending on the transparency or color of the visual effect 483. That is, when the transparency is low and the color is dark, the call information may be obscured by the visual effect 483 and may not be seen. The control unit 180 according to various embodiments may change the display position of the call information based on the visual effect 483. [ For example, when the visual effect 483 is changed so as to gradually increase from right to left, the control unit 180 can move the display position of the call information from right to left.

If the visual effect 483 exceeds a reference point, the electronic device 100 (e.g., control 180) may execute the function associated with the call reject button 481. [ For example, if the visual effect 483 associated with the call reject button 481 in the fourth user interface 480 exceeds a reference point, the control unit 180 may reject the call. If the call is declined, the control unit 180 stops the output of the sound or vibration associated with the call notification, removes the user interface associated with the call (e.g., the first user interface 410) 490 < / RTI > For example, the previous user interface 490 may be a wallpaper (e.g., a clock screen) or an execution view of an application.

5A and 5B are diagrams illustrating an example of providing a visual effect in an alarm application according to various embodiments.

5A illustrates an example of providing a visual effect associated with an alarm off button (e.g., a first object) in an alarm application.

Referring to FIG. 5A, when the current time is the predetermined alarm time, the electronic device 100 (e.g., the control unit 180) detects that an event by an alarm has occurred, A first user interface 510 may be provided. The first user interface 510 may include alarm information 511, an alarm off button 513 (e.g., a first object), and a re-alarm button 515 (e.g., a second object). The alarm information 511 may include an alarm icon and an alarm time. The first user interface 510 may also include a queue 514 to rotate the rotation input module (e.g., the rotation input module 22) in a clockwise direction to activate the alarm off button 513. The first user interface 510 may also include a queue 516 to rotate the rotation input module 22 in a counterclockwise direction to activate the re-alarm button 515. The electronic device 100 (e.g., the control unit 180) may or may not output sound or vibration associated with the alarm while displaying the first user interface 510. [

When the user detects a bezel based interaction (e.g., a rotation angle of 30 degrees) that rotates the rotation input module 22 in a clockwise direction, the electronic device 100 (e.g., the control unit 180) ). ≪ / RTI > The second user interface 520 may include an alarm off button 521, a visual effect 523 associated with the alarm off button 521, and alarm information 525. The controller 180 according to various embodiments may remove the re-alarm button 515 if a clockwise rotation input (e.g., a bezel-based interaction intended to execute the alarm off button 521) is detected . The controller 180 according to various embodiments may display the visual effect 523 overlaid with some or all of the alarm information 525. [ In addition, the controller 180 may display at least one of the size, shape, transparency, or hue of the visual effect 523 based on the bezel-based interaction.

While displaying the second user interface 520, the electronic device 100 (e.g., the control unit 180) may include a bezel based interaction (e.g., a rotation angle of 60 degrees) that rotates the rotation input module 22 in a clockwise direction If still being detected, a third user interface 530 may be provided. The third user interface 530 may include an alarm off button 531, a visual effect 533 associated with the alarm off button 531, and alarm information (e.g., an alarm icon, alarm time). The control unit 180 may increase the size of the visual effect 533 of the third user interface 530, lower the transparency (or increase the transparency) of the third user interface 530 than the visual effect 523 of the second user interface 520, (Or brightly). At this time, the controller 180 may determine whether the visual effect 533 exceeds a reference point.

While displaying the third user interface 530, the electronic device 100 (e.g., the control unit 180) may include a bezel based interaction (e.g., a rotation angle of 90 degrees) that rotates the rotation input module 22 clockwise If still being detected, a fourth user interface 540 may be provided. If the visual effect 533 exceeds a reference point, the electronic device 100 (e.g., control 180) may perform the function associated with the alarm off button 531. [ For example, when the visual effect 533 exceeds the reference point, the control unit 180 can stop the alarm. When the alarm is stopped, the control unit 180 stops the output of the sound or vibration associated with the alarm, removes the user interface associated with the alarm (e.g., the first user interface 510) 540. < / RTI > For example, the previous user interface 540 may be a wallpaper (e.g., a clock screen) or an execution view of an application.

Figure 5b illustrates an example of providing a visual effect associated with a re-alarm button (e.g., a second object) in an alarm application.

Referring to FIG. 5B, when the current time is the predetermined alarm time, the electronic device 100 (e.g., the control unit 180) detects that an event by an alarm has occurred, A first user interface 510 may be provided. The first user interface 510 may include alarm information (e.g., an alarm icon and alarm time), an alarm off button (e.g., X), and a re-alarm button (e.g., zZ). The alarm information 511 may include an alarm icon and an alarm time. Also, the first user interface 510 may include a queue for guiding the execution of the alarm-off button and a queue for guiding execution of the re-alarm button. The electronic device 100 (e.g., the control unit 180) may or may not output sound or vibration associated with the alarm while displaying the first user interface 510. [

When the bezel-based interaction (e.g., rotation angle -30 degrees) in which the user rotates the rotation input module 22 in the counterclockwise direction is detected, the electronic device 100 (e.g., the control unit 180) (550). The second user interface 550 may include a re-alarm button 551, a visual effect 553 associated with the re-alarm button 551, and alarm information 555. The controller 180 according to various embodiments may remove the alarm off button if an input that rotates counterclockwise (e.g., a bezel-based interaction that wishes to execute a re-alarm button 551) is detected. The controller 180 according to various embodiments may display the visual effect 553 overlaid with some or all of the alarm information 555. [ In addition, the controller 180 may display at least one of the size, shape, transparency, or hue of the visual effect 553 based on the bezel-based interaction.

While displaying the second user interface 550, the electronic device 100 (e.g., the control unit 180) may include a bezel based interaction (e.g., a rotation angle of -60 degrees) that rotates the rotation input module 22 in a counterclockwise direction May continue to be detected, a third user interface 560 may be provided. The third user interface 560 may include a re-alarm button 561, a visual effect 563 associated with the re-alarm button 561, and alarm information (e.g., an alarm icon, alarm time). The controller 180 may increase the size of the visual effect 563 of the third user interface 560, lower the transparency (or increase the transparency) than the visual effect 553 of the second user interface 550, (Or brightly). At this time, the controller 180 may determine whether the visual effect 563 exceeds a reference point.

The beacon-based interaction (e.g., rotation angle -90 degrees) that rotates the rotation input module 22 in a clockwise direction, while the third user interface 530 is displayed, A fourth user interface 570 may be provided. When the visual effect 563 exceeds a reference point, the electronic device 100 (e.g., the control unit 180) may perform a function associated with the re-alarm button 561. [ For example, when the visual effect 561 exceeds the reference point, the control unit 180 can reset the alarm. When the re-alarm button 561 is selected, it is possible to set the alarm to sound again after a predetermined time (for example, 5 minutes, 10 minutes). When the alarm is reset, the control unit 180 stops the output of the sound or vibration associated with the alarm, removes the user interface associated with the alarm (e.g., the first user interface 510) 570) can be displayed. For example, the user interface 570 associated with an alarm may include an alarm image and a re-alarm time (e.g., 15:10).

6A and 6B are diagrams illustrating an example of providing a visual effect in a calendar application according to various embodiments.

Figure 6A illustrates an example of providing a visual effect associated with an alarm off button (e.g., a first object) in a calendar application.

6A, when the current date and time is a calendar setting (or registration) date and time (for example, 1:30 pm on March 1, 2016), the electronic device 100 , And provide a first user interface 610 associated with the detected event (e.g., a calendar alarm). The first user interface 610 may include calendar information 611, an alarm off button 613 (e.g., a first object), and a re-alarm button 615 (e.g., a second object). The calendar information 611 may include an icon (e.g., a calendar icon), a name (Team meeting), and a setting date and time (or time) associated with the set calendar. The first user interface 610 may also include a queue 614 to rotate the rotational input module (e.g., the rotational input module 22) in a clockwise direction to activate the alarm off button 613. The first user interface 610 may also include a queue 616 to rotate the rotation input module 22 in a counterclockwise direction to activate the re-alarm button 615. The electronic device 100 (e.g., the control unit 180) may or may not output sound or vibration associated with the calendar alarm while displaying the first user interface 610. [

When the user detects a bezel based interaction (e.g., a rotation angle of 30 degrees) that rotates the rotation input module 22 in a clockwise direction, the electronic device 100 (e.g., the control unit 180) ). ≪ / RTI > The second user interface 620 may include an alarm off button 621, a visual effect 623 associated with the alarm off button 621, and calendar information 625. The controller 180 in accordance with various embodiments may remove the re-alarm button 615 if a clockwise rotation input (e.g., a bezel-based interaction that wishes to execute an alarm off button 621) is detected . The control unit 180 according to various embodiments may display the visual effect 623 superimposed on some or all of the calendar information 625. [ In addition, the controller 180 may display at least one of the size, shape, transparency, or hue of the visual effect 623 based on the bezel-based interaction.

While displaying the second user interface 620, the electronic device 100 (e.g., the control unit 180) may include a bezel-based interaction (e.g., a rotation angle of 60 degrees) that rotates the rotation input module 22 in a clockwise direction If still being detected, a third user interface 630 may be provided. The third user interface 630 may include an alarm off button 631, a visual effect 633 associated with the alarm off button 631, and calendar information (e.g., calendar icon, calendar set time). The control unit 180 may increase the size of the visual effect 633 of the third user interface 630, lower the transparency (or increase the transparency) of the third user interface 630 than the visual effect 623 of the second user interface 620, (Or brightly). At this time, the controller 180 may determine whether the visual effect 633 exceeds a reference point.

During display of the third user interface 630, the electronic device 100 (e.g., the control unit 180) receives a bezel based interaction (e.g., a rotation angle of 90 degrees) that rotates the rotation input module 22 in a clockwise direction If still being detected, a fourth user interface 640 may be provided. If the visual effect 633 exceeds a reference point, the electronic device 100 (e.g., control 180) may perform the function associated with the alarm off button 631. [ For example, if the visual effect 633 exceeds the reference point, the control unit 180 may stop the calendar alarm. When the calendar alarm is stopped, the control unit 180 stops the output of sound or vibration associated with the alarm, removes the user interface associated with the calendar alarm (e.g., the first user interface 610) And may return to the user interface 640. For example, the previous user interface 640 may be a wallpaper (e.g., a clock screen) or an execution view of an application.

FIG. 6B illustrates an example of providing a visual effect associated with a re-alarm button (e.g., a second object) in a calendar application.

6B, when the current date and time is a calendar setting date and time, the electronic device 100 (e.g., the control unit 180) detects that an event by the calendar alarm has occurred, And may provide an associated first user interface 610. The first user interface 610 may include calendar information 611, an alarm off button 613, and a re-alarm button 615. The first user interface 610 may also include a queue 614 to guide the execution of the alarm off button 613 and a queue 616 to guide the execution of the re-alarm button 615. The electronic device 100 (e.g., the control unit 180) may or may not output sound or vibration associated with the alarm while displaying the first user interface 610. [

When the bezel-based interaction (e.g., rotation angle -30 degrees) in which the user rotates the rotation input module 22 in the counterclockwise direction is detected, the electronic device 100 (e.g., the control unit 180) (650). The second user interface 650 may include a re-alarm button 651, a visual effect 653 associated with the re-alarm button 651, and calendar information 655. The controller 180 according to various embodiments may remove the alarm off button if an input that rotates counterclockwise (e.g., a bezel-based interaction that wishes to execute a re-alarm button 651) is detected. The control unit 180 according to various embodiments may display the visual effect 653 in superposition with some or all of the calendar information 655. [ In addition, the controller 180 may display at least one of the size, shape, transparency, or hue of the visual effect 653 based on the bezel-based interaction.

During display of the second user interface 650, the electronic device 100 (e.g., the control unit 180) receives a bezel based interaction (e.g., a rotation angle of -60 degrees) that rotates the rotation input module 22 in a counterclockwise direction May continue to be detected, a third user interface 660 may be provided. The third user interface 660 may include a re-alarm button 661, a visual effect 663 associated with the re-alarm button 661, and calendar information 665. The control unit 180 may increase the size of the visual effect 663 of the third user interface 660 rather than the visual effect 653 of the second user interface 650 and may reduce the transparency (Or brightly). At this time, the controller 180 may determine whether the visual effect 663 exceeds the reference point.

While displaying the third user interface 660, the electronic device 100 (e.g., the control unit 180) receives a bezel based interaction (e.g., a rotation angle of -90 degrees) that rotates the rotation input module 22 in a clockwise direction, A fourth user interface 670 may be provided. When the visual effect 663 exceeds a reference point, the electronic device 100 (e.g., the control unit 180) may perform a function associated with the re-alarm button 661. [ For example, when the visual effect 661 exceeds the reference point, the control unit 180 can reset the alarm. When the re-alarm button 661 is selected, it is possible to set the alarm to sound again after a predetermined time (for example, 5 minutes, 10 minutes). When the alarm is reset, the control unit 180 stops the output of the sound or vibration associated with the alarm, removes the user interface associated with the alarm (e.g., the first user interface 610) 670) can be displayed. For example, the user interface 670 associated with an alarm may include a calendar image, a calendar name (Team meeting), and a re-alarm time (e.g., 01:40 PM).

7A and 7B are diagrams illustrating an example of providing a visual effect in a device finder application according to various embodiments.

7A illustrates an example of providing a visual effect associated with a device off button (e.g., an object) in a device finder application.

7A, an electronic device 100 (e.g., a control unit 180) executes a search application by a user (e.g., an electronic device 100 or another device connected to the electronic device 100) You can request to find a device in the Find application (for example, select the Find Device button). The control unit 180 may detect that an event has occurred when a device search request is made, and may provide a first user interface 710 associated with the detected event (e.g., device discovery). The first user interface 710 may include a queue 714 that guides activation of the device finder information 711, the Find Off button 713 (e.g., object), and the Find Off button 713. The device search information 711 may include at least one of a device search image (e.g., an icon), a guide message (Find your Gear), and a device name. The electronic device 100 (e.g., the control unit 180) may or may not output sounds or vibrations associated with device discovery while displaying the first user interface 710. [

Although not shown, the first user interface 710 may further include a queue that includes a search restart button (e.g., refresh) at a position opposite to the search-off button 713 and guides the activation of the search restart button have. In this case, the search-off button 713 may be the first object, and the search restart button may be the second object. The control unit 180 may variably display the visual effect associated with the find restart button based on the bezel based interaction for activating the find resume button and execute the function associated with the find resume button if the visual effect exceeds the reference point . When the search restart is executed, the control unit 180 can perform a process for searching for a device. Alternatively, the first user interface 710 may include a search restart button instead of the search-off button 713. [

When the user detects a bezel based interaction (e.g., a rotation angle of 30 degrees) that rotates the rotation input module 22 in a clockwise direction, the electronic device 100 (e.g., the control unit 180) ). ≪ / RTI > The second user interface 720 may include a find off button 721, a visual effect 723 associated with the find off button 721, and locate locator information 725. The control unit 180 according to various embodiments may display the visual effect 723 superimposed on some or all of the device search information 725. [ In addition, the controller 180 may display at least one of the size, shape, transparency, or hue of the visual effect 723 based on the bezel-based interaction. At this time, the controller 180 may determine whether the visual effect 723 exceeds a reference point.

While displaying the second user interface 720, the electronic device 100 (e.g., the control unit 180) may include a bezel-based interaction (e.g., a rotation angle of 60 degrees) that rotates the rotation input module 22 in a clockwise direction If still being detected, a third user interface 730 may be provided. If the visual effect 733 exceeds a reference point, such as the third user interface 730, the electronic device 100 (e.g., the control unit 180) may perform the function associated with the device off button 731. [ For example, when the visual effect 733 exceeds the reference point, the control unit 180 can stop searching for the device. When the device search is stopped, the control unit 180 can remove the user interface associated with the device search (e.g., the first user interface 710) and return to the previous user interface before searching for the device. For example, the previous user interface may be the initial screen (or main screen) of the device finder application.

7B illustrates another example of providing a visual effect associated with a device off button (e.g., an object) in a device finder application.

7B, an electronic device 100 (e.g., control 180) executes a device finder application by a user and, when requested to locate a device in a device finder application, A first user interface 740 may be provided. The first user interface 740 may include a first queue 744 and a second queue 745 that direct the activation of the device finder information 741, the Find Off button 743, the Find Off button 743, have. The first queue 744 may be a prompt indication signal to turn clockwise and the second queue 745 may be a prompt indication signal to turn in a counterclockwise direction.

The electronic device 100 (e.g., the control 180) may provide a bezel based interaction (e.g., a rotation angle of 30 degrees) that rotates the rotation input module 22 in a clockwise direction (e.g., first queue 744) If so, a second user interface 750 may be provided. The second user interface 750 may include a find off button 751, a visual effect 753 associated with the search off button 751, and device search information 755. [ Since the second user interface 750 is the same as or similar to the second user interface 720, detailed description will be omitted.

While displaying the second user interface 750, the electronic device 100 (e.g., the control unit 180) may include a bezel based interaction (e.g., a rotation angle of 60 degrees) that rotates the rotation input module 22 in a clockwise direction If still being detected, a third user interface 760 may be provided. If the visual effect 763 exceeds a reference point, such as the third user interface 760, the electronic device 100 (e.g., control 180) may perform the function associated with the device off button 761. [ For example, the control unit 180 may stop searching for the device, remove the user interface associated with searching for the device (e.g., the first user interface 740), and return to the previous user interface before searching for the device.

The electronic device 100 (e.g., the control unit 180) may be a bezel-based interaction (e.g., a rotation angle of -30 degrees) that allows the user to rotate the rotation input module 22 in a counterclockwise direction , A second user interface 770 may be provided. The second user interface 770 may include a find off button 771, a visual effect 773 associated with the find off button 771, and device search information (e.g., a find icon, Find your gear). The control unit 180 may move the find off button 771 to a position opposite to the original seek off button 743 when an input to rotate in a counterclockwise direction (e.g., the second queue 745) is detected . That is, if the original seek-off button 743 of the first user interface 740 is located at a 9 o'clock position (e.g., left), then the find-off button 771 of the second user interface 770 is at 3 o'clock Position (e.g., right). The control unit 180 can control the magnitude of the visual effect 773 associated with the search-off button 771 from right to left in accordance with the change of the search-off button 771. [ Alternatively, the control unit 180 may change the position of the visual effect 773 associated with the search-off button 771 without changing the position of the search-off button 771. [

While displaying the second user interface 770, the electronic device 100 (e.g., the control unit 180) may include a bezel-based interaction (e.g., a rotation angle of -60 degrees) that rotates the rotation input module 22 in a counterclockwise direction May continue to be detected, a third user interface 780 may be provided. If the visual effect 783 exceeds a reference point, such as the third user interface 780, the electronic device 100 (e.g., the control 180) may perform the function associated with the device off button 781. [ For example, when the visual effect 783 exceeds the reference point, the control unit 180 can stop searching for the device. If device discovery is stopped, the control unit 180 may remove the user interface associated with device discovery (e.g., first user interface 740) and return to the previous user interface prior to discovery of the device.

8A and 8B are diagrams illustrating an example of providing a visual effect in a timer application according to various embodiments.

8A illustrates an example of providing a visual effect associated with a timer off button (e.g., an object) in a timer application.

8A, the electronic device 100 (e.g., the control unit 180) may execute a timer application by a user and receive a timer start request (e.g., start selection) in the timer application. The control unit 180 may detect that an event has occurred when a timer start request is received, and may provide a first user interface 810 associated with the detected event (e.g., a timer). The first user interface 810 may include a queue 814 to guide activation of timer information 811, a timer off button 7813 (e.g., an object), and a timer off button 813. The timer information 811 may include at least one of a timer image (e.g., a timer icon), a timer time (e.g., -00: 03), and a timer's up message. The electronic device 100 (e.g., the control unit 180) may or may not output sound or vibration associated with the timer while displaying the first user interface 810. [

Although not shown, the first user interface 810 may further include a timer including a timer restart button at a position opposite to the timer off button 813, and a queue for guiding activation of the timer restart button. In this case, the timer off button 813 may be the first object, and the timer restart button may be the second object. The controller 180 may variably display the visual effect associated with the timer restart button based on the bezel based interaction that activates the timer resume button and may perform a function associated with the timer resume button when the visual effect exceeds a reference point . When the timer restart is executed, the control unit 180 can remove the counted time to the present and restart the timer from 0 seconds. Alternatively, the first user interface 810 may include a timer restart button instead of the timer off button 813.

When the user detects a bezel based interaction (e.g., a rotation angle of 30 degrees) that rotates the rotation input module 22 in a clockwise direction, the electronic device 100 (e.g., the control unit 180) ). ≪ / RTI > The second user interface 820 may include a timer off button 821, a visual effect 823 associated with the timer off button 821, and timer information 825. The control unit 180 according to various embodiments may display the visual effect 823 in superposition with some or all of the timer information 825. [ In addition, the controller 180 may display at least one of the size, shape, transparency, or hue of the visual effect 823 based on the bezel-based interaction. At this time, the controller 180 may determine whether the visual effect 823 exceeds the reference point.

While displaying the second user interface 820, the electronic device 100 (e.g., the control unit 180) may include a bezel based interaction (e.g., a rotation angle of 60 degrees) that rotates the rotation input module 22 in a clockwise direction If still detected, a third user interface 830 may be provided. If the visual effect 833 exceeds a reference point, such as the third user interface 830, the electronic device 100 (e.g., the control unit 180) may perform the function associated with the timer off button 831. [ For example, if the visual effect 833 exceeds a reference point, the control unit 180 may stop the timer. When the timer is stopped, the control unit 180 deletes the counted time and returns to the previous user interface before the timer starts. For example, the previous user interface may be the initial screen (or main screen) of the timer application.

Figure 8b shows another example of providing a visual effect associated with a timer off button (e.g., an object) in a timer application.

8B, the electronic device 100 (e.g., the control unit 180) executes a timer application by a user and, when requested to start a timer in a timer application, issues an event (e.g., timer start) A user interface 840 may be provided. The first user interface 840 may include a first queue 844 and a second queue 845 that guide the activation of timer information 841, a timer off button 843, a timer off button 843 . The first queue 844 may be a prompt indication signal to turn clockwise and the second queue 845 may be a prompt indication signal to turn in a counterclockwise direction.

The electronic device 100 (e.g., the control 180) may provide a bezel-based interaction (e.g., a rotation angle of 30 degrees) that rotates the rotation input module 22 in a clockwise (e.g., first queue 844) If so, a second user interface 550 may be provided. The second user interface 550 may include a timer off button 851, a visual effect 853 associated with the search off button 851, and timer information 855. Since the second user interface 850 is the same as or similar to the second user interface 820, detailed description will be omitted.

While displaying the second user interface 750, the electronic device 100 (e.g., the control unit 180) may include a bezel based interaction (e.g., a rotation angle of 60 degrees) that rotates the rotation input module 22 in a clockwise direction If still detected, a third user interface 860 may be provided. If the visual effect 863 exceeds a reference point, such as the third user interface 860, the electronic device 100 (e.g., the control unit 180) may perform the function associated with the device off button 861. For example, the control unit 180 deletes the counted time until now and returns to the previous user interface before the timer starts.

The electronic device 100 (e.g., the control unit 180) may be a bezel-based interaction that rotates the rotation input module 22 to a user in a counterclockwise direction (e.g., a second queue 845) The second user interface 870 may be provided. The second user interface 870 may include a timer off button 871, a visual effect 873 associated with the timer off button 871, and timer information (e.g., -00: 04, Time's up). The controller 180 may move the timer off button 871 to a position opposite the original timer off button 843 when an input to rotate the counter to a counterclockwise direction (e.g., the second queue 845) . That is, if the original timer off button 843 of the first user interface 840 is located at a 9 o'clock position (e.g., left), the timer off button 871 of the second user interface 870 is set to 3 o'clock Position (e.g., right). The control unit 180 can control the magnitude of the visual effect 873 associated with the timer off button 871 from right to left in accordance with the change of the position of the timer off button 871. [ Alternatively, the control unit 180 may change the position of the visual effect 873 associated with the timer off button 871 without changing the position of the timer off button 871. [

While displaying the second user interface 870, the electronic device 100 (e.g., the control unit 180) may include a bezel based interaction (e.g., a rotation angle of -60 degrees) that rotates the rotation input module 22 in a counterclockwise direction May continue to be detected, a third user interface 880 may be provided. If the visual effect 883 exceeds a reference point, such as the third user interface 880, the electronic device 100 (e.g., control 180) may perform the function associated with the timer off button 881. [ For example, the control unit 180 deletes the counted time until now and returns to the previous user interface before the timer starts.

9 is a flow diagram illustrating a method for providing visual effects in an electronic device according to various embodiments.

9, at operation 901, electronic device 100 (e.g., control 180) may variably display a visual effect associated with a first object. Operation 901 may be performed after operation 207 of FIG. If two objects are displayed in operation 203, then an object to provide a visual effect may be determined by operations 205 and 207. Operation 901 may be the same as or similar to operation 209 in FIG. Hereinafter, for the sake of clarity, the object determined in operation 901 will be described as an example of a first object (e.g., currency connection) that is executed when it is rotated clockwise.

At operation 903, the electronic device 100 (e.g., controller 180) may determine whether the displayed visual effect exceeds a reference point (or reference line). The operation 903 is the same as or similar to the operation 211 of FIG. 2, and therefore detailed description may be omitted.

The control unit 180 performs an operation 905 when the reference point is exceeded (e.g., YES in operation 903), and performs an operation 907 when the reference point is not exceeded (e.g., NO in operation 903) can do.

In operation 905, if the reference point is exceeded, the electronic device 100 (e.g., controller 180) may execute the function associated with the first object. If the first object is a call connection button, the control unit 180 may connect the call with the other party. Once the call is connected to the other party, the control unit 180 may display a user interface (e.g., the user interface 450 of FIG. 4A) associated with the call connection.

At operation 907, if the reference point is not exceeded, electronic device 100 (e.g., controller 180) may detect an inverse interaction. The opposite interaction may mean an input detected in the opposite direction to the interaction detected in operation 901. [ As described above, in operation 901, an interaction rotating in a clockwise direction can be detected. In this case, the opposite interaction may mean an input that rotates counterclockwise. Alternatively, when the operation 901 is an interaction that rotates in a counterclockwise direction, the opposite interaction may mean an input rotating in a clockwise direction.

At operation 909, the electronic device 100 (e.g., control 180) may change the visual effect associated with the first object. For example, the control unit 180 may display a small visual effect associated with the first object as the opposite interaction is detected. That is, the controller 180 may display the size of the visual effect displayed in the operation 909 smaller than the visual effect displayed in the operation 901. Alternatively, the controller 180 may display a lower (or higher) transparency of the visual effect displayed in operation 909 than the visual effect displayed at operation 901, and display the color lighter (or darker).

At operation 911, the electronic device 100 (e.g., control 180) may remove the visual effect associated with the first object. The control unit 180 may completely remove the visual effect associated with the first object and return to the screen state displayed in operation 203 of FIG. For example, the control unit 180 may return to the screen state before the bezel-based interaction of the operation 205 is detected. The control unit 180 may continue to perform operation 913 if an opposite interaction is detected.

At operation 913, the electronic device 100 (e.g., the control unit 180) may variably display the visual effect associated with the second object. The second object may be an object to be executed (e.g., a call rejection) when it rotates counterclockwise. The controller 180 according to various embodiments may variably display the visual effect associated with the second object after the visual effect associated with the first object is completely removed. Alternatively, the control unit 180 may display the visual effect associated with the first object on a smaller scale and display the visual effect associated with the second object on an increasing basis, based on the opposite interaction. That is, the controller 180 may simultaneously display a visual effect associated with the first object and a visual effect associated with the second object.

At operation 915, the electronic device 100 (e.g., controller 180) may determine whether the displayed visual effect exceeds a reference point (or reference line). The operation 915 is the same as or similar to the operation 903, and therefore detailed description may be omitted.

The control unit 180 performs an operation 917 when the reference point is exceeded (e.g., YES in operation 915), and performs an operation 919 when the reference point is not exceeded (e.g., NO in operation 915) can do.

In operation 9175, if the reference point is exceeded, the electronic device 100 (e.g., controller 180) may execute the function associated with the second object. If the second object is a call reject button, the control unit 180 stops outputting sounds or vibrations associated with the call notification, removes the user interface associated with the call (e.g., the first user interface 410) Lt; / RTI > to the previous user interface 490.

If at operation 919, the electronic device 100 (e.g., control 180) is able to determine whether an opposite interaction is detected. The opposite interaction may mean an input detected in the opposite direction to the interaction detected in the operations (907) to (913). As described above, in the operations (907) to (913), the interaction rotating in the counterclockwise direction can be detected. In this case, the opposite interaction may mean an input rotating in a clockwise direction.

At operation 921, the electronic device 100 (e.g., control 180) may change the visual effect associated with the second object. For example, the control unit 180 may display a small visual effect associated with the second object as the opposite interaction is detected. In other words, the controller 180 may display the size of the visual effect displayed in the operation 919 smaller than the visual effect displayed in the operation 913. Alternatively, the control unit 180 may display the transparency of the visual effect displayed at the operation 919 lower (or higher) and bright (or darker) than the visual effect displayed at the operation 913.

At operation 923, the electronic device 100 (e.g., control 180) may remove the visual effect associated with the second object. The control unit 180 may completely remove the visual effect associated with the second object and return to the screen state displayed in operation 203 of FIG. For example, the control unit 180 may return to the screen state before the bezel-based interaction of the operation 205 is detected. The control unit 180 can continue to perform the operation 901 when the opposite interaction is detected.

10 and 11 are diagrams illustrating another example of providing a visual effect in a telephone application.

Figure 10 shows another example of providing a visual effect in a telephone application.

10, the electronic device 100 (e.g., the control unit 180) detects that an event has occurred when a call is received from the counterpart electronic device, and detects a first user interface (e.g., 1010). The first user interface 1010 may include call information 1011, a call connection button 1013, and a call rejection button 1015. Since the first user interface 1010 is the same as the first user interface 410 of FIG. 4A, detailed description may be omitted.

The electronic device 100 (e.g., the control unit 180) may provide a second user interface 1020 when detecting a bezel-based interaction in a clockwise direction (e.g., a rotation angle of 30 degrees). The second user interface 1020 may include a call connection button 1021, a visual effect 1023 associated with the call connection button 1021, and call information 1025. During the display of the second user interface 1020, the electronic device 100 (e.g., the control unit 180) may, when the clockwise bezel based interaction (e.g., 60 degrees of rotation) Lt; RTI ID = 0.0 > 1030 < / RTI > The third user interface 1030 may include a call connection button 1031, a visual effect 1033 associated with the call connection button 1031, and call information (e.g., Aris Christian, 010-0123-1234).

When displaying a third user interface 1030, the electronic device 100 (e.g., the control unit 180) may be controlled by the second user interface 1020 (e.g., ). ≪ / RTI > While displaying the second user interface 1020, the electronic device 100 (e.g., the control unit 180) continues to provide the first user interface 1010 when bezel-based interaction is detected in the counterclockwise direction . That is, the controller 180 displays the third user interface 1030, and may return to the initial screen (e.g., the first user interface 1010) when bezel-based interaction is continuously detected in the counterclockwise direction.

While displaying the first user interface 1030, the electronic device 100 (e.g., the control unit 180) may determine whether a bezel-based interaction (e.g., opposite interaction) ). ≪ / RTI > The fourth user interface 1040 may include a call reject button 1041, a visual effect 1043 associated with the call reject button 1041, and call information (e.g., Aris Christian, 010-0123-1234). The fourth user interface 1040 may be the same as or similar to the second user interface 460 of FIG. 4B. While displaying the fourth user interface 1040, the electronic device 100 (e.g., the control unit 180) continues to provide the fifth user interface 1050 when counter-clockwise bezel-based interaction is detected . The fifth user interface 1050 may include a call rejection button 1051, a visual effect 1053 associated with the call rejection button 1051, and call information (e.g., Aris Christian, 010-0123-1234). The fifth user interface 1050 may be the same as or similar to the third user interface 470 of FIG. 4B.

While displaying the fifth user interface 1050, the electronic device 100 (e.g., the control unit 180) continues to provide a sixth user interface 1060 when a counter-clockwise bezel-based interaction is detected . The sixth user interface 1060 may include a call rejection button 1061 and a visual effect 1063 associated with the call rejection button 1061. In the sixth user interface 1060, call information may be hidden from view by the visual effect 1063. If the visual effect 1063 exceeds a reference point (e.g., dotted line display), such as the sixth user interface 1060, the electronic device 100 (e.g., the control unit 180) . For example, the control unit 180 may stop outputting sounds or vibrations associated with the phone announcements, remove the user interface associated with the phone (e.g., the first user interface 1010) Can return. For example, the previous user interface may be a background screen (e.g., a clock screen) or an execution screen of an application.

Fig. 11 shows another example of providing a visual effect in a telephone application.

Referring to FIG. 11, the electronic device 100 (e.g., the control unit 180) detects the occurrence of an event when a call is received from the counterpart electronic device and generates a first user interface (e.g., 1110 < / RTI > The first user interface 1110 may include call information 1111, a call connection button 1113, and a call rejection button 1115. Since the first user interface 1110 is the same as the first user interface 1010 of FIG. 10, detailed description may be omitted.

The electronic device 100 (e.g., the control unit 180) may provide a second user interface 1120 when detecting a bezel-based interaction in a clockwise direction (e.g., a rotation angle of 30 degrees). The second user interface 1120 may include a call connection button 1121, a visual effect 1123 associated with the call connection button 1121, and call information 1125. During display of the second user interface 1120, the electronic device 100 (e.g., the control unit 180), if the clockwise bezel based interaction (e.g., 60 degrees of rotation) Lt; RTI ID = 0.0 > 1130 < / RTI > The third user interface 1130 may include a call connection button 1131, a visual effect 1133 associated with the call connection button 1131, and call information 1135.

While displaying the third user interface 1130, the electronic device 100 (e.g., the control unit 180) may determine whether a bezel-based interaction (e.g., opposite interaction) ). ≪ / RTI > The fourth user interface 1140 may include a call connection button 1141, a visual effect 1143 associated with the call connection button 1141, call information 1147 and a call rejection button 1145. That is, when the opposite interaction is detected, the control unit 180 can display the deleted call rejection button 1145 again.

While displaying the fourth user interface 1140, the electronic device 100 (e.g., the control unit 180) may provide a fifth user interface 1150 if counter-clockwise bezel- have. The fifth user interface 1150 includes a call connection button 1151, a visual effect 1153 associated with the call connection button 1151, call information (e.g., Aris Christian, 010-0123-1234), a call rejection button 1159, And a visual effect 1157 associated with the call rejection button 1159. [ That is, the control unit 180 may simultaneously display both the visual effect 1153 associated with the call connection button 1151 and the visual effect 1157 associated with the call rejection button 1159 in response to detection of the opposite interaction.

While displaying the fifth user interface 1150, the electronic device 100 (e.g., the control unit 180) may provide a sixth user interface 1160 if counter-clockwise bezel- have. The sixth user interface 1160 may include a call reject button 1161, a visual effect 1163 associated with the call reject button 1161, and call information (e.g., Aris Christian, 010-0123-1234). The sixth user interface 1160 may be the same as or similar to the third user interface 470 of FIG. 4A.

While displaying the sixth user interface 1060, the electronic device 100 (e.g., the control unit 180) continues to provide a seventh user interface 1170 when counter-clockwise bezel-based interaction is detected . The seventh user interface 1170 may include a call rejection button 1171 and a visual effect 1173 associated with the call rejection button 1171. In the seventh user interface 1170, call information may be hidden from view by the visual effect 1173. If the visual effect 1173 exceeds a reference point (e.g., dotted line display), such as the seventh user interface 1170, the electronic device 100 (e.g., the control unit 180) . For example, the control unit 180 may stop outputting a sound or a vibration associated with the telephone alert, remove the user interface associated with the telephone (e.g., the first user interface 1110) Can return.

12 is a flow diagram illustrating a method for providing visual effects in an electronic device according to various embodiments.

12, at operation 1201, electronic device 100 (e.g., controller 180) may variably display a visual effect associated with an object. Operation 1201 may be performed after operation 207 of FIG. If two objects are displayed in operation 203, then an object to provide a visual effect may be determined by operations 205 and 207. Operation 1201 may be the same as or similar to operation 209 of FIG. Hereinafter, for the sake of clarity, the object determined in operation 1201 will be described as an example of an object being executed (e.g., currency connection) when rotated clockwise.

In operation 1203, the electronic device 100 (e.g., controller 180) may determine whether the displayed visual effect exceeds a reference point (or reference line). The operation 1203 is the same as or similar to the operation 211 of FIG. 2, and therefore detailed description may be omitted.

The control unit 180 performs an operation 1205 when the reference point is exceeded (e.g., YES in operation 1203) and performs an operation 1207 when the reference point is not exceeded (e.g., NO in operation 1203) can do.

In operation 1205, if the reference point is exceeded, the electronic device 100 (e.g., controller 180) may execute the function associated with the object. If the object is a call connection button, the control unit 180 can connect the call with the other party. Once the call is connected to the other party, the control unit 180 may display a user interface (e.g., the user interface 450 of FIG. 4A) associated with the call connection.

If at operation 1207, the electronic device 100 (e.g., controller 180) is able to determine whether an inverse interaction is detected. The opposite interaction may mean an input detected in the opposite direction to the interaction detected in operation 1201. [ As described above, in the operation 1201, an interaction rotating in the clockwise direction can be detected. In this case, the opposite interaction may mean an input that rotates counterclockwise.

The control unit 180 performs an operation 1209 when the opposite interaction is detected (e.g., YES at operation 1207), and if the opposite interaction is not detected (e.g., NO at operation 1207) 1211).

If the opposite interaction is detected, at operation 1209, the electronic device 100 (e.g., controller 180) may perform a visual effect modification process. For example, the control unit 180 may display a small visual effect associated with the object as the opposite interaction is detected. Wherein the visual effect modification process comprises: modifying a visual effect associated with the object, removing the visual effect, variably displaying a visual effect associated with another object, determining whether a visual effect associated with the other object exceeds a reference point, And performing an action associated with the other object. That is, the visual effect modification process may include operations 911 through 917 of FIG.

If the opposite interaction is not detected, then at operation 1211, the electronic device 100 (e.g., controller 180) may maintain a visual effect display associated with the object. That is, the control unit 180 can maintain the visual effect displayed in operation 1201. [ Operation 1211 may be to maintain at least one of the size, shape, transparency, or hue of the visual effect displayed in operation 1201 unchanged.

In operation 1213, the electronic device 100 (e.g., controller 180) may determine whether the event is terminated. For example, the control unit 180 may determine that the event has ended when the call connection ends or the alarm time (or the alarm notification time) elapses from the counterpart electronic device.

The controller 180 performs an operation 1215 when the event is terminated (e.g., YES at operation 1213), and if the event is not terminated (e.g., NO at operation 1213) . ≪ / RTI >

If the event is terminated, at operation 1211, the electronic device 100 (e.g., controller 180) may remove the visual effect associated with the object. The control unit 180 may remove the user interface associated with the phone (e.g., the first user interface 410) and return to the background screen or a screen (e.g., an application launch screen) before the phone call. (E.g., the control unit 180) may remove the user interface associated with the alarm (e.g., the first user interface 510) and return to a screen (e.g., an application execution screen) before the background screen or alarm sounds.

In operation 1213, the controller 180, in accordance with various embodiments, may determine whether the bezel-based interaction is no longer detected. If the bezel based interaction is no longer detected, the controller 180 may perform an action 1211 until the end of the event, or may perform an action 1215 if the bezel based interaction is not detected for a predetermined period of time have.

The various embodiments described herein may be implemented in a recording medium readable by a computer or similar device using software, hardware, or a combination thereof. According to a hardware implementation, the embodiments described in the present invention can be applied to various fields such as application specific integrated circuits (ASICs), digital signal processors (DSPs), digital signal processing devices (DSPDs), programmable logic devices (PLDs) ), A processor, microcontrollers, microprocessors, and an electrical unit for carrying out other functions.

In an embodiment of the present invention, the recording medium is configured to perform the steps of: detecting an event; detecting an interaction by a rotational input module; determining an object associated with the event based on the interaction; And a computer-readable recording medium having recorded thereon a program for executing an operation of variably displaying an effect.

It is to be understood that both the foregoing general description and the following detailed description of the present invention are exemplary and explanatory and are intended to provide further explanation of the invention as claimed. Accordingly, the scope of the present invention should be construed as being included in the scope of the present invention, all changes or modifications derived from the technical idea of the present invention.

100: Electronic device
180:
131: Display
350: Display
20: Housing
22: Rotary input module

Claims (20)

In an electronic device,
Rotary Input Module;
display;
Memory; And
A processor operatively coupled to at least one of the rotatable input module, the display, or the memory,
The processor comprising:
Detects an event, detects an interaction by the rotatable input module, determines an object associated with the event based on the interaction, and variably displays a visual effect associated with the object. 2. The apparatus of claim 1,
And displays at least one of a size, a shape, a transparency, and a color of a visual effect associated with the object according to the interaction. The method according to claim 1,
The rotary input module includes:
And a bezel portion surrounding the edge of the display. 4. The method according to claim 3,
And a user input for rotating the rotary input module clockwise or counterclockwise. 2. The apparatus of claim 1,
And when the visual effect associated with the object exceeds a reference point, executing a function associated with the object. 2. The apparatus of claim 1,
And one or more objects on both sides based on the information associated with the detected event and the information. 7. The method of claim 6,
Wherein the event information is located left / right or up / down based on the event information. 2. The apparatus of claim 1,
And displays another object at a position opposite to the position of one object. 2. The apparatus of claim 1,
When interacting in a second direction opposite to the first direction is detected while variably displaying a visual effect associated with the first object according to an interaction rotating in a first direction, a visual effect associated with the first object is detected And changes the state of the electronic device. 10. The apparatus of claim 9,
Removes a visual effect associated with the first object and variably displays a visual effect associated with the second object according to an interaction rotating in the second direction. 10. The apparatus of claim 9,
And variably displays a visual effect associated with the first object and a visual effect associated with the second object according to an interaction rotating in the second direction. 11. The apparatus of claim 10,
And when the visual effect associated with the second object exceeds a reference point, executing a function associated with the second object. A method of operating an electronic device comprising a rotatable input module,
Detecting an event;
Detecting an interaction by the rotary input module;
Determining an object associated with the event based on the interaction; And
And variably displaying a visual effect associated with the object. 14. The method of claim 13,
And varying at least one of size, shape, transparency, or hue of the visual effect associated with the object according to the interaction. 14. The method of claim 13,
And a user input for rotating the rotary input module clockwise or counterclockwise. 14. The method of claim 13,
Further comprising: performing a function associated with the object if the visual effect associated with the object exceeds a reference point. 14. The method of claim 13,
Further comprising displaying information associated with the detected event and one or more objects on both sides based on the information. 14. The method of claim 13,
When interacting in a second direction opposite to the first direction is detected while variably displaying a visual effect associated with the first object according to an interaction rotating in a first direction, a visual effect associated with the first object is detected Further comprising the step of: < Desc / Clms Page number 17 > 19. The method of claim 18,
Removing a visual effect associated with the first object; And
And variably displaying a visual effect associated with the second object in accordance with the interaction rotating in the second direction. 20. The method of claim 19,
And if the visual effect associated with the second object exceeds a reference point, executing a function associated with the second object.

Images