WO2021096164A1 - Method and apparatus for providing list in electronic device - Google Patents

Method and apparatus for providing list in electronic device Download PDF

Info

Publication number
WO2021096164A1
WO2021096164A1 PCT/KR2020/015448 KR2020015448W WO2021096164A1 WO 2021096164 A1 WO2021096164 A1 WO 2021096164A1 KR 2020015448 W KR2020015448 W KR 2020015448W WO 2021096164 A1 WO2021096164 A1 WO 2021096164A1
Authority
WO
WIPO (PCT)
Prior art keywords
item
list
user input
electronic device
display
Prior art date
Application number
PCT/KR2020/015448
Other languages
French (fr)
Korean (ko)
Inventor
이재명
나민욱
최윤성
Original Assignee
삼성전자 주식회사
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 삼성전자 주식회사 filed Critical 삼성전자 주식회사
Publication of WO2021096164A1 publication Critical patent/WO2021096164A1/en

Links

Images

Classifications

    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04MTELEPHONIC COMMUNICATION
    • H04M1/00Substation equipment, e.g. for use by subscribers
    • H04M1/72Mobile telephones; Cordless telephones, i.e. devices for establishing wireless links to base stations without route selection
    • H04M1/724User interfaces specially adapted for cordless or mobile telephones
    • H04M1/72403User interfaces specially adapted for cordless or mobile telephones with means for local support of applications that increase the functionality
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04MTELEPHONIC COMMUNICATION
    • H04M1/00Substation equipment, e.g. for use by subscribers
    • H04M1/72Mobile telephones; Cordless telephones, i.e. devices for establishing wireless links to base stations without route selection
    • H04M1/725Cordless telephones
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04MTELEPHONIC COMMUNICATION
    • H04M2201/00Electronic components, circuits, software, systems or apparatus used in telephone systems
    • H04M2201/34Microprocessors
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04MTELEPHONIC COMMUNICATION
    • H04M2201/00Electronic components, circuits, software, systems or apparatus used in telephone systems
    • H04M2201/36Memories
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04MTELEPHONIC COMMUNICATION
    • H04M2201/00Electronic components, circuits, software, systems or apparatus used in telephone systems
    • H04M2201/38Displays

Definitions

  • Various embodiments of the present disclosure disclose a method of operating a list including a plurality of items in an electronic device based on a user input, and an apparatus therefor.
  • Various applications such as messages, calls, reminders, galleries, and/or notepads may be installed on the electronic device.
  • applications installed in the electronic device a list including one or more items may be provided.
  • the list may represent a user interface that arranges and provides a group of one or more items having the same (or the same) attribute or a group of ordered items in a designated manner.
  • the list may consist of a plurality of items corresponding to messages transmitted and received with the outside world.
  • items that have been confirmed by the user for example, items that have been read
  • unconfirmed items that have not been confirmed by the user for example, items that have not been read
  • a plurality of items in the list are additionally transmitted/received
  • a plurality of items to be transmitted/received are provided from the upper position of the list, so that the user may have to repeat the scrolling operation continuously in order for the user to check the unconfirmed item. Accordingly, in a list in which unconfirmed items and confirmed items are mixed, it may take time and inconvenience for a user to search for an unconfirmed item.
  • a method and apparatus for providing a user interface including a list in an electronic device are disclosed.
  • a method and an apparatus for filtering an item of a specified condition based on a user input from a list including a plurality of items and providing it to a user are disclosed.
  • An electronic device includes a display, a processor, and a memory operatively connected to the processor, and the memory, when executed, the processor displays a list through the display, and , Detecting a user input moving in the first direction specified in the list, identifying at least one item including specified information based on the user input, and moving the list in the first direction based on the user input During movement, instructions for providing a transition effect indicating the at least one item in a second direction opposite to the first direction and displaying the at least one item based on the release of the user input may be stored. .
  • An operation method of an electronic device includes an operation of displaying a list through a display, an operation of detecting a user input moving in a designated first direction in the list, and information designated based on the user input. Identifying at least one item, including, while moving the list in the first direction based on the user input, a transition effect indicating the at least one item in a second direction opposite to the first direction And displaying the at least one item based on release of the user input.
  • various embodiments of the present disclosure may include a computer-readable recording medium storing a program for executing the method in a processor.
  • the electronic device may filter at least one item corresponding to a filtering condition based on a user input. .
  • the electronic device may quickly filter an item of a user-specified condition from a list based on a user's simple (or easy) user input, and provide the list to the user based on the filtered item.
  • the user can easily and quickly filter items corresponding to a user-designated condition desired by the user in the list, and can intuitively check only the filtered items. Usability, convenience, and competitiveness of the electronic device may be improved by the electronic device according to various embodiments.
  • FIG. 1 is a block diagram of an electronic device in a network environment according to various embodiments of the present disclosure.
  • FIG. 2 is a block diagram of a display device according to various embodiments of the present disclosure.
  • FIG. 3 is a flowchart illustrating a method of operating an electronic device according to various embodiments of the present disclosure.
  • FIG. 4 is a diagram illustrating an example of an operation of providing a user interface in an electronic device according to various embodiments of the present disclosure.
  • FIG. 5 is a flowchart illustrating a method of providing a user interface in an electronic device according to various embodiments.
  • FIG. 6 is a diagram illustrating an example of an operation of providing a user interface in an electronic device according to various embodiments of the present disclosure.
  • FIG. 7 is a flowchart illustrating a method of operating an electronic device according to various embodiments.
  • FIG. 8 is a flowchart illustrating a method of operating an electronic device according to various embodiments.
  • FIG. 9 is a flowchart illustrating a method of operating an electronic device according to various embodiments.
  • FIG. 10 is a flowchart illustrating a method of operating an electronic device according to various embodiments.
  • FIG. 11 is a diagram illustrating an example of an operation of providing a user interface in an electronic device according to various embodiments of the present disclosure.
  • FIG. 12 is a diagram for describing an example of a list that can operate according to various embodiments.
  • 13 is a diagram for describing an example of a list that can operate according to various embodiments.
  • FIG. 14 is a diagram for describing an example of a list that can operate according to various embodiments.
  • 15 is a diagram for describing an example of a list that can operate according to various embodiments.
  • FIG. 1 is a block diagram of an electronic device 101 in a network environment 100 according to various embodiments.
  • the electronic device 101 communicates with the electronic device 102 through a first network 198 (for example, a short-range wireless communication network), or a second network 199 It is possible to communicate with the electronic device 104 or the server 108 through (eg, a long-distance wireless communication network). According to an embodiment, the electronic device 101 may communicate with the electronic device 104 through the server 108.
  • a first network 198 for example, a short-range wireless communication network
  • a second network 199 It is possible to communicate with the electronic device 104 or the server 108 through (eg, a long-distance wireless communication network).
  • the electronic device 101 may communicate with the electronic device 104 through the server 108.
  • the electronic device 101 includes a processor 120, a memory 130, an input device 150, an audio output device 155, a display device 160, an audio module 170, and a sensor module ( 176, interface 177, haptic module 179, camera module 180, power management module 188, battery 189, communication module 190, subscriber identification module 196, or antenna module 197 ) Can be included.
  • a sensor module 176, interface 177, haptic module 179, camera module 180, power management module 188, battery 189, communication module 190, subscriber identification module 196, or antenna module 197
  • at least one of these components may be omitted or one or more other components may be added to the electronic device 101.
  • some of these components may be implemented as one integrated circuit.
  • the sensor module 176 eg, a fingerprint sensor, an iris sensor, or an illuminance sensor
  • the display device 160 eg, a display.
  • the processor 120 for example, executes software (eg, a program 140) to implement at least one other component (eg, a hardware or software component) of the electronic device 101 connected to the processor 120. It can be controlled and can perform various data processing or operations. According to an embodiment, as at least part of data processing or operation, the processor 120 may convert commands or data received from other components (eg, the sensor module 176 or the communication module 190) into a volatile memory. ) 132, process commands or data stored in the volatile memory 132, and store result data in a non-volatile memory 134.
  • software eg, a program 140
  • the processor 120 may convert commands or data received from other components (eg, the sensor module 176 or the communication module 190) into a volatile memory. ) 132, process commands or data stored in the volatile memory 132, and store result data in a non-volatile memory 134.
  • the processor 120 is a main processor 121 (for example, a central processing unit (CPU) or an application processor (AP)), and a coprocessor that can be operated independently or together therewith.
  • a coprocessor eg, a graphic processing unit (GPU), an image signal processor (ISP), a sensor hub processor, or a communication processor (CP)).
  • I can.
  • the coprocessor 123 may be set to use lower power than the main processor 121 or to be specialized for a designated function.
  • the secondary processor 123 may be implemented separately from the main processor 121 or as a part thereof.
  • the coprocessor 123 is, for example, on behalf of the main processor 121 while the main processor 121 is in an inactive (eg, sleep) state, or the main processor 121 While in the active (eg, application execution) state, together with the main processor 121, at least one of the components of the electronic device 101 (eg, the display device 160, the sensor module 176) ), or at least some of the functions or states related to the communication module 190).
  • the coprocessor 123 eg, an image signal processor or a communication processor
  • the memory 130 may store various types of data used by at least one component of the electronic device 101 (eg, the processor 120 or the sensor module 176 ).
  • the data may include, for example, software (eg, the program 140) and input data or output data for commands related thereto.
  • the memory 130 may include a volatile memory 132 or a nonvolatile memory 134.
  • the program 140 may be stored as software in the memory 130, and may include, for example, an operating system (OS) 142, a middleware 144, or an application 146. .
  • OS operating system
  • middleware middleware
  • application application
  • the input device 150 may receive a command or data to be used for a component of the electronic device 101 (eg, the processor 120) from outside (eg, a user) of the electronic device 101.
  • the input device 150 may include, for example, a microphone, a mouse, a keyboard, or a digital pen (eg, a stylus pen).
  • the sound output device 155 may output an sound signal to the outside of the electronic device 101.
  • the sound output device 155 may include, for example, a speaker or a receiver.
  • the speaker can be used for general purposes such as multimedia playback or recording playback, and the receiver can be used to receive incoming calls.
  • the receiver may be implemented separately from the speaker or as part of the speaker.
  • the display device 160 may visually provide information to the outside of the electronic device 101 (eg, a user).
  • the display device 160 may include, for example, a display, a hologram device, or a projector and a control circuit for controlling the device.
  • the display device 160 includes a touch circuitry set to sense a touch, or a sensor circuit set to measure the strength of a force generated by the touch (for example, a pressure sensor). It may include.
  • the audio module 170 may convert sound into an electrical signal, or conversely, may convert an electrical signal into sound. According to an embodiment, the audio module 170 acquires sound through the input device 150, the sound output device 155, or an external electronic device (eg: Sound can be output through the electronic device 102) (for example, a speaker or headphones).
  • an external electronic device eg: Sound can be output through the electronic device 102
  • Sound can be output through the electronic device 102
  • the sensor module 176 detects an operating state (eg, power or temperature) of the electronic device 101, or an external environmental state (eg, a user state), and generates an electrical signal or data value corresponding to the detected state. can do.
  • the sensor module 176 is, for example, a gesture sensor, a gyro sensor, a barometer sensor, a magnetic sensor, an acceleration sensor. ), grip sensor, proximity sensor, color sensor (e.g. RGB (red, green, blue) sensor), IR (infrared) sensor, biometric sensor, temperature It may include a temperature sensor, a humidity sensor, or an illumination sensor.
  • the interface 177 may support one or more designated protocols that may be used to connect directly or wirelessly to an external electronic device (eg, the electronic device 102) of the electronic device 101.
  • the interface 177 may include, for example, a high definition multimedia interface (HDMI), a universal serial bus (USB) interface, a secure digital (SD) card interface, or an audio interface.
  • HDMI high definition multimedia interface
  • USB universal serial bus
  • SD secure digital
  • connection terminal 178 may include a connector through which the electronic device 101 can be physically connected to an external electronic device (eg, the electronic device 102).
  • the connection terminal 178 may include, for example, an HDMI connector, a USB connector, an SD card connector, or an audio connector (eg, a headphone connector).
  • the haptic module 179 may convert an electrical signal into a mechanical stimulus (eg, vibration or movement) or an electrical stimulus that a user can perceive through tactile or motor sensations.
  • the haptic module 179 may include, for example, a motor, a piezoelectric element, or an electrical stimulation device.
  • the camera module 180 may capture a still image and a video.
  • the camera module 180 may include one or more lenses, image sensors, image signal processors, or flashes.
  • the power management module 188 may manage power supplied to the electronic device 101.
  • the power management module 188 may be implemented as at least a part of, for example, a power management integrated circuit (PMIC).
  • PMIC power management integrated circuit
  • the battery 189 may supply power to at least one component of the electronic device 101.
  • the battery 189 may include, for example, a non-rechargeable primary cell, a rechargeable secondary cell, or a fuel cell.
  • the communication module 190 includes a direct (eg, wired) communication channel or a wireless communication channel between the electronic device 101 and an external electronic device (eg, the electronic device 102, the electronic device 104, or the server 108). It is possible to support establishment and communication through the established communication channel.
  • the communication module 190 operates independently of the processor 120 (eg, an application processor) and may include one or more communication processors supporting direct (eg, wired) communication or wireless communication.
  • the communication module 190 is a wireless communication module 192 (eg, a cellular communication module, a short-range wireless communication module, or a global navigation satellite system (GNSS) communication module) or a wired communication module 194 (eg : A local area network (LAN) communication module, or a power line communication module) may be included.
  • a corresponding communication module is a first network 198 (for example, a short-range communication network such as Bluetooth, Wi-Fi direct or IrDA (infrared data association)) or a second network 199 (for example, a cellular network, the Internet).
  • a computer network for example, a telecommunication network such as a LAN or a wide area network (WAN)
  • a telecommunication network such as a LAN or a wide area network (WAN)
  • WAN wide area network
  • the wireless communication module 192 uses the subscriber information (eg, international mobile subscriber identity (IMSI)) stored in the subscriber identification module 196 to communicate with the first network 198 or the second network 199.
  • the electronic device 101 can be identified and authenticated within the same communication network.
  • the antenna module 197 may transmit a signal or power to the outside (eg, an external electronic device) or receive from the outside.
  • the antenna module 197 may include one antenna including a conductor formed on a substrate (eg, a PCB) or a radiator formed of a conductive pattern.
  • the antenna module 197 may include a plurality of antennas. In this case, at least one antenna suitable for a communication method used in a communication network such as the first network 198 or the second network 199 is, for example, provided by the communication module 190 from the plurality of antennas. Can be chosen.
  • the signal or power may be transmitted or received between the communication module 190 and an external electronic device through the at least one selected antenna.
  • other components eg, RFIC
  • other than the radiator may be additionally formed as part of the antenna module 197.
  • At least some of the components are connected to each other through a communication method (e.g., bus, general purpose input and output (GPIO), serial peripheral interface (SPI), or mobile industry processor interface (MIPI))) between peripheral devices, and signal (E.g. commands or data) can be exchanged with each other.
  • a communication method e.g., bus, general purpose input and output (GPIO), serial peripheral interface (SPI), or mobile industry processor interface (MIPI)
  • GPIO general purpose input and output
  • SPI serial peripheral interface
  • MIPI mobile industry processor interface
  • commands or data may be transmitted or received between the electronic device 101 and the external electronic device 104 through the server 108 connected to the second network 199.
  • Each of the electronic devices 102 and 104 may be a device of the same or different type as the electronic device 101.
  • all or some of the operations executed by the electronic device 101 may be executed by one or more of the external electronic devices 102, 104, or 108.
  • the electronic device 101 when the electronic device 101 needs to perform a function or service automatically or in response to a request from a user or another device, the electronic device 101
  • a request may be made to the one or more external electronic devices 102 and 104 to perform the function or at least part of the service.
  • the one or more external electronic devices 102 and 104 that have received the request execute at least a part of the requested function or service, or an additional function or service related to the request, and transmit the execution result to the electronic device 101.
  • the electronic device 101 may process the result as it is or additionally and provide it as at least a part of a response to the request.
  • cloud computing, distributed computing, or client-server computing technology may be used.
  • FIG. 2 is a block diagram 200 of a display device 160 according to various embodiments.
  • the display device 160 may include a display 210 and a display driver IC (DDI) 230 for controlling the display 210.
  • the DDI 230 may include an interface module 231, a memory 233 (eg, a buffer memory), an image processing module 235, or a mapping module 237.
  • the DDI 230 transmits, for example, image data or image information including an image control signal corresponding to a command for controlling the image data through the interface module 231 to other components of the electronic device 101.
  • the image information may be a processor 120 (eg, a main processor 121 (eg, an application processor)) or a coprocessor 123 (eg, a graphic processing device) that operates independently of the function of the main processor 121 ) Can be received from.
  • the DDI 230 may communicate with the touch circuit 250 or the sensor module 176 and the interface module 231.
  • the DDI 230 may store at least some of the received image information in the memory 233, for example, in a frame unit.
  • the image processing module 235 may, for example, pre-process or post-process at least a part of the image data based on at least a characteristic of the image data or a characteristic of the display 210 ( E.g. resolution, brightness, or scale).
  • the mapping module 237 may generate a voltage value or a current value corresponding to the image data pre-processed or post-processed through the image processing module 235.
  • generation of a voltage value or a current value may be performed, for example, of a property of pixels of the display 210 (eg, an arrangement of pixels (RGB stripe or pentile structure), or each of sub-pixels). Size) at least in part.
  • At least some pixels of the display 210 are driven based at least in part on the voltage value or the current value, so that visual information (eg, text, image, or icon) corresponding to the image data is displayed on the display 210. It can be displayed through.
  • the display device 160 may further include a touch circuit 250.
  • the touch circuit 250 may include a touch sensor 251 and a touch sensor IC 253 for controlling the touch sensor 251.
  • the touch sensor IC 253 may control the touch sensor 251 to detect, for example, a touch input or a hovering input for a specific location of the display 210.
  • the touch sensor IC 253 may detect a touch input or a hovering input by measuring a change in a signal (eg, voltage, amount of light, resistance, or amount of charge) for a specific location of the display 210.
  • the touch sensor IC 253 may provide information (eg, location, area, pressure, or time) on the sensed touch input or hovering input to the processor 120.
  • At least a part of the touch circuit 250 is a DDI 230, a part of the display 210, or other It may be included as part of a component (for example, the coprocessor 123).
  • the display device 160 may further include at least one sensor of the sensor module 176 (eg, a fingerprint sensor, an iris sensor, a pressure sensor, or an illuminance sensor), or a control circuit therefor.
  • the at least one sensor or a control circuit therefor may be embedded in a part of the display device 160 (eg, the display 210 or the DDI 230) or a part of the touch circuit 250.
  • the sensor module 176 embedded in the display device 160 includes a biometric sensor (eg, a fingerprint sensor)
  • the biometric sensor may provide biometric information related to a touch input through a partial area of the display 210. (Eg, fingerprint image) can be acquired.
  • the pressure sensor may acquire pressure information related to a touch input through a part or all of the display 210.
  • the touch sensor 251 or the sensor module 176 may be disposed between pixels of a pixel layer of the display 210 or above or below the pixel layer.
  • the electronic device 101 may be a device of various types.
  • the electronic device 101 may include, for example, a portable communication device (eg, a smart phone), a portable multimedia device, a portable medical device, a camera, a wearable device, or a home appliance.
  • a portable communication device eg, a smart phone
  • portable multimedia device e.g., a portable multimedia device
  • portable medical device e.g., a portable medical device
  • camera e.g., a camera
  • a wearable device e.g., a smart phone
  • the electronic device 101 according to the embodiment of the present document is not limited to the above-described devices.
  • module used in this document may include a unit implemented in hardware, software, or firmware, for example, logic, logic block, component ), or may be used interchangeably with the term of a circuit.
  • the module may be an integrally configured component or a minimum unit of the component or a part thereof that performs one or more functions.
  • the module may be implemented in the form of an application-specific integrated circuit (ASIC).
  • ASIC application-specific integrated circuit
  • Various embodiments of the present document include one or more stored in a storage medium (eg, internal memory 136 or external memory 138) readable by a machine (eg, electronic device 101). It may be implemented as software (eg, program 140) including instructions.
  • the processor eg, the processor 120 of the device (eg, the electronic device 101) may call and execute at least one command among one or more commands stored from a storage medium. This enables the device to be operated to perform at least one function according to the at least one command invoked.
  • the one or more instructions may include code generated by a compiler or code that can be executed by an interpreter.
  • the device-readable storage medium may be provided in the form of a non-transitory storage medium.
  • non-transient only means that the storage medium is a tangible device and does not contain a signal (e.g., electromagnetic waves), and this term refers to the case where data is semi-permanently stored in the storage medium. It does not distinguish between temporary storage cases.
  • a signal e.g., electromagnetic waves
  • a method according to various embodiments disclosed in the present document may be provided by being included in a computer program product.
  • Computer program products can be traded between sellers and buyers as commodities.
  • the computer program product is distributed in the form of a device-readable storage medium (e.g., CD-ROM, compact disc read only memory), or through an application store (e.g., Play Store TM ) or two user devices (e.g. : Can be distributed (e.g., downloaded or uploaded) directly between smart phones) or online.
  • an application store e.g., Play Store TM
  • two user devices e.g. : Can be distributed (e.g., downloaded or uploaded) directly between smart phones) or online.
  • at least a part of the computer program product may be temporarily stored or temporarily generated in a storage medium that can be read by a device such as a server of a manufacturer, a server of an application store, or a memory of a relay server.
  • each component (eg, module or program) of the above-described components may include a singular number or a plurality of entities.
  • one or more components or operations among the above-described corresponding components may be omitted, or one or more other components or operations may be added.
  • a plurality of constituent elements eg, a module or program
  • the integrated component may perform one or more functions of each component of the plurality of components in the same or similar to that performed by the corresponding component among the plurality of components prior to the integration. .
  • operations performed by a module, program, or other component are sequentially, parallel, repeatedly, or heuristically executed, or one or more of the operations are executed in a different order. It may be omitted, omitted, or one or more other operations may be added.
  • the electronic device 101 includes a display (eg, the display device 160 of FIG. 1 or 2 ), a processor (eg, at least one processor including a processing circuit) (eg: The processor 120 of FIG. 1 and a memory operatively connected to the processor (for example, the memory 130 of FIG.
  • a display eg, the display device 160 of FIG. 1 or 2
  • a processor eg, at least one processor including a processing circuit
  • the processor 120 of FIG. 1 and a memory operatively connected to the processor for example, the memory 130 of FIG.
  • the memory 130 when executed, the processor 120, Display a list through the display 160, detect a user input moving in a first direction designated in the list, identify at least one item including designated information based on the user input, and input the user While moving the list in the first direction based on, a transition effect indicating the at least one item is provided in a second direction opposite to the first direction, and based on the release of the user input, the at least one You can store instructions to display the item of.
  • the instructions allow the processor 120 to filter an item related to a user-specified filtering condition among one or more items included in the list based on the user input. I can.
  • the filtering condition may include a condition set based on an entire setting collectively set for all lists and/or an individual setting independently set for each category of the list.
  • the instructions may cause the processor 120 to display the at least one item in an area where the list exists while moving the list downward according to the direction of the user input. have.
  • the instructions are a scene in which the at least one item appears in the second direction opposite to the first direction of the user input when the processor 120 displays the transition effect. Based on the transition effect, it can be made to provide a visual experience and/or an aesthetic experience.
  • the processor 120 sequentially removes the items of the list from the screen in response to the movement of the user input, and the at least one Items may be sequentially displayed in an area in which the list exists, and the list may not be displayed on the display based on the display of the at least one item.
  • the instructions include the at least one item, excluding the at least one item from the list, when the processor 120 filters the at least one item from the list. It is possible to separately configure a list of items and a list from which the at least one item is excluded.
  • the processor 120 displays a user interface including a first area for a category of the list and a second area for the list, and selects the at least one item.
  • the information on the first area may be changed to information related to the at least one item, and the at least one item may be displayed based on the second area.
  • the instructions include, by the processor 120, detecting a first input for selecting an item from the at least one item, and providing content related to the selected item based on the first input. Display through the display, detect a second input related to return while displaying the content, and display a first state of displaying the list or the at least one item based on the second input It can be made to return to the second state.
  • the instructions include, when the processor 120 returns to the first state, excluding the selected item from the list from at least one item including the specified information, and the selected item May be disposed at a corresponding position of the selected item in the list, and displayed by excluding the selected item from the at least one item upon returning to the second state.
  • the instructions may cause the processor 120 to display the content based on an application providing the list without switching an application.
  • operations performed by the electronic device 101 described below are at least one processor of the electronic device 101 (eg, at least one processor including a processing circuit, for example, It may be executed by the processor 120 of FIG. 1 (hereinafter, referred to as'processor 120').
  • operations performed by the electronic device 101 are stored in a memory (for example, the memory 130 of FIG. 1) (hereinafter, referred to as'memory 130'), and when executed, the processor It can be executed by instructions that cause 120 to operate.
  • FIG. 3 is a flowchart illustrating a method of operating an electronic device according to various embodiments of the present disclosure.
  • the processor 120 of the electronic device 101 may display a list.
  • the processor 120 responds to a user request, in response to a user request, of a specific category (eg, message, phone, reminder, application (or app), memo, and/or gallery).
  • the list may be provided to a user through a display (eg, the display device 160 of FIG. 1 or 2 ).
  • the list is an item (e.g., a message, a photo, a memo) generated by a user (e.g., created, taken), or an item (e.g., a message , Currency), items received from outside (e.g.
  • the user interface may represent a user interface that arranges and provides a group of one or more items having a or a group of ordered items in a designated manner.
  • the processor 120 may detect a user input (or user gesture, user interaction). According to an embodiment, the processor 120 is configured to filter (or sort) items related to specified information (eg, user-specified filtering conditions) among one or more items included in the list. Type of user input can be detected.
  • specified information eg, user-specified filtering conditions
  • the designated information may include, for example, information related to a filtering condition (or option) set by a user among items in the list.
  • the filtering condition is a first condition for filtering items that are newly updated, pushed within a specified period, or created (or stored) and not confirmed (or unconfirmed) by the user, and according to the user's settings.
  • It may include a second condition.
  • the first condition is for items that have not been confirmed by the user, such as missed calls, unconfirmed (or unread) messages, unconfirmed reminders, updated applications, added photos, or added memos. You can include conditions to filter.
  • the second condition may include, for example, item identification information (eg, user name (or nickname), phone number, group information).
  • the user input of a specified method is, for example, in a state in which a list is displayed through a display, in a state in which a specific part of the list is selected (or touched), and various types of inputs moving in a specified direction are performed.
  • the user input may include various methods such as a swipe input, a drag & drop input, or a flick input.
  • the designated direction may vary according to a format (or direction) in which the list is provided (eg, a format that scrolls up and down, or a format that scrolls left and right).
  • the designated direction is a direction toward the lower end of the display (eg, top-down direction) while the user is looking at the electronic device 101 from the front, or a direction toward the right or left direction of the display ( Example: From left (or right) to right (or left)).
  • the processor 120 may identify an item related to the designated information based on a user input for filtering an item related to the designated information in the list. According to an embodiment, the processor 120 may filter items related to information specified in the list based on the first condition and/or the second condition set by the user in the electronic device 101.
  • the filtering condition may include an entire setting collectively set for all lists and/or an individual setting independently set for each category of the list.
  • the overall setting may include a method in which filtering conditions (or designated information) are collectively and/or commonly set for all lists regardless of the category of the list.
  • individual settings are set for each category of a list, and filtering conditions (or designated information) may be different or the same according to characteristics (or attributes) of each list.
  • the electronic device 101 may process filtering based on a filtering condition according to the entire setting, and when there is an individual setting in the list, the electronic device 101 is set individually compared to the entire setting. Priority is given to and filtering can be processed based on filtering conditions according to individual settings.
  • the processor 120 may display an item switching effect based on a user input.
  • the processor 120 moves (or while moving) the list in a first direction (eg, a direction toward the lower portion of the display with respect to the front of the electronic device 101) based on a user input, Items identified (or filtered) in a second direction opposite (or opposite) to the first direction (e.g., a direction toward the upper end of the display relative to the front of the electronic device 101) (or other List) can be provided to the user.
  • the processor 120 may display a filtered item (or a list related to the filtered item) in an area where the list exists while moving the list downward according to the user input direction.
  • the processor 120 transfers the filtered item (or a list related to the filtered item) to a direction (eg, a second direction) opposite (or opposite) to a direction of the user input (eg, a first direction).
  • a transition effect e.g., a dissolve effect and/or a fade-in/out effect
  • a visual experience and/or an aesthetic experience may be provided to a user.
  • the processor 120 may sort and display the items. According to an embodiment, the processor 120 may display the identified (or filtered) item based on the area in which the list existed, and the list may not be displayed on the display.
  • FIG. 4 is a diagram illustrating an example of an operation of providing a user interface in an electronic device according to various embodiments of the present disclosure.
  • an example of a screen that the electronic device 101 filters items under a specified condition from a list and provides them to a user may be displayed.
  • the category of the list is “messages (eg, titles-Messages)” as an example.
  • the first item 450 (or unconfirmed notification) that has not been confirmed by the user (or has not been read by the user) (for example, an unread message) and the user
  • the second item 460 (or confirmation notification) (eg, read message) confirmed by (or read by the user) may be mixed.
  • the first item 450 in the list may or may not be displayed on the current screen based on an item sorting method of the list (eg, item acquisition (or reception, storage, update) time), Items that are not displayed may be displayed by a user's scrolling (or navigation) operation.
  • an item sorting method of the list eg, item acquisition (or reception, storage, update) time
  • Items that are not displayed may be displayed by a user's scrolling (or navigation) operation.
  • the user interface includes a first area 410 (eg, a category area or an app bar) for a category (or title) and one or more items. It may include a second area 420 (eg, a content area or a list area) for a list (or content) including.
  • the user interface is based on the direction of the electronic device 101 shown in the screen example ⁇ 401>, based on a user input that moves the list of the second area 420 upward. While removing the display of 410, the second region 420 may be extended to include the first region 410.
  • the user interface may be implemented so that the first area 410 is omitted and only the second area 420 is included.
  • the first area 410 includes an expandable shape, and may be expanded in a designated direction according to a user input. For example, based on the direction of the electronic device 101 shown in the screen example ⁇ 401>, the first area 410 may be expanded based on a user input that moves the first area 410 downward. have.
  • the user interface may selectively include a third area 430 (eg, a menu area or a task switching area).
  • a third area 430 eg, a menu area or a task switching area.
  • at least one menu related to a corresponding list may be provided in the third area 430 according to the type (or category) of the list.
  • a soft button or a physical button related to a function eg, viewing a recent list, moving to a home screen, and/or going back assigned to the electronic device 101 through a part of the third area 430 is Can be provided.
  • a soft button it may be provided by overlapping (or overlaying) on the third area 430.
  • the first area 410 is a first object 411 (eg, a search object) for searching for at least one specific item in the list and/or related to the list.
  • a second object 413 eg, a menu object
  • various options or functions
  • filtering condition setting, sorting method setting, deletion menu, item selection menu may be included.
  • the user filters items from a list displayed through the display of the electronic device 101 (eg, the display device 160 of FIG. 1 or 2).
  • a user input 400 for may be performed.
  • the user may select a first item 450 (e.g., a first unconfirmed notification 451, a second unconfirmed notification 453, a third unconfirmed notification 455) and a second item 460 (e.g., a plurality of In the mixed list of confirmation notification), in order to filter and display the first item 450, a designated user input 400 may be performed on the display.
  • a first item 450 e.g., a first unconfirmed notification 451, a second unconfirmed notification 453, a third unconfirmed notification 455
  • a second item 460 e.g., a plurality of In the mixed list of confirmation notification
  • the user input 400 pulls the list down (or downwards) while touching a certain part of the list (for example, a part of the first area 410 or a part of the second area 420). It may include a gesture to move (e.g., swipe down). According to an embodiment, the user input 400 may include a gesture (eg, swipe down) of pulling down an app bar or a handler (not shown) of the first area 410.
  • the identification of the first item 450 and the second item 460 is, for example, an identifier indicating that the first item 450 is in an unconfirmed state, as illustrated in FIG. 4. 440 may be provided, and the user may recognize the confirmed or unconfirmed state of the item according to the existence of the identifier 440.
  • the electronic device 101 may identify a filtering condition (eg, a first condition and/or a second condition) set in a list based on the user input 400.
  • a filtering condition eg, a first condition and/or a second condition
  • the first condition is for items that have not been confirmed by the user, such as missed calls, unconfirmed (or unread) messages, unconfirmed reminders, updated applications, added photos, or added memos. You can include conditions to filter.
  • the second condition may include, for example, item identification information (eg, user name (or nickname), phone number, group information).
  • the electronic device 101 may filter one or more items corresponding to the list based on the identified filtering condition.
  • the electronic device 101 moves down the list based on the user input 400,
  • the filtered first item 450 (eg, the first unconfirmed notification 451, the second unconfirmed notification 453, and the third unconfirmed notification 453) may be gradually sequentially displayed in the region (or location).
  • the electronic device 101 responds to the user input 400, the first item 450 (e.g., a first unconfirmed notification 451, a second unconfirmed notification 453, a third unconfirmed notification) (455)) may be identified (or filtered, sorted), and the identified first item 450 may be excluded from the list and configured separately.
  • the list to be moved down may include only the second item 460 except for the first item 450.
  • the first item 450 may be temporarily excluded from the list, and may be provided as a new list including only the first item 450.
  • the first item 450 may be re-arranged (or added) to its original position (or original position) in the list when a list display is requested by the user or when the display of the list is terminated. .
  • the electronic device 101 displays the list below according to the user input 400.
  • the first item 450 may be provided as a dissolve effect (eg, a fade-in/out effect) in a direction opposite to the direction of the user input 400.
  • the electronic device 101 may sequentially display the first item 450 based on the order of a designated sorting method from the uppermost area of the area in which the list exists.
  • the electronic device 101 receives the first item 450 in the recently received order (eg, a first unconfirmed notification 451 -> a second unconfirmed notification 453). ) -> The third unconfirmed notification 455) may be displayed sequentially from the topmost area.
  • the electronic device 101 may provide an item switching effect based on the user input 400.
  • the electronic device 101 moves the list in a first direction based on the user input 400 (eg, a direction toward the lower end of the display based on the front of the electronic device 101),
  • a scene change effect indicating the first item 450 filtered in a second direction opposite to the direction eg, a direction toward the upper end of the display based on the front side of the electronic device 101
  • the first item 450 may be displayed in an existing area of the list while the list moves downward according to the direction of the user input 400.
  • the electronic device 101 moves the first item 450 in a direction opposite (or opposite) to a direction (eg, a first direction) of the user input 400 (eg, a second direction).
  • the first item 450 can be provided with a sense of tension and/or action through a transition effect (e.g., a dissolve effect and/or a fade-in/out effect) that appears. It is possible to provide a visual experience and/or an aesthetic experience.
  • the electronic device 101 displays the first item 450 (for example, the first item 450) as shown in the screen example ⁇ 403> until all the filtered first items 450 are displayed (or displayed) on the screen.
  • the 1 unconfirmed notification 451 and the second unconfirmed notification 453 may be displayed by being dimmed, and when all of the first items 450 appear (or displayed) on the screen (or user input ( 400), the first item 450 (for example, the first unconfirmed notification 451, the second unconfirmed notification 453, and the third unconfirmed notification 455) is completely ( Example: Bright) treatment (eg, bright treatment) can be displayed.
  • the example shown in the screen example ⁇ 407> may represent an example of a state in which the user cancels (or completes) the user input 400.
  • the electronic device 101 may arrange and display the first items 450 based on the release of the user input 400.
  • the electronic device 101 may display the first item 450 based on an area in which the list exists, and the list may not be displayed on the display.
  • the electronic device 101 displays the first item 450 based on an area in which the list exists, and is adjacent to the first item 450 (for example, in the lowermost area of the first item 450). Subsequently, adjacent) or through at least a portion of the lower portion of the display, at least a portion of the list (eg, the second item 460) may be displayed together.
  • the electronic device 101 based on a user's simple (or easy) user input (eg, gesture on a list (eg, swipe down)), the electronic device 101 It can provide the user with a quick search for. According to various embodiments, the user can easily and quickly filter items corresponding to a user-designated condition desired by the user in the list, and can intuitively check only the filtered items.
  • FIG. 5 is a flowchart illustrating a method of providing a user interface in an electronic device according to various embodiments.
  • the processor 120 of the electronic device 101 may display a first user interface.
  • the processor 120 may display a first user interface including a list of a specific category corresponding to a user request through a display (eg, the display device 160 of FIG. 1 or 2 ).
  • the first user interface includes a first area (eg, the first area 410 in FIG. 4) for a category (or title) (eg, a category area or an app bar) and one or more items.
  • a second area eg, the second area 420 of FIG. 4) for the included list (or content) (eg, a content area or a list area) may be included.
  • the processor 120 may detect a user input (or gesture) (eg, swipe down) related to item filtering. According to an embodiment, the processor 120 displays a user input in a specified manner for filtering (or sorting) an item corresponding to a specified filtering condition among one or more items included in the list (eg, FIG. 1 or FIG. It may be received from a user through the display device 160 of FIG. 2.
  • a user input or gesture
  • the processor 120 displays a user input in a specified manner for filtering (or sorting) an item corresponding to a specified filtering condition among one or more items included in the list (eg, FIG. 1 or FIG. It may be received from a user through the display device 160 of FIG. 2.
  • the processor 120 may identify a filtering condition based on a user input related to item filtering.
  • the filtering condition is a first condition for filtering items that are newly updated, pushed within a specified period, or created (or stored) and not confirmed (or unconfirmed) by the user, and the user's setting It may include a second condition according to.
  • the first condition is a condition for filtering items that have not been confirmed by the user, such as missed calls, unconfirmed (or unread) messages, unconfirmed reminders, updated applications, added photos, or added memos. It may include.
  • the second condition may include, for example, item identification information (eg, user name (or nickname), phone number, group information).
  • the processor 120 may filter at least one item corresponding to the filtering condition in the list based on the first condition and/or the second condition set by the user in the electronic device 101.
  • the filtering condition may include an entire setting collectively set for all lists and/or an individual setting independently set for each category of the list.
  • the processor 120 may identify a first item including designated information based on the filtering condition.
  • the processor 120 is based on a user input, from a list in which a first item (eg, an item related to a filtering condition) and a second item (eg, other items other than the first item) are mixed, 1 Items can be identified (or filtered, sorted).
  • the processor 120 may remove items from the list, based on a first condition, that are newly updated, pushed within a specified period, or created (or stored) and have not been confirmed (or unconfirmed) by the user. You can filter by 1 item.
  • the processor 120 first selects an item including identification information (eg, user name (or nickname), phone number, group information) according to the user's setting, based on the second condition, from the list. You can filter by item.
  • the processor 120 may separately configure a list including the first item and a list including the second item, excluding the first item from the list. have.
  • a list that is moved downward according to a user input may include a second item except for the first item.
  • the first item 450 may be temporarily excluded from the list, and may be provided as a new list including only the first item 450.
  • the processor 120 may move the list in the first direction based on the user input.
  • the processor 120 may provide a transition effect related to the second item of the list in response to the movement of the list in the first direction.
  • the transition effect related to the second item may include, for example, an effect of not sequentially displaying (or removing) the second item of the list on the screen in response to the movement of the user input.
  • the processor 120 may not display the second item based on a scene change effect such as fade-out.
  • the processor 120 may provide a transition effect indicating the first item in a second direction opposite to the first direction.
  • the transition effect related to the first item is, for example, an effect of gradually displaying the first item on the screen (eg, the previous area where the list was displayed) in response to movement of the user input to the list. It may include.
  • the processor 120 may display the first item based on a scene change effect such as fade-in.
  • operations 511 and 513 are not limited to the illustrated order, and operations 511 and 513 may be performed sequentially, in parallel, or in reverse order.
  • the processor 120 may provide an item switching effect for the first item and the second item together based on a user input.
  • the processor 120 moves the list in a first direction (e.g., a direction toward the lower end of the display with respect to the front of the electronic device 101) based on a user input, and faces the first direction.
  • a transition effect indicating the first item in a second direction (eg, a direction toward the upper end of the display with respect to the front of the electronic device 101) may be provided to the user.
  • a first item or a list related to the first item may be displayed in an existing area of the list.
  • the electronic device 101 displays the first item in a direction opposite (or opposite) to a direction (eg, a first direction) of a user input (eg, a second direction).
  • the first item may be expressed in a sense of tension or action, thereby providing a visual experience and/or an aesthetic experience to the user.
  • the processor 120 may identify whether a release of the user input is detected. For example, the processor 120 may determine whether a user input for moving the list down is released on the display (eg, touch release). According to an embodiment, release of a user input may be identified based on an explicit intention of a user, such as a substantial release of a user's touch. According to another embodiment, cancellation (or completion) of the user input may be automatically identified based on a time point when all the filtered first items appear (or are displayed) on the screen.
  • operation 515 if the processor 120 identifies that the user input is not released and is maintained (for example,'No' in operation 515), the processor 120 may proceed to operation 511 and perform operations 511 or less.
  • the second user interface may be displayed based on the release of the user input.
  • the list including the second item is removed, and the processor 120 may display a second user interface including the filtered first item (or a list based on the first item) through the display. have.
  • the processor 120 may display the identified item based on the area in which the list was present, and the list may not be displayed on the display.
  • the second user interface includes information (eg, category information) of a first area (eg, the first area 410 of FIG.
  • the processor 120 may provide a first user interface by converting it to a second user interface.
  • FIG. 6 is a diagram illustrating an example of an operation of providing a user interface in an electronic device according to various embodiments of the present disclosure.
  • a screen example in which the electronic device 101 provides a second user interface to a user by filtering items with a specified condition from a list may be displayed.
  • the category of the list is “message (eg, title-Messages)” as an example.
  • a first item 650 that has not been confirmed by the user (or has not been read by the user) and that has been confirmed by the user (or that has been read by the user)
  • An example of a list in which the second items 660 eg, lead messages
  • the second items 660 eg, lead messages
  • the first item 650 in the list may or may not be displayed on the current screen based on an item sorting method of the list (eg, item acquisition (or reception, storage, update) time), Items that are not displayed may be displayed by a user's scrolling (or navigation) operation.
  • an item sorting method of the list eg, item acquisition (or reception, storage, update) time
  • Items that are not displayed may be displayed by a user's scrolling (or navigation) operation.
  • the screen example ⁇ 601> may represent an example in which the first user interface is displayed.
  • the electronic device 101 may display a first user interface including a list of messages based on a user request through a display (eg, the display device 160 of FIG. 1 or 2 ).
  • the first user interface includes a first area 610 (eg, a category area or an app bar) for a category (or title) and a list (or content) including one or more items. It may include 2 areas 620 (for example, a content area or a list area).
  • the user can display the display of the electronic device 101 (for example, the display device 160 of FIG. 1 or 2).
  • a user input or gesture (eg, swipe down) for filtering items may be performed.
  • the electronic device 101 moves down the list based on a user input,
  • the filtered first items 650 may be gradually sequentially displayed.
  • the electronic device 101 may identify (or filter, sort) the first item 650 in response to a user input, and exclude the identified first item 650 from the list.
  • the list to be moved down may include only the second item 660 except for the first item 650.
  • the first item 650 may be temporarily excluded from the list, and may be provided as a new list including only the first item 650.
  • the first item 650 may be re-arranged (or added) to its original position (or position) in the list when a list display is requested by the user or when the display of the list is terminated. .
  • the first item 650 may be provided as a dissolve effect (eg, a fade-in/out effect) in a direction opposite to the user input direction. According to an embodiment, the electronic device 101 may sequentially display the first item 650 in the order of a designated sorting method from the uppermost area of the area in which the list exists.
  • the electronic device 101 moves the list in a first direction (for example, a direction toward the lower end of the display based on the front of the electronic device 101) based on a user input, and faces the first direction.
  • a scene change effect indicating the filtered first item 650 in a second direction may be provided to the user.
  • the first item 650 may be displayed in an existing area of the list as the list moves downward according to the direction of the user input.
  • the electronic device 101 changes the scene in which the first item 650 appears in a direction opposite (or opposite) to a direction (eg, a first direction) of a user input (eg, a second direction).
  • a direction eg, a first direction
  • a user input eg, a second direction
  • an effect eg, a dissolve effect and/or a fade-in/out effect
  • the first item 650 may be provided with a sense of tension or action, and a visual experience and/or an aesthetic experience may be provided to the user. .
  • the electronic device 101 uses the first item (as shown in the screen example ⁇ 603> and the screen example ⁇ 605> until all of the filtered first items 650 are displayed (or displayed) on the screen.
  • 650 can be displayed by being dimmed, and at the time when all the first items 650 appear (or are displayed) on the screen (or the time when the user input is canceled), as shown in the screen example ⁇ 607>,
  • the item 650 can be displayed completely (eg, bright) processed (eg, bright processed).
  • the electronic device 101 may provide a transition effect based on the first area 610 together with a transition effect related to the first item 650.
  • information 670 of the first area 610 eg, category area or app bar
  • ) e.g, category information or title
  • information 680 related to the first item eg, information related to the type and/or number of filtered items
  • the electronic device 101 displays the changed information 680 of the first area 610 as shown in the screen example ⁇ 605> until all of the first items 650 are displayed (or displayed) on the screen.
  • the changed information 680 of the 650 may be completely (eg, bright) processed (eg, bright processed) and displayed.
  • the example shown in the screen example ⁇ 607> may represent an example in which a second user interface is provided based on a state in which a user cancels (or completes) a user input.
  • the electronic device 101 may arrange and display the first items 650 based on the release of the user input. According to an embodiment, the electronic device 101 may display the first item 650 based on an area in which the list exists, and the list may not be displayed on the display. According to another embodiment, the electronic device 101 displays the first item 650 based on an area in which there is a list, and is adjacent to the first item 650 (for example, in the lowermost area of the first item 650). Subsequently, adjacent) or through at least a portion of the lower portion of the display, at least a portion of the list (eg, the second item 660) may be displayed together.
  • the electronic device 101 may arrange and display the first items 650 based on the release of the user input. According to an embodiment, the electronic device 101 may display the first item 650 based on an area in which the list exists, and the list may not be displayed on the display. According to another embodiment, the electronic device 101 displays the first item 650 based on an area in which there is a list, and is adjacent
  • First information 670 of the first area 610 for a category (or title) eg (eg, category information or title information, eg, “Messages”
  • Information 680 eg, information related to the type and/or number of filtered items, for example, “2 unread messages”
  • the first user interface of example ⁇ 601> may be provided by switching to the second user interface of screen example ⁇ 607>.
  • the electronic device 101 based on a user's simple (or easy) user input (eg, gesture on a list (eg, swipe down)), the electronic device 101 It can provide the user with a quick search for. According to various embodiments, the user can easily and quickly filter items corresponding to a user-designated condition desired by the user in the list, and can intuitively check only the filtered items.
  • FIG. 7 is a flowchart illustrating a method of operating an electronic device according to various embodiments.
  • the embodiment shown in FIG. 7 is a first item filtered based on a filtering condition (or designated information) specified in a list (for example, the first items 450 and 650 of FIG. 4 or 6). An example of an operation may be shown.
  • the processor 120 of the electronic device 101 may move the list in the first direction based on a user input (or gesture) (eg, app bar swipe down).
  • a user input eg, app bar swipe down.
  • the processor 120 may provide a scene change effect by fading-in/out the first item and the second item in response to the movement of the list.
  • the processor 120 provides a transition effect to the user in a fade-out method of sequentially removing (or hiding) the second item while moving the list in the first direction based on the user input.
  • a transition effect may be provided to the user in a fade-in method in which the first item is gradually displayed in a second direction opposite to the first direction.
  • the processor 120 does not sequentially display (or removes) the second item of the list as the list goes down according to the user input direction, and the first item or the first item in the area where the list exists. You can slowly display a list related to.
  • the processor 120 displays a scene change effect (eg, a second direction) that represents the first item in a direction (eg, a second direction) opposite (or opposite) to a direction of the user input (eg, a first direction).
  • a dissolve effect and/or a fade-in/out effect may provide a visual experience and/or an aesthetic experience to the user.
  • the processor 120 may sequentially display the first item based on a specified sort order from the highest region.
  • the processor 120 provides a transition effect while the user input is moving, and at least at the time when all the filtered first items are displayed and/or the time when the user input is completed (eg, canceled). Based on this, the first items may be sequentially displayed based on the order of a designated sorting method from the topmost area of the area where the list exists.
  • the processor 120 sorts the first items in a specified order such as the order recently received, the order recently updated, the alphabetical order, the user-specified priority order, or the order in which the first item was recently created (e.g., memo writing, photo taking) Based on the order, it can be displayed sequentially from the topmost area (eg, the area where the list was located).
  • a specified order such as the order recently received, the order recently updated, the alphabetical order, the user-specified priority order, or the order in which the first item was recently created (e.g., memo writing, photo taking) Based on the order, it can be displayed sequentially from the topmost area (eg, the area where the list was located).
  • FIG. 8 is a flowchart illustrating a method of operating an electronic device according to various embodiments.
  • the embodiment shown in FIG. 8 identifies a specified sort order for displaying filtered items (e.g., first items 450 and 650 of FIG. 4 or 6) based on a user input.
  • a specified sort order for displaying filtered items e.g., first items 450 and 650 of FIG. 4 or 6
  • An example of the operation can be shown.
  • the processor 120 of the electronic device 101 may identify an item including designated information based on a filtering condition.
  • the processor 120 may determine whether the identified item is a plurality of items based on the identification of the item. For example, the processor 120 may identify whether a plurality of items are filtered based on a result of filtering in the list. Based on the filtered result, it may be determined whether a plurality of items are filtered.
  • the processor 120 determines the identified item based on the above-described transition effect. It can be provided to the user.
  • the processor 120 may identify a specified sort order.
  • the specified sorting order is information set by the user in relation to the sorting order of items, for example, a recently received order, a recently updated order, an alphabetical order, a user-specified priority order, or a recent It can be set in various ways, such as the order in which it was created (eg, memo writing, photo taking).
  • the processor 120 may provide the identified item to the user according to a specified sorting order based on the above-described scene change effect.
  • FIG. 9 is a flowchart illustrating a method of operating an electronic device according to various embodiments.
  • the embodiment shown in FIG. 9 is based on the release (or completion) of the user input, the category area (or title area) (for example, the first area 610 in FIG. 6) and the list area ( Or the content area) (eg, the second area 620 of FIG. 6) filtered through the item (eg, the first item 650 of FIG. 6) and related information (eg, the second information 680 of FIG. 6 ). )) can be shown.
  • the processor 120 of the electronic device 101 may provide a scene change effect specified in the category area and the list area in response to a list movement.
  • the processor 120 moves the list down and displays the list based on a user input, while a scene change effect (eg, a dissolve effect and/or a fade) gradually appearing filtered items in a direction opposite to the user input direction.
  • a scene change effect eg, a dissolve effect and/or a fade
  • the first items can be sequentially displayed based on the order of a designated sorting method from the topmost area of the list area.
  • the processor 120 may provide a scene change effect to a user based on a category area together with a scene change effect related to the first item. For example, the processor 120 may transfer first information (eg, category information or title information) of a category area (or app bar) for a category (or title) to information related to the first item (eg, the filtered item). Information related to the type and/or number) can be changed and provided.
  • first information eg, category information or title information
  • the processor 120 may transfer first information (eg, category information or title information) of a category area (or app bar) for a category (or title) to information related to the first item (eg, the filtered item).
  • Information related to the type and/or number) can be changed and provided.
  • the processor 120 may detect the release of the user input.
  • the processor 120 may display information related to the identified item in the category area based on the release of the user input.
  • the processor 120 may display the identified item in the list area based on a specified sort order based on the release of the user input.
  • the order shown in operations 903 and 905 is not limited, and operations 903 and 905 may be sequentially performed, in parallel, or in reverse order.
  • the processor 120 dims the first item in the list area and changed information in the category area until all of the first items are displayed (or displayed) on the screen or until the user input is released. dim) can be displayed, and the first item in the category area and the changed information in the list area are completely processed at the time when all the first items appear (or are displayed) on the screen or when the user input is released (e.g. : Bright treatment) can be displayed.
  • the processor 120 may display the first item based on the list area in which the list exists, and the list may not be displayed on the display based on the release of the user input. According to another embodiment, the processor 120 may display the first item based on the list area in which the list exists, and display at least a part of the list adjacent to the first item or through a lower portion of the display. have.
  • First information eg “Messages” of the first area 610 for a category (or title) may be changed to second information related to the first item (eg “2 unread messages”) and provided.
  • the electronic device 101 may provide the first user interface of the screen example ⁇ 601> by switching to the second user interface of the screen example ⁇ 607>.
  • FIG. 10 is a flowchart illustrating a method of operating an electronic device according to various embodiments.
  • FIG. 10 may show an example of an operation of executing content related to an item and then returning (or going back) to a previous step in a filtered item-based user interface.
  • the processor 120 of the electronic device 101 may display a filtered item-based user interface.
  • the processor 120 may display an item-based user interface filtered according to a filtering condition, as shown in the above-described screen example ⁇ 407> of FIG. 4 or the screen example ⁇ 607> of FIG. 6. have.
  • the processor 120 may detect a user input (eg, a first user input) related to item selection (eg, touch). According to an embodiment, the processor 120 displays a first user input for selecting (eg, touching) a specific item from one or more items included in the user interface (eg, the display device of FIG. 1 or 2 ). 160)) from the user.
  • a user input eg, a first user input
  • the processor 120 displays a first user input for selecting (eg, touching) a specific item from one or more items included in the user interface (eg, the display device of FIG. 1 or 2 ). 160) from the user.
  • the processor 120 may display content related to the item.
  • the processor 120 displays content related to an item based on an application related to an item selected by a user (eg, an application that provides a current list) (eg, the display device of FIG. 1 or 2 ). 160)).
  • an application related to an item selected by a user eg, an application that provides a current list
  • the processor 120 relates to an item selected from an application currently being executed (eg, currently providing a corresponding list) without executing (or entering) an additional application. Content can be provided directly to users.
  • the currently running application is an application that provides (or displays) a current list provided according to a user request, and may indicate an application related to a category of the current list.
  • the processor 120 selects the displayed first information (for example, a filtered item-based user interface) from an application that is currently providing a list without changing the application.
  • the second information eg, content
  • the second information may be converted and provided to the user.
  • the processor 120 is a first user who selects an item. Based on the input, the content of an unidentified message (eg, text content) may be displayed through the message application.
  • an unidentified message eg, text content
  • the processor 120 is Based on a user input, the content of a newly created memo (eg, memo content) may be displayed through the notepad application.
  • a newly created memo eg, memo content
  • the processor 120 selects the first item. Based on a user input, content of a newly taken picture (eg, a full screen of a picture) may be displayed through the gallery application.
  • the processor 120 is a first user input for selecting an item. Based on the phone application, the content of the missed call (eg, contact information) may be displayed.
  • Various embodiments are not limited thereto, and various applications may filter items with a specified condition and provide content related to the filtered items.
  • the processor 120 may detect a user input (eg, a second user input) related to a return while displaying content.
  • the second user input may include a designated input for returning to a previous operation (or step) (eg, displaying a list or displaying a filtered item) while displaying content.
  • the second user input includes, for example, an input by a designated function button (eg, a soft button or a physical button) for return, and a designated user gesture (eg, the electronic device 101) for return. It may include an input by using a designated motion operation), and/or an input by a designated voice command for return.
  • the processor 120 may determine a set option (or information). According to an embodiment, when detecting a second user input, the processor 120 may identify an option (or information) related to a target step (eg, a previous step) returned according to the second user input. According to an embodiment, the set options include a first method for entering (or switching, returning) to a step of displaying a list before item filtering (eg, a first state), and a step of displaying the filtered item (eg : A second method for entering the second state) may be included.
  • the processor 120 may display a user interface related to a list including all items based on the first method option. According to an embodiment, the processor 120 excludes the item selected (or confirmed) by the user from the list from the first item corresponding to the filtering condition (eg, processed as a confirmed item) and includes it as a second item. I can. According to an embodiment, when providing a list, the processor 120 may arrange the items of the list by placing the filtered item (eg, a first item) at an original position in the list.
  • the filtered item eg, a first item
  • the processor 120 when the processor 120 identifies that the set option is the second method, in operation 1013, based on the second method option, the processor 120 is selected from the user interface of the previous step (for example, the user interface of operation 1001) ( Alternatively, a user interface related to the remaining filtered items can be displayed, excluding the checked items. According to an embodiment, the processor 120 may exclude the item selected by the user from the first item in the filtered item-based user interface (eg, process it as a confirmed item) and include it as a second item. According to an embodiment, the processor 120 may arrange items in the list by placing items excluded from the first item at their original positions in the list.
  • FIG. 11 is a diagram illustrating an example of an operation of providing a user interface in an electronic device according to various embodiments of the present disclosure.
  • an example of a screen may be shown in which content related to an item is executed and provided, and then returned to a previous step to provide a corresponding user interface.
  • a screen example ⁇ 1101> may represent an example in which a user interface based on a filtered item (eg, a first item) is displayed.
  • the electronic device 101 may display an item-based user interface filtered according to a filtering condition, as shown in the above-described screen example ⁇ 407> of FIG. 4 or the screen example ⁇ 607> of FIG. 6.
  • a filtering condition as shown in the above-described screen example ⁇ 407> of FIG. 4 or the screen example ⁇ 607> of FIG. 6.
  • Screen Example In the embodiment shown in ⁇ 1101>, an example in which two filtered items 1110 and 1120 are included may be shown.
  • a user selects (eg, touchs) a specific item 1110 (eg, Alexa Green) from the filtered items 1110 and 1120 included in the user interface as shown in the screen example ⁇ 1101>,
  • a specific item 1110 eg, Alexa Green
  • An example of a screen displaying content related to the item 1110 may be displayed.
  • the electronic device 101 displays content (eg, text content) related to the selected item 1110 through a display (eg, the display device 160 of FIG. 1 or 2). Can be displayed.
  • the electronic device 101 displays content related to the item 1110 through a display based on an application currently being executed in relation to the item 1110 selected by the user in the screen example ⁇ 1101>.
  • the currently running application may be an application that provides (or displays) a current list provided according to a user request.
  • the electronic device 101 displays the contents of an unidentified message (eg, text content) through the message application as in the screen example ⁇ 1103>. Can be displayed.
  • an unidentified message eg, text content
  • the user checks the content related to the selected item 1110 as shown in the screen example ⁇ 1103>, and then returns (or returns) to a previous step (eg, displaying a list or displaying a filtered item).
  • a previous step eg, displaying a list or displaying a filtered item.
  • user input related to return is input by a designated function button (eg, soft button or physical button) for return, and a designated user gesture for return (eg, designated motion operation using the electronic device 101) It may include input by or by a designated voice command for return.
  • Screen example ⁇ 1103> may show an example of using the designated function button 1100 (eg, a back button) for return.
  • the electronic device 101 may receive a user input for return from the user through the designated function button 1100.
  • the electronic device 101 when detecting a user input for return, the electronic device 101 illustrates a screen based on an option (or information) related to a target step (eg, a previous step) returned according to the user input.
  • a user interface corresponding to the screen example ⁇ 1107> may be provided.
  • the set option includes a first method (or first setting, first option) for entering (or switching, returning) to the step of displaying a list before item filtering, and displaying the filtered item. It may include a second method (or a second setting, a second option) for entering the step.
  • an option related to the returned target step may be preset in the electronic device 101 by a user.
  • the screen example ⁇ 1105> may represent an example of screen switching when the returned target step is a step of the first method.
  • the electronic device 101 may display a user interface related to a list including all items.
  • the electronic device 101 excludes the item 1110 selected (or confirmed) by the user from the list from the first item corresponding to the filtering condition (eg, processed as a confirmed item), and Can be included as 2 items.
  • the electronic device 101 is to place a corresponding item 1110 (eg, a confirmed item) excluded from the first item in an original position (eg, 1130) (or in place) in the list. I can.
  • the screen example ⁇ 1107> may represent an example of screen switching when the returned target step is a step of the second method.
  • the electronic device 101 excludes the item 1110 selected (or confirmed) in the user interface of the previous step (for example, the user interface of screen example ⁇ 1103>), and the remaining filtered items 1120 You can display the relevant user interface.
  • the electronic device 101 excludes the item 1110 selected by the user from the first item in the filtered item-based user interface (eg, processed as a confirmed item) and only the remaining items 1120 Can provide.
  • the processor 120 may place the item 1110 excluded from the first item in an original position (eg, 1130) (or in place) in the list.
  • 12, 13, 14, and 15 are diagrams for explaining an example of a list that can operate according to various embodiments.
  • 12, 13, 14, and 15 show examples of types of lists that can be operated according to various embodiments, and various embodiments are not limited thereto, and various embodiments that the electronic device 101 may have. It can also be applied in the form of a list.
  • FIG. 12 may show an example of a user interface when the category of the list is “telephone”.
  • the electronic device 101 may filter and provide an item (eg, missed call history) of a specified first condition based on a user input for item filtering.
  • the electronic device 101 is an item (eg, designated identification information) (eg, user name (or nickname), phone number, group information) with a second condition designated based on a user input for item filtering. Can be provided to users by filtering.
  • designated identification information eg, user name (or nickname), phone number, group information
  • FIG. 13 may show an example of a user interface when the category of the list is “message”.
  • the electronic device 101 may filter and provide an item (eg, an unread message) with a specified first condition based on a user input for item filtering.
  • the electronic device 101 is an item with a second condition designated based on a user input for item filtering (eg, designated identification information (eg, user name (or nickname), phone number, group information)) Can be provided to users by filtering.
  • a user input for item filtering eg, designated identification information (eg, user name (or nickname), phone number, group information)
  • FIG. 14 may show an example of a user interface when a category of a list is “reminders”.
  • the electronic device 101 may filter and provide an item (for example, an incomplete schedule) with a specified first condition based on a user input for item filtering.
  • the electronic device 101 may filter an item (eg, designated identification information (eg, designated schedule)) of a designated second condition based on a user input for item filtering and provide it to the user.
  • an item eg, designated identification information (eg, designated schedule)
  • FIG. 15 may show an example of a user interface when the category of the list is “memo”.
  • the electronic device 101 may filter and provide an item (eg, an updated memo) with a specified first condition based on a user input for item filtering.
  • the electronic device 101 stores an item with a designated second condition (eg, designated identification information (eg, a memo of a designated date, a memo including a specific character string)) based on a user input for item filtering. It can be filtered and provided to the user.
  • a designated second condition eg, designated identification information (eg, a memo of a designated date, a memo including a specific character string)
  • the electronic device 101 may apply a user-specified condition item in the list based on a user's simple (or easy) user input (eg, a gesture on a list). It can provide users with a quick search for. According to various embodiments, the user can easily and quickly filter items corresponding to a user-designated condition desired by the user in the list, and can intuitively check only the filtered items. According to various embodiments of the present disclosure, the electronic device 101 displays a filtered item (or a list related to the filtered item) in a direction opposite to (or opposite to) a direction of a user input. Based on the dissolve effect and/or the fade-in/out effect), the filtered item may be provided with a sense of tension and/or action, and a visual experience and/or an aesthetic experience may be provided to the user.
  • a user's simple (or easy) user input eg, a gesture on a list.
  • An operation method performed by the electronic device 101 includes an operation of displaying a list through a display (eg, the display device 160 of FIG. 1 or 2), and an operation of displaying a list.
  • the identifying operation includes filtering an item related to a user-specified filtering condition among one or more items included in the list based on the user input, and the The filtering condition may include a condition that is set based on an entire setting collectively set for all lists and/or an individual setting independently set for each category of the list.
  • the providing of the telephone effect includes displaying the at least one item in an area where the list exists while moving the list downward according to the direction of the user input,
  • a visual experience and/or an aesthetic experience may be provided based on a scene change effect in which the at least one item appears in the second direction opposite to the first direction of the user input.
  • the displaying of the at least one item includes an operation of sequentially removing an item of the list from the screen in response to a movement of the user input, and the at least one display in response to a movement of the user input.
  • the at least one item when the at least one item is filtered from the list, excluding the at least one item from the list, a list including the at least one item and the at least one item are excluded.
  • the operation of separately configuring the list may be further included.
  • the displaying of the list includes displaying a user interface including a first area for a category of the list and a second area for the list, and the at least one item When is displayed, information on the first area may be changed to information related to the at least one item, and the at least one item may be displayed based on the second area.
  • detecting a first input for selecting an item from the at least one item, displaying content related to the selected item through the display based on the first input, the content Detecting a second input related to return while displaying, based on the second input, returning to a first state displaying the list or a second state displaying the at least one item It may include.
  • the returning operation includes, when returning to the first state, excluding the selected item from the list from at least one item including the specified information, and removing the selected item from the list. An operation of placing the selected item at a corresponding position, and when returning to the second state, an operation of excluding the selected item from the at least one item and displaying the selected item.
  • the returning operation may include displaying the content based on an application providing the list without changing an application.

Landscapes

  • Engineering & Computer Science (AREA)
  • Computer Networks & Wireless Communication (AREA)
  • Signal Processing (AREA)
  • Human Computer Interaction (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

Various embodiments of the present disclosure disclose a method for operating a list including a plurality of items in an electronic device on the basis of a user input, and an apparatus therefor. The electronic device according to various embodiments comprises a display, a processor, and a memory, wherein the memory may store instructions that allow, when executed, the processor to: display the list through the display; detect, on the list, the user input moving in a designated first direction; identify at least one item including designated information, on the basis of the user input; while the list is moved in the first direction on the basis of the user input, provide a transition effect indicating the at least one item, in a second direction facing the first direction; and on the basis of cancellation of the user input, display the at least one item. Various embodiments are possible.

Description

전자 장치에서 리스트를 제공하는 방법 및 장치Method and apparatus for providing a list in an electronic device
본 개시의 다양한 실시예들은 전자 장치에서 복수의 아이템들을 포함하는 리스트를 사용자 입력에 기반하여 운영하는 방법 및 그를 위한 장치에 관하여 개시한다. Various embodiments of the present disclosure disclose a method of operating a list including a plurality of items in an electronic device based on a user input, and an apparatus therefor.
최근 디지털 기술의 발달과 함께 이동통신 단말기, 스마트폰(smart phone), 태블릿(tablet) PC(personal computer), 노트북(notebook), 또는 웨어러블 장치(wearable device)와 같은 다양한 유형의 전자 장치가 널리 사용되고 있다.With the recent development of digital technology, various types of electronic devices such as mobile communication terminals, smart phones, tablet PCs (personal computers), notebooks, or wearable devices are widely used. have.
전자 장치는 메시지, 통화, 리마인더, 갤러리, 및/또는 메모장과 같은 다양한 어플리케이션이 설치될 수 있다. 전자 장치에 설치된 어플리케이션 중에는 하나 또는 그 이상의 아이템을 포함하는 리스트(list)를 제공할 수 있다. 리스트는, 동일한(또는 같은) 속성을 가지는 하나 또는 그 이상의 아이템의 그룹 또는 순서가 매겨진 아이템의 그룹을 지정된 방식으로 정렬하여 제공하는 사용자 인터페이스를 나타낼 수 있다. Various applications such as messages, calls, reminders, galleries, and/or notepads may be installed on the electronic device. Among applications installed in the electronic device, a list including one or more items may be provided. The list may represent a user interface that arranges and provides a group of one or more items having the same (or the same) attribute or a group of ordered items in a designated manner.
일 실시예에 따라, 메시지 어플리케이션에 의해 제공되는 리스트를 예로 하면, 리스트는 외부와 송수신된 메시지에 대응하는 복수의 아이템으로 이루이질 수 있다. 복수의 아이템은, 예를 들면, 사용자에 의해 확인된 아이템(예: 읽은 아이템)과 사용자에 의해 확인되지 않은 미확인 아이템(예: 읽지 않은 아이템)이 혼재할 수 있다. 또한 리스트의 아이템은 추가적으로 송수신되는 다수의 아이템이 리스트의 상단 위치에서부터 제공됨에 따라, 사용자가 미확인 아이템을 확인하기 위해서는 사용자가 계속적인 스크롤링 동작을 반복해야 할 수 있다. 따라서, 미확인 아이템과 확인 아이템이 혼재하는 리스트에서, 사용자가 미확인 아이템을 탐색하기 위한 시간 소요와 번거로움이 있을 수 있다.According to an embodiment, taking a list provided by a message application as an example, the list may consist of a plurality of items corresponding to messages transmitted and received with the outside world. In the plurality of items, for example, items that have been confirmed by the user (for example, items that have been read) and unconfirmed items that have not been confirmed by the user (for example, items that have not been read) may be mixed. In addition, as a plurality of items in the list are additionally transmitted/received, a plurality of items to be transmitted/received are provided from the upper position of the list, so that the user may have to repeat the scrolling operation continuously in order for the user to check the unconfirmed item. Accordingly, in a list in which unconfirmed items and confirmed items are mixed, it may take time and inconvenience for a user to search for an unconfirmed item.
다양한 실시예들에서는, 전자 장치에서 리스트를 포함하는 사용자 인터페이스를 제공하는 방법 및 장치에 관하여 개시한다.In various embodiments, a method and apparatus for providing a user interface including a list in an electronic device are disclosed.
다양한 실시예들에서는, 복수의 아이템들을 포함하는 리스트에서 사용자 입력에 기반하여 지정된 조건의 아이템을 필터링 하여 사용자에게 제공할 수 있는 방법 및 장치에 관하여 개시한다.In various embodiments, a method and an apparatus for filtering an item of a specified condition based on a user input from a list including a plurality of items and providing it to a user are disclosed.
본 개시의 다양한 실시예들에 따른 전자 장치는, 디스플레이, 프로세서, 및 상기 프로세서와 작동적으로 연결된 메모리를 포함하고, 상기 메모리는, 실행 시에, 상기 프로세서가, 상기 디스플레이를 통해 리스트를 표시하고, 상기 리스트에서 지정된 제1 방향으로 이동하는 사용자 입력을 감지하고, 상기 사용자 입력에 기반하여 지정된 정보를 포함하는 적어도 하나의 아이템을 식별하고, 상기 사용자 입력에 기반하여 상기 리스트를 상기 제1 방향으로 이동하는 동안, 상기 제1 방향과 대향하는 제2 방향으로 상기 적어도 하나의 아이템을 나타내는 전환 효과를 제공하고, 상기 사용자 입력의 해제에 기반하여 상기 적어도 하나의 아이템을 표시하도록 하는 인스트럭션들을 저장할 수 있다.An electronic device according to various embodiments of the present disclosure includes a display, a processor, and a memory operatively connected to the processor, and the memory, when executed, the processor displays a list through the display, and , Detecting a user input moving in the first direction specified in the list, identifying at least one item including specified information based on the user input, and moving the list in the first direction based on the user input During movement, instructions for providing a transition effect indicating the at least one item in a second direction opposite to the first direction and displaying the at least one item based on the release of the user input may be stored. .
본 개시의 다양한 실시예들에 따른 전자 장치의 동작 방법은, 디스플레이를 통해 리스트를 표시하는 동작, 상기 리스트에서 지정된 제1 방향으로 이동하는 사용자 입력을 감지하는 동작, 상기 사용자 입력에 기반하여 지정된 정보를 포함하는 적어도 하나의 아이템을 식별하는 동작, 상기 사용자 입력에 기반하여 상기 리스트를 상기 제1 방향으로 이동하는 동안, 상기 제1 방향과 대향하는 제2 방향으로 상기 적어도 하나의 아이템을 나타내는 전환 효과를 제공하는 동작, 및 상기 사용자 입력의 해제에 기반하여 상기 적어도 하나의 아이템을 표시하는 동작을 포함할 수 있다.An operation method of an electronic device according to various embodiments of the present disclosure includes an operation of displaying a list through a display, an operation of detecting a user input moving in a designated first direction in the list, and information designated based on the user input. Identifying at least one item, including, while moving the list in the first direction based on the user input, a transition effect indicating the at least one item in a second direction opposite to the first direction And displaying the at least one item based on release of the user input.
상기와 같은 과제를 해결하기 위하여 본 개시의 다양한 실시예들에서는, 상기 방법을 프로세서에서 실행시키기 위한 프로그램을 기록한 컴퓨터로 판독 가능한 기록 매체를 포함할 수 있다.In order to solve the above problems, various embodiments of the present disclosure may include a computer-readable recording medium storing a program for executing the method in a processor.
본 개시의 적용 가능성의 추가적인 범위는 이하의 상세한 설명으로부터 명백해질 것이다. 그러나 본 개시의 사상 및 범위 내에서 다양한 변경 및 수정은 당업자에게 명확하게 이해될 수 있으므로, 상세한 설명 및 본 개시의 바람직한 실시예와 같은 특정 실시예는 단지 예시로 주어진 것으로 이해되어야 한다.Further scope of applicability of the present disclosure will become apparent from the detailed description below. However, various changes and modifications within the spirit and scope of the present disclosure may be clearly understood by those skilled in the art, and thus specific embodiments such as the detailed description and preferred embodiments of the present disclosure should be understood as being given by way of example only.
다양한 실시예들에 따른 전자 장치 및 그의 동작 방법에 따르면, 전자 장치는 복수의 아이템들을 포함하는 리스트를 표시하는 상태에서, 사용자 입력에 기반하여 필터링 조건에 대응하는 적어도 하나의 아이템을 필터링 할 수 있다. 다양한 실시예들에 따르면, 전자 장치는 사용자의 간단한(또는 손쉬운) 사용자 입력에 기반하여, 리스트에서 사용자 지정 조건의 아이템을 빠르게 필터링 하고, 리스트를 필터링된 아이템에 기반하여 사용자에게 제공할 수 있다. 다양한 실시예들에 따르면, 사용자는 리스트에서 사용자가 원하는 사용자 지정 조건에 대응하는 아이템을 손쉽고 빠르게 필터링 할 수 있고, 필터링된 아이템만을 직관적으로 확인할 수 있다. 다양한 실시예들에 따른 전자 장치에 의해, 전자 장치의 사용성, 편의성 및 경쟁력을 향상시킬 수 있다.According to the electronic device and its operating method according to various embodiments, while displaying a list including a plurality of items, the electronic device may filter at least one item corresponding to a filtering condition based on a user input. . According to various embodiments, the electronic device may quickly filter an item of a user-specified condition from a list based on a user's simple (or easy) user input, and provide the list to the user based on the filtered item. According to various embodiments, the user can easily and quickly filter items corresponding to a user-designated condition desired by the user in the list, and can intuitively check only the filtered items. Usability, convenience, and competitiveness of the electronic device may be improved by the electronic device according to various embodiments.
도 1은 다양한 실시예들에 따른 네트워크 환경 내의 전자 장치의 블록도이다.1 is a block diagram of an electronic device in a network environment according to various embodiments of the present disclosure.
도 2는 다양한 실시예들에 따른 표시 장치의 블록도이다.2 is a block diagram of a display device according to various embodiments of the present disclosure.
도 3은 다양한 실시예들에 따른 전자 장치의 동작 방법을 도시하는 흐름도이다.3 is a flowchart illustrating a method of operating an electronic device according to various embodiments of the present disclosure.
도 4는 다양한 실시예들에 따른 전자 장치에서 사용자 인터페이스를 제공하는 동작 예를 설명하기 위한 도면이다.4 is a diagram illustrating an example of an operation of providing a user interface in an electronic device according to various embodiments of the present disclosure.
도 5는 다양한 실시예들에 따른 전자 장치에서 사용자 인터페이스를 제공하는 방법을 도시하는 흐름도이다.5 is a flowchart illustrating a method of providing a user interface in an electronic device according to various embodiments.
도 6은 다양한 실시예들에 따른 전자 장치에서 사용자 인터페이스를 제공하는 동작 예를 설명하기 위한 도면이다.6 is a diagram illustrating an example of an operation of providing a user interface in an electronic device according to various embodiments of the present disclosure.
도 7은 다양한 실시예들에 따른 전자 장치의 동작 방법을 도시하는 흐름도이다.7 is a flowchart illustrating a method of operating an electronic device according to various embodiments.
도 8은 다양한 실시예들에 따른 전자 장치의 동작 방법을 도시하는 흐름도이다.8 is a flowchart illustrating a method of operating an electronic device according to various embodiments.
도 9는 다양한 실시예들에 따른 전자 장치의 동작 방법을 도시하는 흐름도이다.9 is a flowchart illustrating a method of operating an electronic device according to various embodiments.
도 10은 다양한 실시예들에 따른 전자 장치의 동작 방법을 도시하는 흐름도이다.10 is a flowchart illustrating a method of operating an electronic device according to various embodiments.
도 11은 다양한 실시예들에 따른 전자 장치에서 사용자 인터페이스를 제공하는 동작 예를 설명하기 위한 도면이다.11 is a diagram illustrating an example of an operation of providing a user interface in an electronic device according to various embodiments of the present disclosure.
도 12는 다양한 실시예들에 따라 동작할 수 있는 리스트의 예를 설명하기 위한 도면이다.12 is a diagram for describing an example of a list that can operate according to various embodiments.
도 13은 다양한 실시예들에 따라 동작할 수 있는 리스트의 예를 설명하기 위한 도면이다.13 is a diagram for describing an example of a list that can operate according to various embodiments.
도 14는 다양한 실시예들에 따라 동작할 수 있는 리스트의 예를 설명하기 위한 도면이다.14 is a diagram for describing an example of a list that can operate according to various embodiments.
도 15는 다양한 실시예들에 따라 동작할 수 있는 리스트의 예를 설명하기 위한 도면이다.15 is a diagram for describing an example of a list that can operate according to various embodiments.
도 1은 다양한 실시예들에 따른 네트워크 환경(100) 내의 전자 장치(101)의 블록도이다. 1 is a block diagram of an electronic device 101 in a network environment 100 according to various embodiments.
도 1을 참조하면, 네트워크 환경(100)에서 전자 장치(101)는 제1 네트워크(198)(예: 근거리 무선 통신 네트워크)를 통하여 전자 장치(102)와 통신하거나, 또는 제2 네트워크(199)(예: 원거리 무선 통신 네트워크)를 통하여 전자 장치(104) 또는 서버(108)와 통신할 수 있다. 일 실시예에 따르면, 전자 장치(101)는 서버(108)를 통하여 전자 장치(104)와 통신할 수 있다. 일 실시예에 따르면, 전자 장치(101)는 프로세서(120), 메모리(130), 입력 장치(150), 음향 출력 장치(155), 표시 장치(160), 오디오 모듈(170), 센서 모듈(176), 인터페이스(177), 햅틱 모듈(179), 카메라 모듈(180), 전력 관리 모듈(188), 배터리(189), 통신 모듈(190), 가입자 식별 모듈(196), 또는 안테나 모듈(197)을 포함할 수 있다. 어떤 실시예에서는, 전자 장치(101)에는, 이 구성 요소들 중 적어도 하나(예: 표시 장치(160) 또는 카메라 모듈(180))가 생략되거나, 하나 이상의 다른 구성 요소가 추가될 수 있다. 어떤 실시예에서는, 이 구성 요소들 중 일부들은 하나의 통합된 회로로 구현될 수 있다. 예를 들면, 센서 모듈(176)(예: 지문 센서, 홍채 센서, 또는 조도 센서)은 표시 장치(160)(예: 디스플레이)에 임베디드(embedded)된 채 구현될 수 있다.Referring to FIG. 1, in a network environment 100, the electronic device 101 communicates with the electronic device 102 through a first network 198 (for example, a short-range wireless communication network), or a second network 199 It is possible to communicate with the electronic device 104 or the server 108 through (eg, a long-distance wireless communication network). According to an embodiment, the electronic device 101 may communicate with the electronic device 104 through the server 108. According to an embodiment, the electronic device 101 includes a processor 120, a memory 130, an input device 150, an audio output device 155, a display device 160, an audio module 170, and a sensor module ( 176, interface 177, haptic module 179, camera module 180, power management module 188, battery 189, communication module 190, subscriber identification module 196, or antenna module 197 ) Can be included. In some embodiments, at least one of these components (for example, the display device 160 or the camera module 180) may be omitted or one or more other components may be added to the electronic device 101. In some embodiments, some of these components may be implemented as one integrated circuit. For example, the sensor module 176 (eg, a fingerprint sensor, an iris sensor, or an illuminance sensor) may be implemented while being embedded in the display device 160 (eg, a display).
프로세서(120)는, 예를 들면, 소프트웨어(예: 프로그램(140))를 실행하여 프로세서(120)에 연결된 전자 장치(101)의 적어도 하나의 다른 구성 요소(예: 하드웨어 또는 소프트웨어 구성 요소)를 제어할 수 있고, 다양한 데이터 처리 또는 연산을 수행할 수 있다. 일 실시예에 따르면, 데이터 처리 또는 연산의 적어도 일부로서, 프로세서(120)는 다른 구성 요소(예: 센서 모듈(176) 또는 통신 모듈(190))로부터 수신된 명령 또는 데이터를 휘발성 메모리(volatile memory)(132)에 로드(load)하고, 휘발성 메모리(132)에 저장된 명령 또는 데이터를 처리하고, 결과 데이터를 비휘발성 메모리(non-volatile memory)(134)에 저장할 수 있다. 일 실시예에 따르면, 프로세서(120)는 메인 프로세서(121)(예: 중앙 처리 장치(CPU, central processing unit) 또는 어플리케이션 프로세서(AP, application processor)), 및 이와는 독립적으로 또는 함께 운영 가능한 보조 프로세서(123)(예: 그래픽 처리 장치(GPU, graphic processing unit), 이미지 시그널 프로세서(ISP, image signal processor), 센서 허브 프로세서(sensor hub processor), 또는 커뮤니케이션 프로세서(CP, communication processor))를 포함할 수 있다. 추가적으로 또는 대체적으로, 보조 프로세서(123)는 메인 프로세서(121)보다 저전력을 사용하거나, 또는 지정된 기능에 특화되도록 설정될 수 있다. 보조 프로세서(123)는 메인 프로세서(121)와 별개로, 또는 그 일부로서 구현될 수 있다.The processor 120, for example, executes software (eg, a program 140) to implement at least one other component (eg, a hardware or software component) of the electronic device 101 connected to the processor 120. It can be controlled and can perform various data processing or operations. According to an embodiment, as at least part of data processing or operation, the processor 120 may convert commands or data received from other components (eg, the sensor module 176 or the communication module 190) into a volatile memory. ) 132, process commands or data stored in the volatile memory 132, and store result data in a non-volatile memory 134. According to an embodiment, the processor 120 is a main processor 121 (for example, a central processing unit (CPU) or an application processor (AP)), and a coprocessor that can be operated independently or together therewith. 123 (eg, a graphic processing unit (GPU), an image signal processor (ISP), a sensor hub processor, or a communication processor (CP)). I can. Additionally or alternatively, the coprocessor 123 may be set to use lower power than the main processor 121 or to be specialized for a designated function. The secondary processor 123 may be implemented separately from the main processor 121 or as a part thereof.
보조 프로세서(123)는, 예를 들면, 메인 프로세서(121)가 인액티브(inactive)(예: 슬립(sleep)) 상태에 있는 동안 메인 프로세서(121)를 대신하여, 또는 메인 프로세서(121)가 액티브(active)(예: 어플리케이션 실행) 상태에 있는 동안 메인 프로세서(121)와 함께, 전자 장치(101)의 구성 요소들 중 적어도 하나의 구성 요소(예: 표시 장치(160), 센서 모듈(176), 또는 통신 모듈(190))과 관련된 기능 또는 상태들의 적어도 일부를 제어할 수 있다. 일 실시예에 따르면, 보조 프로세서(123)(예: 이미지 시그널 프로세서 또는 커뮤니케이션 프로세서)는 기능적으로 관련 있는 다른 구성 요소(예: 카메라 모듈(180) 또는 통신 모듈(190))의 일부로서 구현될 수 있다. The coprocessor 123 is, for example, on behalf of the main processor 121 while the main processor 121 is in an inactive (eg, sleep) state, or the main processor 121 While in the active (eg, application execution) state, together with the main processor 121, at least one of the components of the electronic device 101 (eg, the display device 160, the sensor module 176) ), or at least some of the functions or states related to the communication module 190). According to an embodiment, the coprocessor 123 (eg, an image signal processor or a communication processor) may be implemented as a part of other functionally related components (eg, the camera module 180 or the communication module 190). have.
메모리(130)는, 전자 장치(101)의 적어도 하나의 구성 요소(예: 프로세서(120) 또는 센서모듈(176))에 의해 사용되는 다양한 데이터를 저장할 수 있다. 데이터는, 예를 들어, 소프트웨어(예: 프로그램(140)) 및, 이와 관련된 명령에 대한 입력 데이터 또는 출력 데이터를 포함할 수 있다. 메모리(130)는, 휘발성 메모리(132) 또는 비휘발성 메모리(134)를 포함할 수 있다. The memory 130 may store various types of data used by at least one component of the electronic device 101 (eg, the processor 120 or the sensor module 176 ). The data may include, for example, software (eg, the program 140) and input data or output data for commands related thereto. The memory 130 may include a volatile memory 132 or a nonvolatile memory 134.
프로그램(140)은 메모리(130)에 소프트웨어로서 저장될 수 있으며, 예를 들면, 운영 체제(OS, operating system)(142), 미들웨어(middleware)(144) 또는 어플리케이션(146)을 포함할 수 있다. The program 140 may be stored as software in the memory 130, and may include, for example, an operating system (OS) 142, a middleware 144, or an application 146. .
입력 장치(150)는, 전자 장치(101)의 구성 요소(예: 프로세서(120))에 사용될 명령 또는 데이터를 전자 장치(101)의 외부(예: 사용자)로부터 수신할 수 있다. 입력 장치(150)는, 예를 들면, 마이크, 마우스, 키보드, 또는 디지털 펜(예: 스타일러스 펜)을 포함할 수 있다. The input device 150 may receive a command or data to be used for a component of the electronic device 101 (eg, the processor 120) from outside (eg, a user) of the electronic device 101. The input device 150 may include, for example, a microphone, a mouse, a keyboard, or a digital pen (eg, a stylus pen).
음향 출력 장치(155)는 음향 신호를 전자 장치(101)의 외부로 출력할 수 있다. 음향 출력 장치(155)는, 예를 들면, 스피커(speaker) 또는 리시버(receiver)를 포함할 수 있다. 스피커는 멀티미디어 재생 또는 녹음 재생과 같이 일반적인 용도로 사용될 수 있고, 리시버는 착신 전화를 수신하기 위해 사용될 수 있다. 일 실시예에 따르면, 리시버는 스피커와 별개로, 또는 그 일부로서 구현될 수 있다.The sound output device 155 may output an sound signal to the outside of the electronic device 101. The sound output device 155 may include, for example, a speaker or a receiver. The speaker can be used for general purposes such as multimedia playback or recording playback, and the receiver can be used to receive incoming calls. According to one embodiment, the receiver may be implemented separately from the speaker or as part of the speaker.
표시 장치(160)는 전자 장치(101)의 외부(예: 사용자)로 정보를 시각적으로 제공할 수 있다. 표시 장치(160)는, 예를 들면, 디스플레이, 홀로그램 장치, 또는 프로젝터 및 해당 장치를 제어하기 위한 제어 회로를 포함할 수 있다. 일 실시예에 따르면, 표시 장치(160)는 터치를 감지하도록 설정된 터치 회로(touch circuitry), 또는 상기 터치에 의해 발생되는 힘의 세기를 측정하도록 설정된 센서 회로(예: 압력 센서(pressure sensor))를 포함할 수 있다. The display device 160 may visually provide information to the outside of the electronic device 101 (eg, a user). The display device 160 may include, for example, a display, a hologram device, or a projector and a control circuit for controlling the device. According to an embodiment, the display device 160 includes a touch circuitry set to sense a touch, or a sensor circuit set to measure the strength of a force generated by the touch (for example, a pressure sensor). It may include.
오디오 모듈(170)은 소리를 전기 신호로 변환시키거나, 반대로 전기 신호를 소리로 변환시킬 수 있다. 일 실시예에 따르면, 오디오 모듈(170)은, 입력 장치(150)를 통해 소리를 획득하거나, 음향 출력 장치(155), 또는 전자 장치(101)와 직접 또는 무선으로 연결된 외부 전자 장치(예: 전자 장치(102))(예: 스피커 또는 헤드폰))를 통해 소리를 출력할 수 있다.The audio module 170 may convert sound into an electrical signal, or conversely, may convert an electrical signal into sound. According to an embodiment, the audio module 170 acquires sound through the input device 150, the sound output device 155, or an external electronic device (eg: Sound can be output through the electronic device 102) (for example, a speaker or headphones).
센서 모듈(176)은 전자 장치(101)의 작동 상태(예: 전력 또는 온도), 또는 외부의 환경 상태(예: 사용자 상태)를 감지하고, 감지된 상태에 대응하는 전기 신호 또는 데이터 값을 생성할 수 있다. 일 실시예에 따르면, 센서 모듈(176)은, 예를 들면, 제스처 센서(gesture sensor), 자이로 센서(gyro sensor), 기압 센서(barometer sensor), 마그네틱 센서(magnetic sensor), 가속도 센서(acceleration sensor), 그립 센서(grip sensor), 근접 센서(proximity sensor), 컬러 센서(color sensor)(예: RGB(red, green, blue) 센서), IR(infrared) 센서, 생체 센서(biometric sensor), 온도 센서(temperature sensor), 습도 센서(humidity sensor), 또는 조도 센서(illuminance sensor)를 포함할 수 있다. The sensor module 176 detects an operating state (eg, power or temperature) of the electronic device 101, or an external environmental state (eg, a user state), and generates an electrical signal or data value corresponding to the detected state. can do. According to an embodiment, the sensor module 176 is, for example, a gesture sensor, a gyro sensor, a barometer sensor, a magnetic sensor, an acceleration sensor. ), grip sensor, proximity sensor, color sensor (e.g. RGB (red, green, blue) sensor), IR (infrared) sensor, biometric sensor, temperature It may include a temperature sensor, a humidity sensor, or an illumination sensor.
인터페이스(177)는 전자 장치(101)의 외부 전자 장치(예: 전자 장치(102))와 직접 또는 무선으로 연결되기 위해 사용될 수 있는 하나 이상의 지정된 프로토콜(protocol)들을 지원할 수 있다. 일 실시예에 따르면, 인터페이스(177)는, 예를 들면, HDMI(high definition multimedia interface), USB(universal serial bus) 인터페이스, SD(secure digital) 카드 인터페이스, 또는 오디오 인터페이스를 포함할 수 있다.The interface 177 may support one or more designated protocols that may be used to connect directly or wirelessly to an external electronic device (eg, the electronic device 102) of the electronic device 101. According to an embodiment, the interface 177 may include, for example, a high definition multimedia interface (HDMI), a universal serial bus (USB) interface, a secure digital (SD) card interface, or an audio interface.
연결 단자(connection terminal)(178)는, 그를 통해서 전자 장치(101)가 외부 전자 장치(예: 전자 장치(102))와 물리적으로 연결될 수 있는 커넥터를 포함할 수 있다. 일 실시예에 따르면, 연결 단자(178)는, 예를 들면, HDMI 커넥터, USB 커넥터, SD 카드 커넥터, 또는 오디오 커넥터(예: 헤드폰 커넥터)를 포함할 수 있다.The connection terminal 178 may include a connector through which the electronic device 101 can be physically connected to an external electronic device (eg, the electronic device 102). According to an embodiment, the connection terminal 178 may include, for example, an HDMI connector, a USB connector, an SD card connector, or an audio connector (eg, a headphone connector).
햅틱 모듈(haptic module)(179)은 전기적 신호를 사용자가 촉각 또는 운동 감각을 통해서 인지할 수 있는 기계적인 자극(예: 진동 또는 움직임) 또는 전기적인 자극으로 변환할 수 있다. 일 실시예에 따르면, 햅틱 모듈(179)은, 예를 들면, 모터(motor), 압전 소자(piezoelectric element), 또는 전기 자극 장치(electrical stimulation device)를 포함할 수 있다.The haptic module 179 may convert an electrical signal into a mechanical stimulus (eg, vibration or movement) or an electrical stimulus that a user can perceive through tactile or motor sensations. According to an embodiment, the haptic module 179 may include, for example, a motor, a piezoelectric element, or an electrical stimulation device.
카메라 모듈(180)은 정지 영상 및 동영상을 촬영할 수 있다. 일 실시예에 따르면, 카메라 모듈(180)은 하나 이상의 렌즈들, 이미지 센서들, 이미지 시그널 프로세서들, 또는 플래시들을 포함할 수 있다.The camera module 180 may capture a still image and a video. According to an embodiment, the camera module 180 may include one or more lenses, image sensors, image signal processors, or flashes.
전력 관리 모듈(188)은 전자 장치(101)에 공급되는 전력을 관리할 수 있다. 일 실시예에 따르면, 전력 관리 모듈(188)은, 예를 들면, PMIC(power management integrated circuit)의 적어도 일부로서 구현될 수 있다.The power management module 188 may manage power supplied to the electronic device 101. According to an embodiment, the power management module 188 may be implemented as at least a part of, for example, a power management integrated circuit (PMIC).
배터리(189)는 전자 장치(101)의 적어도 하나의 구성 요소에 전력을 공급할 수 있다. 일 실시예에 따르면, 배터리(189)는, 예를 들면, 재충전 불가능한 1차 전지, 재충전 가능한 2차 전지 또는 연료 전지(fuel cell)를 포함할 수 있다.The battery 189 may supply power to at least one component of the electronic device 101. According to an embodiment, the battery 189 may include, for example, a non-rechargeable primary cell, a rechargeable secondary cell, or a fuel cell.
통신 모듈(190)은 전자 장치(101)와 외부 전자 장치(예: 전자 장치(102), 전자 장치(104), 또는 서버(108)) 간의 직접(예: 유선) 통신 채널 또는 무선 통신 채널의 수립, 및 수립된 통신 채널을 통한 통신 수행을 지원할 수 있다. 통신 모듈(190)은 프로세서(120)(예: 어플리케이션 프로세서)와 독립적으로 운영되고, 직접(예: 유선) 통신 또는 무선 통신을 지원하는 하나 이상의 커뮤니케이션 프로세서를 포함할 수 있다. 일 실시예에 따르면, 통신 모듈(190)은 무선 통신 모듈(192)(예: 셀룰러 통신 모듈, 근거리 무선 통신 모듈, 또는 GNSS(global navigation satellite system) 통신 모듈) 또는 유선 통신 모듈(194)(예: LAN(local area network) 통신 모듈, 또는 전력선 통신 모듈)을 포함할 수 있다. 이들 통신 모듈 중 해당하는 통신 모듈은 제1 네트워크(198)(예: 블루투스, Wi-Fi direct 또는 IrDA(infrared data association) 같은 근거리 통신 네트워크) 또는 제2 네트워크(199)(예: 셀룰러 네트워크, 인터넷, 또는 컴퓨터 네트워크(예: LAN 또는 WAN(wide area network))와 같은 원거리 통신 네트워크)를 통하여 외부 전자 장치와 통신할 수 있다. 이런 여러 종류의 통신 모듈들은 하나의 구성 요소(예: 단일 칩)로 통합되거나, 또는 서로 별도의 복수의 구성 요소들(예: 복수 칩들)로 구현될 수 있다. The communication module 190 includes a direct (eg, wired) communication channel or a wireless communication channel between the electronic device 101 and an external electronic device (eg, the electronic device 102, the electronic device 104, or the server 108). It is possible to support establishment and communication through the established communication channel. The communication module 190 operates independently of the processor 120 (eg, an application processor) and may include one or more communication processors supporting direct (eg, wired) communication or wireless communication. According to an embodiment, the communication module 190 is a wireless communication module 192 (eg, a cellular communication module, a short-range wireless communication module, or a global navigation satellite system (GNSS) communication module) or a wired communication module 194 (eg : A local area network (LAN) communication module, or a power line communication module) may be included. Among these communication modules, a corresponding communication module is a first network 198 (for example, a short-range communication network such as Bluetooth, Wi-Fi direct or IrDA (infrared data association)) or a second network 199 (for example, a cellular network, the Internet). Or, it is possible to communicate with an external electronic device through a computer network (for example, a telecommunication network such as a LAN or a wide area network (WAN)). These various types of communication modules may be integrated into one component (eg, a single chip), or may be implemented as a plurality of separate components (eg, multiple chips).
무선 통신 모듈(192)은 가입자 식별 모듈(196)에 저장된 가입자 정보(예: 국제 모바일 가입자 식별자(IMSI, international mobile subscriber identity))를 이용하여 제1 네트워크(198) 또는 제2 네트워크(199)와 같은 통신 네트워크 내에서 전자 장치(101)를 확인 및 인증할 수 있다. The wireless communication module 192 uses the subscriber information (eg, international mobile subscriber identity (IMSI)) stored in the subscriber identification module 196 to communicate with the first network 198 or the second network 199. The electronic device 101 can be identified and authenticated within the same communication network.
안테나 모듈(197)은 신호 또는 전력을 외부(예: 외부 전자 장치)로 송신하거나 외부로부터 수신할 수 있다. 일 실시예에 따르면, 안테나 모듈(197)은 서브스트레이트(예: PCB) 위에 형성된 도전체 또는 도전성 패턴으로 이루어진 방사체를 포함하는 하나의 안테나를 포함할 수 있다. 일 실시예에 따르면, 안테나 모듈(197)은 복수의 안테나들을 포함할 수 있다. 이런 경우, 제1 네트워크(198) 또는 제2 네트워크(199)와 같은 통신 네트워크에서 사용되는 통신 방식에 적합한 적어도 하나의 안테나가, 예를 들면, 통신 모듈(190)에 의하여 상기 복수의 안테나들로부터 선택될 수 있다. 신호 또는 전력은 상기 선택된 적어도 하나의 안테나를 통하여 통신 모듈(190)과 외부 전자 장치 간에 송신되거나 수신될 수 있다. 어떤 실시예에 따르면, 방사체 이외에 다른 부품(예: RFIC)가 추가로 안테나 모듈(197)의 일부로 형성될 수 있다.The antenna module 197 may transmit a signal or power to the outside (eg, an external electronic device) or receive from the outside. According to an embodiment, the antenna module 197 may include one antenna including a conductor formed on a substrate (eg, a PCB) or a radiator formed of a conductive pattern. According to an embodiment, the antenna module 197 may include a plurality of antennas. In this case, at least one antenna suitable for a communication method used in a communication network such as the first network 198 or the second network 199 is, for example, provided by the communication module 190 from the plurality of antennas. Can be chosen. The signal or power may be transmitted or received between the communication module 190 and an external electronic device through the at least one selected antenna. According to some embodiments, other components (eg, RFIC) other than the radiator may be additionally formed as part of the antenna module 197.
상기 구성 요소들 중 적어도 일부는 주변 기기들간 통신 방식(예: 버스, GPIO(general purpose input and output), SPI(serial peripheral interface), 또는 MIPI(mobile industry processor interface))를 통해 서로 연결되고, 신호(예: 명령 또는 데이터)를 상호 간에 교환할 수 있다.At least some of the components are connected to each other through a communication method (e.g., bus, general purpose input and output (GPIO), serial peripheral interface (SPI), or mobile industry processor interface (MIPI))) between peripheral devices, and signal (E.g. commands or data) can be exchanged with each other.
일 실시예에 따르면, 명령 또는 데이터는 제2 네트워크(199)에 연결된 서버(108)를 통해서 전자 장치(101)와 외부의 전자 장치(104) 간에 송신 또는 수신될 수 있다. 전자 장치(102, 104) 각각은 전자 장치(101)와 동일한 또는 다른 종류의 장치일 수 있다. According to an embodiment, commands or data may be transmitted or received between the electronic device 101 and the external electronic device 104 through the server 108 connected to the second network 199. Each of the electronic devices 102 and 104 may be a device of the same or different type as the electronic device 101.
일 실시예에 따르면, 전자 장치(101)에서 실행되는 동작들의 전부 또는 일부는 외부 전자 장치들(102, 104 또는 108) 중 하나 이상의 외부 장치들에서 실행될 수 있다. 예를 들면, 전자 장치(101)가 어떤 기능이나 서비스를 자동으로, 또는 사용자 또는 다른 장치로부터의 요청에 반응하여 수행해야 할 경우에, 전자 장치(101)는 기능 또는 서비스를 자체적으로 실행시키는 대신에 또는 추가적으로, 하나 이상의 외부 전자 장치들(102, 104)에게 그 기능 또는 그 서비스의 적어도 일부를 수행하라고 요청할 수 있다. 상기 요청을 수신한 하나 이상의 외부 전자 장치들(102, 104)은 요청된 기능 또는 서비스의 적어도 일부, 또는 상기 요청과 관련된 추가 기능 또는 서비스를 실행하고, 그 실행의 결과를 전자 장치(101)로 전달할 수 있다. 전자 장치(101)는 상기 결과를, 그대로 또는 추가적으로 처리하여, 상기 요청에 대한 응답의 적어도 일부로서 제공할 수 있다. 이를 위하여, 예를 들면, 클라우드 컴퓨팅(cloud computing), 분산 컴퓨팅(distributed computing), 또는 클라이언트-서버 컴퓨팅(client-server computing) 기술이 이용될 수 있다.According to an embodiment, all or some of the operations executed by the electronic device 101 may be executed by one or more of the external electronic devices 102, 104, or 108. For example, when the electronic device 101 needs to perform a function or service automatically or in response to a request from a user or another device, the electronic device 101 In addition or in addition, a request may be made to the one or more external electronic devices 102 and 104 to perform the function or at least part of the service. The one or more external electronic devices 102 and 104 that have received the request execute at least a part of the requested function or service, or an additional function or service related to the request, and transmit the execution result to the electronic device 101. I can deliver. The electronic device 101 may process the result as it is or additionally and provide it as at least a part of a response to the request. For this, for example, cloud computing, distributed computing, or client-server computing technology may be used.
도 2는 다양한 실시 예들에 따른 표시 장치(160)의 블록도(200)이다.2 is a block diagram 200 of a display device 160 according to various embodiments.
도 2를 참조하면, 표시 장치(160)는 디스플레이(210), 및 이를 제어하기 위한 디스플레이 드라이버 IC(DDI, display driver IC)(230)를 포함할 수 있다. DDI(230)는 인터페이스 모듈(231), 메모리(233)(예: 버퍼 메모리), 이미지 처리 모듈(235), 또는 맵핑 모듈(237)을 포함할 수 있다. Referring to FIG. 2, the display device 160 may include a display 210 and a display driver IC (DDI) 230 for controlling the display 210. The DDI 230 may include an interface module 231, a memory 233 (eg, a buffer memory), an image processing module 235, or a mapping module 237.
DDI(230)는, 예를 들면, 영상 데이터, 또는 상기 영상 데이터를 제어하기 위한 명령에 대응하는 영상 제어 신호를 포함하는 영상 정보를 인터페이스 모듈(231)을 통해 전자 장치(101)의 다른 구성 요소로부터 수신할 수 있다. 예를 들면, 영상 정보는 프로세서(120)(예: 메인 프로세서(121)(예: 어플리케이션 프로세서) 또는 메인 프로세서(121)의 기능과 독립적으로 운영되는 보조 프로세서(123)(예: 그래픽 처리 장치))로부터 수신될 수 있다. DDI(230)는 터치 회로(250) 또는 센서 모듈(176)과 상기 인터페이스 모듈(231)을 통하여 커뮤니케이션 할 수 있다. 또한, DDI(230)는 상기 수신된 영상 정보 중 적어도 일부를 메모리(233)에, 예를 들면, 프레임 단위로 저장할 수 있다. The DDI 230 transmits, for example, image data or image information including an image control signal corresponding to a command for controlling the image data through the interface module 231 to other components of the electronic device 101. Can be received from For example, the image information may be a processor 120 (eg, a main processor 121 (eg, an application processor)) or a coprocessor 123 (eg, a graphic processing device) that operates independently of the function of the main processor 121 ) Can be received from. The DDI 230 may communicate with the touch circuit 250 or the sensor module 176 and the interface module 231. In addition, the DDI 230 may store at least some of the received image information in the memory 233, for example, in a frame unit.
이미지 처리 모듈(235)은, 예를 들면, 상기 영상 데이터의 적어도 일부를 상기 영상 데이터의 특성 또는 디스플레이(210)의 특성에 적어도 기반하여 전처리(pre-processing) 또는 후처리(post-processing)(예: 해상도, 밝기, 또는 크기 조정)를 수행할 수 있다. The image processing module 235 may, for example, pre-process or post-process at least a part of the image data based on at least a characteristic of the image data or a characteristic of the display 210 ( E.g. resolution, brightness, or scale).
맵핑 모듈(237)은 이미지 처리 모듈(235)을 통해 전처리 또는 후처리된 상기 영상 데이터에 대응하는 전압 값 또는 전류 값을 생성할 수 있다. 일 실시 예에 따르면, 전압 값 또는 전류 값의 생성은, 예를 들면, 디스플레이(210)의 픽셀(pixel)들의 속성(예: 픽셀들의 배열(RGB stripe 또는 pentile 구조), 또는 서브 픽셀들 각각의 크기)에 적어도 일부 기반하여 수행될 수 있다. 디스플레이(210)의 적어도 일부 픽셀들은, 예를 들면, 상기 전압 값 또는 전류 값에 적어도 일부 기반하여 구동됨으로써 상기 영상 데이터에 대응하는 시각적 정보(예: 텍스트, 이미지, 또는 아이콘)가 디스플레이(210)를 통해 표시될 수 있다.The mapping module 237 may generate a voltage value or a current value corresponding to the image data pre-processed or post-processed through the image processing module 235. According to an embodiment, generation of a voltage value or a current value may be performed, for example, of a property of pixels of the display 210 (eg, an arrangement of pixels (RGB stripe or pentile structure), or each of sub-pixels). Size) at least in part. At least some pixels of the display 210 are driven based at least in part on the voltage value or the current value, so that visual information (eg, text, image, or icon) corresponding to the image data is displayed on the display 210. It can be displayed through.
일 실시 예에 따르면, 표시 장치(160)는 터치 회로(250)를 더 포함할 수 있다. 터치 회로(250)는 터치 센서(251) 및 이를 제어하기 위한 터치 센서 IC(253)를 포함할 수 있다. 터치 센서 IC(253)는, 예를 들면, 디스플레이(210)의 특정 위치에 대한 터치 입력 또는 호버링(hovering) 입력을 감지하기 위해 터치 센서(251)를 제어할 수 있다. 예를 들면, 터치 센서 IC(253)는 디스플레이(210)의 특정 위치에 대한 신호(예: 전압, 광량, 저항, 또는 전하량)의 변화를 측정함으로써 터치 입력 또는 호버링 입력을 감지할 수 있다. 터치 센서 IC(253)는 감지된 터치 입력 또는 호버링 입력에 관한 정보(예: 위치, 면적, 압력, 또는 시간)를 프로세서(120)에 제공할 수 있다. 일 실시 예에 따르면, 터치 회로(250)의 적어도 일부(예: 터치 센서 IC(253))는 DDI(230), 또는 디스플레이(210)의 일부로, 또는 표시 장치(160)의 외부에 배치된 다른 구성 요소(예: 보조 프로세서(123))의 일부로 포함될 수 있다.According to an embodiment, the display device 160 may further include a touch circuit 250. The touch circuit 250 may include a touch sensor 251 and a touch sensor IC 253 for controlling the touch sensor 251. The touch sensor IC 253 may control the touch sensor 251 to detect, for example, a touch input or a hovering input for a specific location of the display 210. For example, the touch sensor IC 253 may detect a touch input or a hovering input by measuring a change in a signal (eg, voltage, amount of light, resistance, or amount of charge) for a specific location of the display 210. The touch sensor IC 253 may provide information (eg, location, area, pressure, or time) on the sensed touch input or hovering input to the processor 120. According to an embodiment, at least a part of the touch circuit 250 (for example, the touch sensor IC 253) is a DDI 230, a part of the display 210, or other It may be included as part of a component (for example, the coprocessor 123).
일 실시 예에 따르면, 표시 장치(160)는 센서 모듈(176)의 적어도 하나의 센서(예: 지문 센서, 홍채 센서, 압력 센서 또는 조도 센서), 또는 이에 대한 제어 회로를 더 포함할 수 있다. 이 경우, 상기 적어도 하나의 센서 또는 이에 대한 제어 회로는 표시 장치(160)의 일부(예: 디스플레이(210) 또는 DDI(230)) 또는 터치 회로(250)의 일부에 임베디드될 수 있다. 예를 들면, 표시 장치(160)에 임베디드된 센서 모듈(176)이 생체 센서(예: 지문 센서)를 포함할 경우, 상기 생체 센서는 디스플레이(210)의 일부 영역을 통해 터치 입력과 연관된 생체 정보(예: 지문 이미지)를 획득할 수 있다. 다른 예를 들면, 표시 장치(160)에 임베디드된 센서 모듈(176)이 압력 센서를 포함할 경우, 상기 압력 센서는 디스플레이(210)의 일부 또는 전체 영역을 통해 터치 입력과 연관된 압력 정보를 획득할 수 있다. 일 실시 예에 따르면, 터치 센서(251) 또는 센서 모듈(176)은 디스플레이(210)의 픽셀 레이어(pixel layer)의 픽셀들 사이에, 또는 상기 픽셀 레이어의 위에 또는 아래에 배치될 수 있다.According to an embodiment, the display device 160 may further include at least one sensor of the sensor module 176 (eg, a fingerprint sensor, an iris sensor, a pressure sensor, or an illuminance sensor), or a control circuit therefor. In this case, the at least one sensor or a control circuit therefor may be embedded in a part of the display device 160 (eg, the display 210 or the DDI 230) or a part of the touch circuit 250. For example, when the sensor module 176 embedded in the display device 160 includes a biometric sensor (eg, a fingerprint sensor), the biometric sensor may provide biometric information related to a touch input through a partial area of the display 210. (Eg, fingerprint image) can be acquired. As another example, when the sensor module 176 embedded in the display device 160 includes a pressure sensor, the pressure sensor may acquire pressure information related to a touch input through a part or all of the display 210. I can. According to an embodiment, the touch sensor 251 or the sensor module 176 may be disposed between pixels of a pixel layer of the display 210 or above or below the pixel layer.
본 문서에 개시된 다양한 실시예들에 따른 전자 장치(101)는 다양한 형태의 장치가 될 수 있다. 전자 장치(101)는, 예를 들면, 휴대용 통신 장치(예: 스마트 폰), 휴대용 멀티미디어 장치, 휴대용 의료 기기, 카메라, 웨어러블 장치(wearable device), 또는 가전 장치를 포함할 수 있다. 본 문서의 실시예에 따른 전자 장치(101)는 전술한 기기들에 한정되지 않는다.The electronic device 101 according to various embodiments disclosed in this document may be a device of various types. The electronic device 101 may include, for example, a portable communication device (eg, a smart phone), a portable multimedia device, a portable medical device, a camera, a wearable device, or a home appliance. The electronic device 101 according to the embodiment of the present document is not limited to the above-described devices.
본 문서의 다양한 실시예들 및 이에 사용된 용어들은 본 문서에 기재된 기술적 특징들을 특정한 실시예들로 한정하려는 것이 아니며, 해당 실시예의 다양한 변경(modifications), 균등물(equivalents), 또는 대체물(alternatives)을 포함하는 것으로 이해되어야 한다. 도면의 설명과 관련하여, 유사한 또는 관련된 구성 요소에 대해서는 유사한 참조 부호가 사용될 수 있다. 아이템에 대응하는 명사의 단수 형은 관련된 문맥상 명백하게 다르게 지시하지 않는 한, 상기 아이템 한 개 또는 복수 개를 포함할 수 있다. Various embodiments of this document and terms used therein are not intended to limit the technical features described in this document to specific embodiments, and various modifications, equivalents, or alternatives of the corresponding embodiment It should be understood to include. In connection with the description of the drawings, similar reference numerals may be used for similar or related components. The singular form of a noun corresponding to an item may include one or a plurality of the items unless clearly indicated otherwise in a related context.
본 문서에서, "A 또는 B", "A 및 B 중 적어도 하나", “A 또는 B 중 적어도 하나”, "A, B 또는 C", "A, B 및 C 중 적어도 하나" 및 “A, B, 또는 C 중 적어도 하나”와 같은 문구들 각각은 그 문구들 중 해당하는 문구에 함께 나열된 항목들 중 어느 하나, 또는 그들의 모든 가능한 조합을 포함할 수 있다. "제1", "제2", 또는 "첫째" 또는 "둘째"와 같은 용어들은 단순히 해당 구성 요소를 다른 해당 구성 요소와 구분하기 위해 사용될 수 있으며, 해당 구성 요소들을 다른 측면(예: 중요성 또는 순서)에서 한정하지 않는다. 어떤(예: 제1) 구성 요소가 다른(예: 제2) 구성 요소에 "기능적으로” 또는 “통신적으로"라는 용어와 함께 또는 이런 용어 없이, “커플드” 또는 “커넥티드”라고 언급된 경우, 그것은 상기 어떤 구성 요소가 상기 다른 구성 요소에 직접적으로(예: 유선으로), 무선으로, 또는 제3 구성 요소를 통하여 연결될 수 있다는 것을 의미한다.In this document, “A or B”, “at least one of A and B”, “at least one of A or B”, “A, B or C”, “at least one of A, B and C” and “A, Each of the phrases such as “at least one of B or C” may include any one of the items listed together in the corresponding one of the phrases, or all possible combinations thereof. Terms such as “first”, “second”, or “first” or “second” may be used simply to distinguish the component from other Order) is not limited. Reference to "coupled" or "connected" with or without the terms "functionally" or "communicatively" to another (eg, second) component of any (eg, first) component If so, it means that the one component can be connected to the other component directly (eg, by wire), wirelessly, or through a third component.
본 문서에서 사용된 용어 "모듈"은 하드웨어, 소프트웨어 또는 펌웨어(firmware)로 구현된 유닛(unit)을 포함할 수 있으며, 예를 들면, 로직(logic), 논리 블록(logic block), 부품(component), 또는 회로(circuit)의 용어와 상호 호환적으로 사용될 수 있다. 모듈은, 일체로 구성된 부품 또는 하나 또는 그 이상의 기능을 수행하는, 상기 부품의 최소 단위 또는 그 일부가 될 수 있다. 일 실시예에 따르면, 모듈은 ASIC(application-specific integrated circuit)의 형태로 구현될 수 있다. The term "module" used in this document may include a unit implemented in hardware, software, or firmware, for example, logic, logic block, component ), or may be used interchangeably with the term of a circuit. The module may be an integrally configured component or a minimum unit of the component or a part thereof that performs one or more functions. According to an embodiment, the module may be implemented in the form of an application-specific integrated circuit (ASIC).
본 문서의 다양한 실시예들은 기기(machine)(예: 전자 장치(101))에 의해 읽을 수 있는 저장 매체(storage medium)(예: 내장 메모리(136) 또는 외장 메모리(138))에 저장된 하나 이상의 명령어들(instructions)을 포함하는 소프트웨어(예: 프로그램(140))로서 구현될 수 있다. 예를 들면, 기기(예: 전자 장치(101))의 프로세서(예: 프로세서(120))는, 저장 매체로부터 저장된 하나 이상의 명령어들 중 적어도 하나의 명령을 호출하고, 그것을 실행할 수 있다. 이것은 기기가 상기 호출된 적어도 하나의 명령어에 따라 적어도 하나의 기능을 수행하도록 운영되는 것을 가능하게 한다. 상기 하나 이상의 명령어들은 컴파일러(compiler) 생성된 코드 또는 인터프리터(interpreter)에 의해 실행될 수 있는 코드(code)를 포함할 수 있다. 기기로 읽을 수 있는 저장 매체는, 비일시적(non-transitory) 저장 매체의 형태로 제공될 수 있다. 여기서, ‘비일시적’은 저장 매체가 실재(tangible)하는 장치이고, 신호(signal)(예: 전자기파)를 포함하지 않는다는 것을 의미할 뿐이며, 이 용어는 데이터가 저장 매체에 반영구적으로 저장되는 경우와 임시적으로 저장되는 경우를 구분하지 않는다.Various embodiments of the present document include one or more stored in a storage medium (eg, internal memory 136 or external memory 138) readable by a machine (eg, electronic device 101). It may be implemented as software (eg, program 140) including instructions. For example, the processor (eg, the processor 120) of the device (eg, the electronic device 101) may call and execute at least one command among one or more commands stored from a storage medium. This enables the device to be operated to perform at least one function according to the at least one command invoked. The one or more instructions may include code generated by a compiler or code that can be executed by an interpreter. The device-readable storage medium may be provided in the form of a non-transitory storage medium. Here,'non-transient' only means that the storage medium is a tangible device and does not contain a signal (e.g., electromagnetic waves), and this term refers to the case where data is semi-permanently stored in the storage medium. It does not distinguish between temporary storage cases.
일 실시예에 따르면, 본 문서에 개시된 다양한 실시예들에 따른 방법은 컴퓨터 프로그램 제품(computer program product)에 포함되어 제공될 수 있다. 컴퓨터 프로그램 제품은 상품으로서 판매자 및 구매자 간에 거래될 수 있다. 컴퓨터 프로그램 제품은 기기로 읽을 수 있는 저장 매체(예: CD-ROM, compact disc read only memory)의 형태로 배포되거나, 또는 어플리케이션 스토어(예: 플레이 스토어TM)를 통해 또는 두 개의 사용자 장치들(예: 스마트 폰들) 간에 직접, 온라인으로 배포(예: 다운로드 또는 업로드)될 수 있다. 온라인 배포의 경우에, 컴퓨터 프로그램 제품의 적어도 일부는 제조사의 서버, 어플리케이션 스토어의 서버, 또는 중계 서버의 메모리와 같은 기기로 읽을 수 있는 저장 매체에 적어도 일시 저장되거나, 임시적으로 생성될 수 있다.According to an embodiment, a method according to various embodiments disclosed in the present document may be provided by being included in a computer program product. Computer program products can be traded between sellers and buyers as commodities. The computer program product is distributed in the form of a device-readable storage medium (e.g., CD-ROM, compact disc read only memory), or through an application store (e.g., Play Store TM ) or two user devices (e.g. : Can be distributed (e.g., downloaded or uploaded) directly between smart phones) or online. In the case of online distribution, at least a part of the computer program product may be temporarily stored or temporarily generated in a storage medium that can be read by a device such as a server of a manufacturer, a server of an application store, or a memory of a relay server.
다양한 실시예들에 따르면, 상기 기술한 구성 요소들의 각각의 구성 요소(예: 모듈 또는 프로그램)는 단수 또는 복수의 개체를 포함할 수 있다. 다양한 실시예들에 따르면, 전술한 해당 구성 요소들 중 하나 이상의 구성 요소들 또는 동작들이 생략되거나, 또는 하나 이상의 다른 구성 요소들 또는 동작들이 추가될 수 있다. 대체적으로 또는 추가적으로, 복수의 구성 요소들(예: 모듈 또는 프로그램)은 하나의 구성 요소로 통합될 수 있다. 이런 경우, 통합된 구성 요소는 상기 복수의 구성 요소들 각각의 구성 요소의 하나 이상의 기능들을 상기 통합 이전에 상기 복수의 구성 요소들 중 해당 구성 요소에 의해 수행되는 것과 동일 또는 유사하게 수행할 수 있다. 다양한 실시예들에 따르면, 모듈, 프로그램 또는 다른 구성 요소에 의해 수행되는 동작들은 순차적으로, 병렬적으로, 반복적으로, 또는 휴리스틱(heuristic)하게 실행되거나, 상기 동작들 중 하나 이상이 다른 순서로 실행되거나, 생략되거나, 또는 하나 이상의 다른 동작들이 추가될 수 있다.According to various embodiments, each component (eg, module or program) of the above-described components may include a singular number or a plurality of entities. According to various embodiments, one or more components or operations among the above-described corresponding components may be omitted, or one or more other components or operations may be added. Alternatively or additionally, a plurality of constituent elements (eg, a module or program) may be integrated into one constituent element. In this case, the integrated component may perform one or more functions of each component of the plurality of components in the same or similar to that performed by the corresponding component among the plurality of components prior to the integration. . According to various embodiments, operations performed by a module, program, or other component are sequentially, parallel, repeatedly, or heuristically executed, or one or more of the operations are executed in a different order. It may be omitted, omitted, or one or more other operations may be added.
본 개시의 다양한 실시예들에 따른 전자 장치(101)는, 디스플레이(예: 도 1 또는 도 2의 표시 장치(160)), 프로세서(예: 프로세싱 회로를 포함하는 적어도 하나의 프로세서)(예: 도 1의 프로세서(120), 및 상기 프로세서와 작동적으로 연결된 메모리(예: 도 1의 메모리(130))를 포함하고, 상기 메모리(130)는, 실행 시에, 상기 프로세서(120)가, 상기 디스플레이(160)를 통해 리스트를 표시하고, 상기 리스트에서 지정된 제1 방향으로 이동하는 사용자 입력을 감지하고, 상기 사용자 입력에 기반하여 지정된 정보를 포함하는 적어도 하나의 아이템을 식별하고, 상기 사용자 입력에 기반하여 상기 리스트를 상기 제1 방향으로 이동하는 동안, 상기 제1 방향과 대향하는 제2 방향으로 상기 적어도 하나의 아이템을 나타내는 전환 효과를 제공하고, 상기 사용자 입력의 해제에 기반하여 상기 적어도 하나의 아이템을 표시하도록 하는 인스트럭션들을 저장할 수 있다.The electronic device 101 according to various embodiments of the present disclosure includes a display (eg, the display device 160 of FIG. 1 or 2 ), a processor (eg, at least one processor including a processing circuit) (eg: The processor 120 of FIG. 1 and a memory operatively connected to the processor (for example, the memory 130 of FIG. 1) are included, and the memory 130, when executed, the processor 120, Display a list through the display 160, detect a user input moving in a first direction designated in the list, identify at least one item including designated information based on the user input, and input the user While moving the list in the first direction based on, a transition effect indicating the at least one item is provided in a second direction opposite to the first direction, and based on the release of the user input, the at least one You can store instructions to display the item of.
다양한 실시예들에 따르면, 상기 인스트럭션들은, 상기 프로세서(120)가, 상기 사용자 입력에 기반하여 상기 리스트에 포함된 하나 또는 그 이상의 아이템 중에서 사용자 지정의 필터링(filtering) 조건에 관련된 아이템을 필터링 하도록 할 수 있다.According to various embodiments, the instructions allow the processor 120 to filter an item related to a user-specified filtering condition among one or more items included in the list based on the user input. I can.
다양한 실시예들에 따르면, 상기 필터링 조건은 모든 리스트에 일괄 설정되는 전체 설정 및/또는 리스트의 카테고리 별 독립적으로 설정되는 개별 설정에 기반하여 설정되는 조건을 포함할 수 있다.According to various embodiments, the filtering condition may include a condition set based on an entire setting collectively set for all lists and/or an individual setting independently set for each category of the list.
다양한 실시예들에 따르면, 상기 인스트럭션들은, 상기 프로세서(120)가, 상기 리스트를 상기 사용자 입력의 방향에 따라 아래로 이동하면서, 상기 리스트가 존재하던 영역에 상기 적어도 하나의 아이템을 표시하도록 할 수 있다.According to various embodiments, the instructions may cause the processor 120 to display the at least one item in an area where the list exists while moving the list downward according to the direction of the user input. have.
다양한 실시예들에 따르면, 상기 인스트럭션들은, 상기 프로세서(120)가, 상기 전환 효과를 표시할 때, 상기 사용자 입력의 상기 제1 방향과 대향하는 상기 제2 방향으로 상기 적어도 하나의 아이템이 나타나는 장면 전환 효과에 기반하여, 시각적 경험 및/또는 심미적 경험을 제공하도록 할 수 있다.According to various embodiments, the instructions are a scene in which the at least one item appears in the second direction opposite to the first direction of the user input when the processor 120 displays the transition effect. Based on the transition effect, it can be made to provide a visual experience and/or an aesthetic experience.
다양한 실시예들에 따르면, 상기 인스트럭션들은, 상기 프로세서(120)가, 상기 사용자 입력의 이동에 대응하여 상기 리스트의 아이템을 화면 상에서 순차적으로 제거하고, 상기 사용자 입력의 이동에 대응하여 상기 적어도 하나의 아이템을 상기 리스트가 존재하던 영역에 순차적으로 표시하도록 하고, 상기 적어도 하나의 아이템의 표시에 기반하여, 상기 리스트를 상기 디스플레이에서 표시하지 않도록 할 수 있다.According to various embodiments, in the instructions, the processor 120 sequentially removes the items of the list from the screen in response to the movement of the user input, and the at least one Items may be sequentially displayed in an area in which the list exists, and the list may not be displayed on the display based on the display of the at least one item.
다양한 실시예들에 따르면, 상기 인스트럭션들은, 상기 프로세서(120)가, 상기 리스트에서 상기 적어도 하나의 아이템이 필터링 되는 경우, 상기 리스트에서 상기 적어도 하나의 아이템을 제외하고, 상기 적어도 하나의 아이템을 포함하는 리스트와 상기 적어도 하나의 아이템이 제외된 리스트를 별도로 구성하도록 할 수 있다.According to various embodiments, the instructions include the at least one item, excluding the at least one item from the list, when the processor 120 filters the at least one item from the list. It is possible to separately configure a list of items and a list from which the at least one item is excluded.
다양한 실시예들에 따르면, 상기 인스트럭션들은, 상기 프로세서(120)가, 상기 리스트의 카테고리를 위한 제1 영역과 상기 리스트를 위한 제2 영역을 포함하는 사용자 인터페이스를 표시하고, 상기 적어도 하나의 아이템을 표시할 때, 상기 제1 영역의 정보를 상기 적어도 하나의 아이템에 관련된 정보로 변경하고, 상기 제2 영역에 기반하여 상기 적어도 하나의 아이템을 표시하도록 할 수 있다.According to various embodiments, in the instructions, the processor 120 displays a user interface including a first area for a category of the list and a second area for the list, and selects the at least one item. When displaying, the information on the first area may be changed to information related to the at least one item, and the at least one item may be displayed based on the second area.
다양한 실시예들에 따르면, 상기 인스트럭션들은, 상기 프로세서(120)가, 상기 적어도 하나의 아이템에서 아이템을 선택하는 제1 입력을 감지하고, 상기 제1 입력에 기반하여, 상기 선택된 아이템에 관련된 컨텐츠를 상기 디스플레이를 통해 표시하고, 상기 컨텐츠를 표시하는 동안 리턴(return)에 관련된 제2 입력을 감지하고, 상기 제2 입력에 기반하여, 상기 리스트를 표시하는 제1 상태 또는 상기 적어도 하나의 아이템을 표시하는 제2 상태로 리턴하도록 할 수 있다.According to various embodiments, the instructions include, by the processor 120, detecting a first input for selecting an item from the at least one item, and providing content related to the selected item based on the first input. Display through the display, detect a second input related to return while displaying the content, and display a first state of displaying the list or the at least one item based on the second input It can be made to return to the second state.
다양한 실시예들에 따르면, 상기 인스트럭션들은, 상기 프로세서(120)가, 상기 제1 상태로 리턴 시, 상기 리스트에서 상기 선택된 아이템을 상기 지정된 정보를 포함하는 적어도 하나의 아이템에서 제외하고, 상기 선택된 아이템을 상기 리스트에서 상기 선택된 아이템의 해당 위치에 배치하고, 상기 제2 상태로 리턴 시, 상기 적어도 하나의 아이템에서 상기 선택된 아이템을 제외하여 표시하도록 할 수 있다.According to various embodiments, the instructions include, when the processor 120 returns to the first state, excluding the selected item from the list from at least one item including the specified information, and the selected item May be disposed at a corresponding position of the selected item in the list, and displayed by excluding the selected item from the at least one item upon returning to the second state.
다양한 실시예들에 따르면, 상기 인스트럭션들은, 상기 프로세서(120)가, 상기 컨텐츠를 표시할 때, 어플리케이션의 전환 없이, 상기 리스트를 제공하고 있는 어플리케이션에 기반하여 상기 컨텐츠를 표시하도록 할 수 있다.According to various embodiments, when the processor 120 displays the content, the instructions may cause the processor 120 to display the content based on an application providing the list without switching an application.
이하에서는 다양한 실시예들의 전자 장치(101)의 동작 방법에 대해서 상세하게 설명한다. 다양한 실시예들에 따라, 이하에서 설명하는 전자 장치(101)에서 수행하는 동작들은, 전자 장치(101)의 적어도 하나의 프로세서(예: 프로세싱 회로를 포함하는 적어도 하나의 프로세서로서, 예를 들면, 도 1의 프로세서서(120))(이하, ‘프로세서(120)’라 한다)에 의해 실행될 수 있다. 일 실시예에 따라, 전자 장치(101)에서 수행하는 동작들은, 메모리(예: 도 1의 메모리(130))(이하, ‘메모리(130)’라 한다)에 저장되고, 실행 시에, 프로세서(120)가 동작하도록 하는 인스트럭션들(instructions)에 의해 실행될 수 있다.Hereinafter, a method of operating the electronic device 101 according to various embodiments will be described in detail. According to various embodiments, operations performed by the electronic device 101 described below are at least one processor of the electronic device 101 (eg, at least one processor including a processing circuit, for example, It may be executed by the processor 120 of FIG. 1 (hereinafter, referred to as'processor 120'). According to an embodiment, operations performed by the electronic device 101 are stored in a memory (for example, the memory 130 of FIG. 1) (hereinafter, referred to as'memory 130'), and when executed, the processor It can be executed by instructions that cause 120 to operate.
도 3은 다양한 실시예들에 따른 전자 장치의 동작 방법을 도시하는 흐름도이다.3 is a flowchart illustrating a method of operating an electronic device according to various embodiments of the present disclosure.
도 3을 참조하면, 동작 301에서, 전자 장치(101)의 프로세서(120)는 리스트를 표시할 수 있다. 일 실시예에 따르면, 프로세서(120)는 사용자 요청에 대응하여 특정 카테고리(category)(예: 메시지, 전화, 리마인더(reminder), 어플리케이션(또는 앱(app)), 메모, 및/또는 갤러리)의 리스트를 디스플레이(예: 도 1 또는 도 2의 표시 장치(160))를 통해 사용자에게 제공할 수 있다. 다양한 실시예들에서, 리스트는, 사용자에 의해 생성(예: 작성, 촬영)되는 아이템(예: 메시지, 사진, 메모), 외부(예: 다른 전자 장치)와 송수신 또는 공유되는 아이템(예: 메시지, 통화), 외부로부터 수신되는 아이템(예: 푸시(push) 알림), 및/또는 외부(예: 스토어, 서버)로부터 수신되어 설치되는 아이템(예: 어플리케이션)과 같이, 동일한(또는 같은) 속성을 가지는 하나 또는 그 이상의 아이템의 그룹 또는 순서가 매겨진 아이템의 그룹을 지정된 방식으로 정렬하여 제공하는 사용자 인터페이스를 나타낼 수 있다.Referring to FIG. 3, in operation 301, the processor 120 of the electronic device 101 may display a list. According to an embodiment, the processor 120 responds to a user request, in response to a user request, of a specific category (eg, message, phone, reminder, application (or app), memo, and/or gallery). The list may be provided to a user through a display (eg, the display device 160 of FIG. 1 or 2 ). In various embodiments, the list is an item (e.g., a message, a photo, a memo) generated by a user (e.g., created, taken), or an item (e.g., a message , Currency), items received from outside (e.g. push notifications), and/or items received and installed from outside (e.g., stores, servers) (e.g., applications), the same (or the same) properties The user interface may represent a user interface that arranges and provides a group of one or more items having a or a group of ordered items in a designated manner.
동작 303에서, 프로세서(120)는 사용자 입력(또는 사용자 제스처(gesture), 사용자 인터랙션(interaction))을 감지할 수 있다. 일 실시예에 따르면, 프로세서(120)는 리스트에 포함된 하나 또는 그 이상의 아이템 중에서 지정된 정보(예: 사용자 지정의 필터링(filtering) 조건)에 관련된 아이템을 필터링(또는 정렬(sorting))하기 위한 지정된 방식의 사용자 입력을 감지할 수 있다. In operation 303, the processor 120 may detect a user input (or user gesture, user interaction). According to an embodiment, the processor 120 is configured to filter (or sort) items related to specified information (eg, user-specified filtering conditions) among one or more items included in the list. Type of user input can be detected.
일 실시예에 따라, 지정된 정보는, 예를 들면, 리스트의 아이템들 중 사용자에 의해 설정된 필터링 조건(또는 옵션(option))에 관련된 정보를 포함할 수 있다. 예를 들면, 필터링 조건은, 새롭게 업데이트되거나, 지정된 기간 내에 푸시 되거나, 또는 생성(또는 저장)되어, 사용자에 의해 확인되지 않은(또는 미확인) 아이템을 필터링 하는 제1 조건과, 사용자의 설정에 따른 제2 조건을 포함할 수 있다. 일 실시예에 따라, 제1 조건은 부재중 통화, 미확인(또는 읽지 않은(unread)) 메시지, 미확인 리마인더, 업데이트된 어플리케이션, 추가된 사진, 또는 추가된 메모와 같이, 사용자에 의해 확인되지 않은 아이템을 필터링 하는 조건을 포함할 수 있다. 일 실시예에 따라, 제2 조건은, 예를 들면, 아이템의 식별 정보(예: 사용자 이름(또는 닉네임), 전화 번호, 그룹 정보)를 포함할 수 있다. According to an embodiment, the designated information may include, for example, information related to a filtering condition (or option) set by a user among items in the list. For example, the filtering condition is a first condition for filtering items that are newly updated, pushed within a specified period, or created (or stored) and not confirmed (or unconfirmed) by the user, and according to the user's settings. It may include a second condition. According to one embodiment, the first condition is for items that have not been confirmed by the user, such as missed calls, unconfirmed (or unread) messages, unconfirmed reminders, updated applications, added photos, or added memos. You can include conditions to filter. According to an embodiment, the second condition may include, for example, item identification information (eg, user name (or nickname), phone number, group information).
일 실시예에 따라, 지정된 방식의 사용자 입력은, 예를 들면, 리스트가 디스플레이를 통해 표시된 상태에서, 리스트의 특정 부분을 선택(또는 터치)한 상태에서, 지정된 방향으로 이동하는 다양한 방식의 입력을 포함할 수 있다. 예를 들면, 사용자 입력은, 스와이프(swipe) 입력, 드래그 앤 드롭(drag & drop) 입력, 또는 플릭(flick) 입력과 같이 다양한 방식을 포함할 수 있다. 일 실시예에 따라, 지정된 방향은, 리스트가 제공되는 형식(또는 방향)(예: 상하로 스크롤되는 형식, 또는 좌우로 스크롤되는 형식)에 따라 다양할 수 있다. 예를 들면, 지정된 방향은, 사용자가 전자 장치(101)를 정면에서 바라보는 상태에서, 디스플레이의 하단부로 향하는 방향(예: 위에서 아래 방향)이거나, 또는 디스플레이의 우 방향 또는 좌 방향으로 향하는 방향(예: 좌(또는 우)에서 우(또는 좌) 방향)을 포함할 수 있다.According to an embodiment, the user input of a specified method is, for example, in a state in which a list is displayed through a display, in a state in which a specific part of the list is selected (or touched), and various types of inputs moving in a specified direction are performed. Can include. For example, the user input may include various methods such as a swipe input, a drag & drop input, or a flick input. According to an embodiment, the designated direction may vary according to a format (or direction) in which the list is provided (eg, a format that scrolls up and down, or a format that scrolls left and right). For example, the designated direction is a direction toward the lower end of the display (eg, top-down direction) while the user is looking at the electronic device 101 from the front, or a direction toward the right or left direction of the display ( Example: From left (or right) to right (or left)).
동작 305에서, 프로세서(120)는 리스트에서 지정된 정보에 관련된 아이템을 필터링 하기 위한 사용자 입력에 기반하여, 지정된 정보에 관련된 아이템을 식별할 수 있다. 일 실시예에 따르면, 프로세서(120)는 사용자에 의해 전자 장치(101)에 설정된 제1 조건 및/또는 제2 조건에 기반하여 리스트에서 지정된 정보에 관련된 아이템을 필터링 할 수 있다. In operation 305, the processor 120 may identify an item related to the designated information based on a user input for filtering an item related to the designated information in the list. According to an embodiment, the processor 120 may filter items related to information specified in the list based on the first condition and/or the second condition set by the user in the electronic device 101.
일 실시예에 따르면, 필터링 조건은 모든 리스트에 일괄 설정되는 전체 설정 및/또는 리스트의 카테고리 별 독립적으로 설정되는 개별 설정을 포함할 수 있다. 일 실시예에 따라, 전체 설정은, 리스트의 카테고리에 관계 없이 모든 리스트에 대해 필터링 조건(또는 지정된 정보)가 일괄적으로 및/또는 공통적으로 설정되는 방식을 포함할 수 있다. 일 실시예에 따라, 개별 설정은 리스트의 카테고리 별로 각각 설정되는 방식으로, 각 리스트의 특성(또는 속성)에 따라 필터링 조건(또는 지정된 정보)가 상이하거나 동일할 수 있다. 일 실시예에 따르면, 전자 장치(101)는 리스트에서 개별 설정이 없는 경우, 전체 설정에 따른 필터링 조건에 기반하여 필터링을 처리할 수 있고, 리스트에서 개별 설정이 있는 경우, 전체 설정에 비해 개별 설정에 우선 순위를 두고, 개별 설정에 따른 필터링 조건에 기반하여 필터링을 처리할 수 있다.According to an embodiment, the filtering condition may include an entire setting collectively set for all lists and/or an individual setting independently set for each category of the list. According to an embodiment, the overall setting may include a method in which filtering conditions (or designated information) are collectively and/or commonly set for all lists regardless of the category of the list. According to an embodiment, individual settings are set for each category of a list, and filtering conditions (or designated information) may be different or the same according to characteristics (or attributes) of each list. According to an embodiment, when there is no individual setting in the list, the electronic device 101 may process filtering based on a filtering condition according to the entire setting, and when there is an individual setting in the list, the electronic device 101 is set individually compared to the entire setting. Priority is given to and filtering can be processed based on filtering conditions according to individual settings.
동작 307에서, 프로세서(120)는 사용자 입력에 기반하여 아이템 전환 효과를 표시할 수 있다. 일 실시예에 따르면, 프로세서(120)는 사용자 입력에 기반하여 리스트를 제1 방향(예: 전자 장치(101)의 정면 기준으로 디스플레이의 하단부로 향하는 방향)으로 이동하면서(또는 이동하는 동안), 제1 방향과 대향하는(또는 반대되는) 제2 방향(예: 전자 장치(101)의 정면 기준으로 디스플레이의 상단부로 향하는 방향)으로 식별된(또는 필터링된) 아이템(또는 해당 아이템을 포함하는 다른 리스트)을 나타내는 전환 효과를 사용자에게 제공할 수 있다. 예를 들면, 프로세서(120)는 리스트를 사용자 입력 방향에 따라 아래로 이동하면서, 리스트가 존재하던 영역에 필터링된 아이템(또는 필터링된 아이템에 관련된 리스트)을 표시할 수 있다. 일 실시예에 따르면, 프로세서(120)는 필터링된 아이템(또는 필터링된 아이템에 관련된 리스트)을 사용자 입력의 방향(예: 제1 방향)과 대향하는(또는 반대되는) 방향(예: 제2 방향)으로 나타나는 장면 전환 효과(예: 디졸브(dissolve) 효과 및/또는 페이드-인/아웃(fade-in/out) 효과)를 통해, 필터링된 아이템을 텐션(tension) 및/또는 액션(action)감 있게 제공할 수 있으며, 사용자에게 시각적 경험(visual experience) 및/또는 심미적 경험(aesthetic experience)을 제공할 수 있다.In operation 307, the processor 120 may display an item switching effect based on a user input. According to an embodiment, the processor 120 moves (or while moving) the list in a first direction (eg, a direction toward the lower portion of the display with respect to the front of the electronic device 101) based on a user input, Items identified (or filtered) in a second direction opposite (or opposite) to the first direction (e.g., a direction toward the upper end of the display relative to the front of the electronic device 101) (or other List) can be provided to the user. For example, the processor 120 may display a filtered item (or a list related to the filtered item) in an area where the list exists while moving the list downward according to the user input direction. According to an embodiment, the processor 120 transfers the filtered item (or a list related to the filtered item) to a direction (eg, a second direction) opposite (or opposite) to a direction of the user input (eg, a first direction). ) Through a transition effect (e.g., a dissolve effect and/or a fade-in/out effect) to give the filtered item a sense of tension and/or action. May be provided, and a visual experience and/or an aesthetic experience may be provided to a user.
동작 309에서, 프로세서(120)는 아이템을 정렬하여 표시할 수 있다. 일 실시예에 따르면, 프로세서(120)는 식별된(또는 필터링된) 아이템을 리스트가 있던 영역에 기반하여 표시하고, 리스트는 디스플레이에서 표시하지 않을 수 있다.In operation 309, the processor 120 may sort and display the items. According to an embodiment, the processor 120 may display the identified (or filtered) item based on the area in which the list existed, and the list may not be displayed on the display.
도 4는 다양한 실시예들에 따른 전자 장치에서 사용자 인터페이스를 제공하는 동작 예를 설명하기 위한 도면이다.4 is a diagram illustrating an example of an operation of providing a user interface in an electronic device according to various embodiments of the present disclosure.
도 4에 도시된 예시에서는, 전자 장치(101)가 리스트에서 지정된 조건의 아이템을 필터링 하여 사용자에게 제공하는 화면 예시를 나타낼 수 있다. 도 4에 도시한 예시에서는, 리스트의 카테고리가 ‘메시지(예: 타이틀 - Messages)’인 것을 예로 나타낸다. 도 4에 도시한 예시에서는, 메시지 리스트에, 사용자에 의해 확인되지 않은(또는 사용자가 읽지 않은) 제1 아이템(450)(또는 미확인 알림)(예: 언리드 메시지(unread message))과 사용자에 의해 확인된(또는 사용자가 읽은) 제2 아이템(460)(또는 확인 알림)(예: 리드 메시지(read message))이 혼재할 수 있다. 일 실시예에 따라, 리스트에서 제1 아이템(450)은 리스트의 아이템 정렬 방식(예: 아이템 획득(또는 수신, 저장, 업데이트) 시점)에 기반하여 현재 화면 상에 표시되거나 표시되지 않을 수 있고, 표시되지 않은 아이템의 경우 사용자의 스크롤(또는 내비게이션) 동작에 의해 표시될 수 있다.In the example shown in FIG. 4, an example of a screen that the electronic device 101 filters items under a specified condition from a list and provides them to a user may be displayed. In the example shown in FIG. 4, the category of the list is “messages (eg, titles-Messages)” as an example. In the example shown in FIG. 4, in the message list, the first item 450 (or unconfirmed notification) that has not been confirmed by the user (or has not been read by the user) (for example, an unread message) and the user The second item 460 (or confirmation notification) (eg, read message) confirmed by (or read by the user) may be mixed. According to an embodiment, the first item 450 in the list may or may not be displayed on the current screen based on an item sorting method of the list (eg, item acquisition (or reception, storage, update) time), Items that are not displayed may be displayed by a user's scrolling (or navigation) operation.
화면 예시 <401>에 도시된 예시와 같이, 사용자 인터페이스는 카테고리(또는 타이틀(title))을 위한 제1 영역(410)(예: 카테고리 영역 또는 앱 바(app bar))과 하나 또는 그 이상의 아이템을 포함하는 리스트(또는 컨텐츠)를 위한 제2 영역(420)(예: 컨텐츠 영역 또는 리스트 영역)을 포함할 수 있다. 일 실시예에 따르면, 사용자 인터페이스는 화면 예시 <401>에 도시된 전자 장치(101)의 방향을 기준으로, 제2 영역(420)의 리스트를 위 방향으로 이동하는 사용자 입력에 기반하여 제1 영역(410)의 표시를 제거하면서, 제2 영역(420)을 제1 영역(410)까지 포함하도록 확장할 수 있다. 다른 실시예에 따르면, 사용자 인터페이스는 제1 영역(410)은 생략하고, 제2 영역(420)만을 포함하도록 구현할 수 있다. Screen Example As shown in <401>, the user interface includes a first area 410 (eg, a category area or an app bar) for a category (or title) and one or more items. It may include a second area 420 (eg, a content area or a list area) for a list (or content) including. According to an embodiment, the user interface is based on the direction of the electronic device 101 shown in the screen example <401>, based on a user input that moves the list of the second area 420 upward. While removing the display of 410, the second region 420 may be extended to include the first region 410. According to another embodiment, the user interface may be implemented so that the first area 410 is omitted and only the second area 420 is included.
일 실시예에 따르면, 제1 영역(410)은 확장 가능한 형태를 포함하며, 사용자 입력에 따라 지정된 방향으로 확장될 수 있다. 예를 들면, 화면 예시 <401>에 도시된 전자 장치(101)의 방향을 기준으로, 제1 영역(410)을 아래 방향으로 이동하는 사용자 입력에 기반하여 제1 영역(410)을 확장할 수 있다.According to an embodiment, the first area 410 includes an expandable shape, and may be expanded in a designated direction according to a user input. For example, based on the direction of the electronic device 101 shown in the screen example <401>, the first area 410 may be expanded based on a user input that moves the first area 410 downward. have.
일 실시예에 따르면, 사용자 인터페이스는 제3 영역(430)(예: 메뉴 영역 또는 태스크 전환 영역)을 선택적으로 포함할 수 있다. 일 실시예에 따르면, 제3 영역(430)은 리스트의 종류(또는 카테고리)에 따라 해당 리스트와 관련된 적어도 하나의 메뉴가 제공될 수 있다. 일 실시예에 따르면, 제3 영역(430)의 일부를 통해, 전자 장치(101)에 지정된 기능(예: 최근 목록 보기, 홈 화면 이동, 및/또는 뒤로 가기)과 관련된 소프트 버튼 또는 물리적 버튼이 제공될 수 있다. 일 실시예에 따라, 소프트 버튼의 경우, 제3 영역(430) 상에 중첩(또는 오버레이(overlay))하여 제공할 수도 있다.According to an embodiment, the user interface may selectively include a third area 430 (eg, a menu area or a task switching area). According to an embodiment, at least one menu related to a corresponding list may be provided in the third area 430 according to the type (or category) of the list. According to an embodiment, a soft button or a physical button related to a function (eg, viewing a recent list, moving to a home screen, and/or going back) assigned to the electronic device 101 through a part of the third area 430 is Can be provided. According to an embodiment, in the case of a soft button, it may be provided by overlapping (or overlaying) on the third area 430.
화면 예시 <401>에 도시된 예시와 같이, 제1 영역(410)은 해당 리스트에서 적어도 하나의 특정 아이템을 검색하기 위한 제1 객체(411)(예: 검색 객체) 및/또는 해당 리스트에 관련된 다양한 옵션(또는 기능)(예: 필터링 조건 설정, 정렬 방식 설정, 삭제 메뉴, 아이템 선택 메뉴)을 설정(또는 실행)하기 위한 제2 객체(413)(예: 메뉴 객체)를 포함할 수 있다. Screen Example As shown in <401>, the first area 410 is a first object 411 (eg, a search object) for searching for at least one specific item in the list and/or related to the list. A second object 413 (eg, a menu object) for setting (or executing) various options (or functions) (eg, filtering condition setting, sorting method setting, deletion menu, item selection menu) may be included.
일 실시예에 따라, 화면 예시 <401>에 도시한 바와 같이, 사용자는 전자 장치(101)의 디스플레이(예: 도 1 또는 도 2의 표시 장치(160))를 통해 표시된 리스트에서, 아이템의 필터링을 위한 사용자 입력(400)을 수행할 수 있다. 예를 들면, 사용자는 제1 아이템(450)(예: 제1 미확인 알림(451), 제2 미확인 알림(453), 제3 미확인 알림(455))과 제2 아이템(460)(예: 다수의 확인 알림)이 혼재된 리스트에서, 제1 아이템(450)을 필터링 하여 표시하기 위해, 지정된 사용자 입력(400)을 디스플레이 상에 수행할 수 있다. 예를 들면, 사용자 입력(400)은 리스트의 일정 부분(예: 제1 영역(410)의 일부분 또는 제2 영역(420)의 일부분)을 터치한 상태에서, 리스트를 끌어내리는(또는 아래 방향으로 이동하는) 제스처(예: swipe down)를 포함할 수 있다. 일 실시예에 따르면, 사용자 입력(400)은 제1 영역(410)의 앱 바 또는 핸들러(handler)(미도시)를 끌어내리는 제스처(예: swipe down)를 포함할 수 있다. 일 실시예에 따라, 제1 아이템(450)과 제2 아이템(460)의 구분은, 예를 들면, 도 4에 도시된 예시와 같이, 제1 아이템(450)의 경우, 미확인 상태임을 알리는 식별자(440)를 제공할 수 있고, 사용자는 식별자(440)의 존재 여부에 따라 아이템의 확인 또는 미확인 상태를 인지할 수 있다.According to an embodiment, as shown in screen example <401>, the user filters items from a list displayed through the display of the electronic device 101 (eg, the display device 160 of FIG. 1 or 2). A user input 400 for may be performed. For example, the user may select a first item 450 (e.g., a first unconfirmed notification 451, a second unconfirmed notification 453, a third unconfirmed notification 455) and a second item 460 (e.g., a plurality of In the mixed list of confirmation notification), in order to filter and display the first item 450, a designated user input 400 may be performed on the display. For example, the user input 400 pulls the list down (or downwards) while touching a certain part of the list (for example, a part of the first area 410 or a part of the second area 420). It may include a gesture to move (e.g., swipe down). According to an embodiment, the user input 400 may include a gesture (eg, swipe down) of pulling down an app bar or a handler (not shown) of the first area 410. According to an embodiment, the identification of the first item 450 and the second item 460 is, for example, an identifier indicating that the first item 450 is in an unconfirmed state, as illustrated in FIG. 4. 440 may be provided, and the user may recognize the confirmed or unconfirmed state of the item according to the existence of the identifier 440.
일 실시예에 따르면, 전자 장치(101)는 사용자 입력(400)에 기반하여, 리스트에 설정된 필터링 조건(예: 제1 조건 및/또는 제2 조건)을 식별할 수 있다. 일 실시예에 따라, 제1 조건은 부재중 통화, 미확인(또는 읽지 않은(unread)) 메시지, 미확인 리마인더, 업데이트된 어플리케이션, 추가된 사진, 또는 추가된 메모와 같이, 사용자에 의해 확인되지 않은 아이템을 필터링 하는 조건을 포함할 수 있다. 일 실시예에 따라, 제2 조건은, 예를 들면, 아이템의 식별 정보(예: 사용자 이름(또는 닉네임), 전화 번호, 그룹 정보)를 포함할 수 있다. 일 실시예에 따르면, 전자 장치(101)는 식별된 필터링 조건에 기반하여 리스트에서 대응하는 하나 또는 그 이상의 아이템을 필터링 할 수 있다. According to an embodiment, the electronic device 101 may identify a filtering condition (eg, a first condition and/or a second condition) set in a list based on the user input 400. According to one embodiment, the first condition is for items that have not been confirmed by the user, such as missed calls, unconfirmed (or unread) messages, unconfirmed reminders, updated applications, added photos, or added memos. You can include conditions to filter. According to an embodiment, the second condition may include, for example, item identification information (eg, user name (or nickname), phone number, group information). According to an embodiment, the electronic device 101 may filter one or more items corresponding to the list based on the identified filtering condition.
일 실시예에 따라, 화면 예시 <403> 및 화면 예시 <405>에 도시한 바와 같이, 전자 장치(101)는 사용자 입력(400)에 기반하여, 리스트를 아래로 이동하면서, 리스트가 존재 하던 기존 영역(또는 위치)에 필터링된 제1 아이템(450)(예: 제1 미확인 알림(451), 제2 미확인 알림(453), 제3 미확인 알림(453))을 서서히 순차적으로 나타낼 수 있다. 일 실시예에 따르면, 전자 장치(101)는 사용자 입력(400)에 응답하여, 제1 아이템(450)(예: 제1 미확인 알림(451), 제2 미확인 알림(453), 제3 미확인 알림(455))을 식별(또는 필터링, 정렬)할 수 있고, 식별된 제1 아이템(450)을 리스트에서 제외하여 별도로 구성할 수 있다. 예를 들면, 아래로 이동되는 리스트는 제1 아이템(450)은 제외하고, 제2 아이템(460)만을 포함할 수 있다. 일 실시예에 따라, 제1 아이템(450)은 리스트에서 일시적으로 제외될 수 있고, 제1 아이템(450)만을 포함하는 새로운 리스트로 제공될 수 있다. 일 실시예에 따라, 제1 아이템(450)은 사용자에 의한 리스트 표시가 요청되거나, 또는 리스트의 표시가 종료되는 경우, 리스트에서 원래의 위치(또는 제자리)에 다시 배치(또는 추가)될 수 있다.According to an embodiment, as shown in screen example <403> and screen example <405>, the electronic device 101 moves down the list based on the user input 400, The filtered first item 450 (eg, the first unconfirmed notification 451, the second unconfirmed notification 453, and the third unconfirmed notification 453) may be gradually sequentially displayed in the region (or location). According to an embodiment, the electronic device 101 responds to the user input 400, the first item 450 (e.g., a first unconfirmed notification 451, a second unconfirmed notification 453, a third unconfirmed notification) (455)) may be identified (or filtered, sorted), and the identified first item 450 may be excluded from the list and configured separately. For example, the list to be moved down may include only the second item 460 except for the first item 450. According to an embodiment, the first item 450 may be temporarily excluded from the list, and may be provided as a new list including only the first item 450. According to an embodiment, the first item 450 may be re-arranged (or added) to its original position (or original position) in the list when a list display is requested by the user or when the display of the list is terminated. .
일 실시예에 따라, 화면 예시 <403> 및 화면 예시 <405>에 도시한 예시와 같이, 전자 장치(101)는 사용자 입력(400)이 이동되는 동안, 사용자 입력(400)에 따라 리스트를 아래로 이동하여 표시하면서, 사용자 입력(400) 방향과 반대 방향으로 디졸브 효과(예: 페이드-인/아웃 효과)로 제1 아이템(450)을 제공할 수 있다. 일 실시예에 따르면, 전자 장치(101)는 제1 아이템(450)을 리스트가 존재하던 영역의 최상위 영역에서부터 지정된 정렬 방식의 순서에 기반하여 순차적으로 표시할 수 있다. 예를 들면, 전자 장치(101)는 화면 예시 <403>에 도시한 바와 같이, 제1 아이템(450)을 최근 수신된 순서(예: 제1 미확인 알림(451) -> 제2 미확인 알림(453) -> 제3 미확인 알림(455))에 기반하여 최상위 영역에서부터 순차적으로 표시할 수 있다.According to an embodiment, as illustrated in screen example <403> and screen example <405>, while the user input 400 is being moved, the electronic device 101 displays the list below according to the user input 400. While moving to and displaying, the first item 450 may be provided as a dissolve effect (eg, a fade-in/out effect) in a direction opposite to the direction of the user input 400. According to an embodiment, the electronic device 101 may sequentially display the first item 450 based on the order of a designated sorting method from the uppermost area of the area in which the list exists. For example, as shown in the screen example <403>, the electronic device 101 receives the first item 450 in the recently received order (eg, a first unconfirmed notification 451 -> a second unconfirmed notification 453). ) -> The third unconfirmed notification 455) may be displayed sequentially from the topmost area.
다양한 실시예들에 따르면, 전자 장치(101)는 사용자 입력(400)에 기반하여 아이템 전환 효과를 제공할 수 있다. 일 실시예에 따르면, 전자 장치(101)는 사용자 입력(400)에 기반하여 리스트를 제1 방향(예: 전자 장치(101)의 정면 기준으로 디스플레이의 하단부로 향하는 방향)으로 이동하면서, 제1 방향과 대향하는 제2 방향(예: 전자 장치(101)의 정면 기준으로 디스플레이의 상단부로 향하는 방향)으로 필터링된 제1 아이템(450)을 나타내는 장면 전환 효과를 사용자에게 제공할 수 있다. 예를 들면, 리스트가 사용자 입력(400)의 방향에 따라 아래로 내려가면서 리스트의 기존 영역에 제1 아이템(450)을 표시할 수 있다. 일 실시예에 따르면, 전자 장치(101)는 제1 아이템(450)을 사용자 입력(400)의 방향(예: 제1 방향)과 대향하는(또는 반대되는) 방향(예: 제2 방향)으로 나타나는 장면 전환 효과(예: 디졸브 효과 및/또는 페이드-인/아웃 효과)를 통해, 제1 아이템(450)을 텐션(tension) 및/또는 액션(action)감 있게 제공할 수 있으며, 사용자에게 시각적 경험(visual experience) 및/또는 심미적 경험(aesthetic experience)을 제공할 수 있다.According to various embodiments, the electronic device 101 may provide an item switching effect based on the user input 400. According to an embodiment, the electronic device 101 moves the list in a first direction based on the user input 400 (eg, a direction toward the lower end of the display based on the front of the electronic device 101), A scene change effect indicating the first item 450 filtered in a second direction opposite to the direction (eg, a direction toward the upper end of the display based on the front side of the electronic device 101) may be provided to the user. For example, the first item 450 may be displayed in an existing area of the list while the list moves downward according to the direction of the user input 400. According to an embodiment, the electronic device 101 moves the first item 450 in a direction opposite (or opposite) to a direction (eg, a first direction) of the user input 400 (eg, a second direction). The first item 450 can be provided with a sense of tension and/or action through a transition effect (e.g., a dissolve effect and/or a fade-in/out effect) that appears. It is possible to provide a visual experience and/or an aesthetic experience.
일 실시예에 따라, 전자 장치(101)는 필터링된 제1 아이템(450)이 화면 상에 모두 나타나기(또는 표시되기) 전까지는 화면 예시 <403>과 같이 제1 아이템(450)(예: 제1 미확인 알림(451), 제2 미확인 알림(453))을 딤(dim) 처리하여 표시할 수 있고, 제1 아이템(450)이 화면 상에 모두 나타나는(또는 표시되는) 시점(또는 사용자 입력(400)의 해제 시점)에서는 화면 예시 <405>와 같이 제1 아이템(450)(예: 제1 미확인 알림(451), 제2 미확인 알림(453), 제3 미확인 알림(455))을 온전히(예: 밝게) 처리(예: 브라이트(bright) 처리)하여 표시할 수 있다.According to an embodiment, the electronic device 101 displays the first item 450 (for example, the first item 450) as shown in the screen example <403> until all the filtered first items 450 are displayed (or displayed) on the screen. The 1 unconfirmed notification 451 and the second unconfirmed notification 453 may be displayed by being dimmed, and when all of the first items 450 appear (or displayed) on the screen (or user input ( 400), the first item 450 (for example, the first unconfirmed notification 451, the second unconfirmed notification 453, and the third unconfirmed notification 455) is completely ( Example: Bright) treatment (eg, bright treatment) can be displayed.
일 실시예에 따라, 화면 예시 <407>에 도시한 예시는, 사용자가 사용자 입력(400)을 해제(또는 완료)한 상태의 예를 나타낼 수 있다. 일 실시예에 따르면, 전자 장치(101)는 사용자 입력(400)의 해제에 기반하여 제1 아이템(450)을 정렬하여 표시할 수 있다. 일 실시예에 따르면, 전자 장치(101)는 제1 아이템(450)을 리스트가 있던 영역에 기반하여 표시하고, 리스트는 디스플레이에서 표시하지 않을 수 있다. 다른 실시예에 따르면, 전자 장치(101)는 제1 아이템(450)을 리스트가 있던 영역에 기반하여 표시하고, 제1 아이템(450)과 인접(예: 제1 아이템(450)의 최하단 영역에 이어서 인접)하거나, 또는 디스플레이의 하단부의 적어도 일부를 통해, 리스트(예: 제2 아이템(460))의 적어도 일부를 함께 표시할 수도 있다.According to an embodiment, the example shown in the screen example <407> may represent an example of a state in which the user cancels (or completes) the user input 400. According to an embodiment, the electronic device 101 may arrange and display the first items 450 based on the release of the user input 400. According to an embodiment, the electronic device 101 may display the first item 450 based on an area in which the list exists, and the list may not be displayed on the display. According to another embodiment, the electronic device 101 displays the first item 450 based on an area in which the list exists, and is adjacent to the first item 450 (for example, in the lowermost area of the first item 450). Subsequently, adjacent) or through at least a portion of the lower portion of the display, at least a portion of the list (eg, the second item 460) may be displayed together.
본 개시의 다양한 실시예들에 따르면, 전자 장치(101)는 사용자의 간단한(또는 손쉬운) 사용자 입력(예: 리스트 상에서의 제스처(예: swipe down))에 기반하여, 리스트에서 사용자 지정 조건의 아이템에 대한 빠른 검색을 사용자에게 제공할 수 있다. 다양한 실시예들에 따르면, 사용자는 리스트에서 사용자가 원하는 사용자 지정 조건에 대응하는 아이템을 손쉽고 빠르게 필터링 할 수 있고, 필터링된 아이템만을 직관적으로 확인할 수 있다.According to various embodiments of the present disclosure, based on a user's simple (or easy) user input (eg, gesture on a list (eg, swipe down)), the electronic device 101 It can provide the user with a quick search for. According to various embodiments, the user can easily and quickly filter items corresponding to a user-designated condition desired by the user in the list, and can intuitively check only the filtered items.
도 5는 다양한 실시예들에 따른 전자 장치에서 사용자 인터페이스를 제공하는 방법을 도시하는 흐름도이다. 5 is a flowchart illustrating a method of providing a user interface in an electronic device according to various embodiments.
도 5를 참조하면, 동작 501에서, 전자 장치(101)의 프로세서(120)는 제1 사용자 인터페이스를 표시할 수 있다. 일 실시예에 따르면, 프로세서(120)는 사용자 요청에 대응하는 특정 카테고리의 리스트를 포함하는 제1 사용자 인터페이스를 디스플레이(예: 도 1 또는 도 2의 표시 장치(160))를 통해 표시할 수 있다. 일 실시예에 따라, 제1 사용자 인터페이스는 카테고리(또는 타이틀)를 위한 제1 영역(예: 도 4의 제1 영역(410))(예: 카테고리 영역 또는 앱 바)과 하나 또는 그 이상의 아이템을 포함하는 리스트(또는 컨텐츠)를 위한 제2 영역(예: 도 4의 제2 영역(420))(예: 컨텐츠 영역 또는 리스트 영역)을 포함할 수 있다.Referring to FIG. 5, in operation 501, the processor 120 of the electronic device 101 may display a first user interface. According to an embodiment, the processor 120 may display a first user interface including a list of a specific category corresponding to a user request through a display (eg, the display device 160 of FIG. 1 or 2 ). . According to an embodiment, the first user interface includes a first area (eg, the first area 410 in FIG. 4) for a category (or title) (eg, a category area or an app bar) and one or more items. A second area (eg, the second area 420 of FIG. 4) for the included list (or content) (eg, a content area or a list area) may be included.
동작 503에서, 프로세서(120)는 아이템 필터링과 관련된 사용자 입력(또는 제스처)(예: swipe down)을 감지할 수 있다. 일 실시예에 따르면, 프로세서(120)는 리스트에 포함된 하나 또는 그 이상의 아이템 중에서 지정된 필터링 조건에 대응하는 아이템을 필터링(또는 정렬)하기 위한 지정된 방식의 사용자 입력을 디스플레이(예: 도 1 또는 도 2의 표시 장치(160))를 통해 사용자로부터 수신할 수 있다.In operation 503, the processor 120 may detect a user input (or gesture) (eg, swipe down) related to item filtering. According to an embodiment, the processor 120 displays a user input in a specified manner for filtering (or sorting) an item corresponding to a specified filtering condition among one or more items included in the list (eg, FIG. 1 or FIG. It may be received from a user through the display device 160 of FIG. 2.
동작 505에서, 프로세서(120)는 아이템 필터링과 관련된 사용자 입력에 기반하여 필터링 조건을 식별할 수 있다. 일 실시예에 따르면, 필터링 조건은, 새롭게 업데이트되거나, 지정된 기간 내에 푸시 되거나, 또는 생성(또는 저장)되어, 사용자에 의해 확인되지 않은(또는 미확인) 아이템을 필터링 하는 제1 조건과, 사용자의 설정에 따른 제2 조건을 포함할 수 있다. 일 실시예에 따라, 제1 조건은 부재중 통화, 미확인(또는 읽지 않은) 메시지, 미확인 리마인더, 업데이트된 어플리케이션, 추가된 사진, 또는 추가된 메모와 같이, 사용자에 의해 확인되지 않은 아이템을 필터링 하는 조건을 포함할 수 있다. 일 실시예에 따라, 제2 조건은, 예를 들면, 아이템의 식별 정보(예: 사용자 이름(또는 닉네임), 전화 번호, 그룹 정보)를 포함할 수 있다. 일 실시예에 따르면, 프로세서(120)는 사용자에 의해 전자 장치(101)에 설정된 제1 조건 및/또는 제2 조건에 기반하여 리스트에서 필터링 조건에 대응하는 적어도 하나의 아이템을 필터링 할 수 있다. 일 실시예에 따르면, 필터링 조건은 모든 리스트에 일괄 설정되는 전체 설정 및/또는 리스트의 카테고리 별 독립적으로 설정되는 개별 설정을 포함할 수 있다.In operation 505, the processor 120 may identify a filtering condition based on a user input related to item filtering. According to an embodiment, the filtering condition is a first condition for filtering items that are newly updated, pushed within a specified period, or created (or stored) and not confirmed (or unconfirmed) by the user, and the user's setting It may include a second condition according to. According to an embodiment, the first condition is a condition for filtering items that have not been confirmed by the user, such as missed calls, unconfirmed (or unread) messages, unconfirmed reminders, updated applications, added photos, or added memos. It may include. According to an embodiment, the second condition may include, for example, item identification information (eg, user name (or nickname), phone number, group information). According to an embodiment, the processor 120 may filter at least one item corresponding to the filtering condition in the list based on the first condition and/or the second condition set by the user in the electronic device 101. According to an embodiment, the filtering condition may include an entire setting collectively set for all lists and/or an individual setting independently set for each category of the list.
동작 507에서, 프로세서(120)는 필터링 조건에 기반하여 지정된 정보를 포함하는 제1 아이템을 식별할 수 있다. 일 실시예에 따르면, 프로세서(120)는 사용자 입력에 기반하여, 제1 아이템(예: 필터링 조건에 관련된 아이템)과 제2 아이템(예: 제1 아이템 외의 나머지 아이템)이 혼재된 리스트에서, 제1 아이템을 식별(또는 필터링, 정렬)할 수 있다. 예를 들면, 프로세서(120)는 리스트에서, 제1 조건에 기반하여, 새롭게 업데이트되거나, 지정된 기간 내에 푸시 되거나, 또는 생성(또는 저장)되어, 사용자에 의해 확인되지 않은(또는 미확인) 아이템을 제1 아이템으로 필터링 할 수 있다. 다른 예를 들면, 프로세서(120)는 리스트에서, 제2 조건에 기반하여, 사용자의 설정에 따른 식별 정보(예: 사용자 이름(또는 닉네임), 전화 번호, 그룹 정보)를 포함하는 아이템을 제1 아이템으로 필터링 할 수 있다. 일 실시예에 따르면, 프로세서(120)는 리스트에서 제1 아이템이 필터링 되는 경우, 리스트에서 제1 아이템을 제외하고, 제1 아이템을 포함하는 리스트와 제2 아이템을 포함하는 리스트를 별도로 구성할 수 있다. 예를 들면, 사용자 입력에 따라 아래로 이동되는 리스트는 제1 아이템은 제외하고, 제2 아이템을 포함할 수 있다. 일 실시예에 따라, 제1 아이템(450)은 리스트에서 일시적으로 제외될 수 있고, 제1 아이템(450)만을 포함하는 새로운 리스트로 제공될 수 있다.In operation 507, the processor 120 may identify a first item including designated information based on the filtering condition. According to an embodiment, the processor 120 is based on a user input, from a list in which a first item (eg, an item related to a filtering condition) and a second item (eg, other items other than the first item) are mixed, 1 Items can be identified (or filtered, sorted). For example, the processor 120 may remove items from the list, based on a first condition, that are newly updated, pushed within a specified period, or created (or stored) and have not been confirmed (or unconfirmed) by the user. You can filter by 1 item. For another example, the processor 120 first selects an item including identification information (eg, user name (or nickname), phone number, group information) according to the user's setting, based on the second condition, from the list. You can filter by item. According to an embodiment, when the first item in the list is filtered, the processor 120 may separately configure a list including the first item and a list including the second item, excluding the first item from the list. have. For example, a list that is moved downward according to a user input may include a second item except for the first item. According to an embodiment, the first item 450 may be temporarily excluded from the list, and may be provided as a new list including only the first item 450.
동작 509에서, 프로세서(120)는 사용자 입력에 기반하여 리스트를 제1 방향으로 이동할 수 있다. In operation 509, the processor 120 may move the list in the first direction based on the user input.
동작 511에서, 프로세서(120)는 제1 방향으로 리스트 이동에 대응하여 리스트의 제2 아이템에 관련된 전환 효과를 제공할 수 있다. 일 실시예에 따라, 제2 아이템에 관련된 전환 효과는, 예를 들면, 리스트의 제2 아이템을 사용자 입력의 이동에 대응하여 화면 상에서 순차적으로 표시하지 않는(또는 제거하는) 효과를 포함할 수 있다. 예를 들면, 프로세서(120)는 제2 아이템을 페이드-아웃과 같은 장면 전환 효과에 기반하여 표시하지 않을 수 있다.In operation 511, the processor 120 may provide a transition effect related to the second item of the list in response to the movement of the list in the first direction. According to an embodiment, the transition effect related to the second item may include, for example, an effect of not sequentially displaying (or removing) the second item of the list on the screen in response to the movement of the user input. . For example, the processor 120 may not display the second item based on a scene change effect such as fade-out.
동작 513에서, 프로세서(120)는 제1 방향과 대향하는 제2 방향으로 제1 아이템을 나타내는 전환 효과를 제공할 수 있다. 일 실시예에 따라, 제1 아이템에 관련된 전환 효과는, 예를 들면, 제1 아이템을 리스트에 대한 사용자 입력의 이동에 대응하여 화면 상(예: 리스트가 표시되던 이전 영역)에 서서히 표시하는 효과를 포함할 수 있다. 예를 들면, 프로세서(120)는 제1 아이템을 페이드-인과 같은 장면 전환 효과에 기반하여 표시할 수 있다.In operation 513, the processor 120 may provide a transition effect indicating the first item in a second direction opposite to the first direction. According to an embodiment, the transition effect related to the first item is, for example, an effect of gradually displaying the first item on the screen (eg, the previous area where the list was displayed) in response to movement of the user input to the list. It may include. For example, the processor 120 may display the first item based on a scene change effect such as fade-in.
다양한 실시예들에 따르면, 동작 511과 동작 513은 도시된 순서에 한정하지 않으며, 동작 511과 동작 513은 순차적으로, 병렬적으로, 또는 역순차적으로 수행될 수 있다. 예를 들면, 프로세서(120)는 사용자 입력에 기반하여 제1 아이템과 제2 아이템에 대한 아이템 전환 효과를 함께 제공할 수 있다. 일 실시예에 따르면, 프로세서(120)는 사용자 입력에 기반하여 리스트를 제1 방향(예: 전자 장치(101)의 정면 기준으로 디스플레이의 하단부로 향하는 방향)으로 이동하면서, 제1 방향과 대향하는 제2 방향(예: 전자 장치(101)의 정면 기준으로 디스플레이의 상단부로 향하는 방향)으로 제1 아이템을 나타내는 전환 효과를 사용자에게 제공할 수 있다. 예를 들면, 리스트가 사용자 입력 방향에 따라 아래로 내려가면서 리스트의 기존 영역에 제1 아이템 또는 제1 아이템에 관련된 리스트를 표시할 수 있다. 일 실시예에 따르면, 전자 장치(101)는 제1 아이템을 사용자 입력의 방향(예: 제1 방향)과 대향하는(또는 반대되는) 방향(예: 제2 방향)으로 나타나는 장면 전환 효과(예: 디졸브 효과 및/또는 페이드-인/아웃 효과)를 통해, 제1 아이템을 텐션 또는 액션감 있게 표현하여, 사용자에게 시각적 경험 및/또는 심미적 경험을 제공할 수 있다.According to various embodiments, operations 511 and 513 are not limited to the illustrated order, and operations 511 and 513 may be performed sequentially, in parallel, or in reverse order. For example, the processor 120 may provide an item switching effect for the first item and the second item together based on a user input. According to an embodiment, the processor 120 moves the list in a first direction (e.g., a direction toward the lower end of the display with respect to the front of the electronic device 101) based on a user input, and faces the first direction. A transition effect indicating the first item in a second direction (eg, a direction toward the upper end of the display with respect to the front of the electronic device 101) may be provided to the user. For example, as the list goes down according to the user input direction, a first item or a list related to the first item may be displayed in an existing area of the list. According to an embodiment, the electronic device 101 displays the first item in a direction opposite (or opposite) to a direction (eg, a first direction) of a user input (eg, a second direction). : Through a dissolve effect and/or a fade-in/out effect), the first item may be expressed in a sense of tension or action, thereby providing a visual experience and/or an aesthetic experience to the user.
동작 515에서, 프로세서(120)는 사용자 입력의 해제가 감지되는지 여부를 식별할 수 있다. 예를 들면, 프로세서(120)는 리스트를 아래로 이동하는 사용자 입력이 디스플레이 상에서 해제(예: 터치 해제)되는지 여부를 판단할 수 있다. 일 실시예에 따르면, 사용자 입력의 해제는, 사용자 터치의 실질적 해제와 같이 사용자의 명시적 의도를 기반으로 식별할 수 있다. 다른 실시예에 따르면, 사용자 입력의 해제(또는 완료)는, 필터링 되는 제1 아이템이 화면 상에 모두 나타나는(또는 표시되는) 시점을 기반으로 자동적으로 식별할 수도 있다.In operation 515, the processor 120 may identify whether a release of the user input is detected. For example, the processor 120 may determine whether a user input for moving the list down is released on the display (eg, touch release). According to an embodiment, release of a user input may be identified based on an explicit intention of a user, such as a substantial release of a user's touch. According to another embodiment, cancellation (or completion) of the user input may be automatically identified based on a time point when all the filtered first items appear (or are displayed) on the screen.
동작 515에서, 프로세서(120)는 사용자 입력이 해제되지 않고 유지되는 것으로 식별하면(예: 동작 515의 ‘아니오’), 동작 511로 진행하여, 동작 511 이하의 동작을 수행할 수 있다. In operation 515, if the processor 120 identifies that the user input is not released and is maintained (for example,'No' in operation 515), the processor 120 may proceed to operation 511 and perform operations 511 or less.
동작 515에서, 프로세서(120)는 사용자 입력의 해제를 식별하면(예: 동작 515의 ‘예’), 동작 517에서, 사용자 입력의 해제에 기반하여 제2 사용자 인터페이스를 표시할 수 있다. 일 실시예에 따르면, 프로세서(120)는 제2 아이템을 포함하는 리스트가 제거되고, 필터링된 제1 아이템(또는 제1 아이템 기반의 리스트)을 포함하는 제2 사용자 인터페이스를 디스플레이를 통해 표시할 수 있다. 일 실시예에 따르면, 프로세서(120)는 식별된 아이템을 리스트가 있던 영역에 기반하여 표시하고, 리스트는 디스플레이에서 표시하지 않을 수 있다. 일 실시예에 따라, 제2 사용자 인터페이스는 카테고리(또는 타이틀)를 위한 제1 영역(예: 도 4의 제1 영역(410))(예: 카테고리 영역 또는 앱 바)의 정보(예: 카테고리 정보 또는 타이틀)가 제1 아이템에 관련된 정보(예: 필터링된 아이템의 종류 및/또는 개수에 관련된 정보)로 변경되고, 제2 영역(예: 도 4의 제2 영역(420))에 하나 또는 그 이상의 제1 아이템(또는 제1 아이템을 포함하는 리스트(또는 컨텐츠))을 포함할 수 있다. 예를 들면, 프로세서(120)는 제1 사용자 인터페이스를 제2 사용자 인터페이스로 전환하여 제공할 수 있다.In operation 515, if the processor 120 identifies the release of the user input (eg, “Yes” in operation 515 ), in operation 517, the second user interface may be displayed based on the release of the user input. According to an embodiment, the list including the second item is removed, and the processor 120 may display a second user interface including the filtered first item (or a list based on the first item) through the display. have. According to an embodiment, the processor 120 may display the identified item based on the area in which the list was present, and the list may not be displayed on the display. According to an embodiment, the second user interface includes information (eg, category information) of a first area (eg, the first area 410 of FIG. 4) (eg, a category area or an app bar) for a category (or title). Or title) is changed to information related to the first item (eg, information related to the type and/or number of filtered items), and one or more The first item (or a list (or content) including the first item) may be included. For example, the processor 120 may provide a first user interface by converting it to a second user interface.
도 6은 다양한 실시예들에 따른 전자 장치에서 사용자 인터페이스를 제공하는 동작 예를 설명하기 위한 도면이다.6 is a diagram illustrating an example of an operation of providing a user interface in an electronic device according to various embodiments of the present disclosure.
도 6에 도시된 예시에서는, 전자 장치(101)가 리스트에서 지정된 조건의 아이템을 필터링 하여 사용자에게 제2 사용자 인터페이스를 제공하는 화면 예시를 나타낼 수 있다. 도 6에 도시한 예시는, 도 4를 참조한 설명 부분에서 설명한 바와 같이, 리스트의 카테고리가 ‘메시지(예: 타이틀 - Messages)’인 것을 예로 나타낸다. 도 6에 도시한 예시에서는, 메시지 리스트에, 사용자에 의해 확인되지 않은(또는 사용자가 읽지 않은) 제1 아이템(650)(예: 언리드 메시지)과 사용자에 의해 확인된(또는 사용자가 읽은) 제2 아이템(660)(예: 리드 메시지)이 혼재하는 리스트의 예를 나타낼 수 있다. In the example illustrated in FIG. 6, a screen example in which the electronic device 101 provides a second user interface to a user by filtering items with a specified condition from a list may be displayed. In the example shown in FIG. 6, as described in the description with reference to FIG. 4, the category of the list is “message (eg, title-Messages)” as an example. In the example shown in FIG. 6, in the message list, a first item 650 that has not been confirmed by the user (or has not been read by the user) and that has been confirmed by the user (or that has been read by the user) An example of a list in which the second items 660 (eg, lead messages) are mixed may be shown.
일 실시예에 따라, 도 6에서는 도 4를 참조한 설명 부분에서 설명한 바에 대응하는 엘리먼트(또는 구성 요소 및/또는 동작)에 대한 설명은 생략될 수 있다. 일 실시예에 따라, 리스트에서 제1 아이템(650)은 리스트의 아이템 정렬 방식(예: 아이템 획득(또는 수신, 저장, 업데이트) 시점)에 기반하여 현재 화면 상에 표시되거나 표시되지 않을 수 있고, 표시되지 않은 아이템의 경우 사용자의 스크롤(또는 내비게이션) 동작에 의해 표시될 수 있다.According to an embodiment, in FIG. 6, descriptions of elements (or components and/or operations) corresponding to those described in the description with reference to FIG. 4 may be omitted. According to an embodiment, the first item 650 in the list may or may not be displayed on the current screen based on an item sorting method of the list (eg, item acquisition (or reception, storage, update) time), Items that are not displayed may be displayed by a user's scrolling (or navigation) operation.
일 실시예에 따라, 화면 예시 <601>은 제1 사용자 인터페이스가 표시된 예를 나타낼 수 있다. 예를 들면, 전자 장치(101)는 사용자 요청에 기반하여 메시지의 리스트를 포함하는 제1 사용자 인터페이스를 디스플레이(예: 도 1 또는 도 2의 표시 장치(160))을 통해 표시할 수 있다. 일 실시예에 따라, 제1 사용자 인터페이스는 카테고리(또는 타이틀)를 위한 제1 영역(610)(예: 카테고리 영역 또는 앱 바)과 하나 또는 그 이상의 아이템을 포함하는 리스트(또는 컨텐츠)를 위한 제2 영역(620)(예: 컨텐츠 영역 또는 리스트 영역)을 포함할 수 있다.According to an embodiment, the screen example <601> may represent an example in which the first user interface is displayed. For example, the electronic device 101 may display a first user interface including a list of messages based on a user request through a display (eg, the display device 160 of FIG. 1 or 2 ). According to an embodiment, the first user interface includes a first area 610 (eg, a category area or an app bar) for a category (or title) and a list (or content) including one or more items. It may include 2 areas 620 (for example, a content area or a list area).
일 실시예에 따라, 화면 예시 <601> 및 화면 예시 <603>에 도시한 바와 같이, 사용자는 전자 장치(101)의 디스플레이(예: 도 1 또는 도 2의 표시 장치(160))를 통해 표시된 리스트에서, 아이템의 필터링을 위한 사용자 입력(또는 제스처)(예: swipe down)을 수행할 수 있다.According to an embodiment, as shown in the screen example <601> and the screen example <603>, the user can display the display of the electronic device 101 (for example, the display device 160 of FIG. 1 or 2). In the list, a user input (or gesture) (eg, swipe down) for filtering items may be performed.
일 실시예에 따라, 화면 예시 <603> 및 화면 예시 <605>에 도시한 바와 같이, 전자 장치(101)는 사용자 입력에 기반하여, 리스트를 아래로 이동하면서, 리스트의 기존 영역(또는 위치)에 필터링된 제1 아이템(650)을 서서히 순차적으로 나타낼 수 있다. 일 실시예에 따르면, 전자 장치(101)는 사용자 입력에 응답하여, 제1 아이템(650)을 식별(또는 필터링, 정렬)할 수 있고, 식별된 제1 아이템(650)을 리스트에서 제외하여 별도로 구성할 수 있다. 예를 들면, 아래로 이동되는 리스트는 제1 아이템(650)은 제외하고, 제2 아이템(660)만을 포함할 수 있다. 일 실시예에 따라, 제1 아이템(650)은 리스트에서 일시적으로 제외될 수 있고, 제1 아이템(650)만을 포함하는 새로운 리스트로 제공될 수 있다. 일 실시예에 따라, 제1 아이템(650)은 사용자에 의한 리스트 표시가 요청되거나, 또는 리스트의 표시가 종료되는 경우, 리스트에서 원래의 위치(또는 제자리)에 다시 배치(또는 추가)될 수 있다.According to an embodiment, as shown in screen example <603> and screen example <605>, the electronic device 101 moves down the list based on a user input, The filtered first items 650 may be gradually sequentially displayed. According to an embodiment, the electronic device 101 may identify (or filter, sort) the first item 650 in response to a user input, and exclude the identified first item 650 from the list. Configurable. For example, the list to be moved down may include only the second item 660 except for the first item 650. According to an embodiment, the first item 650 may be temporarily excluded from the list, and may be provided as a new list including only the first item 650. According to an embodiment, the first item 650 may be re-arranged (or added) to its original position (or position) in the list when a list display is requested by the user or when the display of the list is terminated. .
일 실시예에 따라, 화면 예시 <603> 및 화면 예시 <605>에 도시한 예시와 같이, 전자 장치(101)는 사용자 입력이 이동되는 동안, 사용자 입력에 따라 리스트를 아래로 이동하여 표시하면서, 사용자 입력 방향과 반대 방향으로 디졸브 효과(예: 페이드-인/아웃 효과)로 제1 아이템(650)을 제공할 수 있다. 일 실시예에 따르면, 전자 장치(101)는 제1 아이템(650)을 리스트가 존재하던 영역의 최상위 영역에서부터 지정된 정렬 방식의 순서에 따라 순차적으로 표시할 수 있다. According to an embodiment, as in the examples shown in screen example <603> and screen example <605>, while the user input is being moved, the electronic device 101 moves and displays the list downward according to the user input, The first item 650 may be provided as a dissolve effect (eg, a fade-in/out effect) in a direction opposite to the user input direction. According to an embodiment, the electronic device 101 may sequentially display the first item 650 in the order of a designated sorting method from the uppermost area of the area in which the list exists.
일 실시예에 따르면, 전자 장치(101)는 사용자 입력에 기반하여 리스트를 제1 방향(예: 전자 장치(101)의 정면 기준으로 디스플레이의 하단부로 향하는 방향)으로 이동하면서, 제1 방향과 대향하는 제2 방향(예: 전자 장치(101)의 정면 기준으로 디스플레이의 상단부로 향하는 방향)으로 필터링된 제1 아이템(650)을 나타내는 장면 전환 효과를 사용자에게 제공할 수 있다. 예를 들면, 리스트가 사용자 입력의 방향에 따라 아래로 내려가면서 리스트의 기존 영역에 제1 아이템(650)을 표시할 수 있다. 일 실시예에 따르면, 전자 장치(101)는 제1 아이템(650)을 사용자 입력의 방향(예: 제1 방향)과 대향하는(또는 반대되는) 방향(예: 제2 방향)으로 나타나는 장면 전환 효과(예: 디졸브 효과 및/또는 페이드-인/아웃 효과)를 통해, 제1 아이템(650)을 텐션 또는 액션감 있게 제공할 수 있으며, 사용자에게 시각적 경험 및/또는 심미적 경험을 제공할 수 있다.According to an embodiment, the electronic device 101 moves the list in a first direction (for example, a direction toward the lower end of the display based on the front of the electronic device 101) based on a user input, and faces the first direction. A scene change effect indicating the filtered first item 650 in a second direction (for example, a direction toward the upper end of the display based on the front side of the electronic device 101) may be provided to the user. For example, the first item 650 may be displayed in an existing area of the list as the list moves downward according to the direction of the user input. According to an embodiment, the electronic device 101 changes the scene in which the first item 650 appears in a direction opposite (or opposite) to a direction (eg, a first direction) of a user input (eg, a second direction). Through an effect (eg, a dissolve effect and/or a fade-in/out effect), the first item 650 may be provided with a sense of tension or action, and a visual experience and/or an aesthetic experience may be provided to the user. .
일 실시예에 따라, 전자 장치(101)는 필터링된 제1 아이템(650)이 화면 상에 모두 나타나기(또는 표시되기) 전까지는 화면 예시 <603> 및 화면 예시 <605>와 같이 제1 아이템(650)을 딤(dim) 처리하여 표시할 수 있고, 제1 아이템(650)이 화면 상에 모두 나타나는(또는 표시되는) 시점(또는 사용자 입력의 해제 시점)에서는 화면 예시 <607>과 같이 제1 아이템(650)을 온전히(예: 밝게) 처리(예: 브라이트(bright) 처리)하여 표시할 수 있다.According to an embodiment, the electronic device 101 uses the first item (as shown in the screen example <603> and the screen example <605> until all of the filtered first items 650 are displayed (or displayed) on the screen. 650) can be displayed by being dimmed, and at the time when all the first items 650 appear (or are displayed) on the screen (or the time when the user input is canceled), as shown in the screen example <607>, The item 650 can be displayed completely (eg, bright) processed (eg, bright processed).
일 실시예에 따라, 전자 장치(101)는 제1 아이템(650)에 관련된 전환 효과와 함께 제1 영역(610)에 기반하여 전환 효과를 제공할 수 있다. 일 실시예에 따르면, 화면 예시 <603>과 화면 예시 <605>에 도시한 예시와 같이, 카테고리(또는 타이틀)를 위한 제1 영역(610)(예: 카테고리 영역 또는 앱 바)의 정보(670)(예: 카테고리 정보 또는 타이틀)가 제1 아이템에 관련된 정보(680)(예: 필터링된 아이템의 종류 및/또는 개수에 관련된 정보)로 변경하여 제공할 수 있다. 일 실시예에 따라, 전자 장치(101)는 제1 아이템(650)이 화면 상에 모두 나타나기(또는 표시되기) 전까지는 화면 예시 <605>와 같이 제1 영역(610)의 변경된 정보(680)를 딤(dim) 처리하여 표시할 수 있고, 제1 아이템(650)이 화면 상에 모두 나타나는(또는 표시되는) 시점(또는 사용자 입력의 해제 시점)에서는 화면 예시 <607>과 같이 제1 영역(650)의 변경된 정보(680)를 온전히(예: 밝게) 처리(예: 브라이트(bright) 처리)하여 표시할 수 있다.According to an embodiment, the electronic device 101 may provide a transition effect based on the first area 610 together with a transition effect related to the first item 650. According to an embodiment, as illustrated in screen example <603> and screen example <605>, information 670 of the first area 610 (eg, category area or app bar) for a category (or title). ) (Eg, category information or title) may be changed to information 680 related to the first item (eg, information related to the type and/or number of filtered items) and provided. According to an embodiment, the electronic device 101 displays the changed information 680 of the first area 610 as shown in the screen example <605> until all of the first items 650 are displayed (or displayed) on the screen. May be displayed by dim processing, and at the time when all the first items 650 appear (or display) on the screen (or when the user input is canceled), as shown in the screen example <607>, the first area ( The changed information 680 of the 650) may be completely (eg, bright) processed (eg, bright processed) and displayed.
일 실시예에 따라, 화면 예시 <607>에 도시한 예시는, 사용자가 사용자 입력을 해제(또는 완료)하는 상태에 기반하여 제2 사용자 인터페이스를 제공하는 예를 나타낼 수 있다. According to an embodiment, the example shown in the screen example <607> may represent an example in which a second user interface is provided based on a state in which a user cancels (or completes) a user input.
일 실시예에 따르면, 전자 장치(101)는 사용자 입력의 해제에 기반하여 제1 아이템(650)을 정렬하여 표시할 수 있다. 일 실시예에 따르면, 전자 장치(101)는 제1 아이템(650)을 리스트가 있던 영역에 기반하여 표시하고, 리스트는 디스플레이에서 표시하지 않을 수 있다. 다른 실시예에 따르면, 전자 장치(101)는 제1 아이템(650)을 리스트가 있던 영역에 기반하여 표시하고, 제1 아이템(650)과 인접(예: 제1 아이템(650)의 최하단 영역에 이어서 인접)하거나, 또는 디스플레이의 하단부의 적어도 일부를 통해, 리스트(예: 제2 아이템(660))의 적어도 일부를 함께 표시할 수도 있다.According to an embodiment, the electronic device 101 may arrange and display the first items 650 based on the release of the user input. According to an embodiment, the electronic device 101 may display the first item 650 based on an area in which the list exists, and the list may not be displayed on the display. According to another embodiment, the electronic device 101 displays the first item 650 based on an area in which there is a list, and is adjacent to the first item 650 (for example, in the lowermost area of the first item 650). Subsequently, adjacent) or through at least a portion of the lower portion of the display, at least a portion of the list (eg, the second item 660) may be displayed together.
일 실시예에 따르면, 전자 장치(101)는 사용자 입력의 해제에 기반하여 제2 아이템(650)을 포함하는 리스트가 제거되고, 제1 아이템(650)을 포함하는 제2 사용자 인터페이스를 제공 시에, 카테고리(또는 타이틀)를 위한 제1 영역(610)의 제1 정보(670)(예: (예: 카테고리 정보 또는 타이틀 정보로, 예를 들어, “Messages”)를 제1 아이템에 관련된 제2 정보(680)(예: 필터링된 아이템의 종류 및/또는 개수에 관련된 정보로, 예를 들면, “2 unread messages”)로 변경하여 제공할 수 있다. 예를 들면, 전자 장치(101)는 화면 예시 <601>의 제1 사용자 인터페이스를, 화면 예시 <607>의 제2 사용자 인터페이스로 전환하여 제공할 수 있다.According to an embodiment, when the electronic device 101 removes the list including the second item 650 based on the release of the user input, and provides a second user interface including the first item 650, the electronic device 101 , First information 670 of the first area 610 for a category (or title) (eg (eg, category information or title information, eg, “Messages”) Information 680 (eg, information related to the type and/or number of filtered items, for example, “2 unread messages”) may be changed and provided. The first user interface of example <601> may be provided by switching to the second user interface of screen example <607>.
본 개시의 다양한 실시예들에 따르면, 전자 장치(101)는 사용자의 간단한(또는 손쉬운) 사용자 입력(예: 리스트 상에서의 제스처(예: swipe down))에 기반하여, 리스트에서 사용자 지정 조건의 아이템에 대한 빠른 검색을 사용자에게 제공할 수 있다. 다양한 실시예들에 따르면, 사용자는 리스트에서 사용자가 원하는 사용자 지정 조건에 대응하는 아이템을 손쉽고 빠르게 필터링 할 수 있고, 필터링된 아이템만을 직관적으로 확인할 수 있다.According to various embodiments of the present disclosure, based on a user's simple (or easy) user input (eg, gesture on a list (eg, swipe down)), the electronic device 101 It can provide the user with a quick search for. According to various embodiments, the user can easily and quickly filter items corresponding to a user-designated condition desired by the user in the list, and can intuitively check only the filtered items.
도 7은 다양한 실시예들에 따른 전자 장치의 동작 방법을 도시하는 흐름도이다.7 is a flowchart illustrating a method of operating an electronic device according to various embodiments.
일 실시예에 따라, 도 7에 도시된 실시예는 리스트에서 지정된 필터링 조건(또는 지정된 정보)에 기반하여 필터링된 제1 아이템(예: 도 4 또는 도 6의 제1 아이템(450, 650))을 제공하는 동작 예를 나타낼 수 있다.According to an embodiment, the embodiment shown in FIG. 7 is a first item filtered based on a filtering condition (or designated information) specified in a list (for example, the first items 450 and 650 of FIG. 4 or 6). An example of an operation may be shown.
도 7을 참조하면, 동작 701에서, 전자 장치(101)의 프로세서(120)는 사용자 입력(또는 제스처)(예: 앱 바 swipe down)에 기반하여 리스트를 제1 방향으로 이동할 수 있다.Referring to FIG. 7, in operation 701, the processor 120 of the electronic device 101 may move the list in the first direction based on a user input (or gesture) (eg, app bar swipe down).
동작 703에서, 프로세서(120)는 리스트 이동에 대응하여 제1 아이템과 제2 아이템을 페이드-인/아웃으로 장면 전환 효과를 제공할 수 있다. 일 실시예에 따르면, 프로세서(120)는 사용자 입력에 기반하여 리스트를 제1 방향으로 이동하면서 제2 아이템을 순차적으로 제거하는(또는 숨김 처리하는) 페이드-아웃 방식으로 전환 효과를 사용자에게 제공하고, 제1 방향과 대향하는 제2 방향으로 제1 아이템을 서서히 나타내는 페이드-인 방식으로 전환 효과를 사용자에게 제공할 수 있다. In operation 703, the processor 120 may provide a scene change effect by fading-in/out the first item and the second item in response to the movement of the list. According to an embodiment, the processor 120 provides a transition effect to the user in a fade-out method of sequentially removing (or hiding) the second item while moving the list in the first direction based on the user input. , A transition effect may be provided to the user in a fade-in method in which the first item is gradually displayed in a second direction opposite to the first direction.
예를 들면, 프로세서(120)는 리스트가 사용자 입력 방향에 따라 아래로 내려가면서 리스트의 제2 아이템은 순차적으로 표시하지 않고(또는 제거하고), 리스트가 존재하던 영역에 제1 아이템 또는 제1 아이템에 관련된 리스트를 서서히 표시할 수 있다. 일 실시예에 따르면, 프로세서(120)는 제1 아이템을 사용자 입력의 방향(예: 제1 방향)과 대향하는(또는 반대되는) 방향(예: 제2 방향)으로 나타내는 장면 전환 효과(예: 디졸브 효과 및/또는 페이드-인/아웃 효과)를 통해 사용자에게 시각적 경험 및/또는 심미적 경험을 제공할 수 있다.For example, the processor 120 does not sequentially display (or removes) the second item of the list as the list goes down according to the user input direction, and the first item or the first item in the area where the list exists. You can slowly display a list related to. According to an embodiment, the processor 120 displays a scene change effect (eg, a second direction) that represents the first item in a direction (eg, a second direction) opposite (or opposite) to a direction of the user input (eg, a first direction). A dissolve effect and/or a fade-in/out effect) may provide a visual experience and/or an aesthetic experience to the user.
동작 705에서, 프로세서(120)는 제1 아이템을 최상위 영역에서부터 지정된 정렬 순서에 기반하여 순차적으로 표시할 수 있다. 일 실시예에 따르면, 프로세서(120)는 사용자 입력이 이동되는 동안, 전환 효과를 제공하고, 필터링된 제1 아이템이 모두 표시되는 시점 및/또는 사용자 입력이 완료(예: 해제)되는 시점에 적어도 기반하여, 제1 아이템을 리스트가 존재하던 영역의 최상위 영역에서부터 지정된 정렬 방식의 순서에 기반하여 순차적으로 표시할 수 있다. 예를 들면, 프로세서(120)는 제1 아이템을 최근 수신된 순서, 최근 업데이트된 순서, 알파벳 순서, 사용자 지정 우선 순위 순서, 또는 최근 생성(예: 메모 작성, 사진 촬영)된 순서와 같이 지정된 정렬 순서에 기반하여 최상위 영역(예: 리스트가 있던 영역)에서부터 순차적으로 표시할 수 있다.In operation 705, the processor 120 may sequentially display the first item based on a specified sort order from the highest region. According to an embodiment, the processor 120 provides a transition effect while the user input is moving, and at least at the time when all the filtered first items are displayed and/or the time when the user input is completed (eg, canceled). Based on this, the first items may be sequentially displayed based on the order of a designated sorting method from the topmost area of the area where the list exists. For example, the processor 120 sorts the first items in a specified order such as the order recently received, the order recently updated, the alphabetical order, the user-specified priority order, or the order in which the first item was recently created (e.g., memo writing, photo taking) Based on the order, it can be displayed sequentially from the topmost area (eg, the area where the list was located).
도 8은 다양한 실시예들에 따른 전자 장치의 동작 방법을 도시하는 흐름도이다.8 is a flowchart illustrating a method of operating an electronic device according to various embodiments.
일 실시예에 따라, 도 8에 도시된 실시예는 사용자 입력에 기반하여 필터링된 아이템(예: 도 4 또는 도 6의 제1 아이템(450, 650))을 표시하기 위한 지정된 정렬 순서를 식별하는 동작 예를 나타낼 수 있다.According to one embodiment, the embodiment shown in FIG. 8 identifies a specified sort order for displaying filtered items (e.g., first items 450 and 650 of FIG. 4 or 6) based on a user input. An example of the operation can be shown.
도 8을 참조하면, 동작 801에서, 전자 장치(101)의 프로세서(120)는 필터링 조건에 기반하여 지정된 정보를 포함하는 아이템을 식별할 수 있다.Referring to FIG. 8, in operation 801, the processor 120 of the electronic device 101 may identify an item including designated information based on a filtering condition.
동작 803에서, 프로세서(120)는 아이템의 식별에 기반하여, 식별된 아이템이 복수의 아이템들인지 여부를 판단할 수 있다. 예를 들면, 프로세서(120)는 리스트에서 필터링하는 결과에 기반하여, 복수의 아이템들이 필터링 되는지 여부를 식별할 수 있다. 필터링 되는 결과에 기반하여, 복수의 아이템들이 필터링 되는지 여부를 판단할 수 있다.In operation 803, the processor 120 may determine whether the identified item is a plurality of items based on the identification of the item. For example, the processor 120 may identify whether a plurality of items are filtered based on a result of filtering in the list. Based on the filtered result, it may be determined whether a plurality of items are filtered.
동작 803에서, 프로세서(120)는 식별된 아이템이 복수의 아이템들이 아닌 경우(예: 동작 803의 ‘아니오’), 예를 들면, 하나의 아이템인 경우, 식별된 아이템을 전술한 전환 효과에 기반하여 사용자에게 제공할 수 있다.In operation 803, if the identified item is not a plurality of items (for example,'No' in operation 803), for example, if it is one item, the processor 120 determines the identified item based on the above-described transition effect. It can be provided to the user.
동작 803에서, 프로세서(120)는 식별된 아이템이 복수의 아이템들인 경우(예: 동작 803의 ‘예’), 동작 805에서, 지정된 정렬 순서를 식별할 수 있다. 일 실시예에 따르면, 지정된 정렬 순서는 사용자에 의해 아이템의 정렬 순서와 관련하여 설정되는 정보로서, 예를 들면, 최근 수신된 순서, 최근 업데이트된 순서, 알파벳 순서, 사용자 지정 우선 순위 순서, 또는 최근 생성(예: 메모 작성, 사진 촬영)된 순서와 같이 다양하게 설정될 수 있다. 이후, 프로세서(120)는 식별된 아이템을 전술한 장면 전환 효과에 기반하여 지정된 정렬 순서에 따라 사용자에게 제공할 수 있다.In operation 803, when the identified item is a plurality of items (eg,'Yes' in operation 803), in operation 805, the processor 120 may identify a specified sort order. According to an embodiment, the specified sorting order is information set by the user in relation to the sorting order of items, for example, a recently received order, a recently updated order, an alphabetical order, a user-specified priority order, or a recent It can be set in various ways, such as the order in which it was created (eg, memo writing, photo taking). Thereafter, the processor 120 may provide the identified item to the user according to a specified sorting order based on the above-described scene change effect.
도 9는 다양한 실시예들에 따른 전자 장치의 동작 방법을 도시하는 흐름도이다.9 is a flowchart illustrating a method of operating an electronic device according to various embodiments.
일 실시예에 따라, 도 9에 도시된 실시예는 사용자 입력의 해제(또는 완료)에 기반하여, 카테고리 영역(또는 타이틀 영역)(예: 도 6의 제1 영역(610))과 리스트 영역(또는 컨텐츠 영역)(예: 도 6의 제2 영역(620))을 통해 필터링된 아이템(예: 도 6의 제1 아이템(650))과 그에 관련된 정보(예: 도 6의 제2 정보(680))를 제공하는 동작 예를 나타낼 수 있다.According to an embodiment, the embodiment shown in FIG. 9 is based on the release (or completion) of the user input, the category area (or title area) (for example, the first area 610 in FIG. 6) and the list area ( Or the content area) (eg, the second area 620 of FIG. 6) filtered through the item (eg, the first item 650 of FIG. 6) and related information (eg, the second information 680 of FIG. 6 ). )) can be shown.
도 9를 참조하면, 전자 장치(101)의 프로세서(120)는 리스트 이동에 대응하여 카테고리 영역과 리스트 영역에 지정된 장면 전환 효과를 제공할 수 있다. 일 실시예에 따르면, 프로세서(120)는 사용자 입력에 기반하여 리스트를 아래로 이동하여 표시하면서, 사용자 입력 방향과 반대 방향으로 필터링된 아이템이 서서히 나타나는 장면 전환 효과(예: 디졸브 효과 및/또는 페이드-인/아웃 효과)로 제1 아이템을 리스트 영역의 최상위 영역에서부터 지정된 정렬 방식의 순서에 기반하여 순차적으로 표시할 수 있다. Referring to FIG. 9, the processor 120 of the electronic device 101 may provide a scene change effect specified in the category area and the list area in response to a list movement. According to an embodiment, the processor 120 moves the list down and displays the list based on a user input, while a scene change effect (eg, a dissolve effect and/or a fade) gradually appearing filtered items in a direction opposite to the user input direction. -In/out effect), the first items can be sequentially displayed based on the order of a designated sorting method from the topmost area of the list area.
일 실시예에 따르면, 프로세서(120)는 제1 아이템에 관련된 장면 전환 효과와 함께 카테고리 영역에 기반하여 장면 전환 효과를 사용자에게 제공할 수 있다. 예를 들면, 프로세서(120)는 카테고리(또는 타이틀)를 위한 카테고리 영역(또는 앱 바)의 제1 정보(예: 카테고리 정보 또는 타이틀 정보)를 제1 아이템에 관련된 정보(예: 필터링된 아이템의 종류 및/또는 개수에 관련된 정보)로 변경하여 제공할 수 있다. According to an embodiment, the processor 120 may provide a scene change effect to a user based on a category area together with a scene change effect related to the first item. For example, the processor 120 may transfer first information (eg, category information or title information) of a category area (or app bar) for a category (or title) to information related to the first item (eg, the filtered item). Information related to the type and/or number) can be changed and provided.
동작 903에서, 프로세서(120)는 사용자 입력의 해제를 감지할 수 있다.In operation 903, the processor 120 may detect the release of the user input.
동작 905에서, 프로세서(120)는 사용자 입력의 해제에 기반하여 카테고리 영역에 식별된 아이템에 관련된 정보를 표시할 수 있다.In operation 905, the processor 120 may display information related to the identified item in the category area based on the release of the user input.
동작 907에서, 프로세서(120)는 사용자 입력의 해제에 기반하여 리스트 영역에 식별된 아이템을 지정된 정렬 순서에 기반하여 표시할 수 있다.In operation 907, the processor 120 may display the identified item in the list area based on a specified sort order based on the release of the user input.
다양한 실시예들에 따르면, 동작 903과 동작 905에 도시된 순서에 한정하지 않으며, 동작 903과 동작 905는 순차적으로, 병렬적으로, 또는 역순차적으로 수행될 수 있다. 일 실시예에 따르면, 프로세서(120)는 제1 아이템이 화면 상에 모두 나타나기(또는 표시되기) 전까지, 또는 사용자 입력이 해제되기 전까지는 리스트 영역의 제1 아이템과 카테고리 영역의 변경된 정보를 딤(dim) 처리하여 표시할 수 있고, 제1 아이템이 화면 상에 모두 나타나는(또는 표시되는) 시점, 또는 사용자 입력이 해제되는 시점에서 카테고리 영역의 제1 아이템과 리스트 영역의 변경된 정보를 온전히 처리(예: 브라이트 처리)하여 표시할 수 있다.According to various embodiments, the order shown in operations 903 and 905 is not limited, and operations 903 and 905 may be sequentially performed, in parallel, or in reverse order. According to an embodiment, the processor 120 dims the first item in the list area and changed information in the category area until all of the first items are displayed (or displayed) on the screen or until the user input is released. dim) can be displayed, and the first item in the category area and the changed information in the list area are completely processed at the time when all the first items appear (or are displayed) on the screen or when the user input is released (e.g. : Bright treatment) can be displayed.
일 실시예에 따르면, 프로세서(120)는 사용자 입력의 해제에 기반하여 제1 아이템을 리스트가 존재하던 리스트 영역에 기반하여 표시하고, 리스트는 디스플레이에서 표시하지 않을 수 있다. 다른 실시예에 따르면, 프로세서(120)는 제1 아이템을 리스트가 존재하던 리스트 영역에 기반하여 표시하고, 제1 아이템과 인접하거나, 또는 디스플레이의 하단부를 통해, 리스트의 적어도 일부를 함께 표시할 수도 있다.According to an embodiment, the processor 120 may display the first item based on the list area in which the list exists, and the list may not be displayed on the display based on the release of the user input. According to another embodiment, the processor 120 may display the first item based on the list area in which the list exists, and display at least a part of the list adjacent to the first item or through a lower portion of the display. have.
일 실시예에 따르면, 전자 장치(101)는 사용자 입력의 해제에 기반하여 제2 아이템(650)을 포함하는 리스트가 제거되고, 제1 아이템(650)을 포함하는 제2 사용자 인터페이스를 제공 시에, 카테고리(또는 타이틀)를 위한 제1 영역(610)의 제1 정보(예: “Messages”)를 제1 아이템에 관련된 제2 정보(예: “2 unread messages”)로 변경하여 제공할 수 있다. 예를 들면, 전자 장치(101)는 화면 예시 <601>의 제1 사용자 인터페이스를, 화면 예시 <607>의 제2 사용자 인터페이스로 전환하여 제공할 수 있다.According to an embodiment, when the electronic device 101 removes the list including the second item 650 based on the release of the user input, and provides a second user interface including the first item 650, the electronic device 101 , First information (eg “Messages”) of the first area 610 for a category (or title) may be changed to second information related to the first item (eg “2 unread messages”) and provided. . For example, the electronic device 101 may provide the first user interface of the screen example <601> by switching to the second user interface of the screen example <607>.
도 10은 다양한 실시예들에 따른 전자 장치의 동작 방법을 도시하는 흐름도이다.10 is a flowchart illustrating a method of operating an electronic device according to various embodiments.
일 실시예에 따라, 도 10은 필터링된 아이템 기반의 사용자 인터페이스에서, 아이템에 관련된 컨텐츠를 실행하고, 이후 이전 단계로 리턴(return)하는(또는 돌아가는(go back)) 동작 예를 나타낼 수 있다.According to an embodiment, FIG. 10 may show an example of an operation of executing content related to an item and then returning (or going back) to a previous step in a filtered item-based user interface.
도 10을 참조하면, 동작 1001에서, 전자 장치(101)의 프로세서(120)는 필터링된 아이템 기반의 사용자 인터페이스를 표시할 수 있다. 예를 들면, 프로세서(120)는 전술한 도 4의 화면 예시 <407> 또는 도 6의 화면 예시 <607>에 도시된 예시와 같이, 필터링 조건에 따라 필터링된 아이템 기반의 사용자 인터페이스를 표시할 수 있다.Referring to FIG. 10, in operation 1001, the processor 120 of the electronic device 101 may display a filtered item-based user interface. For example, the processor 120 may display an item-based user interface filtered according to a filtering condition, as shown in the above-described screen example <407> of FIG. 4 or the screen example <607> of FIG. 6. have.
동작 1003에서, 프로세서(120)는 아이템 선택(예: 터치)과 관련된 사용자 입력(예: 제1 사용자 입력)을 감지할 수 있다. 일 실시예에 따르면, 프로세서(120)는 사용자 인터페이스에 포함된 하나 또는 그 이상의 아이템 중에서 특정 아이템을 선택(예: 터치)하는 제1 사용자 입력을 디스플레이(예: 도 1 또는 도 2의 표시 장치(160))를 통해 사용자로부터 수신할 수 있다.In operation 1003, the processor 120 may detect a user input (eg, a first user input) related to item selection (eg, touch). According to an embodiment, the processor 120 displays a first user input for selecting (eg, touching) a specific item from one or more items included in the user interface (eg, the display device of FIG. 1 or 2 ). 160)) from the user.
동작 1005에서, 프로세서(120)는 아이템에 관련된 컨텐츠를 표시할 수 있다. 일 실시예에 따르면, 프로세서(120)는 사용자에 의해 선택된 아이템과 관련된 어플리케이션(예: 현재 리스트를 제공하는 어플리케이션)에 기반하여 아이템에 관련된 컨텐츠를 디스플레이(예: 도 1 또는 도 2의 표시 장치(160))를 통해 표시할 수 있다. 예를 들면, 프로세서(120)는 아이템과 관련된 컨텐츠를 제공함에 있어서, 추가적인 어플리케이션의 실행(또는 진입) 동작 없이, 현재 실행되고 있는(예: 현재 해당 리스트를 제공하고 있는) 어플리케이션에서 선택된 아이템과 관련된 컨텐츠를 사용자에게 바로 제공할 수 있다. In operation 1005, the processor 120 may display content related to the item. According to an embodiment, the processor 120 displays content related to an item based on an application related to an item selected by a user (eg, an application that provides a current list) (eg, the display device of FIG. 1 or 2 ). 160)). For example, in providing content related to an item, the processor 120 relates to an item selected from an application currently being executed (eg, currently providing a corresponding list) without executing (or entering) an additional application. Content can be provided directly to users.
다양한 실시예들에서, 현재 실행되고 있는 어플리케이션은 사용자 요청에 따라 제공된 현재 리스트를 제공(또는 표시)하고 있는 어플리케이션으로, 현재 리스트의 카테고리에 관련된 어플리케이션을 나타낼 수 있다. 일 실시예에 따라, 프로세서(120)는 컨텐츠를 표시할 때, 어플리케이션의 전환 없이, 현재 리스트를 제공하고 있는 어플리케이션에서, 표시되고 있는 제1 정보(예: 필터링된 아이템 기반의 사용자 인터페이스)를 선택된 아이템에 관련된 제2 정보(예: 컨텐츠)로 전환하여 사용자에게 제공할 수 있다.In various embodiments, the currently running application is an application that provides (or displays) a current list provided according to a user request, and may indicate an application related to a category of the current list. According to an embodiment, when displaying content, the processor 120 selects the displayed first information (for example, a filtered item-based user interface) from an application that is currently providing a list without changing the application. The second information (eg, content) related to the item may be converted and provided to the user.
일 실시예에 따라, 리스트의 카테고리가 ‘메시지’이고(또는 실행되고 있는 어플리케이션이 메시지 어플리케이션), 선택된 아이템이 ‘미확인된 메시지’인 것을 가정하면, 프로세서(120)는 아이템을 선택하는 제1 사용자 입력에 기반하여 메시지 어플리케이션을 통해 미확인된 메시지의 컨텐츠(예: 문자 내용)를 표시할 수 있다. According to an embodiment, assuming that the category of the list is'message' (or the running application is a message application) and the selected item is'unidentified message', the processor 120 is a first user who selects an item. Based on the input, the content of an unidentified message (eg, text content) may be displayed through the message application.
다른 실시예에 따라, 리스트의 카테고리가 ‘메모’이고(또는 실행되고 있는 어플리케이션이 메모장 어플리케이션), 선택된 아이템이 ‘새롭게 생성된 메모’인 것을 가정하면, 프로세서(120)는 아이템을 선택하는 제1 사용자 입력에 기반하여 메모장 어플리케이션을 통해 새롭게 생성된 메모의 컨텐츠(예: 메모 내용)를 표시할 수 있다. According to another embodiment, assuming that the category of the list is'notes' (or the running application is a notepad application), and the selected item is a'newly created memo', the processor 120 is Based on a user input, the content of a newly created memo (eg, memo content) may be displayed through the notepad application.
다른 실시예에 따라, 리스트의 카테고리가 ‘갤러리’이고(또는 실행되고 있는 어플리케이션이 갤러리 어플리케이션), 선택된 아이템이 ‘새롭게 촬영된 사진’인 것을 가정하면, 프로세서(120)는 아이템을 선택하는 제1 사용자 입력에 기반하여 갤러리 어플리케이션을 통해 새롭게 촬영된 사진의 컨텐츠(예: 사진 전체 화면)를 표시할 수 있다. According to another embodiment, assuming that the category of the list is'Gallery' (or the running application is a gallery application), and the selected item is a'newly taken photo', the processor 120 selects the first item. Based on a user input, content of a newly taken picture (eg, a full screen of a picture) may be displayed through the gallery application.
다른 실시예에 따라, 리스트의 카테고리가 ‘전화’이고(또는 실행되고 있는 어플리케이션이 전화 어플리케이션), 선택된 아이템이 ‘부재중 통화’인 것을 가정하면, 프로세서(120)는 아이템을 선택하는 제1 사용자 입력에 기반하여 전화 어플리케이션을 통해 부재중 통화의 컨텐츠(예: 컨택트 정보)를 표시할 수 있다. According to another embodiment, assuming that the category of the list is'phone' (or the running application is a phone application), and the selected item is'missed call', the processor 120 is a first user input for selecting an item. Based on the phone application, the content of the missed call (eg, contact information) may be displayed.
다양한 실시예들이 이에 한정하지 않으며, 다양한 어플리케이션에서도 지정된 조건의 아이템을 필터링 하고, 필터링된 아이템에 관련된 컨텐츠를 제공할 수 있다.Various embodiments are not limited thereto, and various applications may filter items with a specified condition and provide content related to the filtered items.
동작 1007에서, 프로세서(120)는 컨텐츠를 표시하는 동안 리턴(return)에 관련된 사용자 입력(예: 제2 사용자 입력)을 감지할 수 있다. 일 실시예에 따르면, 제2 사용자 입력은, 컨텐츠를 표시하고 있는 상태에서, 이전 동작(또는 단계)(예: 리스트 표시 단계, 또는 필터링된 아이템 표시 단계)으로 리턴하기 위한 지정된 입력을 포함할 수 있다. 일 실시예에 따르면, 제2 사용자 입력은, 예를 들면, 리턴을 위한 지정된 기능 버튼(예: 소프트 버튼 또는 물리적 버튼)에 의한 입력, 리턴을 위한 지정된 사용자 제스처(예: 전자 장치(101)를 이용한 지정된 모션 동작)에 의한 입력, 및/또는 리턴을 위한 지정된 음성 명령에 의한 입력을 포함할 수 있다. In operation 1007, the processor 120 may detect a user input (eg, a second user input) related to a return while displaying content. According to an embodiment, the second user input may include a designated input for returning to a previous operation (or step) (eg, displaying a list or displaying a filtered item) while displaying content. have. According to an embodiment, the second user input includes, for example, an input by a designated function button (eg, a soft button or a physical button) for return, and a designated user gesture (eg, the electronic device 101) for return. It may include an input by using a designated motion operation), and/or an input by a designated voice command for return.
동작 1009에서, 프로세서(120)는 설정된 옵션(또는 정보)을 판단할 수 있다. 일 실시예에 따르면, 프로세서(120)는 제2 사용자 입력을 감지하는 경우, 제2 사용자 입력에 따라 리턴되는 타겟 단계(예: 이전 단계)에 관련된 옵션(또는 정보)를 식별할 수 있다. 일 실시예에 따라, 설정된 옵션은, 아이템 필터링 이전의 리스트를 표시하는 단계(예: 제1 상태)로 진입(또는 전환, 리턴)하기 위한 제1 방식과, 필터링된 아이템을 표시하는 단계(예: 제2 상태)로 진입하기 위한 제2 방식을 포함할 수 있다.In operation 1009, the processor 120 may determine a set option (or information). According to an embodiment, when detecting a second user input, the processor 120 may identify an option (or information) related to a target step (eg, a previous step) returned according to the second user input. According to an embodiment, the set options include a first method for entering (or switching, returning) to a step of displaying a list before item filtering (eg, a first state), and a step of displaying the filtered item (eg : A second method for entering the second state) may be included.
동작 1009에서, 프로세서(120)는 설정된 옵션이 제1 방식인 것을 식별하는 경우, 동작 1011에서, 제1 방식의 옵션에 기반하여 모든 아이템을 포함하는 리스트에 관련된 사용자 인터페이스를 표시할 수 있다. 일 실시예에 따르면, 프로세서(120)는 리스트에서 사용자에 의해 선택된(또는 확인된) 아이템을 필터링 조건에 대응하는 제1 아이템에서 제외(예: 확인된 아이템으로 처리)하고 제2 아이템으로 포함할 수 있다. 일 실시예에 따르면, 프로세서(120)는 리스트를 제공할 때, 이전 단계에서 필터링된 아이템(예: 제1 아이템)을 리스트에서 원래의 위치에 배치하여 리스트의 아이템들을 정렬할 수 있다.In operation 1009, when identifying that the set option is the first method, in operation 1011, the processor 120 may display a user interface related to a list including all items based on the first method option. According to an embodiment, the processor 120 excludes the item selected (or confirmed) by the user from the list from the first item corresponding to the filtering condition (eg, processed as a confirmed item) and includes it as a second item. I can. According to an embodiment, when providing a list, the processor 120 may arrange the items of the list by placing the filtered item (eg, a first item) at an original position in the list.
동작 1009에서, 프로세서(120)는 설정된 옵션이 제2 방식인 것을 식별하는 경우, 동작 1013에서, 제2 방식의 옵션에 기반하여 이전 단계의 사용자 인터페이스(예: 동작 1001의 사용자 인터페이스)에서 선택된(또는 확인된) 아이템을 제외하고, 나머지 필터링된 아이템에 관련된 사용자 인터페이스를 표시할 수 있다. 일 실시예에 따르면, 프로세서(120)는 필터링된 아이템 기반의 사용자 인터페이스에서 사용자에 의해 선택된 아이템을 제1 아이템에서 제외(예: 확인된 아이템으로 처리)하고 제2 아이템으로 포함할 수 있다. 일 실시예에 따르면, 프로세서(120)는 제1 아이템에서 제외된 아이템에 대해 리스트에서 원래의 위치에 배치하여 리스트의 아이템들을 정렬할 수 있다.In operation 1009, when the processor 120 identifies that the set option is the second method, in operation 1013, based on the second method option, the processor 120 is selected from the user interface of the previous step (for example, the user interface of operation 1001) ( Alternatively, a user interface related to the remaining filtered items can be displayed, excluding the checked items. According to an embodiment, the processor 120 may exclude the item selected by the user from the first item in the filtered item-based user interface (eg, process it as a confirmed item) and include it as a second item. According to an embodiment, the processor 120 may arrange items in the list by placing items excluded from the first item at their original positions in the list.
도 11은 다양한 실시예들에 따른 전자 장치에서 사용자 인터페이스를 제공하는 동작 예를 설명하기 위한 도면이다.11 is a diagram illustrating an example of an operation of providing a user interface in an electronic device according to various embodiments of the present disclosure.
도 11에 도시된 예시에서는, 필터링된 아이템 기반의 사용자 인터페이스에서, 아이템에 관련된 컨텐츠를 실행하여 제공하고, 이후 이전 단계로 리턴하여 대응하는 사용자 인터페이스를 제공하는 화면 예시를 나타낼 수 있다.In the example illustrated in FIG. 11, in the filtered item-based user interface, an example of a screen may be shown in which content related to an item is executed and provided, and then returned to a previous step to provide a corresponding user interface.
도 11을 참조하면, 화면 예시 <1101>은 필터링된 아이템(예: 제1 아이템) 기반의 사용자 인터페이스가 표시된 예를 나타낼 수 있다. 예를 들면, 전자 장치(101)는 전술한 도 4의 화면 예시 <407> 또는 도 6의 화면 예시 <607>에 도시된 예시와 같이, 필터링 조건에 따라 필터링된 아이템 기반의 사용자 인터페이스를 표시할 수 있다. 화면 예시 <1101>에 도시된 실시예에서는, 2개의 필터링된 아이템들(1110, 1120)을 포함하는 경우의 예를 나타낼 수 있다.Referring to FIG. 11, a screen example <1101> may represent an example in which a user interface based on a filtered item (eg, a first item) is displayed. For example, the electronic device 101 may display an item-based user interface filtered according to a filtering condition, as shown in the above-described screen example <407> of FIG. 4 or the screen example <607> of FIG. 6. I can. Screen Example In the embodiment shown in <1101>, an example in which two filtered items 1110 and 1120 are included may be shown.
화면 예시 <1103>은 사용자가 화면 예시 <1101>과 같이 사용자 인터페이스에 포함된 필터링된 아이템들(1110, 1120) 중에서 특정 아이템(1110)(예: Alexa Green)을 선택(예: 터치)하여, 해당 아이템(1110)에 관련된 컨텐츠를 표시하는 화면 예시를 나타낼 수 있다. 화면 예시 <1103>에 도시한 바와 같이, 전자 장치(101)는 선택된 아이템(1110)에 관련된 컨텐츠(예: 문자 내용)를 디스플레이(예: 도 1 또는 도 2의 표시 장치(160))를 통해 표시할 수 있다. In the screen example <1103>, a user selects (eg, touchs) a specific item 1110 (eg, Alexa Green) from the filtered items 1110 and 1120 included in the user interface as shown in the screen example <1101>, An example of a screen displaying content related to the item 1110 may be displayed. As shown in the screen example <1103>, the electronic device 101 displays content (eg, text content) related to the selected item 1110 through a display (eg, the display device 160 of FIG. 1 or 2). Can be displayed.
일 실시예에 따르면, 전자 장치(101)는 화면 예시 <1101>에서 사용자에 의해 선택된 아이템(1110)과 관련하여 현재 실행되고 있는 어플리케이션에 기반하여 해당 아이템(1110)에 관련된 컨텐츠를 디스플레이를 통해 표시할 수 있다. 예를 들면, 현재 실행되고 있는 어플리케이션은 사용자 요청에 따라 제공된 현재 리스트를 제공(또는 표시)하고 있는 어플리케이션일 수 있다. According to an embodiment, the electronic device 101 displays content related to the item 1110 through a display based on an application currently being executed in relation to the item 1110 selected by the user in the screen example <1101>. can do. For example, the currently running application may be an application that provides (or displays) a current list provided according to a user request.
일 실시예에 따라, 화면 예시 <1103>에 도시된 실시예에서는, 리스트의 카테고리가 ‘메시지’이고(또는 실행되고 있는 어플리케이션이 메시지 어플리케이션), 선택된 아이템(1110)이 ‘미확인된 메시지’인 것을 가정하면, 전자 장치(101)는 화면 예시 <1101>에서 아이템(1110)을 선택하는 사용자 입력에 기반하여 화면 예시 <1103>과 같이 메시지 어플리케이션을 통해 미확인된 메시지의 컨텐츠(예: 문자 내용)를 표시할 수 있다.According to an embodiment, in the embodiment shown in screen example <1103>, it is determined that the category of the list is'message' (or the running application is a message application), and the selected item 1110 is'unidentified message'. Assuming that, based on a user input for selecting the item 1110 in the screen example <1101>, the electronic device 101 displays the contents of an unidentified message (eg, text content) through the message application as in the screen example <1103>. Can be displayed.
일 실시예에 따라, 사용자는 화면 예시 <1103>과 같이 선택된 아이템(1110)에 관련된 컨텐츠를 확인하고, 이후 이전 단계(예: 리스트 표시 단계, 또는 필터링된 아이템 표시 단계)로 리턴(또는 돌아가기)하기 위해 리턴에 관련된 사용자 입력을 수행할 수 있다. 예를 들면, 리턴에 관련된 사용자 입력은, 리턴을 위한 지정된 기능 버튼(예: 소프트 버튼 또는 물리적 버튼)에 의한 입력, 리턴을 위한 지정된 사용자 제스처(예: 전자 장치(101)를 이용한 지정된 모션 동작)에 의한 입력, 또는 리턴을 위한 지정된 음성 명령에 의한 입력을 포함할 수 있다. 화면 예시 <1103>에서는 리턴을 위한 지정된 기능 버튼(1100)(예: 뒤로 가기 버튼)을 이용하는 예를 나타낼 수 있다. 예를 들면, 전자 장치(101)는 리턴을 위한 사용자 입력을 지정된 기능 버튼(1100)을 통해 사용자로부터 수신할 수 있다.According to an embodiment, the user checks the content related to the selected item 1110 as shown in the screen example <1103>, and then returns (or returns) to a previous step (eg, displaying a list or displaying a filtered item). To do so, you can perform user input related to the return. For example, user input related to return is input by a designated function button (eg, soft button or physical button) for return, and a designated user gesture for return (eg, designated motion operation using the electronic device 101) It may include input by or by a designated voice command for return. Screen example <1103> may show an example of using the designated function button 1100 (eg, a back button) for return. For example, the electronic device 101 may receive a user input for return from the user through the designated function button 1100.
일 실시예에 따르면, 전자 장치(101)는 리턴을 위한 사용자 입력을 감지하는 경우, 사용자 입력에 따라 리턴되는 타겟 단계(예: 이전 단계)에 관련된 옵션(또는 정보)에 기반하여 화면 예시 <1105> 또는 화면 예시 <1107>에 대응하는 사용자 인터페이스를 제공할 수 있다. 일 실시예에 따라, 설정된 옵션은, 아이템 필터링 이전의 리스트를 표시하는 단계로 진입(또는 전환, 리턴)하기 위한 제1 방식(또는 제1 설정, 제1 옵션)과, 필터링된 아이템을 표시하는 단계로 진입하기 위한 제2 방식(또는 제2 설정, 제2 옵션)을 포함할 수 있다. 일 실시예에 따라, 리턴되는 타겟 단계에 관련된 옵션은 사용자에 의해 전자 장치(101)에 사전에 설정될 수 있다.According to an embodiment, when detecting a user input for return, the electronic device 101 illustrates a screen based on an option (or information) related to a target step (eg, a previous step) returned according to the user input. > Or, a user interface corresponding to the screen example <1107> may be provided. According to an embodiment, the set option includes a first method (or first setting, first option) for entering (or switching, returning) to the step of displaying a list before item filtering, and displaying the filtered item. It may include a second method (or a second setting, a second option) for entering the step. According to an embodiment, an option related to the returned target step may be preset in the electronic device 101 by a user.
일 실시예에 따라, 화면 예시 <1105>는 리턴되는 타겟 단계가 제1 방식의 단계인 경우에 화면 전환 예를 나타낼 수 있다. 예를 들면, 전자 장치(101)는 모든 아이템을 포함하는 리스트에 관련된 사용자 인터페이스를 표시할 수 있다. 일 실시예에 따르면, 전자 장치(101)는 리스트에서 사용자에 의해 선택된(또는 확인된) 아이템(1110)을 필터링 조건에 대응하는 제1 아이템에서 제외(예: 확인된 아이템으로 처리)하고, 제2 아이템으로 포함할 수 있다. 일 실시예에 따르면, 전자 장치(101)는 제1 아이템에서 제외된 해당 아이템(1110)(예: 확인된 아이템)에 대해, 리스트에서 원래의 위치(예: 1130)(또는 제자리)에 배치할 수 있다.According to an embodiment, the screen example <1105> may represent an example of screen switching when the returned target step is a step of the first method. For example, the electronic device 101 may display a user interface related to a list including all items. According to an embodiment, the electronic device 101 excludes the item 1110 selected (or confirmed) by the user from the list from the first item corresponding to the filtering condition (eg, processed as a confirmed item), and Can be included as 2 items. According to an embodiment, the electronic device 101 is to place a corresponding item 1110 (eg, a confirmed item) excluded from the first item in an original position (eg, 1130) (or in place) in the list. I can.
일 실시예에 따라, 화면 예시 <1107>은 리턴되는 타겟 단계가 제2 방식의 단계인 경우에 화면 전환 예를 나타낼 수 있다. 예를 들면, 전자 장치(101)는 이전 단계의 사용자 인터페이스(예: 화면 예시 <1103>의 사용자 인터페이스)에서 선택된(또는 확인된) 아이템(1110)을 제외하고, 나머지 필터링된 아이템(1120)에 관련된 사용자 인터페이스를 표시할 수 있다. 일 실시예에 따르면, 전자 장치(101)는 필터링된 아이템 기반의 사용자 인터페이스에서 사용자에 의해 선택된 아이템(1110)을 제1 아이템에서 제외(예: 확인된 아이템으로 처리)하고 나머지 아이템(1120)만을 제공할 수 있다. 일 실시예에 따르면, 프로세서(120)는 제1 아이템에서 제외된 아이템(1110)에 대해 리스트에서 원래의 위치(예: 1130)(또는 제자리)에 배치할 수 있다.According to an embodiment, the screen example <1107> may represent an example of screen switching when the returned target step is a step of the second method. For example, the electronic device 101 excludes the item 1110 selected (or confirmed) in the user interface of the previous step (for example, the user interface of screen example <1103>), and the remaining filtered items 1120 You can display the relevant user interface. According to an embodiment, the electronic device 101 excludes the item 1110 selected by the user from the first item in the filtered item-based user interface (eg, processed as a confirmed item) and only the remaining items 1120 Can provide. According to an embodiment, the processor 120 may place the item 1110 excluded from the first item in an original position (eg, 1130) (or in place) in the list.
도 12, 도 13, 도 14, 및 도 15는 다양한 실시예들에 따라 동작할 수 있는 리스트의 예를 설명하기 위한 도면들이다.12, 13, 14, and 15 are diagrams for explaining an example of a list that can operate according to various embodiments.
도 12, 도 13, 도 14, 및 도 15는 다양한 실시예들에 따라 운영할 수 있는 리스트의 종류의 예시를 나타내며, 다양한 실시예들이 이에 제한되지 않으며, 전자 장치(101)가 가질 수 있는 다양한 리스트의 형태에서도 적용될 수 있다.12, 13, 14, and 15 show examples of types of lists that can be operated according to various embodiments, and various embodiments are not limited thereto, and various embodiments that the electronic device 101 may have. It can also be applied in the form of a list.
일 실시예에 따라, 도 12는 리스트의 카테고리가 ‘전화’인 경우의 사용자 인터페이스 예를 나타낼 수 있다. 일 실시예에 따르면, 전자 장치(101)는 아이템 필터링을 위한 사용자 입력에 기반하여 지정된 제1 조건의 아이템(예: 부재중 통화 내역)을 필터링 하여 사용자에게 제공할 수 있다. 일 실시예에 따르면, 전자 장치(101)는 아이템 필터링을 위한 사용자 입력에 기반하여 지정된 제2 조건의 아이템(예: 지정된 식별 정보)(예: 사용자 이름(또는 닉네임), 전화 번호, 그룹 정보)을 필터링 하여 사용자에게 제공할 수 있다.According to an embodiment, FIG. 12 may show an example of a user interface when the category of the list is “telephone”. According to an embodiment, the electronic device 101 may filter and provide an item (eg, missed call history) of a specified first condition based on a user input for item filtering. According to an embodiment, the electronic device 101 is an item (eg, designated identification information) (eg, user name (or nickname), phone number, group information) with a second condition designated based on a user input for item filtering. Can be provided to users by filtering.
일 실시예에 따라, 도 13은 리스트의 카테고리가 ‘메시지’인 경우의 사용자 인터페이스 예를 나타낼 수 있다. 일 실시예에 따르면, 전자 장치(101)는 아이템 필터링을 위한 사용자 입력에 기반하여 지정된 제1 조건의 아이템(예: 읽지 않은 메시지)을 필터링 하여 사용자에게 제공할 수 있다. 일 실시예에 따르면, 전자 장치(101)는 아이템 필터링을 위한 사용자 입력에 기반하여 지정된 제2 조건의 아이템(예: 지정된 식별 정보(예: 사용자 이름(또는 닉네임), 전화 번호, 그룹 정보))을 필터링 하여 사용자에게 제공할 수 있다.According to an embodiment, FIG. 13 may show an example of a user interface when the category of the list is “message”. According to an embodiment, the electronic device 101 may filter and provide an item (eg, an unread message) with a specified first condition based on a user input for item filtering. According to an embodiment, the electronic device 101 is an item with a second condition designated based on a user input for item filtering (eg, designated identification information (eg, user name (or nickname), phone number, group information)) Can be provided to users by filtering.
일 실시예에 따라, 도 14는 리스트의 카테고리가 ‘리마인더’인 경우의 사용자 인터페이스 예를 나타낼 수 있다. 일 실시예에 따르면, 전자 장치(101)는 아이템 필터링을 위한 사용자 입력에 기반하여 지정된 제1 조건의 아이템(예: 미완료 일정)을 필터링 하여 사용자에게 제공할 수 있다. 일 실시예에 따르면, 전자 장치(101)는 아이템 필터링을 위한 사용자 입력에 기반하여 지정된 제2 조건의 아이템(예: 지정된 식별 정보(예: 지정된 일정))을 필터링 하여 사용자에게 제공할 수 있다.According to an embodiment, FIG. 14 may show an example of a user interface when a category of a list is “reminders”. According to an embodiment, the electronic device 101 may filter and provide an item (for example, an incomplete schedule) with a specified first condition based on a user input for item filtering. According to an embodiment, the electronic device 101 may filter an item (eg, designated identification information (eg, designated schedule)) of a designated second condition based on a user input for item filtering and provide it to the user.
일 실시예에 따라, 도 15는 리스트의 카테고리가 ‘메모’인 경우의 사용자 인터페이스 예를 나타낼 수 있다. 일 실시예에 따르면, 전자 장치(101)는 아이템 필터링을 위한 사용자 입력에 기반하여 지정된 제1 조건의 아이템(예: 업데이트된 메모)을 필터링 하여 사용자에게 제공할 수 있다. 일 실시예에 따르면, 전자 장치(101)는 아이템 필터링을 위한 사용자 입력에 기반하여 지정된 제2 조건의 아이템(예: 지정된 식별 정보(예: 지정된 날짜의 메모, 특정 문자열을 포함하는 메모))을 필터링 하여 사용자에게 제공할 수 있다.According to an embodiment, FIG. 15 may show an example of a user interface when the category of the list is “memo”. According to an embodiment, the electronic device 101 may filter and provide an item (eg, an updated memo) with a specified first condition based on a user input for item filtering. According to an embodiment, the electronic device 101 stores an item with a designated second condition (eg, designated identification information (eg, a memo of a designated date, a memo including a specific character string)) based on a user input for item filtering. It can be filtered and provided to the user.
이상에서와 같이, 본 개시의 다양한 실시예들에 따르면, 전자 장치(101)는 사용자의 간단한(또는 손쉬운) 사용자 입력(예: 리스트 상에서의 제스처)에 기반하여, 리스트에서 사용자 지정 조건의 아이템에 대한 빠른 검색을 사용자에게 제공할 수 있다. 다양한 실시예들에 따르면, 사용자는 리스트에서 사용자가 원하는 사용자 지정 조건에 대응하는 아이템을 손쉽고 빠르게 필터링 할 수 있고, 필터링된 아이템만을 직관적으로 확인할 수 있다. 본 개시의 다양한 실시예들에 따르면, 전자 장치(101)는 필터링된 아이템(또는 필터링된 아이템에 관련된 리스트)을 사용자 입력의 방향과 대향하는(또는 반대되는) 방향으로 나타나는 장면 전환 효과(예: 디졸브 효과 및/또는 페이드-인/아웃 효과)를에 기반하여, 필터링된 아이템을 텐션 및/또는 액션감 있게 제공할 수 있으며, 사용자에게 시각적 경험 및/또는 심미적 경험을 제공할 수 있다.As described above, according to various embodiments of the present disclosure, the electronic device 101 may apply a user-specified condition item in the list based on a user's simple (or easy) user input (eg, a gesture on a list). It can provide users with a quick search for. According to various embodiments, the user can easily and quickly filter items corresponding to a user-designated condition desired by the user in the list, and can intuitively check only the filtered items. According to various embodiments of the present disclosure, the electronic device 101 displays a filtered item (or a list related to the filtered item) in a direction opposite to (or opposite to) a direction of a user input. Based on the dissolve effect and/or the fade-in/out effect), the filtered item may be provided with a sense of tension and/or action, and a visual experience and/or an aesthetic experience may be provided to the user.
본 개시의 다양한 실시예들에 따른 전자 장치(101)에서 수행하는 동작 방법은, 디스플레이(예: 도 1 또는 도 2의 표시 장치(160))를 통해 리스트를 표시하는 동작, 상기 리스트에서 지정된 제1 방향으로 이동하는 사용자 입력을 감지하는 동작, 상기 사용자 입력에 기반하여 지정된 정보를 포함하는 적어도 하나의 아이템을 식별하는 동작, 상기 사용자 입력에 기반하여 상기 리스트를 상기 제1 방향으로 이동하는 동안, 상기 제1 방향과 대향하는 제2 방향으로 상기 적어도 하나의 아이템을 나타내는 전환 효과를 제공하는 동작, 및 상기 사용자 입력의 해제에 기반하여 상기 적어도 하나의 아이템을 표시하는 동작을 포함할 수 있다.An operation method performed by the electronic device 101 according to various embodiments of the present disclosure includes an operation of displaying a list through a display (eg, the display device 160 of FIG. 1 or 2), and an operation of displaying a list. An operation of detecting a user input moving in one direction, an operation of identifying at least one item including information designated based on the user input, while moving the list in the first direction based on the user input, An operation of providing a transition effect indicating the at least one item in a second direction opposite to the first direction, and an operation of displaying the at least one item based on release of the user input.
다양한 실시예들에 따르면, 상기 식별하는 동작은, 상기 사용자 입력에 기반하여 상기 리스트에 포함된 하나 또는 그 이상의 아이템 중에서 사용자 지정의 필터링(filtering) 조건에 관련된 아이템을 필터링 하는 동작을 포함하고, 상기 필터링 조건은 모든 리스트에 일괄 설정되는 전체 설정 및/또는 리스트의 카테고리 별 독립적으로 설정되는 개별 설정에 기반하여 설정되는 조건을 포함할 수 있다.According to various embodiments, the identifying operation includes filtering an item related to a user-specified filtering condition among one or more items included in the list based on the user input, and the The filtering condition may include a condition that is set based on an entire setting collectively set for all lists and/or an individual setting independently set for each category of the list.
다양한 실시예들에 따르면, 상기 전화 효과를 제공하는 동작은, 상기 리스트를 상기 사용자 입력의 방향에 따라 아래로 이동하면서, 상기 리스트가 존재하던 영역에 상기 적어도 하나의 아이템을 표시하는 동작을 포함하고, 상기 전환 효과를 표시할 때, 상기 사용자 입력의 상기 제1 방향과 대향하는 상기 제2 방향으로 상기 적어도 하나의 아이템이 나타나는 장면 전환 효과에 기반하여, 시각적 경험 및/또는 심미적 경험을 제공할 수 있다.According to various embodiments, the providing of the telephone effect includes displaying the at least one item in an area where the list exists while moving the list downward according to the direction of the user input, When displaying the transition effect, a visual experience and/or an aesthetic experience may be provided based on a scene change effect in which the at least one item appears in the second direction opposite to the first direction of the user input. have.
다양한 실시예들에 따르면, 상기 적어도 하나의 아이템을 표시하는 동작은, 상기 사용자 입력의 이동에 대응하여 상기 리스트의 아이템을 화면 상에서 순차적으로 제거하는 동작, 상기 사용자 입력의 이동에 대응하여 상기 적어도 하나의 아이템을 상기 리스트가 존재하던 영역에 순차적으로 표시하는 동작, 상기 적어도 하나의 아이템의 표시에 기반하여, 상기 리스트를 제거하는 동작을 포함할 수 있다.According to various embodiments, the displaying of the at least one item includes an operation of sequentially removing an item of the list from the screen in response to a movement of the user input, and the at least one display in response to a movement of the user input. An operation of sequentially displaying the items of the list in an area where the list exists, and an operation of removing the list based on the display of the at least one item.
다양한 실시예들에 따르면, 상기 리스트에서 상기 적어도 하나의 아이템이 필터링 되는 경우, 상기 리스트에서 상기 적어도 하나의 아이템을 제외하는 동작, 상기 적어도 하나의 아이템을 포함하는 리스트와 상기 적어도 하나의 아이템이 제외된 리스트를 별도로 구성하는 동작을 더 포함할 수 있다.According to various embodiments, when the at least one item is filtered from the list, excluding the at least one item from the list, a list including the at least one item and the at least one item are excluded The operation of separately configuring the list may be further included.
다양한 실시예들에 따르면, 상기 리스트를 표시하는 동작은, 상기 리스트의 카테고리를 위한 제1 영역과 상기 리스트를 위한 제2 영역을 포함하는 사용자 인터페이스를 표시하는 동작을 포함하고, 상기 적어도 하나의 아이템을 표시할 때, 상기 제1 영역의 정보를 상기 적어도 하나의 아이템에 관련된 정보로 변경하고, 상기 제2 영역에 기반하여 상기 적어도 하나의 아이템을 표시할 수 있다.According to various embodiments, the displaying of the list includes displaying a user interface including a first area for a category of the list and a second area for the list, and the at least one item When is displayed, information on the first area may be changed to information related to the at least one item, and the at least one item may be displayed based on the second area.
다양한 실시예들에 따르면, 상기 적어도 하나의 아이템에서 아이템을 선택하는 제1 입력을 감지하는 동작, 상기 제1 입력에 기반하여, 상기 선택된 아이템에 관련된 컨텐츠를 상기 디스플레이를 통해 표시하는 동작, 상기 컨텐츠를 표시하는 동안 리턴(return)에 관련된 제2 입력을 감지하는 동작, 상기 제2 입력에 기반하여, 상기 리스트를 표시하는 제1 상태 또는 상기 적어도 하나의 아이템을 표시하는 제2 상태로 리턴하는 동작을 포함할 수 있다.According to various embodiments, detecting a first input for selecting an item from the at least one item, displaying content related to the selected item through the display based on the first input, the content Detecting a second input related to return while displaying, based on the second input, returning to a first state displaying the list or a second state displaying the at least one item It may include.
다양한 실시예들에 따르면, 상기 리턴하는 동작은, 상기 제1 상태로 리턴 시, 상기 리스트에서 상기 선택된 아이템을 상기 지정된 정보를 포함하는 적어도 하나의 아이템에서 제외하고, 상기 선택된 아이템을 상기 리스트에서 상기 선택된 아이템의 해당 위치에 배치하는 동작, 상기 제2 상태로 리턴 시, 상기 적어도 하나의 아이템에서 상기 선택된 아이템을 제외하여 표시하는 동작을 포함할 수 있다.According to various embodiments, the returning operation includes, when returning to the first state, excluding the selected item from the list from at least one item including the specified information, and removing the selected item from the list. An operation of placing the selected item at a corresponding position, and when returning to the second state, an operation of excluding the selected item from the at least one item and displaying the selected item.
다양한 실시예들에 따르면, 상기 리턴하는 동작은, 상기 컨텐츠를 표시할 때, 어플리케이션의 전환 없이, 상기 리스트를 제공하고 있는 어플리케이션에 기반하여 상기 컨텐츠를 표시하는 동작을 포함할 수 있다.According to various embodiments, when displaying the content, the returning operation may include displaying the content based on an application providing the list without changing an application.
본 명세서와 도면에 개시된 본 개시의 다양한 실시예들은 본 개시의 기술 내용을 쉽게 설명하고 본 개시의 이해를 돕기 위해 특정 예를 제시한 것일 뿐이며, 본 개시의 범위를 한정하고자 하는 것은 아니다. 따라서 본 개시의 범위는 여기에 개시된 실시예들 이외에도 본 개시의 기술적 사상을 바탕으로 도출되는 모든 변경 또는 변형된 형태가 본 개시의 범위에 포함되는 것으로 해석되어야 한다.Various embodiments of the present disclosure disclosed in the present specification and drawings are merely provided with specific examples to easily describe the technical content of the present disclosure and to aid understanding of the present disclosure, and are not intended to limit the scope of the present disclosure. Therefore, the scope of the present disclosure should be construed that all changes or modified forms derived based on the technical idea of the present disclosure in addition to the embodiments disclosed herein are included in the scope of the present disclosure.

Claims (15)

  1. 전자 장치에 있어서,In the electronic device,
    디스플레이;display;
    프로세서; 및Processor; And
    상기 프로세서와 작동적으로 연결된 메모리를 포함하고,And a memory operatively connected to the processor,
    상기 메모리는, 실행 시에, 상기 프로세서가, The memory, when executed, the processor,
    상기 디스플레이를 통해 리스트를 표시하고,Display a list through the display,
    상기 리스트에서 지정된 제1 방향으로 이동하는 사용자 입력을 감지하고,Detects a user input moving in the first direction specified in the list,
    상기 사용자 입력에 기반하여 지정된 정보를 포함하는 적어도 하나의 아이템을 식별하고,Identifying at least one item including specified information based on the user input,
    상기 사용자 입력에 기반하여 상기 리스트를 상기 제1 방향으로 이동하는 동안, 상기 제1 방향과 대향하는 제2 방향으로 상기 적어도 하나의 아이템을 나타내는 전환 효과를 제공하고,While moving the list in the first direction based on the user input, providing a transition effect indicating the at least one item in a second direction opposite to the first direction,
    상기 사용자 입력의 해제에 기반하여 상기 적어도 하나의 아이템을 표시하도록 하는 인스트럭션들을 저장하는 전자 장치.An electronic device that stores instructions for displaying the at least one item based on the release of the user input.
  2. 제1항에 있어서, 상기 인스트럭션들은, 상기 프로세서가,The method of claim 1, wherein the instructions, the processor,
    상기 사용자 입력에 기반하여 상기 리스트에 포함된 하나 또는 그 이상의 아이템 중에서 사용자 지정의 필터링(filtering) 조건에 관련된 아이템을 필터링 하도록 설정되고,It is set to filter an item related to a user-specified filtering condition from among one or more items included in the list based on the user input,
    상기 필터링 조건은 모든 리스트에 일괄 설정되는 전체 설정 및/또는 리스트의 카테고리 별 독립적으로 설정되는 개별 설정에 기반하여 설정되는 조건을 포함하는 전자 장치.The filtering condition includes a condition set based on an entire setting collectively set for all lists and/or an individual setting independently set for each category of the list.
  3. 제1항에 있어서, 상기 인스트럭션들은, 상기 프로세서가,The method of claim 1, wherein the instructions, the processor,
    상기 리스트를 상기 사용자 입력의 방향에 따라 아래로 이동하면서, 상기 리스트가 존재하던 영역에 상기 적어도 하나의 아이템을 표시하도록 하는 전자 장치.An electronic device configured to display the at least one item in an area where the list exists while moving the list downward according to the direction of the user input.
  4. 제1항에 있어서, 상기 인스트럭션들은, 상기 프로세서가,The method of claim 1, wherein the instructions, the processor,
    상기 전환 효과를 표시할 때, 상기 사용자 입력의 상기 제1 방향과 대향하는 상기 제2 방향으로 상기 적어도 하나의 아이템이 나타나는 장면 전환 효과에 기반하여, 시각적 경험 및/또는 심미적 경험을 제공하도록 하는 전자 장치.Electronic for providing a visual experience and/or an aesthetic experience based on a scene change effect in which the at least one item appears in the second direction opposite to the first direction of the user input when displaying the transition effect Device.
  5. 제1항에 있어서, 상기 인스트럭션들은, 상기 프로세서가,The method of claim 1, wherein the instructions, the processor,
    상기 사용자 입력의 이동에 대응하여 상기 리스트의 아이템을 화면 상에서 순차적으로 제거하고, 상기 사용자 입력의 이동에 대응하여 상기 적어도 하나의 아이템을 상기 리스트가 존재하던 영역에 순차적으로 표시하도록 하고,In response to the movement of the user input, the items of the list are sequentially removed from the screen, and in response to the movement of the user input, the at least one item is sequentially displayed in an area where the list exists,
    상기 적어도 하나의 아이템의 표시에 기반하여, 상기 리스트를 상기 디스플레이에서 표시하지 않도록 하는 전자 장치.An electronic device configured to not display the list on the display based on the display of the at least one item.
  6. 제1항에 있어서, 상기 인스트럭션들은, 상기 프로세서가,The method of claim 1, wherein the instructions, the processor,
    상기 리스트에서 상기 적어도 하나의 아이템이 필터링 되는 경우, 상기 리스트에서 상기 적어도 하나의 아이템을 제외하고, When the at least one item is filtered in the list, excluding the at least one item from the list,
    상기 적어도 하나의 아이템을 포함하는 리스트와 상기 적어도 하나의 아이템이 제외된 리스트를 별도로 구성하도록 하는 전자 장치.An electronic device configured to separately configure a list including the at least one item and a list excluding the at least one item.
  7. 제1항에 있어서, 상기 인스트럭션들은, 상기 프로세서가,The method of claim 1, wherein the instructions, the processor,
    상기 리스트의 카테고리를 위한 제1 영역과 상기 리스트를 위한 제2 영역을 포함하는 사용자 인터페이스를 표시하고,Display a user interface including a first area for a category of the list and a second area for the list,
    상기 적어도 하나의 아이템을 표시할 때, 상기 제1 영역의 정보를 상기 적어도 하나의 아이템에 관련된 정보로 변경하고, 상기 제2 영역에 기반하여 상기 적어도 하나의 아이템을 표시하도록 하는 전자 장치.When displaying the at least one item, the electronic device is configured to change information of the first area to information related to the at least one item, and display the at least one item based on the second area.
  8. 제1항에 있어서, 상기 인스트럭션들은, 상기 프로세서가,The method of claim 1, wherein the instructions, the processor,
    상기 적어도 하나의 아이템에서 아이템을 선택하는 제1 입력을 감지하고,Sensing a first input for selecting an item from the at least one item,
    상기 제1 입력에 기반하여, 상기 선택된 아이템에 관련된 컨텐츠를 상기 디스플레이를 통해 표시하고,Based on the first input, display content related to the selected item through the display,
    상기 컨텐츠를 표시하는 동안 리턴(return)에 관련된 제2 입력을 감지하고,Detecting a second input related to return while displaying the content,
    상기 제2 입력에 기반하여, 상기 리스트를 표시하는 제1 상태 또는 상기 적어도 하나의 아이템을 표시하는 제2 상태로 리턴하도록 설정되고,Based on the second input, it is set to return to a first state displaying the list or a second state displaying the at least one item,
    상기 제1 상태로 리턴 시, 상기 리스트에서 상기 선택된 아이템을 상기 지정된 정보를 포함하는 적어도 하나의 아이템에서 제외하고, 상기 선택된 아이템을 상기 리스트에서 상기 선택된 아이템의 해당 위치에 배치하고,Upon returning to the first state, excluding the selected item from the list from at least one item including the designated information, and placing the selected item at a corresponding position of the selected item in the list,
    상기 제2 상태로 리턴 시, 상기 적어도 하나의 아이템에서 상기 선택된 아이템을 제외하여 표시하도록 하는 전자 장치.When returning to the second state, an electronic device configured to display the selected item by excluding the selected item from the at least one item.
  9. 제8항에 있어서, 상기 인스트럭션들은, 상기 프로세서가,The method of claim 8, wherein the instructions, the processor,
    상기 컨텐츠를 표시할 때, 어플리케이션의 전환 없이, 상기 리스트를 제공하고 있는 어플리케이션에 기반하여 상기 컨텐츠를 표시하도록 하는 전자 장치.When displaying the content, an electronic device configured to display the content based on an application providing the list without changing an application.
  10. 전자 장치의 동작 방법에 있어서,In the method of operating an electronic device,
    디스플레이를 통해 리스트를 표시하는 동작; Displaying a list through a display;
    상기 리스트에서 지정된 제1 방향으로 이동하는 사용자 입력을 감지하는 동작;Detecting a user input moving in a first direction designated in the list;
    상기 사용자 입력에 기반하여 지정된 정보를 포함하는 적어도 하나의 아이템을 식별하는 동작;Identifying at least one item including designated information based on the user input;
    상기 사용자 입력에 기반하여 상기 리스트를 상기 제1 방향으로 이동하는 동안, 상기 제1 방향과 대향하는 제2 방향으로 상기 적어도 하나의 아이템을 나타내는 전환 효과를 제공하는 동작; 및Providing a transition effect indicating the at least one item in a second direction opposite to the first direction while moving the list in the first direction based on the user input; And
    상기 사용자 입력의 해제에 기반하여 상기 적어도 하나의 아이템을 표시하는 동작을 포함하는 방법.And displaying the at least one item based on the release of the user input.
  11. 제10항에 있어서, 상기 식별하는 동작은,The method of claim 10, wherein the identifying operation,
    상기 사용자 입력에 기반하여 상기 리스트에 포함된 하나 또는 그 이상의 아이템 중에서 사용자 지정의 필터링(filtering) 조건에 관련된 아이템을 필터링 하는 동작을 포함하고,And filtering an item related to a user-specified filtering condition from among one or more items included in the list based on the user input,
    상기 필터링 조건은 모든 리스트에 일괄 설정되는 전체 설정 및/또는 리스트의 카테고리 별 독립적으로 설정되는 개별 설정에 기반하여 설정되는 조건을 포함하는 방법.The filtering condition includes a condition that is set based on an entire setting collectively set for all lists and/or an individual setting independently set for each category of the list.
  12. 제10항에 있어서, 상기 전화 효과를 제공하는 동작은,The method of claim 10, wherein the operation of providing the telephone effect comprises:
    상기 리스트를 상기 사용자 입력의 방향에 따라 아래로 이동하면서, 상기 리스트가 존재하던 영역에 상기 적어도 하나의 아이템을 표시하는 동작을 포함하고,And displaying the at least one item in an area where the list existed while moving the list downward according to the direction of the user input,
    상기 전환 효과를 표시할 때, 상기 사용자 입력의 상기 제1 방향과 대향하는 상기 제2 방향으로 상기 적어도 하나의 아이템이 나타나는 장면 전환 효과에 기반하여, 시각적 경험 및/또는 심미적 경험을 제공하는 방법.When displaying the transition effect, a method of providing a visual experience and/or an aesthetic experience based on a scene transition effect in which the at least one item appears in the second direction opposite to the first direction of the user input.
  13. 제11항에 있어서, 상기 적어도 하나의 아이템을 표시하는 동작은,The method of claim 11, wherein the displaying of the at least one item comprises:
    상기 사용자 입력의 이동에 대응하여 상기 리스트의 아이템을 화면 상에서 순차적으로 제거하는 동작;Sequentially removing the items of the list from the screen in response to the movement of the user input;
    상기 사용자 입력의 이동에 대응하여 상기 적어도 하나의 아이템을 상기 리스트가 존재하던 영역에 순차적으로 표시하는 동작;Sequentially displaying the at least one item in an area where the list exists in response to the movement of the user input;
    상기 적어도 하나의 아이템의 표시에 기반하여, 상기 리스트를 제거하는 동작을 포함하는 방법.And removing the list based on the display of the at least one item.
  14. 제11항에 있어서, 상기 리스트를 표시하는 동작은,The method of claim 11, wherein displaying the list comprises:
    상기 리스트의 카테고리를 위한 제1 영역과 상기 리스트를 위한 제2 영역을 포함하는 사용자 인터페이스를 표시하는 동작을 포함하고,And displaying a user interface including a first area for a category of the list and a second area for the list,
    상기 적어도 하나의 아이템을 표시할 때, 상기 제1 영역의 정보를 상기 적어도 하나의 아이템에 관련된 정보로 변경하고, 상기 제2 영역에 기반하여 상기 적어도 하나의 아이템을 표시하는 방법.When displaying the at least one item, changing information on the first area to information related to the at least one item, and displaying the at least one item based on the second area.
  15. 제10항에 있어서, The method of claim 10,
    상기 적어도 하나의 아이템에서 아이템을 선택하는 제1 입력을 감지하는 동작;Sensing a first input for selecting an item from the at least one item;
    상기 제1 입력에 기반하여, 상기 선택된 아이템에 관련된 컨텐츠를 상기 디스플레이를 통해 표시하는 동작;Displaying content related to the selected item through the display based on the first input;
    상기 컨텐츠를 표시하는 동안 리턴(return)에 관련된 제2 입력을 감지하는 동작;Detecting a second input related to a return while displaying the content;
    상기 제2 입력에 기반하여, 상기 리스트를 표시하는 제1 상태 또는 상기 적어도 하나의 아이템을 표시하는 제2 상태로 리턴하는 동작을 포함하고,And returning to a first state displaying the list or a second state displaying the at least one item, based on the second input,
    상기 리턴하는 동작은,The returning operation is,
    상기 제1 상태로 리턴 시, 상기 리스트에서 상기 선택된 아이템을 상기 지정된 정보를 포함하는 적어도 하나의 아이템에서 제외하고, 상기 선택된 아이템을 상기 리스트에서 상기 선택된 아이템의 해당 위치에 배치하는 동작;Upon returning to the first state, excluding the selected item from the list from at least one item including the designated information, and placing the selected item at a corresponding position of the selected item in the list;
    상기 제2 상태로 리턴 시, 상기 적어도 하나의 아이템에서 상기 선택된 아이템을 제외하여 표시하는 동작을 포함하는 방법.And displaying the selected item by excluding the selected item from the at least one item upon returning to the second state.
PCT/KR2020/015448 2019-11-15 2020-11-06 Method and apparatus for providing list in electronic device WO2021096164A1 (en)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
KR10-2019-0146442 2019-11-15
KR1020190146442A KR20210059241A (en) 2019-11-15 2019-11-15 Method and apparatus for providing list in electronic device

Publications (1)

Publication Number Publication Date
WO2021096164A1 true WO2021096164A1 (en) 2021-05-20

Family

ID=75911413

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/KR2020/015448 WO2021096164A1 (en) 2019-11-15 2020-11-06 Method and apparatus for providing list in electronic device

Country Status (2)

Country Link
KR (1) KR20210059241A (en)
WO (1) WO2021096164A1 (en)

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20140032634A (en) * 2012-09-07 2014-03-17 삼성전자주식회사 Method for displaying of unconfirmed contents and an electronic device thereof
KR20140096138A (en) * 2011-11-25 2014-08-04 텐센트 테크놀로지(센젠) 컴퍼니 리미티드 Method and system for displaying unread message
KR20150041479A (en) * 2013-10-08 2015-04-16 엘지전자 주식회사 Mobile terminal and operation method thereof
KR20150074765A (en) * 2013-12-24 2015-07-02 엘지전자 주식회사 Mobile terminal and method for controlling of the same
US20180083907A1 (en) * 2016-09-21 2018-03-22 Facebook, Inc. Methods and Systems for Presenting Modules in an Inbox Interface

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20140096138A (en) * 2011-11-25 2014-08-04 텐센트 테크놀로지(센젠) 컴퍼니 리미티드 Method and system for displaying unread message
KR20140032634A (en) * 2012-09-07 2014-03-17 삼성전자주식회사 Method for displaying of unconfirmed contents and an electronic device thereof
KR20150041479A (en) * 2013-10-08 2015-04-16 엘지전자 주식회사 Mobile terminal and operation method thereof
KR20150074765A (en) * 2013-12-24 2015-07-02 엘지전자 주식회사 Mobile terminal and method for controlling of the same
US20180083907A1 (en) * 2016-09-21 2018-03-22 Facebook, Inc. Methods and Systems for Presenting Modules in an Inbox Interface

Also Published As

Publication number Publication date
KR20210059241A (en) 2021-05-25

Similar Documents

Publication Publication Date Title
WO2020226294A1 (en) Foldable device and method for controlling image capturing by using plurality of cameras
WO2014092451A1 (en) Information search method and device and computer readable recording medium thereof
WO2019103396A1 (en) Method for configuring input interface and electronic device using same
WO2021118061A1 (en) Electronic device and layout configuration method using same
WO2020085636A1 (en) Electronic device for displaying list of executable applications on split screen and operating method thereof
WO2019117566A1 (en) Electronic device and input control method thereof
WO2020130424A1 (en) Method and electronic device for interacting between multiple areas of a display
WO2020017743A1 (en) Electronic device including display on which execution screen for multiple applications is displayed, and method for operation of electronic device
WO2020141763A1 (en) Electronic device and folder configuring method therefor
WO2019098670A1 (en) Electronic device for operating applications
WO2020085628A1 (en) Method for displaying objects and electronic device using the same
WO2019088518A1 (en) Electronic device and control method for providing security notification
WO2020213834A1 (en) Electronic device for displaying execution screens of plurality of applications and operation method thereof
WO2022031051A1 (en) Method for providing capture function and electronic device therefor
WO2019124841A1 (en) Electronic device and method for executing function according to stroke input
WO2015072714A1 (en) Method and apparatus for providing application information
WO2021133123A1 (en) Electronic device including flexible display, and operating method thereof
WO2019164098A1 (en) Apparatus and method for providing function associated with keyboard layout
WO2020091530A1 (en) Method and device for determining compensation for touch data on basis of operating mode of display
WO2021096164A1 (en) Method and apparatus for providing list in electronic device
WO2021158068A1 (en) Electronic device and method for operating clipboard of electronic device
WO2020180167A1 (en) Electronic device and method for controlling application thereof
WO2020218881A1 (en) Electronic device including display device including touch sensor
WO2020022829A1 (en) Electronic device for supporting user input and control method of electronic device
WO2020101285A1 (en) Electronic device including rotatable member and method for operating same

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 20888357

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 20888357

Country of ref document: EP

Kind code of ref document: A1