[go: up one dir, main page]

WO2024172402A1 - 적어도 하나의 아이콘의 크기 변경에 따라 화면의 구성을 변경하는 전자 장치 및 그 제어 방법 - Google Patents

적어도 하나의 아이콘의 크기 변경에 따라 화면의 구성을 변경하는 전자 장치 및 그 제어 방법 Download PDF

Info

Publication number
WO2024172402A1
WO2024172402A1 PCT/KR2024/001876 KR2024001876W WO2024172402A1 WO 2024172402 A1 WO2024172402 A1 WO 2024172402A1 KR 2024001876 W KR2024001876 W KR 2024001876W WO 2024172402 A1 WO2024172402 A1 WO 2024172402A1
Authority
WO
WIPO (PCT)
Prior art keywords
electronic device
icon
visual
visual object
display
Prior art date
Legal status (The legal status 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 status listed.)
Pending
Application number
PCT/KR2024/001876
Other languages
English (en)
French (fr)
Inventor
정진교
강동균
박은해
최은선
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Samsung Electronics Co Ltd
Original Assignee
Samsung Electronics Co Ltd
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
Priority claimed from KR1020230057126A external-priority patent/KR20240128526A/ko
Application filed by Samsung Electronics Co Ltd filed Critical Samsung Electronics Co Ltd
Priority to EP24757131.8A priority Critical patent/EP4589416A1/en
Priority to US18/442,502 priority patent/US20240281126A1/en
Publication of WO2024172402A1 publication Critical patent/WO2024172402A1/ko
Anticipated expiration legal-status Critical
Pending legal-status Critical Current

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/03—Arrangements for converting the position or the displacement of a member into a coded form
    • G06F3/041—Digitisers, e.g. for touch screens or touch pads, characterised by the transducing means
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/04817—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text

Definitions

  • the present disclosure relates to an electronic device that changes the configuration of a screen according to a change in the size of at least one icon and a method of controlling the same.
  • the electronic device according to the conventional technology displays other icons in the vicinity by overlapping them according to the change in the shape of at least one icon. Accordingly, the electronic device according to the conventional technology may have difficulty in providing the user with more diverse information than is provided through the screen of a portable electronic device having a relatively small screen.
  • Embodiments of the present disclosure provide an electronic device that can provide a user with more diverse information provided through a screen of a portable electronic device having a relatively small screen by changing and displaying the shapes of other icons arranged around an icon whose shape has been changed when the electronic device provides a function of changing the shape of an icon according to a user's input for at least one icon.
  • Embodiments of the present disclosure provide an electronic device that can display at least one element (e.g., an icon) designated by a user without changing its position by changing the shapes of other icons arranged around the icon whose shape has been changed, when the electronic device provides a function of changing the shape of an icon according to a user's input for at least one icon.
  • element e.g., an icon
  • An electronic device may individually and/or integrally include: a touchscreen display; and at least one processor including a processing circuit configured to control the touchscreen to display a first screen including a plurality of icons on the touchscreen, obtain a first input for at least one icon among the plurality of icons through the touchscreen display, and based on the obtainment of the first input, display some other icons among the plurality of icons while enlarging a size of the at least one icon through the touchscreen display.
  • a method for controlling an electronic device may include: displaying a first screen including a plurality of icons on a touchscreen of the electronic device; obtaining a first input for at least one icon among the plurality of icons through the touchscreen display; and based on obtaining the first input, displaying some other icons among the plurality of icons while enlarging a size of the at least one icon through the touchscreen display.
  • FIG. 1 is a diagram of an example electronic device within a network environment, according to various embodiments.
  • FIG. 2 is a flowchart illustrating an example operation of an electronic device reconfiguring a home screen according to a change in the shape of at least one visual object according to various embodiments.
  • FIGS. 3A, 3B, 3C, 3D, and 3E are diagrams for explaining a function or operation of an electronic device changing the shape of at least one visual object (e.g., an icon) according to various embodiments of the present invention in response to a user's input.
  • at least one visual object e.g., an icon
  • FIG. 4 is a flowchart illustrating an example operation of an electronic device according to various embodiments to display an execution screen of a widget and/or an application corresponding to at least one visual object (e.g., an icon) according to a user's input.
  • a widget e.g., a widget
  • an application e.g., an icon
  • FIGS. 5A and 5B are diagrams for explaining example functions or operations described in FIG. 4 from a user interface perspective according to various embodiments.
  • FIG. 6A is a diagram illustrating an example function or operation performed on a home screen by reconfiguring the screen according to various embodiments.
  • FIG. 6b is a diagram illustrating an example function or operation in which screen reconfiguration is performed on a lock screen according to various embodiments.
  • FIGS. 7A, 7B, 7C, 7D, 7E, and 7F are diagrams for explaining, from a user interface perspective, an example function or operation of an electronic device reconfiguring a screen by changing the shape of surrounding visual objects (e.g., icons) according to a change in the shape of at least one visual object (e.g., icon) according to various embodiments.
  • surrounding visual objects e.g., icons
  • at least one visual object e.g., icon
  • FIG. 8 is a flowchart illustrating an example operation of changing the shape of at least one visual object (e.g., an icon) when a user input according to various embodiments is obtained in a direction opposite to an expansion direction of at least one visual object (e.g., an icon).
  • at least one visual object e.g., an icon
  • FIG. 9 is a diagram for explaining the example functions or operations illustrated in FIG. 8 from a user interface perspective according to various embodiments.
  • FIGS. 10A, 10B, and 10C are diagrams illustrating example functions or operations of an electronic device according to various embodiments to reconfigure surrounding visual objects (e.g., icons) according to a shape change of at least one visual object (e.g., icon).
  • visual objects e.g., icons
  • shape change of at least one visual object e.g., icon
  • FIG. 11 is a flowchart illustrating an example operation of an electronic device according to various embodiments to display a visual object (e.g., an icon) whose shape has changed based on a user input by fixing the display position.
  • a visual object e.g., an icon
  • FIG. 19c is a diagram illustrating an example function or operation in which an expanded object (e.g., a second icon) is automatically collapsed based on user input or over a specified period of time according to various embodiments.
  • an expanded object e.g., a second icon
  • FIGS. 20 and 21 are diagrams illustrating example functions or operations of an electronic device fixing and displaying a notification card according to various embodiments.
  • FIGS. 22, 23, and 24 are diagrams for explaining various states of notifications according to various embodiments from a user interface perspective.
  • FIG. 25 is a diagram for explaining an example function or operation of fixing the display position of a notification when a notification related to a specified application is provided at the bottom of the screen from a user interface perspective.
  • FIG. 26 is a diagram illustrating an example function or operation of adjusting the size of a displayed notification according to user input according to various embodiments.
  • FIG. 1 is a block diagram of an example electronic device (101) within a network environment (100), according to various embodiments.
  • an electronic device (101) may communicate with an electronic device (102) via a first network (198) (e.g., a short-range wireless communication network), or may communicate with at least one of an electronic device (104) or a server (108) via a second network (199) (e.g., a long-range wireless communication network).
  • the electronic device (101) may communicate with the electronic device (104) via the server (108).
  • the electronic device (101) may include a processor (120), a memory (130), an input module (150), an audio output module (155), a display module (160), an audio module (170), a sensor module (176), an interface (177), a connection terminal (178), a haptic module (179), a camera module (180), a power management module (188), a battery (189), a communication module (190), a subscriber identification module (196), or an antenna module (197).
  • the electronic device (101) may omit at least one of these components (e.g., the connection terminal (178)), or may have one or more other components added.
  • some of these components e.g., the sensor module (176), the camera module (180), or the antenna module (197) may be integrated into one component (e.g., the display module (160)).
  • the processor (120) may include various processing circuits and/or multiple processors.
  • processor as used herein, including in the claims, may include various processing circuits including at least one processor, one or more of which may be configured to perform various functions described herein, individually and/or collectively, in a distributed manner.
  • processor when “processor,” “at least one processor,” and “one or more processors” are described as being configured to perform various functions, these terms may encompass, for example, without limitation, a situation where one processor performs some of the functions recited and other processor(s) may perform other of the functions recited, and also a situation where a single processor may perform all of the functions recited.
  • the at least one processor may include a combination of processors that perform various of the functions recited/disclosed, for example, in a distributed manner.
  • the at least one processor may execute program instructions to achieve or perform various functions.
  • the processor (120) may control at least one other component (e.g., a hardware or software component) of the electronic device (101) connected to the processor (120) by executing, for example, software (e.g., a program (140)), and may perform various data processing or calculations.
  • software e.g., a program (140)
  • the processor (120) may store a command or data received from another component (e.g., a sensor module (176) or a communication module (190)) in a volatile memory (132), process the command or data stored in the volatile memory (132), and store result data in a nonvolatile memory (134).
  • the processor (120) may include a main processor (121) (e.g., a central processing unit or an application processor) or a secondary processor (123) (e.g., a graphic processing unit, a neural processing unit (NPU), an image signal processor, a sensor hub processor, or a communication processor) that may operate independently or together therewith.
  • main processor (121) e.g., a central processing unit or an application processor
  • a secondary processor (123) e.g., a graphic processing unit, a neural processing unit (NPU), an image signal processor, a sensor hub processor, or a communication processor
  • the secondary processor (123) may be configured to use lower power than the main processor (121) or to be specialized for a given function.
  • the secondary processor (123) may be implemented separately from the main processor (121) or as a part thereof.
  • the auxiliary processor (123) may control at least a portion of functions or states associated with at least one of the components of the electronic device (101) (e.g., the display module (160), the sensor module (176), or the communication module (190)), for example, on behalf of the main processor (121) while the main processor (121) is in an inactive (e.g., sleep) state, or together with the main processor (121) while the main processor (121) is in an active (e.g., application execution) state.
  • the auxiliary processor (123) e.g., an image signal processor or a communication processor
  • the auxiliary processor (123) may include a hardware structure specialized for processing artificial intelligence models.
  • the artificial intelligence models may be generated through machine learning. Such learning may be performed, for example, in the electronic device (101) itself on which the artificial intelligence model is executed, or may be performed through a separate server (e.g., server (108)).
  • the learning algorithm may include, for example, supervised learning, unsupervised learning, semi-supervised learning, or reinforcement learning, but is not limited to the examples described above.
  • the artificial intelligence model may include a plurality of artificial neural network layers.
  • the artificial neural network may be one of a deep neural network (DNN), a convolutional neural network (CNN), a recurrent neural network (RNN), a restricted Boltzmann machine (RBM), a deep belief network (DBN), a bidirectional recurrent deep neural network (BRDNN), deep Q-networks, or a combination of two or more of the above, but is not limited to the examples described above.
  • the artificial intelligence model may additionally or alternatively include a software structure.
  • the memory (130) can store various data used by at least one component (e.g., processor (120) or sensor module (176)) of the electronic device (101).
  • the data can include, for example, software (e.g., program (140)) and input data or output data for commands related thereto.
  • the memory (130) can include volatile memory (132) or nonvolatile memory (134).
  • the program (140) may be stored as software in memory (130) and may include, for example, an operating system (142), middleware (144), or an application (146).
  • the input module (150) can receive commands or data to be used in a component of the electronic device (101) (e.g., a processor (120)) from an external source (e.g., a user) of the electronic device (101).
  • the input module (150) can include, for example, a microphone, a mouse, a keyboard, a key (e.g., a button), or a digital pen (e.g., a stylus pen).
  • the audio output module (155) can output an audio signal to the outside of the electronic device (101).
  • the audio output module (155) can include, for example, a speaker or a receiver.
  • the speaker can be used for general purposes such as multimedia playback or recording playback.
  • the receiver can be used to receive an incoming call. According to one embodiment, the receiver can be implemented separately from the speaker or as a part thereof.
  • the display module (160) can visually provide information to an external party (e.g., a user) of the electronic device (101).
  • the display module (160) can include, for example, a display, a holographic device, or a projector and a control circuit for controlling the device.
  • the display module (160) can include a touch sensor configured to detect a touch, or a pressure sensor configured to measure the intensity of a force generated by the touch.
  • the audio module (170) can convert sound into an electrical signal, or vice versa, convert an electrical signal into sound. According to one embodiment, the audio module (170) can obtain sound through an input module (150), or output sound through an audio output module (155), or an external electronic device (e.g., an electronic device (102)) (e.g., a speaker or a headphone) directly or wirelessly connected to the electronic device (101).
  • an electronic device e.g., an electronic device (102)
  • a speaker or a headphone directly or wirelessly connected to the electronic device (101).
  • the sensor module (176) can detect an operating state (e.g., power or temperature) of the electronic device (101) or an external environmental state (e.g., user state) and generate an electrical signal or data value corresponding to the detected state.
  • the sensor module (176) can include, for example, a gesture sensor, a gyro sensor, a barometric pressure sensor, a magnetic sensor, an acceleration sensor, a grip sensor, a proximity sensor, a color sensor, an IR (infrared) sensor, a biometric sensor, a temperature sensor, a humidity sensor, or an illuminance sensor.
  • the interface (177) may support one or more designated protocols that may be used to directly or wirelessly connect the electronic device (101) with an external electronic device (e.g., the electronic device (102)).
  • the interface (177) may include, for example, a high definition multimedia interface (HDMI), a universal serial bus (USB) interface, an SD card interface, or an audio interface.
  • HDMI high definition multimedia interface
  • USB universal serial bus
  • SD card interface Secure Digital Card
  • connection terminal (178) may include a connector through which the electronic device (101) may be physically connected to an external electronic device (e.g., 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 (e.g., a headphone connector).
  • the haptic module (179) can convert an electrical signal into a mechanical stimulus (e.g., vibration or movement) or an electrical stimulus that a user can perceive through a tactile or kinesthetic sense.
  • the haptic module (179) can include, for example, a motor, a piezoelectric element, or an electrical stimulation device.
  • the camera module (180) can capture still images and moving images.
  • the camera module (180) can include one or more lenses, image sensors, image signal processors, or flashes.
  • the power management module (188) can manage power supplied to the electronic device (101).
  • the power management module (188) can be implemented as, for example, at least a part of a power management integrated circuit (PMIC).
  • PMIC power management integrated circuit
  • the battery (189) can power at least one component of the electronic device (101).
  • the battery (189) can include, for example, a non-rechargeable primary battery, a rechargeable secondary battery, or a fuel cell.
  • the communication module (190) may support establishment of a direct (e.g., wired) communication channel or a wireless communication channel between the electronic device (101) and an external electronic device (e.g., the electronic device (102), the electronic device (104), or the server (108)), and performance of communication through the established communication channel.
  • the communication module (190) may operate independently from the processor (120) (e.g., the application processor) and may include one or more communication processors that support direct (e.g., wired) communication or wireless communication.
  • the communication module (190) may include a wireless communication module (192) (e.g., 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) (e.g., a local area network (LAN) communication module or a power line communication module).
  • a wireless communication module (192) e.g., a cellular communication module, a short-range wireless communication module, or a global navigation satellite system (GNSS) communication module
  • GNSS global navigation satellite system
  • wired communication module (194) e.g., a local area network (LAN) communication module or a power line communication module.
  • a corresponding communication module may communicate with an external electronic device (104) via a first network (198) (e.g., a short-range communication network such as Bluetooth, wireless fidelity (WiFi) direct, or infrared data association (IrDA)) or a second network (199) (e.g., a long-range communication network such as a legacy cellular network, a 5G network, a next-generation communication network, the Internet, or a computer network (e.g., a LAN or WAN)).
  • a first network (198) e.g., a short-range communication network such as Bluetooth, wireless fidelity (WiFi) direct, or infrared data association (IrDA)
  • a second network (199) e.g., a long-range communication network such as a legacy cellular network, a 5G network, a next-generation communication network, the Internet, or a computer network (e.g., a LAN or WAN)
  • a computer network e.g.,
  • the wireless communication module (192) may use subscriber information (e.g., an international mobile subscriber identity (IMSI)) stored in the subscriber identification module (196) to identify or authenticate the electronic device (101) within a communication network such as the first network (198) or the second network (199).
  • subscriber information e.g., an international mobile subscriber identity (IMSI)
  • IMSI international mobile subscriber identity
  • the wireless communication module (192) can support a 5G network and next-generation communication technology after a 4G network, for example, NR access technology (new radio access technology).
  • the NR access technology can support high-speed transmission of high-capacity data (eMBB (enhanced mobile broadband)), terminal power minimization and connection of multiple terminals (mMTC (massive machine type communications)), or high reliability and low latency (URLLC (ultra-reliable and low-latency communications)).
  • eMBB enhanced mobile broadband
  • mMTC massive machine type communications
  • URLLC ultra-reliable and low-latency communications
  • the wireless communication module (192) can support, for example, a high-frequency band (e.g., mmWave band) to achieve a high data transmission rate.
  • a high-frequency band e.g., mmWave band
  • the wireless communication module (192) can support various technologies for securing performance in a high-frequency band, such as beamforming, massive multiple-input and multiple-output (MIMO), full dimensional MIMO (FD-MIMO), array antenna, analog beam-forming, or large scale antenna.
  • the wireless communication module (192) can support various requirements specified in an electronic device (101), an external electronic device (e.g., an electronic device (104)), or a network system (e.g., a second network (199)).
  • the wireless communication module (192) can support a peak data rate (e.g., 20 Gbps or more) for eMBB realization, a loss coverage (e.g., 164 dB or less) for mMTC realization, or a U-plane latency (e.g., 0.5 ms or less for downlink (DL) and uplink (UL) each, or 1 ms or less for round trip) for URLLC realization.
  • a peak data rate e.g., 20 Gbps or more
  • a loss coverage e.g., 164 dB or less
  • U-plane latency e.g., 0.5 ms or less for downlink (DL) and uplink (UL) each, or 1 ms or less for round trip
  • the antenna module (197) can transmit or receive signals or power to or from the outside (e.g., an external electronic device).
  • the antenna module (197) can include an antenna including a radiator formed of a conductor or a conductive pattern formed on a substrate (e.g., a PCB).
  • the antenna module (197) can include a plurality of antennas (e.g., an array antenna).
  • 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) can be selected from the plurality of antennas by, for example, the communication module (190).
  • a signal or power can be transmitted or received between the communication module (190) and the external electronic device through the selected at least one antenna.
  • another component e.g., a radio frequency integrated circuit (RFIC)
  • RFIC radio frequency integrated circuit
  • the antenna module (197) may form a mmWave antenna module.
  • the mmWave antenna module may include a printed circuit board, an RFIC positioned on or adjacent a first side (e.g., a bottom side) of the printed circuit board and capable of supporting a designated high-frequency band (e.g., a mmWave band), and a plurality of antennas (e.g., an array antenna) positioned on or adjacent a second side (e.g., a top side or a side) of the printed circuit board and capable of transmitting or receiving signals in the designated high-frequency band.
  • a first side e.g., a bottom side
  • a plurality of antennas e.g., an array antenna
  • At least some of the above components may be connected to each other and exchange signals (e.g., commands or data) with each other via a communication method between peripheral devices (e.g., a bus, a general purpose input and output (GPIO), a serial peripheral interface (SPI), or a mobile industry processor interface (MIPI)).
  • peripheral devices e.g., a bus, a general purpose input and output (GPIO), a serial peripheral interface (SPI), or a 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 an external electronic device (104) via a server (108) connected to a second network (199).
  • Each of the external electronic devices (102 or 104) may be the same or a different type of device as the electronic device (101).
  • all or part of the operations executed in the electronic device (101) may be executed in one or more of the external electronic devices (102, 104, or 108). For example, when the electronic device (101) is to perform a certain function or service automatically or in response to a request from a user or another device, the electronic device (101) may, instead of executing the function or service itself or in addition, request one or more external electronic devices to perform at least a part of the function or service.
  • One or more external electronic devices that have received the request may execute at least a part of the requested function or service, or an additional function or service related to the request, and transmit the result of the execution to the electronic device (101).
  • the electronic device (101) may provide the result, as is or additionally processed, as at least a part of a response to the request.
  • cloud computing, distributed computing, mobile edge computing (MEC), or client-server computing technology may be used, for example.
  • the electronic device (101) may provide an ultra-low latency service by using distributed computing or mobile edge computing, for example.
  • the external electronic device (104) may include an IoT (Internet of Things) device.
  • the server (108) may be an intelligent server using machine learning and/or a neural network.
  • the external electronic device (104) or the server (108) may be included in the second network (199).
  • the electronic device (101) can be applied to intelligent services (e.g., smart home, smart city, smart car, or healthcare) based on 5G communication technology and IoT-related technology.
  • FIG. 2 is a flowchart illustrating an example operation of reconfiguring a home screen according to a change in the shape of at least one visual object (e.g., a first icon (310)) according to various embodiments of the present invention.
  • the visual object referred to in the present disclosure may include an object such as an icon, an icon in an expanded state, and/or a widget.
  • an electronic device (101) may, in operation 210, display a first screen including a plurality of icons on a touchscreen display (e.g., display module (160) of FIG. 1).
  • a touchscreen display e.g., display module (160) of FIG. 1.
  • An electronic device (101) may, at operation 220, obtain a first input (e.g., a user input) for at least one icon among a plurality of icons. Based on receiving the user input at operation 230, at least one icon may be enlarged while other icons may be reduced through a touchscreen display, and at least one icon (e.g., the first icon (310)) among the plurality of icons according to an embodiment of the present disclosure may have its shape changed (e.g., its size enlarged) according to the user input for the at least one icon (e.g., the first icon (310)).
  • a first input e.g., a user input
  • at least one icon may be enlarged while other icons may be reduced through a touchscreen display, and at least one icon (e.g., the first icon (310)) among the plurality of icons according to an embodiment of the present disclosure may have its shape changed (e.g., its size enlarged) according to the user input for the at least one icon (e.g., the first icon (310)).
  • FIGS. 3A to 3E are diagrams illustrating example functions or operations of an electronic device changing the shape of at least one icon according to a user's input according to various embodiments.
  • an electronic device (101) may detect a first user input (312) (e.g., a swipe gesture) for a first icon (310). If the shape of the first icon (310) is previously or by a user designated to be changed according to the first user input (312), the electronic device (101) according to an embodiment of the present disclosure may change the shape of the first icon (310) and display an icon (e.g., a second icon (320)) whose shape has been changed, as illustrated in FIG. 3A. The electronic device (101) according to an embodiment of the present disclosure may display information on an event related to the second icon (320) inside the second icon (320).
  • a first user input (312) e.g., a swipe gesture
  • the electronic device (101) according to an embodiment of the present disclosure may change the shape of the first icon (310) and display an icon (e.g., a second icon (320)) whose shape has been changed, as illustrated in FIG. 3A.
  • the electronic device (101) according to an embodiment of the present disclosure may display information on an event related to
  • the electronic device (101) may display the content of the most recently received message inside the second icon (320).
  • the electronic device (101) according to one embodiment of the present disclosure may detect a user input (e.g., a swipe gesture as the second user input (322)) for the second icon (320).
  • the electronic device (101) according to one embodiment of the present disclosure may display a third icon (330) that changes the shape of the second icon (320) based on the second user input (322) for the second icon (320).
  • the third icon (330) may include a visual object representing the message application and a chat message window including a record of message transmission and reception with a specific counterpart.
  • an electronic device may, when a user input for a first icon (310) corresponding to a call application is obtained, change the shape of the first icon (310) to display at least one visual object (e.g., a first visual object (322), a second visual object (324), or a third visual object (326)) representing a recently called party.
  • a visual object e.g., a first visual object (322), a second visual object (324), or a third visual object (326) representing a recently called party.
  • an electronic device (101) may display a second icon (320) including a specified message when a user input for a first icon (310) corresponding to a call application is obtained while a call event is occurring.
  • the electronic device (101) may display a second icon (320) when a user input for a first icon (310) corresponding to an Internet application is obtained.
  • the electronic device (101) according to one embodiment of the present disclosure may display information related to a download event within the second icon (320) when a user input for the first icon (310) is detected while an event related to an Internet application (e.g., a download event) is occurring.
  • the electronic device (101) according to one embodiment of the present disclosure may display the first icon (310) after a specified time has elapsed after displaying the second icon (320).
  • the electronic device (101) according to one embodiment of the present disclosure may display the second icon (320) when a user input for the first icon (310) corresponding to an Internet application is obtained.
  • An electronic device (101) according to one embodiment of the present disclosure may display a search window within a second icon (320) when a user input for a first icon (310) is detected while an event related to an Internet application (e.g., a download event) is not occurring.
  • An electronic device (101) according to one embodiment of the present disclosure may display a search window in an expanded state within a third icon (330) in which a shape of the second icon (320) is changed when a user input (e.g., a third user input (342)) for the second icon (320) is obtained.
  • an electronic device (101) according to an embodiment of the present disclosure may display a first icon (310).
  • the electronic device (101) according to an embodiment of the present disclosure may display a specified visual effect within the first icon (310).
  • the electronic device (101) according to an embodiment of the present disclosure may display a second icon (320) according to a user input for the first icon (310).
  • the electronic device (101) according to an embodiment of the present disclosure may display a third icon (330) in which the shape of the second icon (320) is changed according to a user input for the second icon (320).
  • the electronic device (101) may have a visual effect (e.g., for convenience of explanation, in the present disclosure, this may be referred to as a “magnetic effect”) of contacting the virtual line (350a) when the boundary of at least one icon (e.g., the first icon (310)) approaches a virtual line (350a) that divides the virtual grid area (350), and at least one icon may be confirmed or reduced.
  • one grid area (350) may be divided into a plurality of areas and a magnetic effect may be applied.
  • at least one icon may be enlarged or reduced regardless of the size of the grid area (350). In this case, the size of the icons located around at least one icon may also be changed together with the change in the size of at least one icon, as described in more detail below with reference to FIG. 6B, etc.
  • FIG. 4 is a flowchart for explaining an example operation of an electronic device (101) according to various embodiments to display an execution screen of a widget and/or an application corresponding to at least one visual object (e.g., an icon) according to a user's input.
  • FIG. 5a and FIG. 5b are diagrams for explaining an example function or operation described in FIG. 4 according to various embodiments from a user interface perspective.
  • An electronic device (101) according to an embodiment of the present disclosure may determine whether a widget related to a task exists at operation 420. If a widget related to a task exists, the electronic device (101) according to an embodiment of the present disclosure may display a widget related to the task (e.g., a first widget (520)) at operation 430.
  • the electronic device (101) according to an embodiment of the present disclosure may obtain a user input (e.g., a long touch gesture as a fourth user input (510)) for at least one visual object displayed on an icon (e.g., a second icon (320)) having an extended size.
  • the electronic device (101) according to an embodiment of the present disclosure may determine whether a widget related to a specified task corresponding to the fourth user input (510) is specified. If a widget related to a specified task corresponding to the fourth user input (510) is specified, the electronic device (101) according to an embodiment of the present disclosure may display the specified widget.
  • the electronic device (101) may determine, at operation 440, whether an execution screen related to a task (e.g., an execution screen in which the execution screen of the call application is reduced) exists. If an execution screen related to a task exists, the electronic device (101) according to one embodiment of the present disclosure may display the execution screen related to the task at operation 450. If an execution screen related to a specified task corresponding to a fourth user input (510) exists (e.g., a first screen (520)), the electronic device (101) according to one embodiment of the present disclosure may display the specified screen as illustrated in FIG. 5B.
  • a fourth user input (510) exists (e.g., a first screen (520)
  • the electronic device (101) according to one embodiment of the present disclosure may execute an application corresponding to an icon having an expanded size (e.g., a second icon (320)) at operation 460.
  • the electronic device (101) according to one embodiment of the present disclosure may display the execution screen of the call application as a full screen.
  • An electronic device (101) according to one embodiment of the present disclosure may display information about a frequently used task within a second icon (320) when there is no user or pre-specified priority task (e.g., displaying information about a missed call that is set to be displayed according to a user input).
  • the electronic device (101) may, at operation 230, enlarge the size of at least one icon while reducing the size of some other icons among the plurality of icons based on acquisition of the first user input.
  • FIG. 6A is a diagram for explaining an example function or operation in which screen reconfiguration is performed on a home screen according to various embodiments.
  • FIG. 6B is a diagram for explaining an example function or operation in which screen reconfiguration is performed on a lock screen according to various embodiments.
  • FIGS. 7A, 7B, 7C, 7D, 7E, and 7F are diagrams for explaining an example function or operation in which an electronic device (101) reconfigures a screen by changing the shape of surrounding visual objects (e.g., icons) according to a change in the shape of at least one visual object (e.g., icon) from a user interface perspective according to various embodiments.
  • surrounding visual objects e.g., icons
  • an electronic device (101) may display a second icon (320) based on a user input (e.g., a swipe gesture as a sixth user input (610)) for a first icon (320).
  • the electronic device (101) according to an embodiment of the present disclosure may change (e.g., reduce) a shape of at least one icon (e.g., a fourth icon (622), a fifth icon (624), or a sixth icon (626)) positioned in a direction corresponding to a direction of the sixth user input (610) (e.g., a direction corresponding to a horizontal component of the user input when the user input is a diagonal input as in FIG. 7C).
  • a direction corresponding to a direction of the sixth user input (610) e.g., a direction corresponding to a horizontal component of the user input when the user input is a diagonal input as in FIG. 7C.
  • the electronic device (101) may display a second icon (320) based on a user input (e.g., a swipe gesture as the sixth user input (610)) for the first icon (320).
  • the electronic device (101) according to one embodiment of the present disclosure may change (e.g., reduce) the shape of at least one icon (e.g., the fourth icon (622), the fifth icon (624), or the sixth icon (626)) positioned in a direction corresponding to the direction of the sixth user input (610) on the lock screen.
  • the electronic device (101) may rotate and display at least one icon (e.g., the fourth icon (622), the fifth icon (624), or the sixth icon (626)) in the Z-axis direction based on the display of the second icon (320), as illustrated in FIGS. 7A and 7B.
  • the electronic device (101) may display at least one icon (e.g., the fourth icon (622), the fifth icon (624), or the sixth icon (626)) by changing its size without rotating it based on the display of the second icon (320), as illustrated in FIGS. 7c, 7d, 7e, and 7f.
  • At least one icon e.g., the fourth icon (622), the fifth icon (624), or the sixth icon (626)
  • the electronic device (101) may display the interior of at least one icon (e.g., the fourth icon (622), the fifth icon (624), or the sixth icon (626)) having a reduced size in a designated color that is distinct from each other.
  • FIG. 8 is a flowchart for explaining an example operation of changing the shape of at least one visual object (e.g., an icon) when a user input according to various embodiments is obtained in a direction opposite to an expansion direction of at least one visual object (e.g., an icon).
  • FIG. 9 is a diagram for explaining an example function or operation illustrated in FIG. 8 from a user interface perspective according to various embodiments.
  • an electronic device (101) may obtain a user input for at least one icon in operation 810.
  • the user input may include an input in a direction opposite to a direction in which a first icon (310) is set to expand, or a user input in a direction in which the first icon (310) can no longer expand (e.g., when the first icon (310) is displayed near an edge of a touchscreen display).
  • An electronic device (101) according to an embodiment of the present disclosure may, in operation 820, expand the size of at least one icon in the opposite direction of the user input obtained according to operation 810. As illustrated in FIG. 9, the electronic device (101) according to an embodiment of the present disclosure may temporarily expand the size of a first icon (310) in a direction in which the first icon (310) is expandable, and then restore the first icon (310) to its original size and display it.
  • FIGS. 10A, 10B, and 10C are diagrams illustrating example functions or operations of an electronic device (101) according to various embodiments to reconfigure surrounding visual objects (e.g., icons) according to a shape change of at least one visual object (e.g., icon).
  • visual objects e.g., icons
  • shape change of at least one visual object e.g., icon
  • An electronic device (101) according to an embodiment of the present disclosure may, as illustrated in FIG. 10A, display at least one icon (e.g., the fourth icon (622), the fifth icon (624), or the sixth icon (626)) by rotating it in the Z-axis direction based on the display of the second icon (320).
  • An electronic device (101) according to an embodiment of the present disclosure may, as illustrated in FIG. 10B, not display at least one icon (e.g., the fourth icon (622), the fifth icon (624), or the sixth icon (626)) by rotating it in the Z-axis direction based on the display of the second icon (320), but may display at least one icon (e.g., the fourth icon (622), the fifth icon (624), or the sixth icon (626)) by overlapping each other.
  • An electronic device (101) may, as illustrated in FIG. 10c, not display at least one icon (e.g., the fourth icon (622), the fifth icon (624), or the sixth icon (626)) by rotating it in the Z-axis direction based on the display of the second icon (320), and may display at least one icon (e.g., the fourth icon (622), the fifth icon (624), or the sixth icon (626)) by reducing it so that it does not overlap with each other.
  • the fourth icon (622), the fifth icon (624), or the sixth icon (626) may display at least one icon (e.g., the fourth icon (622), the fifth icon (624), or the sixth icon (626)) by reducing it so that it does not overlap with each other.
  • FIG. 11 is a flowchart for explaining an example operation of fixing and displaying a visual object (e.g., an icon) whose shape has changed based on a user input by an electronic device (101) according to various embodiments.
  • FIG. 12 is a diagram for explaining an example function or operation illustrated in FIG. 11 from a user interface perspective according to various embodiments.
  • an electronic device (101) may obtain a first user input (e.g., a swipe gesture) for at least one icon (e.g., a first icon (310) as a widget) in operation 1110.
  • a first user input e.g., a swipe gesture
  • at least one icon e.g., a first icon (310) as a widget
  • An electronic device (101) may, in operation 1120, obtain a second user input (e.g., a sixth user input (1210)) for at least one icon (e.g., a second icon (320)) having an expanded size according to the obtained first user input.
  • a second user input e.g., a sixth user input (1210)
  • at least one icon e.g., a second icon (320)
  • An electronic device (101) may, in operation 1130, display a visual object (e.g., a visual object indicating that the display position of at least one icon is fixed (e.g., a lock)) based on a second user input (e.g., a sixth user input (1210)).
  • a visual object e.g., a visual object indicating that the display position of at least one icon is fixed (e.g., a lock)
  • a second user input e.g., a sixth user input (1210)
  • the electronic device (101) can obtain a third user input (e.g., 6-1 user input (1220)) for a visual object in operation 1140.
  • a third user input e.g., 6-1 user input (1220)
  • the electronic device (101) may, in operation 1150, fix the display position of at least one icon having an expanded size based on a third user input.
  • An electronic device (101) according to an embodiment of the present disclosure may fix a display position of at least one icon having an expanded size together with a visual object (e.g., a lock) indicating that the display position of at least one icon having an expanded size is fixed, as illustrated in FIG. 12.
  • the electronic device (101) according to an embodiment of the present disclosure may not change the display position even if a user's movement command for at least one icon having an expanded size (e.g., a second icon (320)) is obtained.
  • FIG. 13 is a diagram for explaining an example function or operation of an electronic device (101) according to various embodiments, in which a shape of a visual object (e.g., an icon) is changed based on a user input, and a notification content is displayed or a visual object (e.g., an icon) whose shape is changed is moved based on a user input.
  • FIG. 14 is a diagram for explaining an example function or operation illustrated in FIG. 13 according to various embodiments from a user interface perspective.
  • an electronic device (101) may obtain a first user input (e.g., a swipe gesture) for at least one icon (e.g., a first icon (310)) in operation 1310.
  • a first user input e.g., a swipe gesture
  • at least one icon e.g., a first icon (310)
  • An electronic device (101) may, in operation 1320, obtain a second user input for at least one icon (e.g., a second icon (320)) having an expanded size according to the obtained first user input.
  • a second user input for at least one icon (e.g., a second icon (320)) having an expanded size according to the obtained first user input.
  • An electronic device (101) may, at operation 1330, display a notification related to at least one icon based on a second user input.
  • the electronic device (101) may display the content of the notification inside the second icon (320).
  • the electronic device (101) may change the second icon (320) into the shape of the first icon (310) based on the user input (e.g., the seventh user input (1410)) for the second icon (320).
  • the electronic device (101) may change the position of the first icon (310) according to the user input for the first icon (310).
  • the first icon (310) according to one embodiment of the present disclosure may be displayed in a floating state.
  • FIG. 15 is a flowchart for explaining an example operation of an electronic device (101) changing the size of a visual object (e.g., an icon) according to a user input for a slide bar set to change the shape of at least one visual object (e.g., an icon) according to various embodiments.
  • FIG. 16 is a diagram for explaining an example function or operation illustrated in FIG. 15 from a user interface perspective according to various embodiments.
  • an electronic device (101) may obtain a user input for a slide bar in operation 1510.
  • the slide bar according to an embodiment of the present disclosure may be displayed on a screen for editing a home screen.
  • An electronic device (101) may, in operation 1520, change the shape of at least one icon (e.g., a first icon (310)) based on an acquired user input.
  • at least one icon e.g., a first icon (310)
  • the electronic device (101) may enlarge the size of at least some of the icons displayed on the home screen when a user's input is obtained in the Large direction, as illustrated in FIG. 16.
  • the size of at least some of the icons displayed on the home screen may be reduced.
  • an expanded icon according to an embodiment of the present disclosure may be substantially equally provided to a user through at least one external electronic device (e.g., a class-type wearable device set to provide augmented reality, a watch (1710), or a tablet (1720)) operably connected to the electronic device (101).
  • a user input for reconfiguring a screen is obtained through at least one external electronic device (e.g., a class-type wearable device set to provide augmented reality, a watch (1710), or a tablet (1720))
  • the electronic device (101) may share the result of the reconfigured screen with another device.
  • the screen configuration according to an embodiment of the present disclosure may be substantially equally applied to at least one external electronic device operably connected to the electronic device (101).
  • FIG. 18 is a flowchart for explaining an example operation of an electronic device (101) automatically expanding an icon based on an event that occurred for a specified application according to various embodiments.
  • FIGS. 19a and 19b are diagrams for explaining an example function or operation illustrated in FIG. 18 according to various embodiments from a user interface perspective.
  • the electronic device (101) may, at operation 1820, display a visual effect inside an icon (e.g., a first icon (310)) corresponding to a designated application (e.g., a call application) as illustrated in FIG. 19A, based on the occurrence of an event.
  • An event may include a call reception event and/or a subscription channel new video occurrence event.
  • the electronic device (101) may, at operation 1830, automatically expand and display an icon after a specified time has elapsed after providing a visual effect.
  • the icon may be expanded and displayed within a specified time without providing a visual effect.
  • FIG. 19C is a diagram for explaining an example function or operation in which an expanded object (e.g., a second icon (320)) is automatically reduced according to a user's input or a specified period of time according to various embodiments.
  • an electronic device (101) may display an icon in an expanded state (e.g., a second icon (320)) as an icon in a reduced state (e.g., a first icon) when a user input in a direction opposite to an expanded direction is obtained or when it is identified that a specified period of time has passed after the expansion.
  • a notification of the second state may include more information than a notification of the first state (e.g., the first notification (2010)).
  • the first notification (2010) may include only the playback time of the media
  • the second notification (2020) may further include an icon for pausing the media that is being played in addition to the playback time.
  • FIGS. 22, 23, and 24 are diagrams for explaining various states of notifications according to various embodiments from a user interface perspective.
  • a notification according to an embodiment of the present disclosure may be displayed (e.g., a third notification (2210)) in a reduced circular shape on a designated screen (e.g., a home screen).
  • a designated application e.g., a music application
  • the electronic device (101) may display information related to the occurred event (e.g., a playback time of media played through the music application) by expanding an indicator by a designated size as illustrated in FIG. 22.
  • the electronic device (101) may further expand the size of the notification (e.g., a first notification (2010)) having the expanded size (e.g., a second notification (2020)) to display more information related to the designated application.
  • An electronic device (101) according to one embodiment of the present disclosure may, when a user input for a notification having a larger size (e.g., a second notification (2020)) is obtained, display the notification by reducing its size (e.g., displaying it as a first notification (2010)).
  • the electronic device (101) may display a notification (e.g., the second notification (2020)) having a more expanded size together with other notifications in a reduced state (e.g., a third notification (2210)).
  • the notification e.g., the second notification (2020)
  • the notification having a more expanded size and icons displayed on the screen may not overlap each other.
  • FIG. 25 is a diagram for explaining, from a user interface perspective, an example function or operation of fixing the display position of a notification when a notification related to a specified application is provided at the bottom of the screen.
  • FIG. 26 is a diagram for explaining, from a user interface perspective, an example function or operation of adjusting the size of a displayed notification according to a user input.
  • an electronic device (101) may provide a notification (e.g., a second notification (2020)) in an upward direction from the bottom of the screen when an event occurs for a specified application.
  • the electronic device (101) according to an embodiment of the present disclosure may change the shape of the notification to a collapsed notification (e.g., a third notification (2210)) when it obtains a user's input for the notification (e.g., a second notification (2020)) or when a specified time has elapsed after displaying the notification (e.g., the second notification (2020)).
  • the electronic device (101) may change the shape of the notification to a more expanded notification (e.g., the second notification (2020)) when it obtains a user's input (e.g., a touch input) for a collapsed notification (e.g., the third notification (2210)).
  • a user's input e.g., a touch input
  • a collapsed notification e.g., the third notification (2210).
  • the electronic device (101) may fix the display position of the second notification (2020) at a position where the second notification (2020) is currently displayed (e.g., a lower portion of the screen of the electronic device (101).
  • the electronic device (101) may display the notification so as not to overlap with other objects included in the screen at the fixed display position even when the screen is switched.
  • the size of a notification can be adjusted and displayed based on the user's input for the notification.
  • a notification in an expanded state can include more information related to a specified application than a notification in a collapsed state.
  • Electronic devices according to various embodiments disclosed in the present disclosure may be devices of various forms.
  • the electronic devices may include, for example, portable communication devices (e.g., smart phones), computer devices, portable multimedia devices, portable medical devices, cameras, wearable devices, home appliance devices, etc.
  • Electronic devices according to embodiments of the present disclosure are not limited to the above-described devices.
  • first, second, or first or second may be used merely to distinguish one component from another, and do not limit the components in any other respect (e.g., importance or order).
  • a component e.g., a first
  • another component e.g., a second
  • functionally e.g., a third component
  • module used in various embodiments of the present disclosure may include a unit implemented by hardware, software or firmware or any combination thereof, and may be used interchangeably with terms such as logic, logic block, component, or circuit, for example.
  • a module may be an integrally configured component or a minimum unit of the component or a part thereof that performs one or more functions.
  • a module may be implemented in the form of an application-specific integrated circuit (ASIC).
  • ASIC application-specific integrated circuit
  • Various embodiments of the present disclosure may be implemented as software (e.g., a program (140)) including one or more instructions stored in a storage medium (e.g., an internal memory (136) or an external memory (138)) readable by a machine (e.g., an electronic device (101)).
  • a processor of the machine e.g., the electronic device (101)
  • the one or more instructions may include code generated by a compiler or code executable by an interpreter.
  • the machine-readable storage medium may be provided in the form of a non-transitory storage medium.
  • a "non-transitory" storage medium is a tangible device, may not contain signals (e.g., electromagnetic waves), and the term does not distinguish between cases where data is stored semi-permanently or temporarily on a storage medium.
  • the method according to various embodiments disclosed in the present disclosure may be provided as included in a computer program product.
  • the computer program product may be traded between a seller and a buyer as a commodity.
  • the computer program product may be distributed in the form of a machine-readable storage medium (e.g., a compact disc read only memory (CD-ROM)), or may be distributed online (e.g., downloaded or uploaded) via an application store (e.g., Play StoreTM) or directly between two user devices (e.g., smart phones).
  • an application store e.g., Play StoreTM
  • at least a part of the computer program product may be temporarily stored or temporarily generated in a machine-readable storage medium, such as a memory of a manufacturer's server, a server of an application store, or an intermediary server.
  • each of the components may include a single or multiple entities, and some of the multiple entities may be separately arranged in other components.
  • one or more of the components or operations of the aforementioned components may be omitted, or one or more other components or operations may be added.
  • the multiple components e.g., modules or programs
  • the integrated component may perform one or more functions of each of the multiple components identically or similarly to those performed by the corresponding component of the multiple components before the integration.
  • the operations performed by the modules, programs or other components may be executed sequentially, in parallel, repeatedly, or heuristically, or one or more of the operations may be executed in a different order, omitted, or one or more other operations may be added.

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

적어도 하나의 아이콘의 크기 변경에 따라 화면의 구성을 변경하는 전자 장치 및 그 제어 방법이 개시된다, 본 개시의 일 실시예에 따른 전자 장치는, 터치스크린 디스플레이, 및 프로세싱 회를 포함하는 적어도 하나의 프로세서를 포함할 수 있다. 상기 적어도 하나의 프로세서는, 개별적으로 및/또는 통합적으로, 상기 전자 장치로 하여금: 복수의 아이콘들을 포함하는 제1 화면을 상기 터치스크린 상에 표시하고, 상기 터치스크린 디스플레이를 통해, 상기 복수의 아이콘들 중 적어도 하나의 아이콘에 대한 제1 사용자 입력을 획득하고, 상기 제1 사용자 입력의 획득에 기반하여, 상기 터치스크린 디스플레이를 통해, 상기 적어도 하나의 아이콘의 크기를 확대하면서 상기 복수의 아이콘들 중 다른 일부의 아이콘들의 크기를 축소하여 표시하도록 설정될 수 있다.

Description

적어도 하나의 아이콘의 크기 변경에 따라 화면의 구성을 변경하는 전자 장치 및 그 제어 방법
본 개시는, 적어도 하나의 아이콘의 크기 변경에 따라 화면의 구성을 변경하는 전자 장치 및 그 제어 방법에 관한 것이다.
전자 장치, 예를 들어, PC 또는 스마트 폰과 같은 전자 장치를 통해 제공되는 다양한 서비스 및 부가 기능들이 점차 증가하고 있다. 이러한 전자 장치의 효용 가치를 높이고, 다양한 사용자들의 욕구를 만족시키기 위해서 통신 서비스 제공자 또는 전자 장치 제조사들은 다양한 기능들을 제공하고 다른 업체와의 차별화를 위해 전자 장치를 경쟁적으로 개발하고 있다. 이에 따라, 전자 장치를 통해서 제공되는 다양한 기능들도 점점 고도화되고 있다.
적어도 하나의 아이콘에 대한 사용자의 입력에 따라 아이콘의 형상을 변경하는 기능을 제공하는 경우에, 종래의 기술에 따른 전자 장치는, 적어도 하나의 아이콘의 형상의 변경에 따라 주변의 다른 아이콘들을 오버랩하여 표시하였다. 이에 따라, 종래의 기술에 따른 전자 장치는, 상대적으로 작은 화면을 가지는 휴대용 전자 장치의 화면을 통해 제공되는 보다 다양한 정보들을 사용자에게 제공하기 어려울 수 있다.
본 개시의 실시예들은, 전자 장치가 적어도 하나의 아이콘에 대한 사용자의 입력에 따라 아이콘의 형상을 변경하는 기능을 제공하는 경우에, 형상이 변경된 아이콘의 주변에 배치된 다른 아이콘들의 형상을 변경하여 표시함으로써 상대적으로 작은 화면을 가지는 휴대용 전자 장치의 화면을 통해 제공되는 다양한 정보들을 보다 많이 사용자에게 제공할 수 있도록 하는 전자 장치를 제공할 수 있다.
본 개시의 실시예들은, 전자 장치가 적어도 하나의 아이콘에 대한 사용자의 입력에 따라 아이콘의 형상을 변경하는 기능을 제공하는 경우에, 형상이 변경된 아이콘의 주변에 배치된 다른 아이콘들의 형상을 변경하여 표시함으로써, 사용자가 지정한 적어도 하나의 요소(예: 아이콘)의 위치를 변경하지 않고 유지하여 표시할 수 있는 전자 장치를 제공할 수 있다.
본 개시의 일 예시 실시예에 따른 전자 장치는: 터치스크린 디스플레이, 및 복수의 아이콘들을 포함하는 제1 화면을 상기 터치스크린 상에 표시하도록 상기 터치스크린을 제어하고, 상기 터치스크린 디스플레이를 통해, 상기 복수의 아이콘들 중 적어도 하나의 아이콘에 대한 제1 입력을 획득하고, 상기 제1 입력의 획득에 기반하여, 상기 터치스크린 디스플레이를 통해, 상기 적어도 하나의 아이콘의 크기를 확대하면서 상기 복수의 아이콘들 중 다른 일부의 아이콘들의 크기를 축소하여 표시하도록 설정된, 프로세싱 회로를 포함하는 적어도 하나의 프로세서를 개별적으로 및/또는 통합적으로 포함할 수 있다.
본 개시의 일 예시 실시예에 따른 전자 장치를 제어하는 방법은, 복수의 아이콘들을 포함하는 제1 화면을 상기 전자 장치의 터치스크린 상에 표시하는 동작과, 상기 터치스크린 디스플레이를 통해, 상기 복수의 아이콘들 중 적어도 하나의 아이콘에 대한 제1 입력을 획득하는 동작과, 및 상기 제1 입력의 획득에 기반하여, 상기 터치스크린 디스플레이를 통해, 상기 적어도 하나의 아이콘의 크기를 확대하면서 상기 복수의 아이콘들 중 다른 일부의 아이콘들의 크기를 축소하여 표시하는 동작을 포함할 수 있다.
본 발명의 특정 실시예의 상기 및 다른 측면, 특징 및 이점은 첨부 도면과 함께 고려되는 다음의 상세한 설명으로부터 더욱 명백해질 것이며, 여기에서:
도 1은, 다양한 실시예들에 따른, 네트워크 환경 내의 예시 전자 장치의 다이어그램이다.
도 2는, 다양한 실시예들에 따른 전자 장치가 적어도 하나의 비쥬얼 오브젝트의 형상의 변경에 따라 홈 화면을 재 구성하는 예시 동작을 설명하는 플로우차트이다.
도 3a, 도 3b, 도 3c, 도 3d, 및 도 3e는, 사용자의 입력에 따라 다양한 실시예들에 따른 전자 장치가 적어도 하나의 비쥬얼 오브젝트(예: 아이콘)의 형상을 변경하는 기능 또는 동작을 설명하기 위한 다이어그램들이다.
도 4는, 다양한 실시예들에 따른 전자 장치가 사용자의 입력에 따라 적어도 하나의 비쥬얼 오브젝트(예: 아이콘)에 대응하는 위젯 및/또는 어플리케이션의 실행 화면을 표시하는 예시 동작을 설명하기 위한 플로우차트이다.
도 5a 및 도 5b는, 다양한 실시예들에 따라 도 4에서 설명된 예시 기능 또는 동작을 사용자 인터페이스 관점에서 설명하기 위한 다이어그램들이다.
도 6a는, 다양한 실시예들에 따른 화면의 재 구성이 홈 화면에서 수행되는 예시 기능 또는 동작을 설명하기 위한 다이어그램이다.
도 6b는, 다양한 실시예들에 따른 화면의 재 구성이 잠금 화면에서 수행되는 예시 기능 또는 동작을 설명하기 위한 다이어그램이다.
도 7a, 도 7b, 도 7c, 도 7d, 도 7e, 및 도 7f는, 다양한 실시예들에 따른 전자 장치가 적어도 하나의 비쥬얼 오브젝트(예: 아이콘)의 형상의 변경에 따라 주변 비쥬얼 오브젝트들(예: 아이콘들)의 형상을 변경함으로써 화면을 재 구성하는 예시 기능 또는 동작을 사용자 인터페이스 관점에서 설명하기 위한 다이어그램이다.
도 8은, 다양한 실시예들에 따른 사용자 입력이 적어도 하나의 비쥬얼 오브젝트(예: 아이콘)의 확장 방향과는 반대 방향으로 획득된 경우, 적어도 하나의 비쥬얼 오브젝트(예: 아이콘)의 형상을 변경하는 예시 동작을 설명하기 위한 플로우차트이다.
도 9는, 다양한 실시예들에 따라 도 8에 도시된 예시 기능 또는 동작을 사용자 인터페이스 관점에서 설명하기 위한 다이어그램이다.
도 10a, 도 10b 및 도 10c는, 다양한 실시예에 따른 전자 장치가 적어도 하나의 비쥬얼 오브젝트(예: 아이콘)의 형상 변경에 따라 주변 비쥬얼 오브젝트들(예: 아이콘들)을 재 구성하는 예시 기능 또는 동작을 설명하기 위한 다이어그램들이다.
도 11은, 다양한 실시예에 따른 전자 장치가 사용자 입력에 기반하여 형상이 변경된 비쥬얼 오브젝트(예: 아이콘)의 표시 위치를 고정하여 표시하는 예시 동작을 설명하기 위한 플로우차트이다.
도 12는, 다양한 실시예들에 따라 도 11에 도시된 예시 기능 또는 동작을 사용자 인터페이스 관점에서 설명하기 위한 다이어그램이다.
도 13은, 다양한 실시예에 따른 따른 전자 장치가 사용자 입력에 기반하여 형상이 변경된 비쥬얼 오브젝트(예: 아이콘)에 대한 사용자 입력에 따라 알림 내용을 표시하거나 형상이 변경된 비쥬얼 오브젝트(예: 아이콘)를 이동하는 예시 기능 또는 동작을 설명하기 위한 다이어그램이다.
도 14는, 다양한 실시예들에 따라 도 13에 도시된 예시 기능 또는 동작을 사용자 인터페이스 관점에서 설명하기 위한 다이어그램이다.
도 15는, 다양한 실시예들에 따른, 적어도 하나의 비쥬얼 오브젝트(예: 아이콘)의 형상을 변경하도록 설정된 슬라이드 바에 대한 사용자 입력에 따라 전자 장치가 비쥬얼 오브젝트(예: 아이콘)의 크기를 변경하는 예시 동작을 설명하기 위한 플로우차트이다.
도 16은, 다양한 실시예들에 따라 도 15에 도시된 예시 기능 또는 동작을 사용자 인터페이스 관점에서 설명하기 위한 다이어그램이다.
도 17a 및 도 17b는, 다양한 실시예들에 따른 화면 구성이 전자 장치와 동작 가능하도록 연결된 적어도 하나의 외부 전자 장치에서도 실질적으로 동일하게 적용되는 예시 기능 또는 동작을 설명하기 위한 다이어그램들이다.
도 18은, 다양한 실시예들에 따른 전자 장치(101)가, 지정된 어플리케이션에 대해 발생된 이벤트에 기반하여 자동적으로 아이콘을 확장하는 예시 동작을 설명하기 위한 플로우차트이다.
도 19a 및 도 19b는, 다양한 실시예들에 따른 도 18에서 도시된 예시 기능 또는 동작을 사용자 인터페이스 관점에서 설명하기 위한 다이어그램들이다.
도 19c는, 다양한 실시예들에 따른 확장된 객체(예: 제2 아이콘)가 사용자의 입력에 따라 또는 지정된 시간이 경과함에 따라 자동적으로 축소되는 예시 기능 또는 동작을 설명하기 위한 다이어그램이다.
도 20 및 도 21은, 다양한 실시예들에 따른 전자 장치가 알림 카드를 고정하여 표시하는 예시 기능 또는 동작을 설명하기 위한 다이어그램들이다.
도 22, 도 23 및 도 24는, 다양한 실시예들에 따른 알림의 다양한 상태를 사용자 인터페이스 관점에서 설명하기 위한 다이어그램들이다.
도 25는, 지정된 어플리케이션과 관련된 알림이 화면의 하부에서 제공되는 경우, 알림의 표시 위치를 고정하여 표시하는 예시 기능 또는 동작을 사용자 인터페이스 관점에서 설명하기 위한 다이어그램이다.
도 26은 다양한 실시예들에 따른 표시된 알림의 크기를 사용자 입력에 따라 조정하여 표시하는 예시 기능 또는 동작을 설명하기 위한 다이어그램이다.
도 1은, 다양한 실시예들에 따른, 네트워크 환경(100) 내의 예시 전자 장치(101)의 블록도이다.
도 1을 참조하면, 네트워크 환경(100)에서 전자 장치(101)는 제 1 네트워크(198)(예: 근거리 무선 통신 네트워크)를 통하여 전자 장치(102)와 통신하거나, 또는 제 2 네트워크(199)(예: 원거리 무선 통신 네트워크)를 통하여 전자 장치(104) 또는 서버(108) 중 적어도 하나와 통신할 수 있다. 일실시예에 따르면, 전자 장치(101)는 서버(108)를 통하여 전자 장치(104)와 통신할 수 있다. 일실시예에 따르면, 전자 장치(101)는 프로세서(120), 메모리(130), 입력 모듈(150), 음향 출력 모듈(155), 디스플레이 모듈(160), 오디오 모듈(170), 센서 모듈(176), 인터페이스(177), 연결 단자(178), 햅틱 모듈(179), 카메라 모듈(180), 전력 관리 모듈(188), 배터리(189), 통신 모듈(190), 가입자 식별 모듈(196), 또는 안테나 모듈(197)을 포함할 수 있다. 어떤 실시예에서는, 전자 장치(101)에는, 이 구성요소들 중 적어도 하나(예: 연결 단자(178))가 생략되거나, 하나 이상의 다른 구성요소가 추가될 수 있다. 어떤 실시예에서는, 이 구성요소들 중 일부들(예: 센서 모듈(176), 카메라 모듈(180), 또는 안테나 모듈(197))은 하나의 구성요소(예: 디스플레이 모듈(160))로 통합될 수 있다.
프로세서(120)는, 다양한 처리 회로 및/또는 다중 프로세서를 포함할 수 있다. 예를 들어, 청구범위를 포함하여 본 문서에 사용된 용어 "프로세서"는 적어도 하나의 프로세서를 포함하는 다양한 처리 회로를 포함할 수 있으며, 적어도 하나의 프로세서 중 하나 이상은 분산 방식으로 개별적으로 및/또는 집합적으로 여기에 설명된 다양한 기능을 수행하도록 구성될 수 있다. 여기에서 사용된 바와 같이, "프로세서", "적어도 하나의 프로세서" 및 "하나 이상의 프로세서"가 다양한 기능을 수행하도록 구성되는 것으로 설명되는 경우, 이러한 용어는 예를 들어 제한 없이 하나의 프로세서가 수행하는 상황을 포괄할 수 있다. 하나의 프로세서가 언급된 기능 중 일부를 수행하고 다른 프로세서(들)가 언급된 기능 중 다른 기능을 수행할 수 있고, 또한 단일 프로세서가 인용된 모든 기능을 수행할 수 있는 상황도 있을 수 있다. 추가적으로, 적어도 하나의 프로세서는 열거/개시된 다양한 기능을 예를 들어 분산 방식으로 수행하는 프로세서들의 조합을 포함할 수 있다. 적어도 하나의 프로세서는 다양한 기능을 달성하거나 수행하기 위해 프로그램 명령을 실행할 수 있다. 프로세서(120)는, 예를 들면, 소프트웨어(예: 프로그램(140))를 실행하여 프로세서(120)에 연결된 전자 장치(101)의 적어도 하나의 다른 구성요소(예: 하드웨어 또는 소프트웨어 구성요소)를 제어할 수 있고, 다양한 데이터 처리 또는 연산을 수행할 수 있다. 일실시예에 따르면, 데이터 처리 또는 연산의 적어도 일부로서, 프로세서(120)는 다른 구성요소(예: 센서 모듈(176) 또는 통신 모듈(190))로부터 수신된 명령 또는 데이터를 휘발성 메모리(132)에 저장하고, 휘발성 메모리(132)에 저장된 명령 또는 데이터를 처리하고, 결과 데이터를 비휘발성 메모리(134)에 저장할 수 있다. 일실시예에 따르면, 프로세서(120)는 메인 프로세서(121)(예: 중앙 처리 장치 또는 어플리케이션 프로세서) 또는 이와는 독립적으로 또는 함께 운영 가능한 보조 프로세서(123)(예: 그래픽 처리 장치, 신경망 처리 장치(NPU: neural processing unit), 이미지 시그널 프로세서, 센서 허브 프로세서, 또는 커뮤니케이션 프로세서)를 포함할 수 있다. 예를 들어, 전자 장치(101)가 메인 프로세서(121) 및 보조 프로세서(123)를 포함하는 경우, 보조 프로세서(123)는 메인 프로세서(121)보다 저전력을 사용하거나, 지정된 기능에 특화되도록 설정될 수 있다. 보조 프로세서(123)는 메인 프로세서(121)와 별개로, 또는 그 일부로서 구현될 수 있다.
보조 프로세서(123)는, 예를 들면, 메인 프로세서(121)가 인액티브(예: 슬립) 상태에 있는 동안 메인 프로세서(121)를 대신하여, 또는 메인 프로세서(121)가 액티브(예: 어플리케이션 실행) 상태에 있는 동안 메인 프로세서(121)와 함께, 전자 장치(101)의 구성요소들 중 적어도 하나의 구성요소(예: 디스플레이 모듈(160), 센서 모듈(176), 또는 통신 모듈(190))와 관련된 기능 또는 상태들의 적어도 일부를 제어할 수 있다. 일실시예에 따르면, 보조 프로세서(123)(예: 이미지 시그널 프로세서 또는 커뮤니케이션 프로세서)는 기능적으로 관련 있는 다른 구성요소(예: 카메라 모듈(180) 또는 통신 모듈(190))의 일부로서 구현될 수 있다. 일실시예에 따르면, 보조 프로세서(123)(예: 신경망 처리 장치)는 인공지능 모델의 처리에 특화된 하드웨어 구조를 포함할 수 있다. 인공지능 모델은 기계 학습을 통해 생성될 수 있다. 이러한 학습은, 예를 들어, 인공지능 모델이 수행되는 전자 장치(101) 자체에서 수행될 수 있고, 별도의 서버(예: 서버(108))를 통해 수행될 수도 있다. 학습 알고리즘은, 예를 들어, 지도형 학습(supervised learning), 비지도형 학습(unsupervised learning), 준지도형 학습(semi-supervised learning) 또는 강화 학습(reinforcement learning)을 포함할 수 있으나, 전술한 예에 한정되지 않는다. 인공지능 모델은, 복수의 인공 신경망 레이어들을 포함할 수 있다. 인공 신경망은 심층 신경망(DNN: deep neural network), CNN(convolutional neural network), RNN(recurrent neural network), RBM(restricted boltzmann machine), DBN(deep belief network), BRDNN(bidirectional recurrent deep neural network), 심층 Q-네트워크(deep Q-networks) 또는 상기 중 둘 이상의 조합 중 하나일 수 있으나, 전술한 예에 한정되지 않는다. 인공지능 모델은 하드웨어 구조 이외에, 추가적으로 또는 대체적으로, 소프트웨어 구조를 포함할 수 있다.
메모리(130)는, 전자 장치(101)의 적어도 하나의 구성요소(예: 프로세서(120) 또는 센서 모듈(176))에 의해 사용되는 다양한 데이터를 저장할 수 있다. 데이터는, 예를 들어, 소프트웨어(예: 프로그램(140)) 및, 이와 관련된 명령에 대한 입력 데이터 또는 출력 데이터를 포함할 수 있다. 메모리(130)는, 휘발성 메모리(132) 또는 비휘발성 메모리(134)를 포함할 수 있다.
프로그램(140)은 메모리(130)에 소프트웨어로서 저장될 수 있으며, 예를 들면, 운영 체제(142), 미들 웨어(144) 또는 어플리케이션(146)을 포함할 수 있다.
입력 모듈(150)은, 전자 장치(101)의 구성요소(예: 프로세서(120))에 사용될 명령 또는 데이터를 전자 장치(101)의 외부(예: 사용자)로부터 수신할 수 있다. 입력 모듈(150)은, 예를 들면, 마이크, 마우스, 키보드, 키(예: 버튼), 또는 디지털 펜(예: 스타일러스 펜)을 포함할 수 있다.
음향 출력 모듈(155)은 음향 신호를 전자 장치(101)의 외부로 출력할 수 있다. 음향 출력 모듈(155)은, 예를 들면, 스피커 또는 리시버를 포함할 수 있다. 스피커는 멀티미디어 재생 또는 녹음 재생과 같이 일반적인 용도로 사용될 수 있다. 리시버는 착신 전화를 수신하기 위해 사용될 수 있다. 일실시예에 따르면, 리시버는 스피커와 별개로, 또는 그 일부로서 구현될 수 있다.
디스플레이 모듈(160)은 전자 장치(101)의 외부(예: 사용자)로 정보를 시각적으로 제공할 수 있다. 디스플레이 모듈(160)은, 예를 들면, 디스플레이, 홀로그램 장치, 또는 프로젝터 및 해당 장치를 제어하기 위한 제어 회로를 포함할 수 있다. 일실시예에 따르면, 디스플레이 모듈(160)은 터치를 감지하도록 설정된 터치 센서, 또는 상기 터치에 의해 발생되는 힘의 세기를 측정하도록 설정된 압력 센서를 포함할 수 있다.
오디오 모듈(170)은 소리를 전기 신호로 변환시키거나, 반대로 전기 신호를 소리로 변환시킬 수 있다. 일실시예에 따르면, 오디오 모듈(170)은, 입력 모듈(150)을 통해 소리를 획득하거나, 음향 출력 모듈(155), 또는 전자 장치(101)와 직접 또는 무선으로 연결된 외부 전자 장치(예: 전자 장치(102))(예: 스피커 또는 헤드폰)를 통해 소리를 출력할 수 있다.
센서 모듈(176)은 전자 장치(101)의 작동 상태(예: 전력 또는 온도), 또는 외부의 환경 상태(예: 사용자 상태)를 감지하고, 감지된 상태에 대응하는 전기 신호 또는 데이터 값을 생성할 수 있다. 일실시예에 따르면, 센서 모듈(176)은, 예를 들면, 제스처 센서, 자이로 센서, 기압 센서, 마그네틱 센서, 가속도 센서, 그립 센서, 근접 센서, 컬러 센서, IR(infrared) 센서, 생체 센서, 온도 센서, 습도 센서, 또는 조도 센서를 포함할 수 있다.
인터페이스(177)는 전자 장치(101)가 외부 전자 장치(예: 전자 장치(102))와 직접 또는 무선으로 연결되기 위해 사용될 수 있는 하나 이상의 지정된 프로토콜들을 지원할 수 있다. 일실시예에 따르면, 인터페이스(177)는, 예를 들면, HDMI(high definition multimedia interface), USB(universal serial bus) 인터페이스, SD카드 인터페이스, 또는 오디오 인터페이스를 포함할 수 있다.
연결 단자(178)는, 그를 통해서 전자 장치(101)가 외부 전자 장치(예: 전자 장치(102))와 물리적으로 연결될 수 있는 커넥터를 포함할 수 있다. 일실시예에 따르면, 연결 단자(178)는, 예를 들면, HDMI 커넥터, USB 커넥터, SD 카드 커넥터, 또는 오디오 커넥터(예: 헤드폰 커넥터)를 포함할 수 있다.
햅틱 모듈(179)은 전기적 신호를 사용자가 촉각 또는 운동 감각을 통해서 인지할 수 있는 기계적인 자극(예: 진동 또는 움직임) 또는 전기적인 자극으로 변환할 수 있다. 일실시예에 따르면, 햅틱 모듈(179)은, 예를 들면, 모터, 압전 소자, 또는 전기 자극 장치를 포함할 수 있다.
카메라 모듈(180)은 정지 영상 및 동영상을 촬영할 수 있다. 일실시예에 따르면, 카메라 모듈(180)은 하나 이상의 렌즈들, 이미지 센서들, 이미지 시그널 프로세서들, 또는 플래시들을 포함할 수 있다.
전력 관리 모듈(188)은 전자 장치(101)에 공급되는 전력을 관리할 수 있다. 일실시예에 따르면, 전력 관리 모듈(188)은, 예를 들면, PMIC(power management integrated circuit)의 적어도 일부로서 구현될 수 있다.
배터리(189)는 전자 장치(101)의 적어도 하나의 구성요소에 전력을 공급할 수 있다. 일실시예에 따르면, 배터리(189)는, 예를 들면, 재충전 불가능한 1차 전지, 재충전 가능한 2차 전지 또는 연료 전지를 포함할 수 있다.
통신 모듈(190)은 전자 장치(101)와 외부 전자 장치(예: 전자 장치(102), 전자 장치(104), 또는 서버(108)) 간의 직접(예: 유선) 통신 채널 또는 무선 통신 채널의 수립, 및 수립된 통신 채널을 통한 통신 수행을 지원할 수 있다. 통신 모듈(190)은 프로세서(120)(예: 어플리케이션 프로세서)와 독립적으로 운영되고, 직접(예: 유선) 통신 또는 무선 통신을 지원하는 하나 이상의 커뮤니케이션 프로세서를 포함할 수 있다. 일실시예에 따르면, 통신 모듈(190)은 무선 통신 모듈(192)(예: 셀룰러 통신 모듈, 근거리 무선 통신 모듈, 또는 GNSS(global navigation satellite system) 통신 모듈) 또는 유선 통신 모듈(194)(예: LAN(local area network) 통신 모듈, 또는 전력선 통신 모듈)을 포함할 수 있다. 이들 통신 모듈 중 해당하는 통신 모듈은 제 1 네트워크(198)(예: 블루투스, WiFi(wireless fidelity) direct 또는 IrDA(infrared data association)와 같은 근거리 통신 네트워크) 또는 제 2 네트워크(199)(예: 레거시 셀룰러 네트워크, 5G 네트워크, 차세대 통신 네트워크, 인터넷, 또는 컴퓨터 네트워크(예: LAN 또는 WAN)와 같은 원거리 통신 네트워크)를 통하여 외부의 전자 장치(104)와 통신할 수 있다. 이런 여러 종류의 통신 모듈들은 하나의 구성요소(예: 단일 칩)로 통합되거나, 또는 서로 별도의 복수의 구성요소들(예: 복수 칩들)로 구현될 수 있다. 무선 통신 모듈(192)은 가입자 식별 모듈(196)에 저장된 가입자 정보(예: 국제 모바일 가입자 식별자(IMSI))를 이용하여 제 1 네트워크(198) 또는 제 2 네트워크(199)와 같은 통신 네트워크 내에서 전자 장치(101)를 확인 또는 인증할 수 있다.
무선 통신 모듈(192)은 4G 네트워크 이후의 5G 네트워크 및 차세대 통신 기술, 예를 들어, NR 접속 기술(new radio access technology)을 지원할 수 있다. NR 접속 기술은 고용량 데이터의 고속 전송(eMBB(enhanced mobile broadband)), 단말 전력 최소화와 다수 단말의 접속(mMTC(massive machine type communications)), 또는 고신뢰도와 저지연(URLLC(ultra-reliable and low-latency communications))을 지원할 수 있다. 무선 통신 모듈(192)은, 예를 들어, 높은 데이터 전송률 달성을 위해, 고주파 대역(예: mmWave 대역)을 지원할 수 있다. 무선 통신 모듈(192)은 고주파 대역에서의 성능 확보를 위한 다양한 기술들, 예를 들어, 빔포밍(beamforming), 거대 배열 다중 입출력(massive MIMO(multiple-input and multiple-output)), 전차원 다중입출력(FD-MIMO: full dimensional MIMO), 어레이 안테나(array antenna), 아날로그 빔형성(analog beam-forming), 또는 대규모 안테나(large scale antenna)와 같은 기술들을 지원할 수 있다. 무선 통신 모듈(192)은 전자 장치(101), 외부 전자 장치(예: 전자 장치(104)) 또는 네트워크 시스템(예: 제 2 네트워크(199))에 규정되는 다양한 요구사항을 지원할 수 있다. 일실시예에 따르면, 무선 통신 모듈(192)은 eMBB 실현을 위한 Peak data rate(예: 20Gbps 이상), mMTC 실현을 위한 손실 Coverage(예: 164dB 이하), 또는 URLLC 실현을 위한 U-plane latency(예: 다운링크(DL) 및 업링크(UL) 각각 0.5ms 이하, 또는 라운드 트립 1ms 이하)를 지원할 수 있다.
안테나 모듈(197)은 신호 또는 전력을 외부(예: 외부의 전자 장치)로 송신하거나 외부로부터 수신할 수 있다. 일실시예에 따르면, 안테나 모듈(197)은 서브스트레이트(예: PCB) 위에 형성된 전도체 또는 전도성 패턴으로 이루어진 방사체를 포함하는 안테나를 포함할 수 있다. 일실시예에 따르면, 안테나 모듈(197)은 복수의 안테나들(예: 어레이 안테나)을 포함할 수 있다. 이런 경우, 제 1 네트워크(198) 또는 제 2 네트워크(199)와 같은 통신 네트워크에서 사용되는 통신 방식에 적합한 적어도 하나의 안테나가, 예를 들면, 통신 모듈(190)에 의하여 상기 복수의 안테나들로부터 선택될 수 있다. 신호 또는 전력은 상기 선택된 적어도 하나의 안테나를 통하여 통신 모듈(190)과 외부의 전자 장치 간에 송신되거나 수신될 수 있다. 어떤 실시예에 따르면, 방사체 이외에 다른 부품(예: RFIC(radio frequency integrated circuit))이 추가로 안테나 모듈(197)의 일부로 형성될 수 있다.
다양한 실시예에 따르면, 안테나 모듈(197)은 mmWave 안테나 모듈을 형성할 수 있다. 일실시예에 따르면, mmWave 안테나 모듈은 인쇄 회로 기판, 상기 인쇄 회로 기판의 제 1 면(예: 아래 면)에 또는 그에 인접하여 배치되고 지정된 고주파 대역(예: mmWave 대역)을 지원할 수 있는 RFIC, 및 상기 인쇄 회로 기판의 제 2 면(예: 윗 면 또는 측 면)에 또는 그에 인접하여 배치되고 상기 지정된 고주파 대역의 신호를 송신 또는 수신할 수 있는 복수의 안테나들(예: 어레이 안테나)을 포함할 수 있다.
상기 구성요소들 중 적어도 일부는 주변 기기들간 통신 방식(예: 버스, GPIO(general purpose input and output), SPI(serial peripheral interface), 또는 MIPI(mobile industry processor interface))을 통해 서로 연결되고 신호(예: 명령 또는 데이터)를 상호간에 교환할 수 있다.
일실시예에 따르면, 명령 또는 데이터는 제 2 네트워크(199)에 연결된 서버(108)를 통해서 전자 장치(101)와 외부의 전자 장치(104)간에 송신 또는 수신될 수 있다. 외부의 전자 장치(102, 또는 104) 각각은 전자 장치(101)와 동일한 또는 다른 종류의 장치일 수 있다. 일실시예에 따르면, 전자 장치(101)에서 실행되는 동작들의 전부 또는 일부는 외부의 전자 장치들(102, 104, 또는 108) 중 하나 이상의 외부의 전자 장치들에서 실행될 수 있다. 예를 들면, 전자 장치(101)가 어떤 기능이나 서비스를 자동으로, 또는 사용자 또는 다른 장치로부터의 요청에 반응하여 수행해야 할 경우에, 전자 장치(101)는 기능 또는 서비스를 자체적으로 실행시키는 대신에 또는 추가적으로, 하나 이상의 외부의 전자 장치들에게 그 기능 또는 그 서비스의 적어도 일부를 수행하라고 요청할 수 있다. 상기 요청을 수신한 하나 이상의 외부의 전자 장치들은 요청된 기능 또는 서비스의 적어도 일부, 또는 상기 요청과 관련된 추가 기능 또는 서비스를 실행하고, 그 실행의 결과를 전자 장치(101)로 전달할 수 있다. 전자 장치(101)는 상기 결과를, 그대로 또는 추가적으로 처리하여, 상기 요청에 대한 응답의 적어도 일부로서 제공할 수 있다. 이를 위하여, 예를 들면, 클라우드 컴퓨팅, 분산 컴퓨팅, 모바일 에지 컴퓨팅(MEC: mobile edge computing), 또는 클라이언트-서버 컴퓨팅 기술이 이용될 수 있다. 전자 장치(101)는, 예를 들어, 분산 컴퓨팅 또는 모바일 에지 컴퓨팅을 이용하여 초저지연 서비스를 제공할 수 있다. 다른 실시예에 있어서, 외부의 전자 장치(104)는 IoT(internet of things) 기기를 포함할 수 있다. 서버(108)는 기계 학습 및/또는 신경망을 이용한 지능형 서버일 수 있다. 일실시예에 따르면, 외부의 전자 장치(104) 또는 서버(108)는 제 2 네트워크(199) 내에 포함될 수 있다. 전자 장치(101)는 5G 통신 기술 및 IoT 관련 기술을 기반으로 지능형 서비스(예: 스마트 홈, 스마트 시티, 스마트 카, 또는 헬스 케어)에 적용될 수 있다.
도 2는, 전자 장치(101)가 다양한 실시예들에 따라 적어도 하나의 비쥬얼 오브젝트(예: 제1 아이콘(310))의 형상의 변경에 따라 홈 화면을 재 구성하는 예시 동작을 설명하기 위한 플로우차트이다. 본 개시에서 언급되는 비쥬얼 오브젝트는, 아이콘, 확장된 상태의 아이콘, 및/또는 위젯과 같은 오브젝트를 포함할 수 있다.
도 2를 참조하면, 본 개시의 일 실시예에 따른 전자 장치(101)는, 동작 210에서, 복수의 아이콘들을 포함하는 제1 화면을 터치스크린 디스플레이(예: 도1의 디스플레이 모듈(160)) 상에 표시할 수 있다.
본 개시의 일 실시예에 따른 전자 장치(101)는, 동작 220에서, 복수의 아이콘들 중 적어도 하나의 아이콘에 대한 제1 입력(예: 사용자 입력)을 획득할 수 있다. 동작 230에서의 사용자 입력을 수신함에 기반하여 터치스크린 디스플레이를 통해 적어도 하나의 아이콘을 확대하면서 다른 아이콘들은 축소될 수 있고, 본 개시의 일 실시예에 따른 복수의 아이콘들 중 적어도 하나의 아이콘(예: 제1 아이콘(310))은 적어도 하나의 아이콘(예: 제1 아이콘(310))에 대한 사용자의 입력에 따라 그 형상이 변경(예: 크기가 확대)될 수 있다.
도 3a 내지 도 3e는, 다양한 실시예들에 따른 사용자의 입력에 따라 전자 장치가 적어도 하나의 아이콘의 형상을 변경하는 예시 기능 또는 동작을 설명하기 위한 다이어그램들이다.
도 3a를 참조하면, 본 개시의 일 실시예에 따른 전자 장치(101)는, 제1 아이콘(310)에 대한 제1 사용자 입력(312)(예: 스와이프 제스처)을 검출할 수 있다. 본 개시의 일 실시예에 따른 전자 장치(101)는, 제1 사용자 입력(312)에 따라 제1 아이콘(310)이 그 형상이 변경되도록 미리 또는 사용자에 의하여 지정되어 있는 경우, 도 3a에 도시된 바와 같이, 제1 아이콘(310)의 형상을 변경하여 형상이 변경된 아이콘(예: 제2 아이콘(320))을 표시할 수 있다. 본 개시의 일 실시예에 따른 전자 장치(101)는, 제2 아이콘(320)의 내부에 제2 아이콘(320)과 관련된 이벤트의 정보를 표시할 수 있다. 예를 들어, 본 개시의 일 실시예에 따른 제2 아이콘(320)이 메시지 어플리케이션에 대응하는 숏 컷 아이콘(예: 지정된 어플리케이션을 실행하기 위한 아이콘)인 경우, 전자 장치(101)는, 제2 아이콘(320)의 내부에 가장 최근에 수신된 메시지의 내용을 표시할 수 있다. 본 개시의 일 실시예에 따른 전자 장치(101)는, 제2 아이콘(320)에 대한 사용자 입력(예: 제2 사용자 입력(322)으로서 스와이프 제스처)을 검출할 수 있다. 본 개시의 일 실시예에 따른 전자 장치(101)는, 제2 아이콘(320)에 대한 제2 사용자 입력(322)에 기반하여, 제2 아이콘(320)의 형상을 변경한 제3 아이콘(330)을 표시할 수 있다. 본 개시의 일 실시예에 따른 제3 아이콘(330)은, 메시지 어플리케이션을 나타내는 시각적 객체 및 특정한 상대방과의 메시지 송수신 기록을 포함하는 채팅 메시지 윈도우를 포함할 수 있다.
도 3b를 참조하면, 본 개시의 일 실시예에 따른 전자 장치는 콜 어플리케이션에 대응하는 제1 아이콘(310)에 대한 사용자 입력이 획득되면, 제1 아이콘(310)의 형상을 변경하여 최근에 통화한 상대방을 나타내는 적어도 하나의 시각적 객체(예: 제1 시각적 객체(322), 제2 시각적 객체(324), 또는 제3 시각적 객체(326))를 표시할 수 있다.
도 3c를 참조하면, 본 개시의 일 실시예에 따른 전자 장치(101)는 콜 이벤트가 발생되고 있는 동안에 콜 어플리케이션에 대응하는 제1 아이콘(310)에 대한 사용자 입력이 획득되면, 지정된 메시지를 포함하는 제2 아이콘(320)을 표시할 수 있다.
도 3d를 참조하면, 본 개시의 일 실시예에 따른 전자 장치(101)는, 인터넷 어플리케이션에 대응하는 제1 아이콘(310)에 대한 사용자 입력이 획득되면, 제2 아이콘(320)을 표시할 수 있다. 본 개시의 일 실시예에 따른 전자 장치(101)는, 인터넷 어플리케이션과 관련된 이벤트(예: 다운로드 이벤트)가 발생되고 있는 동안에 제1 아이콘(310)에 대한 사용자 입력이 검출되면, 제2 아이콘(320) 내부에 다운로드 이벤트와 관련된 정보를 표시할 수 있다. 본 개시의 일 실시예에 따른 전자 장치(101)는, 제2 아이콘(320)을 표시한 후 지정된 시간이 경과하면, 제1 아이콘(310)을 표시할 수 있다. 본 개시의 일 실시예에 따른 전자 장치(101)는, 인터넷 어플리케이션에 대응하는 제1 아이콘(310)에 대한 사용자 입력이 획득되면, 제2 아이콘(320)을 표시할 수 있다. 본 개시의 일 실시예에 따른 전자 장치(101)는, 인터넷 어플리케이션과 관련된 이벤트(예: 다운로드 이벤트)가 발생되고 있지 않는 동안에 제1 아이콘(310)에 대한 사용자 입력이 검출되면, 제2 아이콘(320) 내부에 검색 윈도우를 표시할 수 있다. 본 개시의 일 실시예에 따른 전자 장치(101)는, 제2 아이콘(320)에 대한 사용자 입력(예: 제3 사용자 입력(342))이 획득되면, 제2 아이콘(320)의 형상이 변경된 제3 아이콘(330) 내부에 확장된 상태의 검색 윈도우를 표시할 수 있다.
도 3e를 참조하면, 본 개시의 일 실시예에 따른 전자 장치(101)는, 제1 아이콘(310)을 표시할 수 있다. 본 개시의 일 실시예에 따른 전자 장치(101)는, 제1 아이콘(310)과 관련된 이벤트가 발생된 경우, 제1 아이콘(310) 내부에 지정된 시각적 효과를 표시할 수 있다. 본 개시의 일 실시예에 따른 전자 장치는, 제1 아이콘(310)에 대한 사용자 입력에 따라 제2 아이콘(320)을 표시할 수 있다. 본 개시의 일 실시예에 따른 전자 장치(101)는, 제2 아이콘(320)에 대한 사용자 입력에 따라 제2 아이콘(320)의 형상이 변경된 제3 아이콘(330)을 표시할 수 있다. 전자 장치(101)는, 가상의 그리드 영역(350)을 구분하는 가상의 선(350a)에 적어도 하나의 아이콘(예: 제1 아이콘(310))의 경계가 근접하면, 가상의 선(350a)에 접촉하는 시각적 효과(예: 본 개시에서, 설명의 편의 상, "마그네틱 효과"라는 용어로 언급될 수 있다)를 가지면서 적어도 하나의 아이콘이 확정되거나 축소될 수 있다. 본 개시의 일 실시예에 따른 하나의 그리드 영역(350)은 복수 개의 영역으로 구분되어 마그네틱 효과가 적용될 수도 있다. 본 개시의 일 실시예에 따른 적어도 하나의 아이콘은 그리드 영역(350)의 크기와 무관하게 확대되거나 축소될 수도 있다. 이 경우, 적어도 하나의 아이콘 주변에 위치한 아이콘의 크기는 도 6b 등을 참조하여 아래에서 더욱 상세하게 설명된 바와 같이 적어도 하나의 아이콘의 크기 변경에 따라 함께 그 크기가 변경될 수도 있다.
도 4는, 다양한 실시예들에 따른 전자 장치(101)가 사용자의 입력에 따라 적어도 하나의 비쥬얼 오브젝트(예: 아이콘)에 대응하는 위젯 및/또는 어플리케이션의 실행 화면을 표시하는 예시 동작을 설명하기 위한 플로우차트이다. 도 5a 및 도 5b는, 다양한 실시예들에 따라 도 4에서 설명된 예시 기능 또는 동작을 사용자 인터페이스 관점에서 설명하기 위한 다이어그램들이다.
본 개시의 일 실시예에 따른 전자 장치(101)는, 동작 410에서, 확장된 크기를 가지는 아이콘(예: 제2 아이콘(320))에 대한 사용자 입력을 획득할 수 있다. 본 개시의 일 실시예에 따른 제2 아이콘(320)의 내부에는 지정된 태스크(예: 부재중 콜)와 관련된 시각적 객체(예: 부재중 콜을 발신한 상대방 정보)가 표시될 수 있다.
본 개시의 일 실시예에 따른 전자 장치(101)는, 동작 420에서, 태스크와 관련된 위젯이 존재하는지 여부를 판단할 수 있다. 본 개시의 일 실시예에 따른 전자 장치(101)는, 태스크와 관련된 위젯이 존재하는 경우, 동작 430에서, 태스크와 관련된 위젯(예: 제1 위젯(520))을 표시할 수 있다. 본 개시의 일 실시예에 따른 전자 장치(101)는, 확장된 크기를 가지는 아이콘(예: 제2 아이콘(320))에 표시된 적어도 하나의 시각적 객체에 대한 사용자 입력(예: 제4 사용자 입력(510)으로서 롱 터치 제스처)을 획득할 수 있다. 본 개시의 일 실시예에 따른 전자 장치(101)는, 제4 사용자 입력(510)에 대응하는 지정된 태스크와 관련한 위젯이 지정되어 있는지 여부를 판단할 수 있다. 본 개시의 일 실시예에 따른 전자 장치(101)는, 제4 사용자 입력(510)에 대응하는 지정된 태스크와 관련한 위젯이 지정되어 있는 경우, 지정된 위젯을 표시할 수 있다.
본 개시의 일 실시예에 따른 전자 장치(101)는, 동작 440에서, 태스크와 관련된 실행 화면(예: 콜 어플리케이션의 실행 화면이 축소된 실행 화면)이 존재하는지 여부를 판단할 수 있다. 본 개시의 일 실시예에 따른 전자 장치(101)는, 태스크와 관련된 실행 화면이 존재하는 경우, 동작 450에서, 태스크와 관련된 실행 화면을 표시할 수 있다. 본 개시의 일 실시예에 따른 전자 장치(101)는, 제4 사용자 입력(510)에 대응하는 지정된 태스크와 관련한 실행 화면(예: 제1 화면(520))이 존재하는 경우, 도 5b에 도시된 바와 같이 지정된 화면을 표시할 수 있다. 본 개시의 일 실시예에 따른 전자 장치(101)는, 지정된 태스크와 관련된 위젯 및 화면이 존재하지 않는 경우, 동작 460에서, 확장된 크기를 가지는 아이콘(예: 제2 아이콘(320))에 대응하는 어플리케이션을 실행할 수 있다. 이 경우, 본 개시의 일 실시예에 따른 전자 장치(101)는, 전체 화면으로서 콜 어플리케이션의 실행 화면을 표시할 수 있다. 본 개시의 일 실시예에 따른 전자 장치(101)는, 사용자 또는 미리 지정된 우선 순위 태스크(예: 사용자 입력에 따라 표시되도록 설정된, 부재중 콜에 대한 정보를 표시)가 존재하지 않을 경우, 자주 사용하는 태스크에 대한 정보를 제2 아이콘(320) 내부에 표시할 수 있다.
다시 도 2로 돌아와서, 본 개시의 일 실시예에 따른 전자 장치(101)는, 동작 230에서, 제1 사용자 입력의 획득에 기반하여, 적어도 하나의 아이콘의 크기를 확대하면서 복수의 아이콘들 중 다른 일부의 아이콘들의 크기를 축소하여 표시할 수 있다.
도 6a는, 다양한 실시예들에 따른 화면의 재 구성이 홈 화면에서 수행되는 예시 기능 또는 동작을 설명하기 위한 다이어그램이다. 도 6b는, 다양한 실시예들에 따른 화면의 재 구성이 잠금 화면에서 수행되는 예시 기능 또는 동작을 설명하기 위한 다이어그램이다. 도 7a, 도 7b, 도 7c, 도 7d, 도 7e, 및 도 7f는, 다양한 실시예들에 따른 전자 장치(101)가 적어도 하나의 비쥬얼 오브젝트(예: 아이콘)의 형상의 변경에 따라 주변 비쥬얼 오브젝트들(예: 아이콘들)의 형상을 변경함으로써 화면을 재 구성하는 예시 기능 또는 동작을 사용자 인터페이스 관점에서 설명하기 위한 다이어그램이다.
도 6a를 참조하면, 본 개시의 일 실시예에 따른 전자 장치(101)는, 제1 아이콘(320)에 대한 사용자 입력(예: 제6 사용자 입력(610)으로서 스와이프 제스처)을 기반으로 제2 아이콘(320)을 표시할 수 있다. 이 경우, 본 개시의 일 실시예에 따른 전자 장치(101)는, 제6 사용자 입력(610)의 방향과 대응하는 방향(예: 도 7c에서와 같이 사용자 입력이 대각선 방향의 입력인 경우, 사용자 입력의 수평 성분에 대응하는 방향)에 위치하는 적어도 하나의 아이콘(예: 제4 아이콘(622), 제5 아이콘(624), 또는 제6 아이콘(626))의 형상을 변경(예: 축소)할 수 있다. 본 개시에서는 적어도 하나의 아이콘이 가로 방향으로 확장되는 경우의 실시예가 도시되나, 세로 방향으로 확장되는 경우에도 본 개시에 설명된 다양한 실시예들이 동일하게 적용될 수 있다.
도 6b를 참조하면, 본 개시의 일 실시예에 따른 전자 장치(101)는, 제1 아이콘(320)에 대한 사용자 입력(예: 제6 사용자 입력(610)으로서 스와이프 제스처)을 기반으로 제2 아이콘(320)을 표시할 수 있다. 이 경우, 본 개시의 일 실시예에 따른 전자 장치(101)는, 잠금 화면 상에서, 제6 사용자 입력(610)의 방향과 대응하는 방향에 위치하는 적어도 하나의 아이콘(예: 제4 아이콘(622), 제5 아이콘(624), 또는 제6 아이콘(626))의 형상을 변경(예: 축소)할 수 있다. 본 개시의 일 실시예에 따른 전자 장치(101)는, 도 7a 및 도 7b에 도시된 바와 같이, 제2 아이콘(320)의 표시에 기반하여 Z축 방향으로 적어도 하나의 아이콘(예: 제4 아이콘(622), 제5 아이콘(624), 또는 제6 아이콘(626))을 회전하여 표시할 수 있다. 본 개시의 일 실시예에 따른 전자 장치(101)는, 도 7c, 도 7d, 도 7e 및 도 7f에 도시된 바와 같이, 제2 아이콘(320)의 표시에 기반하여 적어도 하나의 아이콘(예: 제4 아이콘(622), 제5 아이콘(624), 또는 제6 아이콘(626))을 회전하지 않고 크기를 변경하여 표시할 수도 있다. 본 개시의 일 실시예에 따르면, 제2 아이콘(320)의 표시에 따라 도 7d에 도시된 바와 같이, 축소된 크기를 가지는 적어도 하나의 아이콘(예: 제4 아이콘(622), 제5 아이콘(624), 또는 제6 아이콘(626))은 제2 아이콘(320)의 적어도 일부와 중첩되어 표시될 수 있다. 본 개시의 일 실시예에 따른 전자 장치(101)는, 축소된 크기를 가지는 적어도 하나의 아이콘(예: 제4 아이콘(622), 제5 아이콘(624), 또는 제6 아이콘(626))의 내부를 서로 구별되는 지정된 색상으로 표시할 수 있다.
도 8은, 다양한 실시예들에 따른 사용자 입력이 적어도 하나의 비쥬얼 오브젝트(예: 아이콘)의 확장 방향과는 반대 방향으로 획득된 경우, 적어도 하나의 비쥬얼 오브젝트(예: 아이콘)의 형상을 변경하는 예시 동작을 설명하기 위한 플로우차트이다. 도 9는, 다양한 실시예들에 따라 도 8에 도시된 예시 기능 또는 동작을 사용자 인터페이스 관점에서 설명하기 위한 다이어그램이다.
도 8을 참조하면, 본 개시의 일 실시예에 따른 전자 장치(101)는, 동작 810에서, 적어도 하나의 아이콘에 대한 사용자 입력을 획득할 수 있다. 본 개시 일 실시예에 따른 사용자 입력은, 제1 아이콘(310)이 확장되도록 설정된 방향과 반대 방향의 입력이거나 제1 아이콘(310)이 더 이상 확장될 수 없는 방향(예: 제1 아이콘(310)이 터치스크린 디스플레이의 엣지 부근에 표시되어 있는 경우)으로의 사용자 입력을 포함할 수 있다.
본 개시의 일 실시예에 따른 전자 장치(101)는, 동작 820에서, 동작 810에 따라 획득된 사용자 입력의 반대 방향으로 적어도 하나의 아이콘의 크기를 확장할 수 있다. 본 개시의 일 실시예에 따른 전자 장치(101)는, 도 9에 도시된 바와 같이, 제1 아이콘(310)이 확장 가능한 방향으로 일시적으로 제1 아이콘(310)의 크기를 확장한 후 다시 원래의 크기로 복원하여 표시할 수 있다.
도 10a, 도 10b 및 도 10c는, 다양한 실시예에 따른 전자 장치(101)가 적어도 하나의 비쥬얼 오브젝트(예: 아이콘)의 형상 변경에 따라 주변 비쥬얼 오브젝트들(예: 아이콘들)을 재 구성하는 예시 기능 또는 동작을 설명하기 위한 다이어그램들이다.
본 개시의 일 실시예에 따른 전자 장치(101)는, 도 10a에 도시된 바와 같이, 제2 아이콘(320)의 표시에 기반하여 Z축 방향으로 적어도 하나의 아이콘(예: 제4 아이콘(622), 제5 아이콘(624), 또는 제6 아이콘(626))을 회전하여 표시할 수 있다. 본 개시의 일 실시예에 따른 전자 장치(101)는, 도 10b에 도시된 바와 같이, 제2 아이콘(320)의 표시에 기반하여 Z축 방향으로 적어도 하나의 아이콘(예: 제4 아이콘(622), 제5 아이콘(624), 또는 제6 아이콘(626))을 회전하여 표시하지 않고, 적어도 하나의 아이콘(예: 제4 아이콘(622), 제5 아이콘(624), 또는 제6 아이콘(626))을 서로 중첩하여 표시할 수 있다. 본 개시의 일 실시예에 따른 전자 장치(101)는, 도 10c에 도시된 바와 같이, 제2 아이콘(320)의 표시에 기반하여 Z축 방향으로 적어도 하나의 아이콘(예: 제4 아이콘(622), 제5 아이콘(624), 또는 제6 아이콘(626))을 회전하여 표시하지 않고, 적어도 하나의 아이콘(예: 제4 아이콘(622), 제5 아이콘(624), 또는 제6 아이콘(626))을 서로 중첩하지 않도록 축소하여 표시할 수도 있다.
도 11은, 다양한 실시예에 따른 전자 장치(101)가 사용자 입력에 기반하여 형상이 변경된 비쥬얼 오브젝트(예: 아이콘)의 표시 위치를 고정하여 표시하는 예시 동작을 설명하기 위한 플로우차트이다. 도 12는, 다양한 실시예들에 따라 도 11에 도시된 예시 기능 또는 동작을 사용자 인터페이스 관점에서 설명하기 위한 다이어그램이다.
도 11을 참조하면, 본 개시의 일 실시예에 따른 전자 장치(101)는, 동작 1110에서, 적어도 하나의 아이콘(예: 위젯으로서 제1 아이콘(310))에 대한 제1 사용자 입력(예: 스와이프 제스처)을 획득할 수 있다.
본 개시의 일 실시예에 따른 전자 장치(101)는, 동작 1120에서, 획득된 제1 사용자 입력에 따라 확장된 크기를 가지는 적어도 하나의 아이콘(예: 제2 아이콘(320))에 대한 제2 사용자 입력(예: 제6 사용자 입력(1210))을 획득할 수 있다.
본 개시의 일 실시예에 따른 전자 장치(101)는, 동작 1130에서, 제2 사용자 입력(예: 제6 사용자 입력(1210))에 기반하여, 시각적 객체(예: 적어도 하나의 아이콘의 표시 위치가 고정된 상태임을 나타내는 시각적 객체(예: 자물쇠))를 표시할 수 있다.
전자 장치(101)는, 동작 1140에서 시각적 객체에 대한 제3 사용자 입력(예: 제6-1 사용자 입력(1220))을 획득할 수 있다.
전자 장치(101)는, 동작 1150에서, 제3 사용자 입력에 기반하여, 확장된 크기를 가지는 적어도 하나의 아이콘의 표시 위치를 고정할 수 있다.
본 개시의 일 실시예에 따른 전자 장치(101)는, 도 12에 도시된 바와 같이, 확장된 크기를 가지는 적어도 하나의 아이콘의 표시 위치가 고정된 상태임을 나타내는 시각적 객체(예: 자물쇠)와 함께 확장된 크기를 가지는 적어도 하나의 아이콘의 표시 위치를 고정할 수 있다. 이 경우, 본 개시의 일 실시예에 따른 전자 장치(101)는, 확장된 크기를 가지는 적어도 하나의 아이콘(예: 제2 아이콘(320))에 대한 사용자의 이동 명령이 획득되더라도 표시 위치를 변경하지 않을 수 있다.
도 13은, 다양한 실시예에 따른 따른 전자 장치(101)가 사용자 입력에 기반하여 형상이 변경된 비쥬얼 오브젝트(예: 아이콘)에 대한 사용자 입력에 따라 알림 내용을 표시하거나 형상이 변경된 비쥬얼 오브젝트(예: 아이콘)를 이동하는 예시 기능 또는 동작을 설명하기 위한 다이어그램이다. 도 14는, 다양한 실시예들에 따라 도 13에 도시된 예시 기능 또는 동작을 사용자 인터페이스 관점에서 설명하기 위한 다이어그램이다.
도 13을 참조하면, 본 개시의 일 실시예에 따른 전자 장치(101)는, 동작 1310에서, 적어도 하나의 아이콘(예: 제1 아이콘(310))에 대한 제1 사용자 입력(예: 스와이프 제스처)을 획득할 수 있다.
본 개시의 일 실시예에 따른 전자 장치(101)는, 동작 1320에서, 획득된 제1 사용자 입력에 따라 확장된 크기를 가지는 적어도 하나의 아이콘(예: 제2 아이콘(320))에 대한 제2 사용자 입력을 획득할 수 있다.
본 개시의 일 실시예에 따른 전자 장치(101)는, 동작 1330에서, 제2 사용자 입력에 기반하여, 적어도 하나의 아이콘과 관련된 알림을 표시할 수 있다.
본 개시의 일 실시예에 따른 전자 장치(101)는, 도 14에 도시된 바와 같이, 제2 아이콘(320)에 대한 사용자 입력이 획득된 경우에, 제2 아이콘(320)과 관련된 알림이 존재하면, 알림의 내용을 제2 아이콘(320)의 내부에 표시할 수 있다. 본 개시의 일 실시예에 따른 전자 장치(101)는, 제2 아이콘(320)에 대한 사용자 입력이 획득된 경우에, 제2 아이콘(320)과 관련된 알림이 존재하지 않으면, 제2 아이콘(320)에 대한 사용자 입력(예: 제7 사용자 입력(1410))에 기반하여 제2 아이콘(320)을 제1 아이콘(310)의 형상으로 변경할 수 있다. 이 경우, 본 개시의 일 실시예에 따른 전자 장치(101)는, 제1 아이콘(310)에 대한 사용자 입력에 따라 제1 아이콘(310)의 위치를 변경할 수 있다. 본 개시의 일 실시예에 따른 제1 아이콘(310)은 플로팅 상태로 표시될 수 있다.
도 15는, 다양한 실시예들에 따른, 적어도 하나의 비쥬얼 오브젝트(예: 아이콘)의 형상을 변경하도록 설정된 슬라이드 바에 대한 사용자 입력에 따라 전자 장치(101)가 비쥬얼 오브젝트(예: 아이콘)의 크기를 변경하는 예시 동작을 설명하기 위한 플로우차트이다. 도 16은, 다양한 실시예들에 따라 도 15에 도시된 예시 기능 또는 동작을 사용자 인터페이스 관점에서 설명하기 위한 다이어그램이다.
도 15를 참조하면, 본 개시의 일 실시예에 따른 전자 장치(101)는, 동작 1510에서, 슬라이드 바에 대한 사용자 입력을 획득할 수 있다. 본 개시의 일 실시예에 따른 슬라이드 바는 홈 화면을 편집하기 위한 화면 상에서 표시될 수 있다.
본 개시의 일 실시예에 따른 전자 장치(101)는, 동작 1520에서, 획득된 사용자 입력에 기반하여, 적어도 하나의 아이콘(예: 제1 아이콘(310))의 형상을 변경할 수 있다.
본 개시의 일 실시예에 따른 전자 장치(101)는 도 16에 도시된 바와 같이, Large 방향으로 사용자의 입력이 획득되면, 홈 화면에 표시된 아이콘들 중 적어도 일부의 아이콘들의 크기를 확대할 수 있다. 또 다른 예로, Small 방향으로 사용자의 입력이 획득되면, 홈 화면에 표시된 아이콘들 중 적어도 일부의 아이콘들의 크기가 축소될 수 있다.
도 17a 및 도 17b는, 다양한 실시예들에 따른 화면 구성이 전자 장치(101)와 동작 가능하도록 연결된 적어도 하나의 외부 전자 장치에서도 실질적으로 동일하게 적용되는 예시 기능 또는 동작을 설명하기 위한 다이어그램들이다.
도 17a 및 도 17b를 참조하면, 본 개시의 일 실시예들에 따라 확장된 아이콘은 전자 장치(101)와 동작 가능하도록 연결된 적어도 하나의 외부 전자 장치(예: 증강 현실을 제공하도록 설정된 클래스 타입 웨어러블 장치, 워치(1710), 또는 태블릿(1720))를 통해서도 실질적으로 동일하게 사용자에게 제공될 수 있다. 본 개시의 일 실시예에 따른 전자 장치(101)는, 적어도 하나의 외부 전자 장치(예: 증강 현실을 제공하도록 설정된 클래스 타입 웨어러블 장치, 워치(1710), 또는 태블릿(1720))를 통해 화면을 재 구성하기 위한 사용자 입력이 획득되면, 재 구성된 화면의 결과를 다른 장치와 공유할 수 있다. 이에 따라, 본 개시의 일 실시예에 따른 화면 구성이 전자 장치(101)와 동작 가능하도록 연결된 적어도 하나의 외부 전자 장치에서도 실질적으로 동일하게 적용될 수 있다.
도 18은, 다양한 실시예들에 따른 전자 장치(101)가, 지정된 어플리케이션에 대해 발생된 이벤트에 기반하여 자동적으로 아이콘을 확장하는 예시 동작을 설명하기 위한 플로우차트이다. 도 19a 및 도 19b는, 다양한 실시예들에 따른 도 18에서 도시된 예시 기능 또는 동작을 사용자 인터페이스 관점에서 설명하기 위한 다이어그램들이다.
도 18을 참조하면, 본 개시의 일 실시예에 따른 전자 장치(101)는, 동작 1810에서, 지정된 어플리케이션(예: 콜 어플리케이션)에 대해 발생된 이벤트를 식별할 수 있다.
전자 장치(101)는, 동작 1820에서, 이벤트의 발생에 기반하여, 도 19a에 도시된 바와 같이 지정된 어플리케이션(예: 콜 어플리케이션)에 대응하는 아이콘(예: 제1 아이콘(310))의 내부에 시각적 효과를 표시할 수 있다. 본 개시의 일 실시예에 따른 이벤트는, 콜 수신 이벤트 및/또는 구독 채널 신규 동영상 발생 이벤트를 포함할 수 있다.
전자 장치(101)는, 동작 1830에서, 시각적 효과를 제공한 후 지정된 시간이 경과하면 자동적으로 아이콘을 확장하여 표시할 수 있다. 본 개시의 일 실시예에 따르면, 도 19b에 도시된 바와 같이, 이벤트의 발생이 식별되면, 시각적 효과를 제공하지 않고 지정된 시간 이내에 아이콘을 확장하여 표시할 수도 있다.
도 19c는, 다양한 실시예들에 따른 확장된 객체(예: 제2 아이콘(320))가 사용자의 입력에 따라 또는 지정된 시간이 경과함에 따라 자동적으로 축소되는 예시 기능 또는 동작을 설명하기 위한 다이어그램이다. 본 개시의 일 실시예에 따른 전자 장치(101)는, 도 19c에 도시된 바와 같이, 확장된 방향과 대향하는 방향으로의 사용자 입력이 획득되거나, 확장된 후 지정된 시간이 경과함이 식별되면 확장된 상태의 아이콘(예: 제2 아이콘(320))을 축소된 상태의 아이콘(예: 제1 아이콘))으로 표시할 수 있다.
도 20 및 도 21은, 다양한 실시예들에 따른 전자 장치(101)가 알림 카드를 고정하여 표시하는 예시 기능 또는 동작을 설명하기 위한 다이어그램들이다.
도 20을 참조하면, 본 개시의 일 실시예에 따른 전자 장치(101)는, 제1 상태의 알림(예: 제1 알림(2010))에 대한 사용자 입력(예: 스와이프 제스처)을 획득할 수 있다. 전자 장치(101)는, 사용자 입력의 획득에 기반하여 제1 상태의 알림을 제2 상태의 알림(예: 제2 알림(2020))으로 확장하여 표시할 수 있다. 본 개시의 일 실시예에 따른 제2 상태의 알림은 제2 상태의 알림의 표시 위치를 고정하기 위한 시각적 요소(2020a)를 포함할 수 있다. 본 개시의 일 실시예에 따른 전자 장치(101)는, 시각적 요소(2020a)에 대한 사용자 터치 입력(2022)을 획득할 수 있다. 전자 장치(101)는, 사용자 터치 입력(2022)의 획득에 기반하여, 화면(예: 홈 화면)에 표시 중인 아이콘들의 표시 위치를 재 정렬할 수 있다. 본 개시의 일 실시예에 따른 전자 장치(101)는, 예를 들어, 제2 알림(2020)과 중첩되지 않도록 아이콘들을 재 정렬할 수 있다. 본 개시의 일 실시예에 따른 전자 장치(101)는, 도 20에 도시된 바와 같이, 홈 화면을 스크롤하기 위한 사용자 입력을 획득할 수 있다. 이 경우, 전자 장치(101)는, 홈 화면이 스크롤되더라도 새롭게 표시된 홈 화면에 포함된 적어도 하나의 아이콘이 제2 상태의 알림(예: 제2 알림(2020))과 중첩되지 않도록 새로운 홈 화면을 표시할 수 있다. 본 개시의 일 실시예에 따른, 위치가 고정된 제2 알림(2020)은 홈 화면이 전환되더라도 계속적으로 전자 장치(101)에 표시될 수 있다.
도 21에 도시된 바와 같이, 제2 상태의 알림(예: 제2 알림(2020))은 제1 상태의 알림(예: 제1 알림(2010))보다 더 많은 정보를 포함할 수 있다. 예를 들면, 본 개시의 일 실시예에 따른 제1 알림(2010)은 미디어의 재생 시간만을 포함할 수 있으나, 제2 알림(2020)은 재생 시간 뿐만 아니라 재생 중인 미디어를 일시 정지하기 위한 아이콘 등을 더 포함할 수 있다.
도 22, 도 23 및 도 24는, 다양한 실시예들에 따른 알림의 다양한 상태를 사용자 인터페이스 관점에서 설명하기 위한 다이어그램들이다.
도 22를 참조하면, 본 개시의 일 실시예에 따른 알림은 지정된 화면(예: 홈 화면)에서 원형의 형상으로 축소되어 표시(예: 제 3 알림(2210))될 수 있다. 본 개시의 일 실시예에 따른 전자 장치(101)는, 지정된 어플리케이션(예: 뮤직 어플리케이션)에 대해 이벤트가 발생되면, 도 22에 도시된 바와 같이 인디케이터를 지정된 크기만큼 확장하여, 발생된 이벤트와 관련된 정보(예: 뮤직 어플리케이션을 통해 재생되는 미디어의 재생 시간)를 표시할 수 있다. 본 개시의 일 실시예에 따른 전자 장치(101)는, 확장된 크기를 가지는 알림(예: 제1 알림(2010))에 대해 사용자 입력이 획득되면, 확장된 크기를 가지는 알림(예: 제1 알림(2010))의 크기를 더 확장(예: 제2 알림(2020))하여 지정된 어플리케이션과 관련된 더 많은 정보를 표시할 수 있다. 본 개시의 일 실시예에 따른 전자 장치(101)는, 더 확장된 크기를 가지는 알림(예: 제2 알림(2020))에 대한 사용자 입력이 획득되면, 그 크기를 축소하여 표시(예: 제1 알림(2010)으로 표시)할 수 있다.
도 23 및 도 24를 참조하면, 본 개시의 일 실시예에 따른 전자 장치(101)는, 더 확장된 크기를 가지는 알림(예: 제2 알림(2020))의 표시 위치를 고정하기 위한 사용자 입력이 획득되면, 다른 나머지 축소된 상태의 알림(예: 제3 알림(2210))들과 함께 더 확장된 크기를 가지는 알림(예: 제2 알림(2020))을 표시할 수 있다. 이 경우, 더 확장된 크기를 가지는 알림(예: 제2 알림(2020))과 화면에 표시된 아이콘들은 서로 중첩되지 않을 수 있다.
도 25는, 지정된 어플리케이션과 관련된 알림이 화면의 하부에서 제공되는 경우, 알림의 표시 위치를 고정하여 표시하는 예시 기능 또는 동작을 사용자 인터페이스 관점에서 설명하기 위한 다이어그램이다. 도 26은 다양한 실시예들에 따른 표시된 알림의 크기를 사용자 입력에 따라 조정하여 표시하는 예시 기능 또는 동작을 설명하기 위한 다이어그램이다.
도 25를 참조하면, 본 개시의 일 실시예에 따른 전자 장치(101)는, 지정된 어플리케이션에 대해 이벤트가 발생된 경우, 화면의 하부로부터 상부로 올라가는 방향으로의 알림(예: 제2 알림(2020))을 제공할 수 있다. 본 개시의 일 실시예에 따른 전자 장치(101)는, 알림(예: 제2 알림(2020))에 대한 사용자의 입력을 획득하거나 알림(예: 제2 알림(2020))을 표시한 후 지정된 시간이 경과하면, 축소된 상태의 알림(예: 제3 알림(2210))으로 알림의 형상을 변경할 수 있다. 본 개시의 일 실시예에 따른 전자 장치(101)는, 축소된 상태의 알림(예: 제3 알림(2210))에 대한 사용자의 입력(예: 터치 입력)을 획득한 경우, 더 확장된 상태의 알림(예: 제2 알림(2020))으로 알림의 형상을 변경할 수 있다. 전자 장치(101)는, 더 확장된 상태의 알림(예: 제2 알림(2020))에 포함된 시각적 객체(2020a)에 대한 사용자 입력이 획득되면, 현재 제2 알림(2020)이 표시된 위치(예: 전자 장치(101)의 화면의 하부)에서 제2 알림(2020)의 표시 위치를 고정할 수 있다. 본 개시의 일 실시예에 따른 전자 장치(101)는, 표시 위치가 고정된 경우, 화면이 전환되더라도 고정된 표시 위치에서 화면에 포함된 다른 객체들과 중첩되지 않도록 알림을 표시할 수 있다.
도 26을 참조하면, 알림에 대한 사용자의 입력에 따라 알림의 크기를 조정하여 표시할 수 있다. 이 경우, 확장된 상태의 알림에서는 축소된 상태의 알림에서보다 지정된 어플리케이션과 관련된 더 많은 정보를 포함할 수 있다.
본 개시에 개시된 다양한 실시예들에 따른 전자 장치는 다양한 형태의 장치가 될 수 있다. 전자 장치는, 예를 들면, 휴대용 통신 장치(예: 스마트 폰), 컴퓨터 장치, 휴대용 멀티미디어 장치, 휴대용 의료 기기, 카메라, 웨어러블 장치, 가전 장치 등을 포함할 수 있다. 본 개시의 실시예에 따른 전자 장치는 전술한 기기들에 한정되지 않는다.
본 개시의 다양한 실시예들 및 이에 사용된 용어들은 본 개시에 기재된 기술적 특징들을 특정한 실시예들로 한정하려는 것이 아니며, 해당 실시예의 다양한 변경, 균등물, 또는 대체물을 포함하는 것으로 이해되어야 한다. 도면의 설명과 관련하여, 유사한 또는 관련된 구성요소에 대해서는 유사한 참조 부호가 사용될 수 있다. 아이템에 대응하는 명사의 단수 형은 관련된 문맥상 명백하게 다르게 지시하지 않는 한, 상기 아이템 한 개 또는 복수 개를 포함할 수 있다. 본 개시에서, "A 또는 B", "A 및 B 중 적어도 하나", "A 또는 B 중 적어도 하나", "A, B 또는 C", "A, B 및 C 중 적어도 하나", 및 "A, B, 또는 C 중 적어도 하나"와 같은 문구들 각각은 그 문구들 중 해당하는 문구에 함께 나열된 항목들 중 어느 하나, 또는 그들의 모든 가능한 조합을 포함할 수 있다. "제 1", "제 2", 또는 "첫째" 또는 "둘째"와 같은 용어들은 단순히 해당 구성요소를 다른 해당 구성요소와 구분하기 위해 사용될 수 있으며, 해당 구성요소들을 다른 측면(예: 중요성 또는 순서)에서 한정하지 않는다. 어떤(예: 제 1) 구성요소가 다른(예: 제 2) 구성요소에, "기능적으로" 또는 "통신적으로"라는 용어와 함께 또는 이런 용어 없이, "커플드" 또는 "커넥티드"라고 언급된 경우, 그것은 상기 어떤 구성요소가 상기 다른 구성요소에 직접적으로(예: 유선으로), 무선으로, 또는 제 3 구성요소를 통하여 연결될 수 있다.
본 개시의 다양한 실시예들에서 사용된 용어 "모듈"은 하드웨어, 소프트웨어 또는 펌웨어 또는 그 어떠한 조합으로 구현된 유닛을 포함할 수 있으며, 예를 들면, 로직, 논리 블록, 부품, 또는 회로와 같은 용어와 상호 호환적으로 사용될 수 있다. 모듈은, 일체로 구성된 부품 또는 하나 또는 그 이상의 기능을 수행하는, 상기 부품의 최소 단위 또는 그 일부가 될 수 있다. 예를 들면, 일실시예에 따르면, 모듈은 ASIC(application-specific integrated circuit)의 형태로 구현될 수 있다.
본 개시의 다양한 실시예들은 기기(machine)(예: 전자 장치(101)) 의해 읽을 수 있는 저장 매체(storage medium)(예: 내장 메모리(136) 또는 외장 메모리(138))에 저장된 하나 이상의 명령어들을 포함하는 소프트웨어(예: 프로그램(140))로서 구현될 수 있다. 예를 들면, 기기(예: 전자 장치(101))의 프로세서는, 저장 매체로부터 저장된 하나 이상의 명령어들 중 적어도 하나의 명령을 호출하고, 그것을 실행할 수 있다. 이것은 기기가 상기 호출된 적어도 하나의 명령어에 따라 적어도 하나의 기능을 수행하도록 운영되는 것을 가능하게 한다. 상기 하나 이상의 명령어들은 컴파일러에 의해 생성된 코드 또는 인터프리터에 의해 실행될 수 있는 코드를 포함할 수 있다. 기기로 읽을 수 있는 저장 매체는, 비일시적(non-transitory) 저장 매체의 형태로 제공될 수 있다. 여기서, "비일시적" 저장 매체는 실재(tangible)하는 장치이고, 신호(signal)(예: 전자기파)를 포함하지 않을 수 있으며, 이 용어는 데이터가 저장 매체에 반영구적으로 저장되는 경우와 임시적으로 저장되는 경우를 구분하지 않는다.
일 실시예에 따르면, 본 개시에 개시된 다양한 실시예들에 따른 방법은 컴퓨터 프로그램 제품(computer program product)에 포함되어 제공될 수 있다. 컴퓨터 프로그램 제품은 상품으로서 판매자 및 구매자 간에 거래될 수 있다. 컴퓨터 프로그램 제품은 기기로 읽을 수 있는 저장 매체(예: compact disc read only memory(CD-ROM))의 형태로 배포되거나, 또는 어플리케이션 스토어(예: 플레이 스토어TM)를 통해 또는 두 개의 사용자 장치들(예: 스마트 폰들) 간에 직접, 온라인으로 배포(예: 다운로드 또는 업로드)될 수 있다. 온라인 배포의 경우에, 컴퓨터 프로그램 제품의 적어도 일부는 제조사의 서버, 어플리케이션 스토어의 서버, 또는 중계 서버의 메모리와 같은 기기로 읽을 수 있는 저장 매체에 적어도 일시 저장되거나, 임시적으로 생성될 수 있다.
본 개시의 일 실시예에 따르면, 상기 기술한 구성요소들의 각각의 구성요소(예: 모듈 또는 프로그램)는 단수 또는 복수의 개체를 포함할 수 있으며, 복수의 개체 중 일부는 다른 구성요소에 분리 배치될 수도 있다. 본 개시의 일 실시예에 따르면, 전술한 해당 구성요소들 중 하나 이상의 구성요소들 또는 동작들이 생략되거나, 또는 하나 이상의 다른 구성요소들 또는 동작들이 추가될 수 있다. 대체적으로 또는 추가적으로, 복수의 구성요소들(예: 모듈 또는 프로그램)은 하나의 구성요소로 통합될 수 있다. 이런 경우, 통합된 구성요소는 상기 복수의 구성요소들 각각의 구성요소의 하나 이상의 기능들을 상기 통합 이전에 상기 복수의 구성요소들 중 해당 구성요소에 의해 수행되는 것과 동일 또는 유사하게 수행할 수 있다. 본 개시의 일 실시예에 따르면, 모듈, 프로그램 또는 다른 구성요소에 의해 수행되는 동작들은 순차적으로, 병렬적으로, 반복적으로, 또는 휴리스틱하게 실행되거나, 상기 동작들 중 하나 이상이 다른 순서로 실행되거나, 생략되거나, 또는 하나 이상의 다른 동작들이 추가될 수 있다.
본 개시 내용은 다양한 예시적인 실시예를 참조하여 설명되고 기술되었지만, 다양한 예시적인 실시예는 예시를 위한 것이지 제한하려는 것이 아니라는 것이 이해될 것이다. 첨부된 청구범위 및 그 등가물을 포함하여 본 개시의 진정한 정신 및 전체 범위를 벗어나지 않으면서 형태 및 세부사항의 다양한 변경이 이루어질 수 있다는 것이 통상의 기술자에 의해 추가로 이해될 것이다. 본 명세서에 기술된 임의의 실시예(들)는 본 명세서에 기술된 임의의 다른 실시예(들)와 함께 사용될 수 있다는 것도 이해될 것이다.

Claims (15)

  1. 전자 장치에 있어서,
    터치스크린 디스플레이, 및
    프로세싱 회로를 포함하는, 적어도 하나의 프로세서, 및
    메모리는, 상기 적어도 하나의 프로세서에 의해 실행 시에, 상기 전자 장치로 하여금:
    복수의 비쥬얼 오브젝트들을 포함하는 제1 화면을 상기 터치스크린 상에 표시하고,
    상기 터치스크린 디스플레이를 통해, 상기 비쥬얼 오브젝트들 중 적어도 하나의 비쥬얼 오브젝트에 대한 제1 입력을 획득하고,
    상기 제1 입력의 획득에 기반하여, 상기 터치스크린 디스플레이를 통해, 상기 적어도 하나의 비쥬얼 오브젝트의 크기를 확대하면서 상기 복수의 비쥬얼 오브젝트들 중 다른 일부의 비쥬얼 오브젝트들의 크기를 축소하여 표시하도록 설정된 것을 특징으로 하는, 전자 장치.
  2. 제1항에 있어서,
    상기 인스트럭션들은 상기 적어도 하나의 프로세서에 의해 실행 시에 상기 전자 장치로 하여금, 상기 적어도 하나의 비쥬얼 오브젝트와 관련된 이벤트가 발생되었음을 검출함에 기반하여 상기 적어도 하나의 비쥬얼 오브젝트에 대해 지정된 시각적 효과를 적용하도록 하는 인스트럭션을 더 포함하는 것을 특징으로 하는, 전자 장치.
  3. 제1항 또는 제2항에 있어서,
    상기 인스트럭션들은 상기 적어도 하나의 프로세서에 의해 실행 시에 상기 전자 장치로 하여금, 상기 지정된 시각적 효과가 적용된 비쥬얼 오브젝트에 대한 제2 입력이 획득됨에 기반하여 상기 크기가 확대된 비쥬얼 오브젝트 상에 상기 이벤트와 관련된 정보를 표시하도록 하는 인스트럭션을 더 포함하는 것을 특징으로 하는, 전자 장치.
  4. 제1항 내지 제3항 중 어느 한 항에 있어서,
    상기 인스트럭션들은 상기 적어도 하나의 프로세서에 의해 실행 시에 상기 전자 장치로 하여금, 상기 크기가 확대된 적어도 하나의 비쥬얼 오브젝트에 대한 제3 입력이 획득됨에 기반하여 상기 비쥬얼 오브젝트에 대응하는 위젯 또는 어플리케이션 실행 화면을 표시하도록 하는 인스트럭션을 더 포함하는 것을 특징으로 하는, 전자 장치.
  5. 제1항 내지 제4항 중 어느 한 항에 있어서,
    상기 다른 일부의 비쥬얼 오브젝트들은, 상기 적어도 하나의 비쥬얼 오브젝트의 크기가 확장되는 방향에 배치된 비쥬얼 오브젝트들인 것을 특징으로 하는, 전자 장치.
  6. 제1항 내지 제5항 중 어느 한 항에 있어서,
    상기 다른 일부의 비쥬얼 오브젝트들은, 상기 적어도 하나의 비쥬얼 오브젝트의 크기가 확대됨에 따라 서로 중첩되어 표시되는 것을 특징으로 하는, 전자 장치.
  7. 제1항 내지 제6항 중 어느 한 항에 있어서,
    상기 다른 일부의 비쥬얼 오브젝트들은, 상기 적어도 하나의 비쥬얼 오브젝트의 크기가 확대됨에 따라 서로 중첩되지 않고 크기가 축소되어 표시되는 것을 특징으로 하는, 전자 장치.
  8. 제1항 내지 제7항 중 어느 한 항에 있어서,
    상기 인스트럭션들은 상기 적어도 하나의 프로세서에 의해 실행 시에 상기 전자 장치로 하여금, 상기 적어도 하나의 비쥬얼 오브젝트가 위젯임에 기반하여, 상기 크기가 변경된 비쥬얼 오브젝트에 대한 제4 입력이 획득됨에 기반하여 상기 크기가 변경된 비쥬얼 오브젝트의 표시 위치를 고정하도록 하는 인스트럭션을 더 포함하는 것을 특징으로 하는, 전자 장치.
  9. 제1항 내지 제8항 중 어느 한 항에 있어서,
    상기 인스트럭션들은 상기 적어도 하나의 프로세서에 의해 실행 시에 상기 전자 장치로 하여금, 상기 적어도 하나의 비쥬얼 오브젝트가 위젯이 아닌 경우, 상기 크기가 변경된 비쥬얼 오브젝트에 대한 제5 입력이 획득됨에 기반하여 상기 크기가 변경된 비쥬얼 오브젝트와 관련된 알림을 표시하도록 하는 인스트럭션을 더 포함하는 것을 특징으로 하는, 전자 장치.
  10. 제1항 내지 제9항 중 어느 한 항에 있어서,
    상기 인스트럭션들은 상기 적어도 하나의 프로세서에 의해 실행 시에 상기 전자 장치로 하여금, 비쥬얼 오브젝트의 크기를 변경하기 위한 제6 입력이 획득됨에 기반하여 상기 복수의 비쥬얼 오브젝트들의 크기를 변경하도록 하는 인스트럭션을 더 포함하는 것을 특징으로 하는, 전자 장치.
  11. 방법에 있어서,
    복수의 비쥬얼 오브젝트들을 포함하는 제1 화면을 상기 전자 장치의 터치스크린 상에 표시하는 동작과,
    상기 터치스크린 디스플레이를 통해, 상기 복수의 비쥬얼 오브젝트들 중 적어도 하나의 비쥬얼 오브젝트에 대한 제1 입력을 획득하는 동작과, 및
    상기 제1 입력의 획득에 기반하여, 상기 터치스크린 디스플레이를 통해, 상기 적어도 하나의 비쥬얼 오브젝트의 크기를 확대하면서 상기 복수의 비쥬얼 오브젝트들 중 다른 일부의 비쥬얼 오브젝트들의 크기를 축소하여 표시하는 동작을 포함하는 것을 특징으로 하는, 방법.
  12. 제11항에 있어서,
    상기 방법은, 상기 적어도 하나의 비쥬얼 오브젝트와 관련된 이벤트가 발생되었음을 검출함에 기반하여 상기 적어도 하나의 비쥬얼 오브젝트에 대해 지정된 시각적 효과를 적용하는 동작을 더 포함하는 것을 특징으로 하는, 방법.
  13. 제11항 또는 제12항에 있어서,
    상기 전자 장치를 제어하는 방법은, 상기 지정된 시각적 효과가 적용된 비쥬얼 오브젝트에 대한 제2 입력이 획득됨에 기반하여 상기 크기가 확대된 비쥬얼 오브젝트 상에 상기 이벤트와 관련된 정보를 표시하는 동작을 더 포함하는 것을 특징으로 하는, 방법.
  14. 제11항 내지 제13항 중 어느 한 항에 있어서,
    상기 전자 장치를 제어하는 방법은, 상기 크기가 확대된 적어도 하나의 비쥬얼 오브젝트에 대한 제3 사용자 입력이 획득됨에 기반하여 상기 비쥬얼 오브젝트에 대응하는 위젯 또는 어플리케이션 실행 화면을 표시하는 동작을 더 포함하는 것을 특징으로 하는, 방법.
  15. 제11항 내지 제14항 중 어느 한 항에 있어서,
    상기 다른 일부의 비쥬얼 오브젝트들은, 상기 적어도 하나의 비쥬얼 오브젝트의 크기가 확장되는 방향에 배치된 비쥬얼 오브젝트들인 것을 특징으로 하는, 방법.
PCT/KR2024/001876 2023-02-17 2024-02-08 적어도 하나의 아이콘의 크기 변경에 따라 화면의 구성을 변경하는 전자 장치 및 그 제어 방법 Pending WO2024172402A1 (ko)

Priority Applications (2)

Application Number Priority Date Filing Date Title
EP24757131.8A EP4589416A1 (en) 2023-02-17 2024-02-08 Electronic device that changes configuration of screen in response to change in size of at least one icon, and control method thereof
US18/442,502 US20240281126A1 (en) 2023-02-17 2024-02-15 Electronic device changing configuration of screen according to change in size of at least one icon and method for controlling the same

Applications Claiming Priority (6)

Application Number Priority Date Filing Date Title
KR10-2023-0021344 2023-02-17
KR20230021344 2023-02-17
KR20230043723 2023-04-03
KR10-2023-0043723 2023-04-03
KR1020230057126A KR20240128526A (ko) 2023-02-17 2023-05-02 적어도 하나의 아이콘의 크기 변경에 따라 화면의 구성을 변경하는 전자 장치 및 그 제어 방법
KR10-2023-0057126 2023-05-02

Related Child Applications (1)

Application Number Title Priority Date Filing Date
US18/442,502 Continuation US20240281126A1 (en) 2023-02-17 2024-02-15 Electronic device changing configuration of screen according to change in size of at least one icon and method for controlling the same

Publications (1)

Publication Number Publication Date
WO2024172402A1 true WO2024172402A1 (ko) 2024-08-22

Family

ID=92420405

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/KR2024/001876 Pending WO2024172402A1 (ko) 2023-02-17 2024-02-08 적어도 하나의 아이콘의 크기 변경에 따라 화면의 구성을 변경하는 전자 장치 및 그 제어 방법

Country Status (1)

Country Link
WO (1) WO2024172402A1 (ko)

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20130135228A1 (en) * 2011-11-25 2013-05-30 Samsung Electronics Co., Ltd. Device and method for displaying object in terminal
KR101281448B1 (ko) * 2010-11-29 2013-07-03 팅크웨어(주) 아이콘 조정 방법 및 그를 적용한 단말 장치
KR101740439B1 (ko) * 2010-12-23 2017-05-26 엘지전자 주식회사 이동 단말기 및 그 제어방법
JP6264293B2 (ja) * 2012-10-12 2018-01-24 ソニー株式会社 表示制御装置、表示制御方法及びプログラム
KR102204554B1 (ko) * 2014-05-27 2021-01-19 엘지전자 주식회사 이동 단말기 및 그것의 제어방법

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR101281448B1 (ko) * 2010-11-29 2013-07-03 팅크웨어(주) 아이콘 조정 방법 및 그를 적용한 단말 장치
KR101740439B1 (ko) * 2010-12-23 2017-05-26 엘지전자 주식회사 이동 단말기 및 그 제어방법
US20130135228A1 (en) * 2011-11-25 2013-05-30 Samsung Electronics Co., Ltd. Device and method for displaying object in terminal
JP6264293B2 (ja) * 2012-10-12 2018-01-24 ソニー株式会社 表示制御装置、表示制御方法及びプログラム
KR102204554B1 (ko) * 2014-05-27 2021-01-19 엘지전자 주식회사 이동 단말기 및 그것의 제어방법

Similar Documents

Publication Publication Date Title
WO2022085885A1 (en) Method for controlling window and electronic device therefor
WO2022114416A1 (ko) 확장이 가능한 디스플레이를 이용하여 멀티 윈도우를 제공하는 전자 장치
WO2022019635A1 (ko) 공유 화면과 비공유 화면을 함께 제공하는 전자 장치 및 그 제어 방법
WO2022030890A1 (ko) 다중 윈도우 이미지 캡쳐 방법 및 이를 위한 전자 장치
WO2022108192A1 (ko) 전자 장치 및 전자 장치의 멀티윈도우 제어방법
WO2023277380A1 (ko) 입력 필드를 기반으로 사용자 인터페이스를 구성하는 방법 및 전자 장치
WO2022030921A1 (ko) 전자 장치 및 그의 화면을 제어하는 방법
WO2023214675A1 (ko) 터치 입력을 처리하기 위한 전자 장치 및 방법
WO2022086272A1 (ko) 사용자 인터페이스를 제공하는 전자 장치 및 그 방법
WO2022098212A1 (ko) 플렉서블 디스플레이를 구비한 전자 장치
WO2024172402A1 (ko) 적어도 하나의 아이콘의 크기 변경에 따라 화면의 구성을 변경하는 전자 장치 및 그 제어 방법
WO2023048404A1 (ko) 어플리케이션의 실행 화면을 표시하는 방법 및 이를 지원하는 전자 장치
WO2023146173A1 (ko) 화면을 제공하는 방법 및 이를 지원하는 전자 장치
WO2023017987A1 (ko) 플렉서블 디스플레이를 포함하는 전자 장치와 이의 동작 방법
WO2023063713A1 (ko) 플렉서블 디스플레이를 포함하는 전자 장치 및 전자 장치에서의 동작 방법
WO2022114648A1 (ko) 배경 화면을 설정하기 위한 전자 장치 및 그의 동작 방법
WO2022119319A1 (ko) 플렉서블 디스플레이의 확장에 따라 적어도 하나의 객체를 이동하여 디스플레이 하는 전자 장치 및 그 제어 방법
WO2022030824A1 (ko) 오디오 재생 및 화면 표시 방법 및 그 장치
WO2025005520A1 (ko) 와치페이스와 연관된 커버페이스를 제공하기 위한 전자 장치, 그 동작 방법 및 저장 매체
WO2025121657A1 (ko) 객체의 페이지 간 빠른 이동을 제공하는 전자 장치 및 그 동작 방법
KR20240128526A (ko) 적어도 하나의 아이콘의 크기 변경에 따라 화면의 구성을 변경하는 전자 장치 및 그 제어 방법
WO2025018579A1 (ko) 디스플레이 방법 및 이를 수행하는 전자 장치
WO2024043530A1 (ko) 폴더블 전자 장치 및 폴더블 전자 장치의 디스플레이 활용 방법
WO2025028754A2 (ko) 디스플레이에 표시되는 애플리케이션을 설정하는 전자 장치, 방법 및 저장 매체
WO2025048532A1 (ko) 페어링을 지원하는 전자 장치 및 이의 제어 방법

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: 24757131

Country of ref document: EP

Kind code of ref document: A1

WWE Wipo information: entry into national phase

Ref document number: 2024757131

Country of ref document: EP

ENP Entry into the national phase

Ref document number: 2024757131

Country of ref document: EP

Effective date: 20250417

WWP Wipo information: published in national office

Ref document number: 2024757131

Country of ref document: EP

NENP Non-entry into the national phase

Ref country code: DE