Window component display area of pinch-and-zoom operation graphical user interface of electronic device

Abstract

1. Name of the product in this design: Display area of ​​a window component in a graphical user interface for pinch-to-zoom operations of an electronic device. 2. Purpose of this design: An electronic device. 3. The key design features of this product are the solid lines representing the parts in the graphical user interface. 4. The picture or photo that best illustrates the key design points: Design 1 front view. 5. Design 1 is designated as the basic design. 6. Purpose of the graphical user interface: The pinch-to-zoom graphical user interface is used for display and interaction; the purpose of the widget display area in the pinch-to-zoom graphical user interface is to display widget icons or widget frames. 7. Human-computer interaction method of graphical user interface: The window widget frame has 3 to 5 different sizes for users to choose from. When the user pinches, drags or resizes the window widget icon or window widget frame in the main view, the corresponding window widget frame is displayed in different preset sizes, as shown in the interface change state diagrams of each design, so that the user can choose from them. Specifically, Design 1 displays widget frames of different sizes. The main view of Design 1 shows a circular widget icon. When the user pinches and zooms on the icon, the interface changes to state 1 (Figure 1), where an outer frame appears around the widget icon and displays the icon's name within it. Further zooming in results in state 2 (Figure 2), where the outer frame enlarges to include four widget icons. Further zooming in results in state 3 (Figure 3). Finally, the outer frame enlarges to include eight widget icons. Throughout this process, the user can select the widget frame size by clicking on one of the sequentially displayed widget icons or widget frames. Design 2 is a window widget for equipment maintenance. In the main view of Design 2, a circular window widget icon is shown. When the user pinches and drags the icon to zoom, the interface changes to state 1 in Design 2. An outer frame appears around the window widget icon, and the icon's name is displayed inside the outer frame. With further changes, as shown in state 2, the outer frame expands to display more information inside. Subsequently, as shown in state 3, the outer frame expands even further. Users can select the size of a widget frame by clicking on one of the widget frames that appear sequentially on the screen. 8. Other situations requiring explanation: This design is a partial design, and the parts indicated by the dashed lines in each view are not within the scope of protection.

Images