Adapting user interface in response to screen size adjustments

Abstract

In some aspects, a device may present a content element on a display screen in a first size configuration, the content element having an aspect ratio. The device may detect an adjustment of a physical size of the display screen from a first size configuration having a first display aspect ratio to a second size configuration having a second display aspect ratio different from the first display aspect ratio. The device may present one or more user interface elements on the display screen in a non-overlapping arrangement relative to the content element in response to an adjustment of the physical size of the display screen from the first size configuration to the second size configuration. Numerous other aspects are described.

Description

[0001] Cross - Reference to Related Applications

[0002] This patent application claims the priority of U.S. Patent Application No. 18 / 068,205, filed on December 19, 2022, entitled "ADAPTING A USER INTERFACE RESPONSIVE TO SCREEN SIZE ADJUSTMENT", and assigned to the assignee of the present application. The disclosure of the prior application is considered to be a part of the present patent application and is incorporated herein by reference. Technical Field

[0003] Aspects of the present disclosure generally relate to user interfaces and, for example, to adapting a user interface responsive to screen size adjustment. Background Art

[0004] The display screen of a device can display a user interface (e.g., a graphical user interface). The user interface can permit interaction between the user of the device and the device. In some cases, a user can interact with the user interface to operate and / or control the device to produce a desired result. For example, a user can interact with the user interface of a device to cause the device to perform an action. Additionally, the user interface can provide information to the user. Summary of the Invention

[0005] Some aspects described herein relate to a method. The method can include presenting, by a device, a content element on a display screen in a first size configuration, the content element having an aspect ratio. The method can include detecting, by the device, an adjustment of the physical size of the display screen from a first size configuration having a first display aspect ratio to a second size configuration having a second display aspect ratio different from the first display aspect ratio. The method can include presenting, by the device and in response to the adjustment of the physical size of the display screen from the first size configuration to the second size configuration, one or more user interface elements on the display screen in a non - overlapping arrangement relative to the content element.

[0006] Some aspects described herein relate to a system. The system can include one or more memories and one or more processors coupled to the one or more memories. The one or more processors can be configured to present a content element having an aspect ratio on a display screen in a first size configuration having a first display aspect ratio, wherein a mismatch between the aspect ratio and the first display aspect ratio results in a padding region adjacent to the content element. The one or more processors can be configured to detect an adjustment of the physical size of the display screen from the first size configuration to a second size configuration having a second display aspect ratio different from the first display aspect ratio, wherein the adjustment of the physical size of the display screen from the first size configuration to the second size configuration changes the contiguous area of the padding region. The one or more processors can be configured to, in response to the adjustment of the physical size of the display screen from the first size configuration to the second size configuration, present one or more user interface elements on the display screen that overlay the padding region.

[0007] Some aspects described herein relate to a non-transitory computer-readable medium storing a set of instructions for a device. When executed by one or more processors of the device, the set of instructions can cause the device to present a content element having an aspect ratio on a display screen in a first size configuration having a first display aspect ratio, wherein a mismatch between the aspect ratio and the first display aspect ratio results in a padding region adjacent to the content element. When executed by one or more processors of the device, the set of instructions can cause the device to detect an adjustment of the physical size of the display screen from the first size configuration to a second size configuration having a second display aspect ratio different from the first display aspect ratio. When executed by one or more processors of the device, the set of instructions can cause the device to identify the contiguous area of the padding region adjacent to the content element in response to the adjustment of the physical size of the display screen from the first size configuration to the second size configuration. When executed by one or more processors of the device, the set of instructions can cause the device to adjust the position of the content element on the display screen in response to the contiguous area of the padding region being insufficient to contain one or more user interface elements, wherein the contiguous area of the padding region after adjusting the position of the content element is greater than the contiguous area of the padding region before adjusting the position of the content element. When executed by one or more processors of the device, the set of instructions can cause the device to present one or more user interface elements on the display screen in the second size configuration and in response to the adjustment of the position of the content element that overlay the padding region.

[0008] Some aspects described herein relate to an apparatus. The apparatus can include components for presenting content elements in a full-screen mode on a display screen in a first size configuration, wherein a padding area is adjacent to the content elements in the full-screen mode. The apparatus can include components for detecting an adjustment of the physical size of the display screen from the first size configuration to a second size configuration, wherein the adjustment of the physical size of the display screen from the first size configuration to the second size configuration changes the adjacent area of the padding area. The apparatus can include components for presenting one or more user interface elements over the padding area on the display screen in the second size configuration and in response to the adjustment of the physical size of the display screen from the first size configuration to the second size configuration.

[0009] Aspects generally include methods, apparatuses, systems, computer program products, non-transitory computer-readable media, user equipment, user devices, wireless communication devices, and / or processing systems substantially as described and illustrated with reference to the figures and the specification.

[0010] The features and technical advantages of examples in accordance with the present disclosure have been outlined above rather broadly in order that the detailed description that follows may be better understood. Additional features and advantages will be described hereinafter. The disclosed concepts and specific examples may be readily utilized as a basis for modifying or designing other structures for carrying out the same purposes of the present disclosure. Such equivalent constructions do not depart from the scope of the appended claims. The features of the concepts disclosed herein, their organization and method of operation, and related advantages will be better understood from the following description when considered in conjunction with the accompanying figures. Each of the figures is provided for the purpose of illustration and description, and not as a definition of the limits of the claims. BRIEF DESCRIPTION OF THE DRAWINGS

[0011] To enable a more particular understanding of the above-described features of the present disclosure, reference may be made to the aspects described in more detail above (briefly summarized above), some of which are illustrated in the figures. It should be noted, however, that the figures illustrate only certain typical aspects of the present disclosure and should not be considered as limiting its scope, as the description may admit other equally effective aspects. Like reference numerals in different figures may denote the same or similar elements.

[0012] Figure 1 is a diagram of an example environment in which the systems and / or methods described herein may be implemented.

[0013] Figure 2 is a diagram illustrating example components of a device in accordance with the present disclosure.

[0014] Figures 3A - 3E is a diagram illustrating an example associated with adapting a user interface in response to a screen size adjustment in accordance with the present disclosure.

[0015] Figure 4It is a flowchart of an example process associated with adapting a user interface in response to a screen size adjustment.

[0016] Figure 5 It is a flowchart of an example process associated with adapting a user interface in response to a screen size adjustment.

[0017] Figure 6 It is a flowchart of an example process associated with adapting a user interface in response to a screen size adjustment.

[0018] Figure 7 It is a flowchart of an example process associated with adapting a user interface in response to a screen size adjustment. Detailed Description

[0019] Aspects of the present disclosure are described more fully hereinafter with reference to the accompanying drawings. However, the present disclosure may be embodied in many different forms and should not be construed as limited to any specific structure or function presented throughout this disclosure. Rather, these aspects are provided so that this disclosure will be thorough and complete, and will fully convey the scope of the present disclosure to those skilled in the art. Those skilled in the art should understand that the scope of the present disclosure is intended to cover any aspect of the present disclosure disclosed herein, whether implemented independently of any other aspect of the present disclosure or in combination with any other aspect of the present disclosure. For example, any number of the aspects set forth herein may be used to implement a device or practice a method. In addition, the scope of the present disclosure is intended to cover such a device or method that practices using other structures, functions, or combinations of structures and functions in addition to or different from the various aspects of the present disclosure set forth herein. It should be understood that any aspect of the present disclosure disclosed herein may be embodied by one or more elements of a claim.

[0020] A device (such as a user device) may present a user interface on a display screen of the device. In some examples, content elements (e.g., which include multimedia content such as video content) may be presented in the user interface. Common aspect ratios of content elements may include a 16:9 aspect ratio, a 1:1 aspect ratio, a 4:3 aspect ratio, a 4:5 aspect ratio, a 21:9 aspect ratio, a 9:16 aspect ratio, a 2.4:1 aspect ratio, or a 2:3 aspect ratio, etc. Due to these multiple different aspect ratios, the aspect ratio of a content element may sometimes not match the aspect ratio of the display screen (e.g., which may have a 16:9 aspect ratio). In such a case, the device may magnify the content element, thereby changing the aspect ratio of the content element such that the content element fills the display screen. This may result in cropping and loss of data at the edges of the content element. In some other cases, the device may keep the aspect ratio of the content element unchanged, and the device may add padding adjacent to the content element so as to fill the display screen. Here, useful display screen space is wasted.

[0021] Some display screens can be configured to allow adjustment of the physical size of the display screen. For example, a rollable display can be rolled up or unrolled, thereby shrinking or expanding the physical size of the rollable display. In the case of an adjustable display screen, the problem of padding that wastes useful display screen space may be exacerbated when the physical size of the display screen is changed. For example, increasing the physical size of the display screen may increase the padding adjacent to the content element.

[0022] Some aspects described herein provide for an effective utilization of the padding adjacent to content elements presented on a display screen. In some aspects, the physical size of the display screen can be adjusted by a user (e.g., the display screen can be a rollable display, a foldable display, etc.). In some aspects, in response to an adjustment of the physical size of the display screen, one or more user interface elements can be presented on the display screen, overlaying the padding area adjacent to the content element. For example, the aspect ratio of the content element can be different from the aspect ratio of the display, resulting in an area in the display that is not occupied by the content element, which can be referred to as a padding area. The adjustment of the physical size of the display screen can change (e.g., increase or decrease) the size of the padding area, and the configuration of the user interface element overlaying the padding area can respond to the change in the size of the padding area. In this way, the user interface of the display screen can be adapted in response to an adjustment of the physical size of the display screen. Accordingly, the user interface can be improved, thereby improving the usability of the device, the user-friendliness of the device, the efficiency of the device, the performance of the device, etc.

[0023] Figure 1 is a diagram of an example environment 100 in which the systems and / or methods described herein can be implemented. As Figure 1 shown, the environment 100 can include a user device 110, a communication device 120, and a network 130. The devices of the environment 100 can be interconnected via a wired connection, a wireless connection, or a combination of wired and wireless connections.

[0024] The user device 110 can include one or more devices capable of receiving, generating, storing, processing, and / or providing information associated with adapting a user interface in response to a screen size adjustment, as described elsewhere herein. The user device 110 can include a communication device and / or a computing device. For example, the user device 110 can include a wireless communication device, a mobile phone, a user device, a laptop computer, a tablet computer, a desktop computer, a gaming console, a set-top box, a wearable communication device (e.g., a smartwatch, a pair of smart glasses, a head-mounted display, or a virtual reality headset), or a similar type of device.

[0025] Communication device 120 may include one or more devices capable of receiving, generating, storing, processing, providing, and / or routing information related to the content of content elements, as described elsewhere herein. Communication device 120 may include a communication device and / or a computing device. For example, communication device 120 may include a server, such as an application server, a client server, a network server, a database server, a host server, a proxy server, a virtual server (e.g., executing on computing hardware), or a server in a cloud computing system. In some aspects, communication device 120 may include computing hardware used in a cloud computing environment.

[0026] Network 130 may include one or more wired and / or wireless networks. For example, network 130 may include a wireless wide area network (e.g., a cellular network or a public land mobile network), a local area network (e.g., a wired local area network or a wireless local area network (WLAN), such as a Wi-Fi network), a personal area network (e.g., a Bluetooth network), a near field communication network, a telephone network, a private network, the Internet, and / or a combination of these or other types of networks. Network 130 enables communication between the devices of environment 100.

[0027] Figure 1 The number and arrangement of the devices and networks shown are provided as examples. In fact, compared to what is shown in Figure 1 there may be additional devices and / or networks, fewer devices and / or networks, different devices and / or networks, or differently arranged devices and / or networks. Additionally, Figure 1 two or more of the devices shown may be implemented within a single device, or Figure 1 a single device shown may be implemented as multiple distributed devices. Additionally or alternatively, a set of devices (e.g., one or more devices) of environment 100 may perform one or more functions described as being performed by another set of devices of environment 100.

[0028] Figure 2 is a diagram showing example components of device 200 according to the present disclosure. Device 200 may correspond to user device 110 and / or communication device 120. In some aspects, user device 110 and / or communication device 120 may include one or more devices 200 and / or one or more components of device 200. As Figure 2 shown, device 200 may include a bus 205, a processor 210, a memory 215, a storage component 220, an input component 225, an output component 230, a communication interface 235, and / or one or more sensors 240.

[0029] The bus 205 includes components that permit communication among the components of the device 200. The processor 210 is implemented in hardware, firmware, or a combination of hardware and software. The processor 210 is a central processing unit (CPU), a graphics processing unit (GPU), an accelerated processing unit (APU), a microprocessor, a microcontroller, a digital signal processor (DSP), a field programmable gate array (FPGA), an application specific integrated circuit (ASIC), or another type of processing component. In some aspects, the processor 210 includes one or more processors that can be programmed to perform functions. The memory 215 includes random access memory (RAM), read only memory (ROM), and / or another type of dynamic or static storage device (e.g., flash memory, magnetic memory, and / or optical memory) that stores information and / or instructions for use by the processor 210.

[0030] The storage component 220 stores information and / or software related to the operation and use of the device 200. For example, the storage component 220 can include a hard disk (e.g., a magnetic disk, an optical disk, a magneto-optical disk, and / or a solid state disk), a compact disc (CD), a digital versatile disc (DVD), a floppy disk, a cassette tape, a magnetic tape, and / or another type of non-transitory computer-readable medium, and a corresponding drive.

[0031] The input component 225 includes components that permit the device 200 to receive information, such as via user input (e.g., a touch screen display, a keyboard, a keypad, a mouse, a button, a switch, and / or a microphone). Additionally or alternatively, the input component 225 can include components for determining the location or position of the device 200 (e.g., a global positioning system (GPS) component or a global navigation satellite system (GNSS) component) and / or sensors for sensing information (e.g., an accelerometer, a gyroscope, an actuator, or another type of position or environmental sensor). The output component 230 includes components that provide output information from the device 200 (e.g., a display, a speaker, a haptic feedback component, and / or an audio or visual indicator).

[0032] The communication interface 235 includes transceiver-like components (e.g., a transceiver and / or separate receiver and transmitter) that enable the device 200 to communicate with other devices, such as via a wired connection, a wireless connection, or a combination of wired and wireless connections. The communication interface 235 can permit the device 200 to receive information from and / or provide information to another device. For example, the communication interface 235 can include an Ethernet interface, an optical interface, a coaxial interface, an infrared interface, a radio frequency interface, a universal serial bus (USB) interface, a wireless local area network interface (e.g., a Wi-Fi interface), and / or a cellular network interface.

[0033] The sensor 240 includes one or more devices capable of detecting features associated with the device 200 (e.g., features related to the physical environment of the device 200 or features related to the condition of the device 200). The sensor 240 may include one or more photodetectors (e.g., one or more photodiodes), one or more cameras, one or more microphones, one or more gyroscopes (e.g., microelectromechanical systems (MEMS) gyroscopes), one or more magnetometers, one or more accelerometers, one or more position sensors (e.g., global positioning system (GPS) receivers or local positioning system (LPS) devices), one or more motion sensors, one or more temperature sensors, one or more pressure sensors, and / or one or more touch sensors, etc. In some aspects, the sensor 240 may include a device configured to detect the physical size of the display screen of the device 200).

[0034] The device 200 may perform one or more of the processes described herein. The device 200 may execute these processes based on software instructions stored by a non-transitory computer-readable medium such as the memory 215 and / or the storage component 220 and executed by the processor 210. The computer-readable medium is defined herein as a non-transitory memory device. The memory device includes memory space within a single physical storage device or memory space distributed across multiple physical storage devices).

[0035] The software instructions may be read into the memory 215 and / or the storage component 220 from another computer-readable medium or another device via the communication interface 235. When executed, the software instructions stored in the memory 215 and / or the storage component 220 may cause the processor 210 to perform one or more of the processes described herein. Additionally or alternatively, hardwired circuitry may be used in place of or in combination with the software instructions to perform one or more of the processes described herein. Thus, the aspects described herein are not limited to any particular combination of hardware circuitry and software).

[0036] In some aspects, device 200 includes components for performing one or more of the processes described herein and / or components for performing one or more operations of the processes described herein. For example, device 200 may include components for presenting a content element on a display screen in a first size configuration, the content element having an aspect ratio; components for detecting an adjustment of the physical size of the display screen from a first size configuration having a first display aspect ratio to a second size configuration having a second display aspect ratio different from the first display aspect ratio; components for presenting one or more user interface elements on the display screen in a non-overlapping arrangement relative to the content element in response to the adjustment of the physical size of the display screen from the first size configuration to the second size configuration, and so on. Additionally or alternatively, device 200 may include components for presenting a content element having an aspect ratio on a display screen in a first size configuration having a first display aspect ratio, wherein a mismatch between the aspect ratio and the first display aspect ratio results in a padding area adjacent to the content element; components for detecting an adjustment of the physical size of the display screen from the first size configuration to a second size configuration having a second display aspect ratio different from the first display aspect ratio, wherein the adjustment of the physical size of the display screen from the first size configuration to the second size configuration changes an adjacent area of the padding area; components for presenting one or more user interface elements covering the padding area on the display screen in response to the adjustment of the physical size of the display screen from the first size configuration to the second size configuration, and so on. Additionally or alternatively, device 200 may include components for presenting a content element having an aspect ratio on a display screen in a first size configuration having a first display aspect ratio, wherein a mismatch between the aspect ratio and the first display aspect ratio results in a padding area adjacent to the content element; components for detecting an adjustment of the physical size of the display screen from the first size configuration to a second size configuration having a second display aspect ratio different from the first display aspect ratio; components for identifying an adjacent area of the padding area adjacent to the content element in response to the adjustment of the physical size of the display screen from the first size configuration to the second size configuration; components for adjusting the position of the content element on the display screen in response to the adjacent area of the padding area being insufficient to contain one or more user interface elements, wherein the adjacent area of the padding area after adjusting the position of the content element is larger than the adjacent area of the padding area before adjusting the position of the content element; components for presenting one or more user interface elements covering the padding area on the display screen in a second size configuration and in response to the adjustment of the position of the content element, and so on.Additionally or optionally, device 200 may include components for presenting content elements in full-screen mode on a display screen in a first size configuration, where the padding area is adjacent to the content elements in full-screen mode; components for detecting an adjustment of the physical size of the display screen from the first size configuration to a second size configuration, where the adjustment of the physical size of the display screen from the first size configuration to the second size configuration changes the adjacent area of the padding area; components for presenting one or more user interface elements overlaid on the padding area on the display screen in the second size configuration and in response to the adjustment of the physical size of the display screen from the first size configuration to the second size configuration, etc. In some aspects, these components may include combinations. Figure 2 One or more components of the described device 200, such as bus 205, processor 210, memory 215, storage component 220, input component 225, output component 230, communication interface 235, and / or sensor 240.

[0037] Figure 2 The number and arrangement of the illustrated components are provided as an example. In fact, device 200 may include additional components, fewer components, different components, or components with a different arrangement than Figure 2 shown. Additionally or optionally, a set of components of device 200 (e.g., one or more components) may perform one or more functions described as being performed by another set of components of device 200.

[0038] Figures 3A - 3E is a diagram showing an example 300 related to adapting a user interface in response to a screen size adjustment according to the present disclosure. As Figures 3A - 3E shown, example 300 includes a device such as a user device. The device may include a display screen (e.g., a liquid crystal display (LCD) screen, a light-emitting diode (LED) screen, an organic light-emitting diode (OLED) screen, etc.). In some aspects, the physical size (e.g., physical screen area) of the display screen is adjustable such that the display screen can be adjusted to various size configurations according to the preferences of the user of the device. That is, the physical area of the display screen can be adjusted by expanding or shrinking the physical display along at least one dimension such that the aspect ratio of the display screen changes. For example, the display screen may be a rollable display configured for adjustment of the physical size of the display screen (e.g., a rollable OLED display). As an example, the rollable display may be configured to roll or unroll to expand or contract the physical size of the display screen. As another example, the display screen may be a foldable display configured to unfold or fold to expand or contract the physical size of the display screen. As described herein, the device may cause the display screen to display a user interface (e.g., a graphical user interface) including user interface elements and / or content elements.

[0039] As Figure 3A shown, via reference numeral 305, the device can present content elements on a display screen (e.g., in a user interface of the display screen), and the physical size of the display screen can be in a first size configuration (e.g., selected by a user of the device). The content elements can have an aspect ratio, and the display screen in the first size configuration can have a first display aspect ratio. The content elements can include image content, video content, augmented reality (AR) content, game content, etc. In some aspects, the device can present the content elements on the display screen in full-screen mode. In full-screen mode, the content elements can occupy the largest area of the display screen permitted by the aspect ratio of the content elements and the display aspect ratio of the display screen.

[0040] In the case where the aspect ratio of the content elements does not match the aspect ratio of the display screen, padding areas (e.g., strips of black, gray, white, etc. not used by the content elements) can be presented on the display screen together with the content elements. For example, the padding areas can be adjacent to the content elements (e.g., when the content elements are in full-screen mode). Specifically, in the first size configuration of the display screen, the padding areas and additional padding areas (e.g., not adjacent to each other) can be adjacent to the opposite edges of the content elements (e.g., above and below the content elements, or to the left and right of the content elements) respectively. The padding areas can be areas of the display screen not occupied by the content elements due to the mismatch between the aspect ratio of the content elements and the aspect ratio of the display screen. As described herein, the padding areas can contain content.

[0041] In some aspects, the orientation of the display screen (e.g., portrait mode or landscape mode) can affect which opposite edges of the content elements are adjacent to the padding areas. The padding areas adjacent to the opposite edges of the content elements can be of equal size (e.g., can each have the same area). In some cases, the size of the display screen can be adjusted (e.g., by the user) such that the aspect ratio of the content elements matches the aspect ratio of the display screen, and there can be no padding areas adjacent to the content elements. In some other cases, the padding areas adjacent to the content elements can be the result of adjusting the physical size of the display screen from an initial size configuration to the current size configuration (e.g., the first size configuration).

[0042] In some aspects, in a first size configuration of the display screen, there may be no user interface (UI) elements in the padding areas. That is, the (multiple) padding areas may be blank. In some aspects, in a first size configuration of the display screen, one or more UI elements may overlay the (multiple) padding areas. UI elements may include text (e.g., subtitles, user comments on content, etc.), user controls (e.g., video playback controls, volume controls, image editing controls, game controls, etc.), text input elements (e.g., for submitting comments, sending messages, etc.), interactive elements (e.g., app shortcuts, keyboard shortcuts, such as for typing suggestions or emojis, social media elements, such as "like" elements or "share" elements, etc.), or additional content elements.

[0043] As Figure 3B shown by reference numeral 310, the device can detect an adjustment of the physical size of the display screen from a first size configuration to a second size configuration having a second display aspect ratio. The adjustment of the physical size of the display screen can result in a change in the area (length × width) or aspect ratio of the display screen (e.g., rather than just a change in the orientation of the display screen). That is, the adjustment of the physical size of the display screen can change the dimensional size of the display screen in at least one dimension, rather than just changing the size of the visible area of the display screen. For example, in the case of a rollable display, the adjustment of the physical size of the display screen can include rolling or unrolling the rollable display. When a content element is presented on the display screen (e.g., in full-screen mode), the device can detect the adjustment of the physical size of the display screen. In some aspects, the physical size of the display screen may be smaller in the first configuration than in the second configuration. In some aspects, the physical size of the display screen may be larger in the first configuration than in the second configuration. In some aspects, the aspect ratio of the display screen in the first size configuration may be different from the aspect ratio of the display screen in the second size configuration.

[0044] In some aspects, the adjustment of the physical size of the display screen from a first size configuration to a second size configuration can result in a change in the adjacent area (length × width) of the padding areas (e.g., which may exclude notches, perforations, etc. of the display screen), where the padding areas are areas on the display screen that are not occupied by content elements due to a mismatch between the aspect ratio of the content elements and the aspect ratio of the display screen. For example, the adjustment of the physical size of the display screen from a first size configuration to a second size configuration can result in an increase in the adjacent area of the padding areas. As an example, the area of each padding area may increase by the same amount (e.g., such that the padding areas remain equal in size). In some aspects, the increase in the area of the (multiple) padding areas can be an increase from an area of zero in the first size configuration (e.g., the padding areas may not exist in the first size configuration). In some aspects, the device can determine that the aspect ratio of the content element is different from the second display aspect ratio, indicating that the padding areas will be presented on the display screen.

[0045] As shown by reference numeral 315, the device can identify adjacent regions of the padding area (e.g., length in pixels and height in pixels, etc.). The device can identify adjacent regions of the padding area in response to an adjustment of the physical size of the display screen from a first size configuration to a second size configuration. The device can identify adjacent regions of the padding area based on the aspect ratio of the content element, the aspect ratio of the display screen, and the total area of the display screen (e.g., in the second size configuration). For example, these parameters can indicate the area of the total area of the display screen that the content element is to occupy, and the padding area can be half of the remaining area of the total area of the display screen (e.g., where the additional padding area is the other half). In some aspects, adjacent regions of the padding area may not include notches, perforations, etc. of the display screen.

[0046] As Figure 3C shown, by reference numeral 320, the device can determine whether the adjacent regions of the padding area are sufficient to contain one or more UI elements (e.g., elements to be presented on the display screen in combination with the content element). If the UI elements can be overlaid on the padding area without overlapping with the content element, the adjacent regions of the padding area may be sufficient to contain the UI elements. The device can determine whether the adjacent regions of the padding area are sufficient to contain the UI elements after identifying the adjacent regions of the padding area.

[0047] In addition, the device can identify UI elements to be presented on the display screen in combination with the content element. The UI elements can include default UI elements used in combination with the content element (e.g., as indicated by the application settings of the application associated with the content element). Additionally or alternatively, the UI elements can include user-selected UI elements used in combination with the content element (e.g., as indicated by one or more user settings). Additionally or alternatively, the UI elements can include device-selected UI elements that the device can determine (e.g., using a machine learning model) to be used in combination with the content element at least partially based on historical user behavior. Additionally or alternatively, the UI elements can include one or more UI elements presented on the display screen in combination with the content element before the content element enters full-screen mode. In some aspects, an application associated with the content element can publish metadata to the device (e.g., to the device's operating system) that indicates the UI elements to be presented on the display screen in combination with the content element. Each UI element can be associated with size information (e.g., in the metadata) indicating the aspect ratio of the UI element and / or the area occupied by the UI element.

[0048] Therefore, the device can determine whether the adjacent area of the padding area is sufficient to contain the UI element according to the size information associated with the UI element. In some aspects, in response to an adjustment of the physical size of the display screen from a first size configuration to a second size configuration, the device can determine whether the adjacent area of the padding area is sufficient to contain the UI element.

[0049] In some aspects, the device can determine that the adjacent area of the padding area is sufficient to include the UI element, and the device can present the UI element covering the padding area on the display screen. In some aspects, based on the determination that the adjacent area of the padding area is not sufficient to contain the UI element, the device can cause a proportional reduction of one or more UI elements, discarding of one or more UI elements, etc., in order to include the UI element in the padding area.

[0050] As Figure 3D shown, via reference numeral 325, the device can adjust the position of the content element on the display screen (e.g., in the user interface of the display screen). In some aspects, the device can adjust the position of the content element in response to determining that the adjacent area of the padding area is not sufficient to contain the UI element. In some aspects, the device can adjust the position of the content element in response to detecting an adjustment of the physical size of the display screen from a first size configuration to a second size configuration (e.g., the device can adjust the position of the content element without first determining that the adjacent area of the padding area is not sufficient to contain the UI element).

[0051] Generally, the content element can be presented vertically centered (e.g., when the display screen is in portrait mode) and / or horizontally centered (e.g., when the display screen is in landscape mode) on the display screen, thus forming padding areas with equal sizes at the opposite edges of the content element. On the contrary, as described herein, adjusting the position of the content element on the display screen can position the content element vertically off - centered and / or horizontally off - centered on the display screen, thus resulting in padding areas with unequal sizes. In some aspects, the adjacent area of the padding area after adjusting the position of the content element can be larger than the adjacent area of the padding area before adjusting the position of the content element. For example, as described above, before adjusting the position of the content element, the padding area and the additional padding area can be adjacent to the opposite edges of the content element. Continuing with this example, after adjusting the position of the content element, the padding area can be a single padding area adjacent to a single edge of the content element (e.g., the additional padding area can be eliminated).

[0052] In some aspects, in addition to, or as an alternative to, adjusting the position of content elements, the device may adjust the size (e.g., area) of content elements. For example, the device may adjust the size of content elements to maximize the use of the area of the display screen in the second size configuration. As another example, the device may adjust the size of content elements to change the adjacent area of the padding area.

[0053] As shown by reference numeral 330, the device may present UI elements on a display screen (e.g., which is in the second size configuration) in a non-overlapping arrangement relative to the content elements (e.g., in the user interface of the display screen). In some aspects, the device may present UI elements on the display screen in response to an adjustment of the physical size of the display screen from a first size configuration to a second size configuration. As described herein, an adjustment of the physical size of the display screen from a first size configuration to a second size configuration may change the adjacent area of the padding area. Thus, the device may present UI elements on the display screen (e.g., which is in the second size configuration) that overlay a padding area (e.g., a padding area that has changed in area by an adjustment of the physical size of the display screen from a first size configuration to a second size configuration).

[0054] Additionally or alternatively, the device may present UI elements on the display screen in response to an adjustment of the position of content elements. As described herein, an adjustment of the position of content elements may increase the adjacent area of the padding area. Thus, the device may present UI elements on the display screen (e.g., which is in the second size configuration) in a non-overlapping arrangement relative to the adjusted position of the content elements. Specifically, the device may present UI elements on the display screen (e.g., which is in the second size configuration) that overlay a padding area (e.g., a padding area that has increased by an adjustment of the position of the content elements) relative to the adjusted position of the content elements. Additionally or alternatively, in response to determining that the aspect ratio of a content element is different from the second display aspect ratio of a display screen in the second size configuration, the device may present UI elements on the display screen. Additionally or alternatively, the device may present UI elements on the display screen in response to one or more user preferences. For example, the device may retrieve one or more user preference settings (e.g., indicating which UI elements to display, the number of UI elements to display, the size of the displayed UI elements, etc.), and the device may present UI elements according to the user preference settings.

[0055] In some aspects, the configuration of UI elements in the padding area in the first size configuration of the display screen can be different from the configuration of UI elements covering the padding area in the second size configuration of the display screen. For example, in conjunction with the adjustment of the display screen from the first size configuration to the second size configuration, the device can adjust the configuration of UI elements in the padding area. Additionally or alternatively, the configuration of UI elements in the padding area before adjusting the position of the content element can be different from the configuration of UI elements in the padding area after adjusting the position of the content element. For example, in conjunction with the adjustment of the position of the content element, the device can adjust the configuration of UI elements in the padding area. The configuration of UI elements can be based on the adjacent area of the padding area (e.g., a function of the adjacent area). That is, as the adjacent area of the padding area changes (e.g., due to the adjustment of the physical size of the display screen and / or the adjustment of the position of the content element), the configuration of UI elements can also change.

[0056] The configuration of UI elements can involve the number of UI elements, the size of UI elements, the position of UI elements on the display screen, and / or the arrangement of UI elements relative to each other (e.g., the display order of UI elements), among other examples. For example, in conjunction with the adjustment of the display screen from the first size configuration to the second size configuration and / or the adjustment of the position of the content element, the device can eliminate one or more UI elements, add one or more UI elements, scale up one or more UI elements proportionally, scale down one or more UI elements proportionally, move one or more UI elements, etc. As an example, the number of UI elements covering the padding area can be based on the adjacent area of the padding area (e.g., a function of the adjacent area).

[0057] In some aspects, in order to present UI elements in a non-overlapping arrangement relative to the content element (e.g., covering UI elements on the padding area), the device can present UI elements in an arrangement that is based on one or more characteristics of the user of the device (e.g., the user's dominant hand, the user's hand size, the user's age, the user's visual impairment, etc.) and / or one or more preferences of the user of the device (e.g., UI element display preference, UI element hiding preference, etc.). For example, the device can cover UI elements in an arrangement that is according to the user's dominant hand (e.g., as indicated by the user in the settings of the device's operating system and / or in the device's application). As an example, if the user is right-handed, the device can cover UI elements on the padding area according to left alignment (e.g., thus reducing the probability that the user inadvertently interacts with the UI elements when holding the device with the right hand). Additionally, in this example, touch interaction can be disabled for the right side of the display screen. In some aspects, the device can present UI elements relative to the orientation of the display screen (e.g., the configuration of UI elements can be relative to the orientation of the display screen).

[0058] In some aspects, after presenting a UI element on a padding area, the device can detect a further adjustment of the physical size of the display screen from a second size configuration to a third size configuration having a third display aspect ratio. In response to the adjustment of the physical size of the display screen from the second size configuration to the third size configuration, the device can adjust the configuration of the UI element (e.g., according to the adjacent area of the padding area in the third size configuration), as described herein. For example, an adjustment of the physical size of the display screen from the second size configuration to the third size configuration can reduce the adjacent area of the padding area, and the device can eliminate one or more UI elements, can increase the adjacent area of the padding area, and the device can add one or more UI elements, etc. Additionally or alternatively, in response to the adjustment of the physical size of the display screen from the second size configuration to the third size configuration, the device can adjust the position of the content element as described herein (e.g., to increase the adjacent area of the padding area).

[0059] As Figure 3E shown by reference numeral 335, the device can detect an adjustment of the physical size of the display screen from a second size configuration to a third size configuration having a third display aspect ratio. In a manner similar to that described in connection with Figure 3B an adjustment of the physical size of the display screen can cause a change in the area (length × width) or aspect ratio of the display screen. For example, in the case of a rollable display, an adjustment of the physical size of the display screen can include partial or full curling or unfolding of the rollable display. In some aspects, the physical size of the display screen in the third size configuration can be smaller than in the second size configuration. In some aspects, the physical size of the display screen in the third size configuration can be larger than in the second size configuration. In some aspects, the aspect ratio of the display screen in the third size configuration can be different from the aspect ratio of the display screen in the second size configuration and can be the same as or different from the aspect ratio of the display screen in the first size configuration.

[0060] In some aspects, an adjustment of the physical size of the display screen from the second size configuration to the third size configuration can cause a change in the adjacent area (length × width) of the padding area. For example, an adjustment of the physical size of the display screen from the second size configuration to the third size configuration may cause a reduction in the adjacent area of the padding area. As an example, as Figure 3D shown, the padding area can reduce the amount of folding or rolling up of the physical screen area of the display screen in area.

[0061] As shown by reference numeral 340, the device can adjust the configuration of UI elements. In some aspects, the configuration of UI elements can relate to the number of UI elements, the size of UI elements, the position of UI elements on the display screen, or the arrangement of UI elements relative to each other. For example, as shown, adjusting the configuration of UI elements can result in the elimination of one or more UI elements, such as a text input element for submitting comments. For example, adjusting the configuration of UI elements may result in a change in the position of UI elements, such as video playback controls, volume controls, etc., which are centered in a reduced adjacent area of the changed padding area, as shown.

[0062] In this way, the user interface of the display screen can be adapted in response to an adjustment of the physical size of the display screen. Accordingly, the user interface can be improved, thereby improving the usability of the device, the user-friendliness of the device, the efficiency of the device, the performance of the device, etc.

[0063] As described above, Figures 3A - 3E is provided as an example. Other examples may be different from those regarding Figures 3A - 3E described.

[0064] Figure 4 is a flowchart of an example process 400 associated with adapting a user interface in response to a screen size adjustment. In some aspects, Figure 4 one or more process blocks of Figure 4 are performed by a user device (e.g., user device 110). In some aspects, Figure 4 one or more process blocks of

[0065] are performed by another device or a set of devices separate from or including the device, such as a communication device (e.g., communication device 120). Additionally or alternatively, Figure 4 one or more process blocks of

[0066] As Figure 4As shown, process 400 may include detecting an adjustment of the physical size of a display screen from a first size configuration having a first display aspect ratio to a second size configuration having a second display aspect ratio different from the first display aspect ratio (block 420). For example, as described above, a user device may detect an adjustment of the physical size of a display screen from a first size configuration having a first display aspect ratio to a second size configuration having a second display aspect ratio different from the first display aspect ratio.

[0067] As Figure 4 As further shown, process 400 may include, in response to an adjustment of the physical size of the display screen from the first size configuration to the second size configuration, presenting one or more user interface elements on the display screen in a non-overlapping arrangement relative to content elements (block 430). For example, as described above, a user device may present one or more user interface elements on the display screen in a non-overlapping arrangement relative to content elements in response to an adjustment of the physical size of the display screen from the first size configuration to the second size configuration.

[0068] Process 400 may include additional aspects, such as any single aspect or any combination of aspects described below, and / or in combination with one or more other processes described elsewhere herein.

[0069] In a first aspect, the content element is video content.

[0070] In a second aspect, alone or in combination with the first aspect, an adjustment of the physical size of the display screen from the first size configuration to the second size configuration may change an adjacent area of a padding area adjacent to the content element, and one or more user interface elements are overlaid on the padding area adjacent to the content element.

[0071] In a third aspect, alone or in combination with one or more of the first and second aspects, process 400 includes detecting an adjustment of the physical size of the display screen from the second size configuration to a third size configuration, and in response to the adjustment of the physical size of the display screen from the second size configuration to the third size configuration, adjusting the configuration of one or more user interface elements.

[0072] In a fourth aspect, alone or in combination with one or more of the first to third aspects, the configuration of one or more user interface elements relates to the number of one or more user interface elements, the size of one or more user interface elements, the position of one or more user interface elements on the display screen, or the arrangement of one or more user interface elements relative to each other.

[0073] In a fifth aspect, alone or in combination with one or more of the first to fourth aspects, process 400 includes adjusting the position of a content element on a display screen, wherein one or more user interface elements on the display screen are presented in a non-overlapping arrangement relative to the adjusted position of the content element.

[0074] In a sixth aspect, alone or in combination with one or more of the first to fifth aspects, process 400 includes determining that the aspect ratio of a content element is different from a second display aspect ratio, and further in response to determining that the aspect ratio of the content element is different from the second display aspect ratio, presenting one or more user interface elements on the display screen in a non-overlapping arrangement relative to the content element.

[0075] In a seventh aspect, alone or in combination with one or more of the first to sixth aspects, the display screen is a rollable display or a foldable display configured for adjustment of the physical size of the display screen.

[0076] In an eighth aspect, alone or in combination with one or more of the first to seventh aspects, presenting one or more user interface elements on the display screen in a non-overlapping arrangement relative to the content element is further in response to one or more user preferences.

[0077] Although Figure 4 example boxes of process 400 are shown, in some aspects, process 400 includes additional boxes, fewer boxes, different boxes, or boxes in a different arrangement than Figure 4 shown. Additionally or alternatively, two or more boxes of process 400 may be executed in parallel.

[0078] Figure 5 is a flowchart of an example process 500 associated with adapting a user interface in response to a screen size adjustment. In some aspects, Figure 5 one or more process boxes of Figure 5 are executed by a user device (e.g., user device 110). In some aspects, Figure 5 one or more process boxes of

[0079] are executed by another device or a group of devices separate from or including the device, such as a communication device (e.g., communication device 120). Additionally or alternatively, Figure 5As shown, process 500 may include presenting a content element with an aspect ratio on a display screen in a first size configuration having a first display aspect ratio, wherein a mismatch between the aspect ratio and the first display aspect ratio results in a padding area (box 510) adjacent to the content element. For example, as described above, a user device may present a content element with an aspect ratio on a display screen in a first size configuration having a first display aspect ratio. In some aspects, a mismatch between the aspect ratio and the first display aspect ratio results in a padding area adjacent to the content element.

[0080] As Figure 5 As further shown, process 500 may include detecting an adjustment of the physical size of the display screen from the first size configuration to a second size configuration having a second display aspect ratio different from the first display aspect ratio, wherein the adjustment of the physical size of the display screen from the first size configuration to the second size configuration changes the adjacent area of the padding area (box 520). For example, as described above, a user device may detect an adjustment of the physical size of the display screen from the first size configuration to a second size configuration having a second display aspect ratio different from the first display aspect ratio. In some aspects, the adjustment of the physical size of the display screen from the first size configuration to the second size configuration changes the adjacent area of the padding area.

[0081] As Figure 5 As further shown, process 500 may include, in response to an adjustment of the physical size of the display screen from the first size configuration to the second size configuration, presenting one or more user interface elements on the display screen that overlay the padding area (box 530). For example, a user device may present one or more user interface elements on the display screen that overlay the padding area in response to an adjustment of the physical size of the display screen from the first size configuration to the second size configuration, as described above.

[0082] Process 500 may include additional aspects, such as any single aspect or any combination of aspects described below, and / or in combination with one or more other processes described elsewhere herein.

[0083] In a first aspect, the content element is video content.

[0084] In a second aspect, alone or in combination with the first aspect, the adjustment of the physical size of the display screen from the first size configuration to the second size configuration increases the adjacent area of the padding area.

[0085] In a third aspect, alone or in combination with one or more of the first and second aspects, process 500 includes detecting an adjustment of the physical size of the display screen from the second size configuration to a third size configuration, and in response to the adjustment of the physical size of the display screen from the second size configuration to the third size configuration, adjusting the configuration of one or more user interface elements.

[0086] In a fourth aspect, alone or in combination with one or more of the first to third aspects, the configuration of one or more user interface elements relates to the number of one or more user interface elements, the size of one or more user interface elements, the position of one or more user interface elements on the display screen, or the arrangement of one or more user interface elements relative to each other.

[0087] In a fifth aspect, alone or in combination with one or more of the first to fourth aspects, process 500 includes adjusting the position of a content element on the display screen, wherein an adjacent area of a padding area after the adjustment of the position of the content element is larger than an adjacent area of the padding area before the adjustment of the position of the content element, and one or more user interface elements are overlaid on the padding area relative to the adjusted position of the content element.

[0088] In a sixth aspect, alone or in combination with one or more of the first to fifth aspects, the display screen is a rollable display or a foldable display configured for adjustment of the physical size of the display screen.

[0089] In a seventh aspect, alone or in combination with one or more of the first to sixth aspects, one or more user interface elements include one or more of text, user controls, text input elements, interaction elements, or additional content elements.

[0090] Although Figure 5 example boxes of process 500 are shown, in some aspects, process 500 includes additional boxes, fewer boxes, different boxes, or boxes in a different arrangement than Figure 5 shown. Additionally or alternatively, two or more boxes of process 500 may be executed in parallel.

[0091] Figure 6 is a flowchart of an example process 600 associated with adapting a user interface in response to a screen size adjustment. In some aspects, Figure 6 one or more process boxes of Figure 6 are executed by a user device (e.g., user device 110). In some aspects, Figure 6 one or more process boxes of

[0092] are executed by another device or a group of devices separate from or including the device, such as a communication device (e.g., communication device 120). Additionally or alternatively, Figure 6 one or more process boxes of Figure 6As shown, process 600 may include presenting a content element having an aspect ratio on a display screen in a first size configuration having a first display aspect ratio, wherein a mismatch between the aspect ratio and the first display aspect ratio results in a padding area (block 610) adjacent to the content element. For example, as described above, a user device may present a content element having an aspect ratio on a display screen in a first size configuration having a first display aspect ratio. In some aspects, a mismatch between the aspect ratio and the first display aspect ratio results in a padding area adjacent to the content element.

[0093] As Figure 6 shown, process 600 may include detecting an adjustment of the physical size of the display screen from a first size configuration to a second size configuration having a second display aspect ratio different from the first display aspect ratio (block 620). For example, as described above, a user device may detect an adjustment of the physical size of the display screen from a first size configuration to a second size configuration having a second display aspect ratio different from the first display aspect ratio.

[0094] As Figure 6 further shown therein, process 600 may include, in response to an adjustment of the physical size of the display screen from a first size configuration to a second size configuration, identifying an adjacent area of the padding area adjacent to the content element (block 630). For example, as described above, in response to an adjustment of the physical size of the display screen from a first size configuration to a second size configuration, a user device may identify an adjacent area of the padding area adjacent to the content element.

[0095] As Figure 6 further shown therein, process 600 may include adjusting the position of the content element on the display screen in response to the adjacent area of the padding area being insufficient to contain one or more user interface elements, wherein the adjacent area of the padding area after adjusting the position of the content element is larger than the adjacent area of the padding area before adjusting the position of the content element (block 640). For example, as described above, a user device may adjust the position of the content element on the display screen in response to the adjacent area of the padding area being insufficient to contain one or more user interface elements. In some aspects, the adjacent area of the padding area after adjusting the position of the content element is larger than the adjacent area of the padding area before adjusting the position of the content element.

[0096] As Figure 6 further shown, process 600 may include presenting one or more user interface elements covering the padding area on the display screen in the second size configuration and in response to the adjustment of the position of the content element (block 650). For example, as described above, a user device may present one or more user interface elements covering the padding area on the display screen in the second size configuration and in response to the adjustment of the position of the content element.

[0097] Process 600 may include additional aspects, such as any single aspect or any combination of aspects described below, and / or in combination with one or more other processes described elsewhere herein.

[0098] In a first aspect, the content element is video content.

[0099] In a second aspect, alone or in combination with the first aspect, process 600 includes detecting an adjustment of the physical size of a display screen from a second size configuration to a third size configuration and, in response to the adjustment of the physical size of the display screen from the second size configuration to the third size configuration, adjusting the configuration of one or more user interface elements.

[0100] In a third aspect, alone or in combination with one or more of the first and second aspects, the configuration of one or more user interface elements relates to the number of one or more user interface elements, the size of one or more user interface elements, the position of one or more user interface elements on the display screen, or the arrangement of one or more user interface elements relative to each other.

[0101] In a fourth aspect, alone or in combination with one or more of the first to third aspects, the display screen is a rollable display or a foldable display configured for adjustment of the physical size of the display screen.

[0102] In a fifth aspect, alone or in combination with one or more of the first to fourth aspects, process 600 includes identifying an adjacent region of a padding area based on the aspect ratio of the content element, a second display aspect ratio of the display screen, and the total area of the display screen.

[0103] In a sixth aspect, alone or in combination with one or more of the first to fifth aspects, one or more user interface elements include one or more of text, user controls, text input elements, interactive elements, or additional content elements.

[0104] In a seventh aspect, alone or in combination with one or more of the first to sixth aspects, prior to adjusting the position of the content element, the padding area and additional padding areas are adjacent to opposite edges of the content element, and after adjusting the position of the content element, the padding area is a single padding area adjacent to a single edge of the content element.

[0105] Although Figure 6 example blocks of process 600 are shown, in some aspects, process 600 includes additional blocks, fewer blocks, different blocks, or differently arranged blocks than Figure 6 shown. Additionally or alternatively, two or more blocks of process 600 may be executed in parallel.

[0106] Figure 7is a flowchart of an example process 700 associated with adapting a user interface in response to a screen size adjustment. In some aspects, Figure 7 one or more of the process blocks are performed by a user device (e.g., user device 110). In some aspects, Figure 7 one or more of the process blocks are performed by another device or a group of devices that are separate from or include the user device, such as a communication device (e.g., communication device 120). Additionally or alternatively, Figure 7 one or more of the process blocks may be performed by one or more components of device 200, such as processor 210, memory 215, storage component 220, input component 225, output component 230, communication interface 235, and / or sensor 240.

[0107] As Figure 7 shown, process 700 may include presenting content elements in full-screen mode on a display screen in a first size configuration, where a padding area is adjacent to the content elements in full-screen mode (block 710). For example, as described above, a user device may present content elements in full-screen mode on a display screen in a first size configuration. In some aspects, the padding area is adjacent to the content elements in full-screen mode.

[0108] As Figure 7 further shown, process 700 may include detecting an adjustment of the physical size of the display screen from a first size configuration to a second size configuration, where the adjustment of the physical size of the display screen from the first size configuration to the second size configuration changes the adjacent area of the padding area (block 720). For example, as described above, a user device may detect an adjustment of the physical size of the display screen from a first size configuration to a second size configuration. In some aspects, the adjustment of the physical size of the display screen from the first size configuration to the second size configuration changes the adjacent area of the padding area.

[0109] As Figure 7 further shown in, process 700 may include presenting one or more user interface elements over the padding area on the display screen in the second size configuration and in response to the adjustment of the physical size of the display screen from the first size configuration to the second size configuration (block 730). For example, as described above, a user device may present one or more user interface elements over the padding area on the display screen in the second size configuration and in response to the adjustment of the physical size of the display screen from the first size configuration to the second size configuration.

[0110] Process 700 may include additional aspects, such as any single aspect or any combination of aspects described below, and / or in combination with one or more other processes described elsewhere herein.

[0111] In a first aspect, in a first size configuration of a display screen, there are no user interface elements in the padding area.

[0112] In a second aspect, either alone or in combination with the first aspect, the configuration of user interface elements in the padding area in the first size configuration of the display screen is different from the configuration of one or more user interface elements overlying the padding area in a second size configuration of the display screen.

[0113] In a third aspect, either alone or in combination with one or more of the first and second aspects, process 700 includes adjusting the position of a content element on the display screen, wherein an adjacent area of the padding area after adjustment of the position of the content element is larger than an adjacent area of the padding area before adjustment of the position of the content element, and one or more user interface elements are overlaid on the padding area relative to the adjusted position of the content element.

[0114] In a fourth aspect, either alone or in combination with one or more of the first to third aspects, the display screen is a rollable display or a foldable display configured for adjustment of the physical size of the display screen.

[0115] Although Figure 7 example boxes of process 700 are shown, in some aspects, process 700 includes additional boxes, fewer boxes, different boxes, or boxes in a different arrangement than Figure 7 shown. Additionally or alternatively, two or more boxes of process 700 may be executed in parallel.

[0116] An overview of some aspects of the present disclosure is provided below:

[0117] Aspect 1: A method, comprising: presenting, by a device, a content element on a display screen in a first size configuration, the content element having an aspect ratio; detecting, by the device, an adjustment of the physical size of the display screen from a first size configuration having a first display aspect ratio to a second size configuration having a second display aspect ratio different from the first display aspect ratio; and presenting, by the device and in response to the adjustment of the physical size of the display screen from the first size configuration to the second size configuration, one or more user interface elements on the display screen in a non-overlapping arrangement relative to the content element.

[0118] Aspect 2: The method according to aspect 1, wherein the content element is video content.

[0119] Aspect 3: The method according to any one of Aspects 1-2, wherein adjusting the physical size of the display screen from a first size configuration to a second size configuration changes the adjacent area of the padding area adjacent to the content element, and wherein one or more user interface elements are overlaid on the padding area adjacent to the content element. Wherein one or more user interface elements are overlaid on the padding area adjacent to the content element.

[0120] Aspect 4: The method according to any one of Aspects 1-3, further comprising: detecting an adjustment of the physical size of the display screen from a second size configuration to a third size configuration; and in response to the adjustment of the physical size of the display screen from the second size configuration to the third size configuration, adjusting the configuration of one or more user interface elements.

[0121] Aspect 5: The method according to Aspect 4, wherein the configuration of one or more user interface elements relates to the number of one or more user interface elements, the size of one or more user interface elements, the position of one or more user interface elements on the display screen, or the arrangement of one or more user interface elements relative to each other.

[0122] Aspect 6: The method according to any one of Aspects 1-5, further comprising: adjusting the position of the content element on the display screen, wherein one or more user interface elements on the display screen are presented in a non-overlapping arrangement relative to the adjusted position of the content element.

[0123] Aspect 7: The method according to any one of Aspects 1-6, further comprising: determining that the aspect ratio of the content element is different from a second display aspect ratio, wherein presenting one or more user interface elements in a non-overlapping arrangement relative to the content element on the display screen is also in response to determining that the aspect ratio of the content element is different from the second display aspect ratio.

[0124] Aspect 8: The method according to any one of Aspects 1-7, wherein the display screen is a rollable display or a foldable display configured for adjusting the physical size of the display screen.

[0125] Aspect 9: The method according to any one of Aspects 1-8, wherein presenting one or more user interface elements in a non-overlapping arrangement relative to the content element on the display screen is also in response to one or more user preferences.

[0126] Aspect 10: A system, comprising: one or more memories; and one or more processors coupled to the one or more memories, the one or more processors being configured to: present a content element having an aspect ratio on a display screen in a first size configuration having a first display aspect ratio, wherein a mismatch between the aspect ratio and the first display aspect ratio results in a padding area adjacent to the content element; detect an adjustment of the physical size of the display screen from the first size configuration to a second size configuration having a second display aspect ratio different from the first display aspect ratio, wherein the adjustment of the physical size of the display screen from the first size configuration to the second size configuration changes an adjacent area of the padding area; and in response to the adjustment of the physical size of the display screen from the first size configuration to the second size configuration, present one or more user interface elements on the display screen that overlay the padding area.

[0127] Aspect 11: The system according to aspect 10, wherein the content element is video content.

[0128] Aspect 12: The system according to any one of aspects 10 - 11, wherein the adjustment of the physical size of the display screen from the first size configuration to the second size configuration increases the adjacent area of the padding area.

[0129] Aspect 13: The system according to any one of aspects 10 - 12, wherein the one or more processors are further configured to: detect an adjustment of the physical size of the display screen from the second size configuration to a third size configuration; and in response to the adjustment of the physical size of the display screen from the second size configuration to the third size configuration, adjust the configuration of the one or more user interface elements.

[0130] Aspect 14: The system according to aspect 13, wherein the configuration of the one or more user interface elements relates to the number of the one or more user interface elements, the size of the one or more user interface elements, the position of the one or more user interface elements on the display screen, or the arrangement of the one or more user interface elements relative to each other.

[0131] Aspect 15: The system according to any one of aspects 10 - 14, wherein the one or more processors are further configured to: adjust the position of the content element on the display screen, wherein the adjacent area of the padding area after the adjustment of the position of the content element is greater than the adjacent area of the padding area before the adjustment of the position of the content element, and wherein the one or more user interface elements are overlaid on the padding area relative to the adjusted position of the content element.

[0132] Aspect 16: The system according to any one of aspects 10 - 15, wherein the display screen is a rollable display or a foldable display configured for adjustment of the physical size of the display screen.

[0133] Aspect 17: The system according to any one of aspects 10 - 16, wherein one or more user interface elements include one or more of text, user controls, text input elements, interactive elements, or additional content elements. Text, user controls, text input elements, interactive elements, or additional content elements.

[0134] Aspect 18: A non - transitory computer - readable medium storing a set of instructions, the set of instructions including: one or more instructions that, when executed by one or more processors of a device, cause the device to: present a content element having an aspect ratio on a display screen in a first size configuration having a first display aspect ratio, wherein a mismatch between the aspect ratio and the first display aspect ratio results in a padding area adjacent to the content element; detect an adjustment of the physical size of the display screen from the first size configuration to a second size configuration having a second display aspect ratio different from the first display aspect ratio; in response to the adjustment of the physical size of the display screen from the first size configuration to the second size configuration, identify an adjacent area of the padding area adjacent to the content element; in response to the adjacent area of the padding area being insufficient to contain one or more user interface elements, adjust the position of the content element on the display screen, wherein the adjacent area of the padding area after adjusting the position of the content element is greater than the adjacent area of the padding area before adjusting the position of the content element; and in response to the adjustment of the position of the content element, present one or more user interface elements covering the padding area on the display screen in the second size configuration.

[0135] Aspect 19: The non - transitory computer - readable medium according to aspect 18, wherein the content element is video content.

[0136] Aspect 20: The non - transitory computer - readable medium according to any one of aspects 18 - 19, wherein the one or more instructions, when executed by one or more processors, further cause the device to: detect an adjustment of the physical size of the display screen from the second size configuration to a third size configuration; and in response to the adjustment of the physical size of the display screen from the second size configuration to the third size configuration, adjust the configuration of one or more user interface elements.

[0137] Aspect 21: The non - transitory computer - readable medium according to aspect 20, wherein the configuration of one or more user interface elements relates to the number of one or more user interface elements, the size of one or more user interface elements, the position of one or more user interface elements on the display screen, or the arrangement of one or more user interface elements relative to each other.

[0138] Aspect 22: The non - transitory computer - readable medium according to any one of aspects 18 - 21, wherein the display screen is a rollable display or a foldable display configured for adjustment of the physical size of the display screen.

[0139] Aspect 23: The non-transitory computer-readable medium according to any one of aspects 18-22, wherein one or more instructions that cause the device to identify an adjacent area of the padding area cause the device to: identify the adjacent area of the padding area based on the aspect ratio of the content element, the second display aspect ratio of the display screen, and the total area of the display screen.

[0140] Aspect 24: The non-transitory computer-readable medium according to any one of aspects 18-23, wherein one or more user interface elements include one or more of text, user controls, text input elements, interactive elements, or additional content elements. Text, user controls, text input elements, interactive elements, or additional content elements.

[0141] Aspect 25: The non-transitory computer-readable medium according to any one of aspects 18-24, wherein, before adjusting the position of the content element, the padding area and the additional padding area are adjacent to the relative edges of the content element, and wherein, after adjusting the position of the content element, the padding area is a single padding area adjacent to a single edge of the content element.

[0142] Aspect 26: An apparatus, comprising: means for presenting a content element in full-screen mode on a display screen in a first size configuration, wherein a padding area is adjacent to the content element in full-screen mode; means for detecting an adjustment of the physical size of the display screen from the first size configuration to a second size configuration, wherein the adjustment of the physical size of the display screen from the first size configuration to the second size configuration changes the adjacent area of the padding area; and means for presenting, on the display screen in the second size configuration and in response to the adjustment of the physical size of the display screen from the first size configuration to the second size configuration, one or more user interface elements overlaid on the padding area.

[0143] Aspect 27: The apparatus according to aspect 26, wherein in the first size configuration of the display screen, there are no user interface elements in the padding area.

[0144] Aspect 28: The apparatus according to any one of aspects 26-27, wherein the configuration of the user interface elements in the padding area in the first size configuration of the display screen is different from the configuration of the one or more user interface elements overlaid on the padding area in the second size configuration of the display screen.

[0145] Aspect 29: The apparatus according to any one of aspects 26-28, further comprising: means for adjusting the position of the content element on the display screen, wherein the adjacent area of the padding area after adjusting the position of the content element is larger than the adjacent area of the padding area before adjusting the position of the content element, and wherein one or more user interface elements are overlaid on the padding area relative to the adjusted position of the content element.

[0146] Aspect 30: The apparatus according to any one of aspects 26 - 29, wherein the display screen is a rollable display or a foldable display configured to adjust the physical size of the screen.

[0147] Aspect 31: A system configured to perform one or more operations described in one or more of aspects 1 - 9.

[0148] Aspect 32: An apparatus comprising components for performing one or more operations described in one or more of aspects 1 - 9.

[0149] Aspect 33: A non - transitory computer - readable medium storing a set of instructions, the set of instructions including one or more instructions that, when executed by a device, cause the device to perform one or more operations described in one or more of aspects 1 - 9.

[0150] Aspect 34: A computer program product comprising instructions or code for performing one or more operations described in one or more of aspects 1 - 9.

[0151] Aspect 35: An apparatus comprising components for performing one or more operations described in one or more of aspects 10 - 17.

[0152] Aspect 36: A non - transitory computer - readable medium storing a set of instructions, the set of instructions including one or more instructions that, when executed by a device, cause the device to perform one or more operations described in one or more of aspects 10 - 17.

[0153] Aspect 37: A computer program product comprising instructions or code for performing one or more operations described in one or more of aspects 10 - 17.

[0154] Aspect 38: A system configured to perform one or more operations described in one or more of aspects 18 - 25.

[0155] Aspect 39: An apparatus comprising components for performing one or more operations described in one or more of aspects 18 - 25.

[0156] Aspect 40: A non - transitory computer - readable medium storing a set of instructions, the set of instructions including one or more instructions that, when executed by a device, cause the device to perform one or more operations described in one or more of aspects 18 - 25.

[0157] Aspect 41: A computer program product comprising instructions or code for performing one or more operations as described in one or more of aspects 18 - 25.

[0158] Aspect 42: A system configured to perform one or more operations as described in one or more of aspects 1 - 30.

[0159] Aspect 43: A non - transitory computer - readable medium storing a set of instructions, the set of instructions including one or more instructions which, when executed by a device, cause the device to perform one or more operations as described in one or more of aspects 1 - 30.

[0160] Aspect 44: A computer program product comprising instructions or code for performing one or more operations as described in one or more of aspects 1 - 30.

[0161] Aspect 45: A method operable on a user device of a type having a display screen, the physical size of the display screen being changeable in at least one direction so as to change the aspect ratio of the display screen, the method comprising: presenting, by the user device, video content on the display screen in a first size configuration having a first aspect ratio; detecting, by the user device, an adjustment of the physical size of the display screen in at least one direction from a first size configuration having a first display aspect ratio to a second size configuration having a second display aspect ratio; determining that the video aspect ratio and the second display aspect ratio are different; and presenting, by the user device and in response to determining that the video aspect ratio and the second display aspect ratio are different and in response to one or more user preferences, one or more user interface elements on the display screen in a non - overlapping arrangement relative to the video content.

[0162] The foregoing disclosure provides illustration and description, but is not intended to be exhaustive or to limit the aspects to the precise forms disclosed. Modifications and variations can be made in light of the above disclosure, or can be obtained from practice of these aspects.

[0163] As used herein, the term "component" is intended to be broadly construed as hardware and / or a combination of hardware and software. "Software" should be broadly construed to mean instructions, instruction sets, code, code segments, program code, programs, subprograms, software modules, applications, software applications, software packages, routines, subroutines, objects, executable programs, execution threads, processes, and / or functions, among other examples, whether referred to as software, firmware, middleware, microcode, hardware description language, or otherwise. As used herein, a "processor" is implemented in hardware and / or a combination of hardware and software. Obviously, the systems and / or methods described herein can be implemented in different forms of hardware and / or combinations of hardware and software. The actual specific control hardware or software code used to implement these systems and / or methods does not limit these aspects. Thus, the operations and behaviors of the systems and / or methods described herein are described without reference to specific software code, as those skilled in the art will understand that software and hardware can be designed to implement the systems and / or methods at least in part based on the description herein.

[0164] As used herein, depending on the context, "meeting a threshold" can mean a value greater than the threshold, greater than or equal to the threshold, less than the threshold, less than or equal to the threshold, equal to the threshold, not equal to the threshold, etc.

[0165] Even if specific combinations of features are recited in the claims and / or specific combinations of features are disclosed in the specification, these combinations are not intended to limit the disclosure of the aspects. Many of these features can be combined in ways not specifically recited in the claims and / or not disclosed in the specification. The disclosure of each aspect includes the combination of each dependent claim with every other claim in the claim set. As used herein, the phrase "at least one" in reference to a list of items means any combination of those items, including a single member. For example, "at least one of a, b, or c" is intended to cover a, b, c, a + b, a + c, b + c, and a + b + c, as well as any combination having multiple identical elements (e.g., a + a, a + a + a, a + a + b, a + a + c, a + b + b, a + c + c, b + b, b + b + b, b + b + c, c + c, and c + c + c, or any other order of a, b, and c).

[0166] Unless expressly stated otherwise, no element, act, or instruction used herein shall be considered critical or essential. Additionally, as used herein, the articles "a" and "an" are intended to include one or more items and may be used interchangeably with "one or more." Additionally, as used herein, the article "the" is intended to include one or more items associated with the article "the" and may be used interchangeably with "the one or more." Additionally, as used herein, the terms "set" and "group" are intended to include one or more items and may be used interchangeably with "one or more." If only one item is meant, the phrase "only one" or similar language is used. Additionally, as used herein, the terms "has," "having," "had," etc. are intended to be open-ended terms that do not limit the elements they modify (e.g., an element that "has" A may also have B). Additionally, the phrase "based on" is intended to mean "at least partially based on" unless expressly stated otherwise. Additionally, as used herein, the term "or" is inclusive when used in a series and may be used interchangeably with "and / or" unless expressly stated otherwise (e.g., if used in conjunction with "either" or "only one").

Claims

1. A method, comprising: presenting, by a device, a content element on a display screen in a first size configuration, the content element having an aspect ratio; detecting, by the device, an adjustment of the physical size of the display screen from a first size configuration having a first display aspect ratio to a second size configuration having a second display aspect ratio different from the first display aspect ratio; and presenting, by the device and in response to the adjustment of the physical size of the display screen from the first size configuration to the second size configuration, one or more user interface elements on the display screen in a non - overlapping arrangement relative to the content element.

2. The method according to claim 1, wherein The content element is video content.

3. The method according to claim 1, wherein, The adjustment of the physical size of the display screen from the first size configuration to the second size configuration changes an adjacent area of a padding region adjacent to the content element, and wherein the one or more user interface elements are overlaid on the padding region adjacent to the content element.

4. The method according to claim 1, further comprising: detecting an adjustment of the physical size of the display screen from the second size configuration to a third size configuration; and adjusting the configuration of the one or more user interface elements in response to the adjustment of the physical size of the display screen from the second size configuration to the third size configuration.

5. The method according to claim 4, wherein The configuration of the one or more user interface elements is related to the number of the one or more user interface elements, the size of the one or more user interface elements, the position of the one or more user interface elements on the display screen, or the arrangement of the one or more user interface elements relative to each other.

6. The method according to claim 1, further comprising: adjusting the position of the content element on the display screen, wherein the one or more user interface elements on the display screen are presented in a non - overlapping arrangement relative to the adjusted position of the content element.

7. The method according to claim 1, further comprising: determining that the aspect ratio of the content element is different from the second display aspect ratio, wherein presenting the one or more user interface elements on the display screen in a non - overlapping arrangement relative to the content element also responds to determining that the aspect ratio of the content element is different from the second display aspect ratio.

8. The method according to claim 1, wherein The display screen is a rollable display or a foldable display configured for adjustment of the physical size of the display screen.

9. The method according to claim 1, wherein Presenting the one or more user interface elements on the display screen in a non - overlapping arrangement relative to the content element also responds to one or more user preferences.

10. A system, comprising: one or more memories; and one or more processors, coupled to the one or more memories, configured to: present a content element having an aspect ratio on a display screen in a first size configuration having a first display aspect ratio, wherein a mismatch between the aspect ratio and the first display aspect ratio results in a padding region adjacent to the content element; detect an adjustment of the physical size of the display screen from the first size configuration to a second size configuration having a second display aspect ratio different from the first display aspect ratio, Wherein, the adjustment of the physical size of the display screen from the first size configuration to the second size configuration changes the adjacent area of the padding area; and In response to the adjustment of the physical size of the display screen from the first size configuration to the second size configuration, one or more user interface elements covering the padding area are presented on the display screen.

11. The system according to claim 10, wherein, The content element is video content.

12. The system according to claim 10, wherein The adjustment of the physical size of the display screen from the first size configuration to the second size configuration increases the adjacent area of the padding area.

13. The system according to claim 10, wherein, The one or more processors are further configured to: Detect the adjustment of the physical size of the display screen from the second size configuration to the third size configuration; and In response to the adjustment of the physical size of the display screen from the second size configuration to the third size configuration, adjust the configuration of the one or more user interface elements.

14. The system according to claim 13, wherein, The configuration of the one or more user interface elements is related to the number of the one or more user interface elements, the size of the one or more user interface elements, the position of the one or more user interface elements on the display screen, or the arrangement of the one or more user interface elements relative to each other.

15. The system according to claim 10, wherein The one or more processors are further configured to: Adjust the position of the content element on the display screen, wherein the adjacent area of the padding area after adjusting the position of the content element is larger than the adjacent area of the padding area before adjusting the position of the content element, and wherein the one or more user interface elements are covered on the padding area relative to the adjusted position of the content element.

16. The system according to claim 10, wherein, The display screen is a rollable display or a foldable display configured for adjustment of the physical size of the display screen.

17. The system according to claim 10, wherein The one or more user interface elements include one or more of the following: Text, User controls, Text input elements, Interactive elements, or Additional content elements.

18. A non-transitory computer-readable medium storing a set of instructions, the set of instructions including: One or more instructions which, when executed by one or more processors of a device, cause the device to: Present a content element having an aspect ratio on a display screen in a first size configuration having a first display aspect ratio, wherein a mismatch between the aspect ratio and the first display aspect ratio results in a padding area adjacent to the content element; Detect the adjustment of the physical size of the display screen from the first size configuration to a second size configuration having a second display aspect ratio different from the first display aspect ratio; In response to the adjustment of the physical size of the display screen from the first size configuration to the second size configuration, identify the adjacent area of the padding area adjacent to the content element; In response to the adjacent area of the padding area being insufficient to contain one or more user interface elements, adjust the position of the content element on the display screen, wherein the adjacent area of the padding area after adjusting the position of the content element is larger than the adjacent area of the padding area before adjusting the position of the content element; and In response to an adjustment of the position of the content element, one or more user interface elements covering the padding area are presented on the display screen in the second size configuration.

19. The non-transitory computer-readable medium according to claim 18, wherein, The content element is video content.

20. The non-transitory computer-readable medium according to claim 18, wherein, The one or more instructions, when executed by the one or more processors, further cause the device to: Detect an adjustment of the physical size of the display screen from the second size configuration to a third size configuration; and In response to the adjustment of the physical size of the display screen from the second size configuration to the third size configuration, adjust the configuration of the one or more user interface elements.

21. The non-transitory computer-readable medium according to claim 20, wherein, The configuration of the one or more user interface elements is related to the number of the one or more user interface elements, the size of the one or more user interface elements, the position of the one or more user interface elements on the display screen, or the arrangement of the one or more user interface elements relative to each other.

22. The non-transitory computer-readable medium according to claim 18, wherein, The display screen is a rollable display or a foldable display configured for adjustment of the physical size of the display screen.

23. The non-transitory computer-readable medium according to claim 18, wherein, The one or more instructions that cause the device to identify an adjacent area of the padding area cause the device to: Identify the adjacent area of the padding area according to the aspect ratio of the content element, the second display aspect ratio of the display screen, and the total area of the display screen.

24. The non-transitory computer-readable medium according to claim 18, wherein, The one or more user interface elements include one or more of the following: Text, User controls, Text input elements, Interaction elements, or Additional content elements.

25. The non-transitory computer-readable medium according to claim 18, wherein, Before adjusting the position of the content element, the padding area and the additional padding area are adjacent to the relative edges of the content element, and wherein, after adjusting the position of the content element, the padding area is a single padding area adjacent to a single edge of the content element.

26. An apparatus, comprising: Means for presenting a content element in full-screen mode on a display screen in a first size configuration, wherein a padding area is adjacent to the content element in full-screen mode; Means for detecting an adjustment of the physical size of the display screen from the first size configuration to a second size configuration, wherein the adjustment of the physical size of the display screen from the first size configuration to the second size configuration changes the adjacent area of the padding area; and Means for presenting one or more user interface elements covering the padding area on the display screen in the second size configuration and in response to the adjustment of the physical size of the display screen from the first size configuration to the second size configuration.

27. The apparatus according to claim 26, wherein In the first size configuration of the display screen, there are no user interface elements in the padding area.

28. The apparatus according to claim 26, wherein The configuration of the user interface elements in the padding area in the first size configuration of the display screen is different from the configuration of the one or more user interface elements covering the padding area in the second size configuration of the display screen.

29. The apparatus according to claim 26, further comprising: Means for adjusting the position of the content element on the display screen, wherein the adjacent area of the padding area after adjusting the position of the content element is larger than the adjacent area of the padding area before adjusting the position of the content element, and Among them, the adjusted positions of the one or more user interface elements relative to the content element are overlaid on the padding area.

30. The apparatus according to claim 26, wherein, The display screen is a rollable display or a foldable display configured for adjusting the physical size of the display screen.

Images