479 results about "Clickable" patented technology

A system and associated method for simplifying and enhancing a customer browsing experience on websites. In an embodiment, the method involves, upon determining that a customer has clicked on a clickable prompt button embedded at a website, in association with a specific product or article, displaying instantaneous product information to the user without requiring the user to type in lengthy requests. In another embodiment, upon determining that a customer has clicked on a clickable prompt button embedded at a website, providing means for enabling the customer to interact with a large language model that is capable of responding with specificity to user questions about products on the websites based on contextual information transparently provided by the clickable prompt buttons.

The invention relates to the technical field of automatic testing and automatic operation of mobile applications, and discloses a method for automatic user interface operation of an app. According to the method, all clickable controls on a current page and related information of the clickable controls are obtained through a UI control obtaining module, meanwhile, the real-time change state of the page is monitored, a UI tree is constructed and updated by utilizing a UI tree construction and management module according to the obtained information, different page states and conversion paths of the different page states are recorded, and through an action selection module, the user interface of the current page is selected. According to an operation mode selected by a user, executing random action selection or shortest path selection, determining an optimal operation path, executing selected action operation through an action execution and information recording module, and recording page state change and path conversion information before and after the action; the traffic capturing module is responsible for capturing network traffic of the application program in the whole operation process and storing traffic data as a PCAP file, and the environment monitoring module is responsible for monitoring normal operation of the program, so that the quality of the application program is effectively improved.

1. Name of the product of this design: A search dialog box and display unit of a graphical user interface for searching information of an electronic device. 2. Purpose of the product of this design: an electronic device. 3. The key design features of this design product are the part of the graphical user interface for which protection is requested. 4. The picture or photo that best illustrates the key points of the design: main view. 5. Purpose of the graphical user interface: The interface is divided into three areas, which are used to provide users with a search input bar and display search results. When users want to further search for a certain content, they can enter the search question through the search dialog in the interface, or click to select the commonly used questions in the middle of the interface to search. Users can also click the function buttons at the bottom of the interface to reserve or purchase related products that users searched for. Local uses of the interface: the runway-shaped box with pointed corners at the top of the interface is a search dialog box, and the text in the dialog box is the content entered and searched by the user; the runway-shaped box with pointed corners in the middle of the interface is common search questions generated by artificial intelligence, and the user can click on one of the dialog boxes to select the content they want to search from these listed questions and start further search; the picture box in the middle of the interface displays product content related to the user's search, and the user can browse related content by clicking on the picture box; the runway-shaped box with a right arrow icon at the bottom of the interface is the "Book Now" function button, and the user clicks this button to book or purchase the related products the user searched for. 6. Other situations that need to be explained Other explanations: The dotted part in the figure is the content that is not requested for protection, and the solid line part and dot matrix area in the interface are the content that the interface is requested to protect.

1. Name of the product of this design: An operating area for generating a graphical user interface for a virtual image of an electronic device. 2. Purpose of the product of this design: an electronic device. 3. The key design features of this design product lie in the solid-line content of the graphical user interface; the dotted-line content does not constitute part of the design for which protection is sought. 4. The picture or photo that best illustrates the design points: Interface change state diagram 2. 5. Purpose of the graphical user interface: used to generate a virtual image. The local use that needs to be protected is the operating area used to generate the virtual image. 6. Human-computer interaction mode of the graphical user interface: The main view is the interface where the virtual image has been generated but the image is not enabled. When the user clicks the "Pick Your AI Avatar" control at the bottom of the main view interface, the avatar selection interface is entered, and the interface change from the main view to the interface change state diagram 1 is presented. When the user selects any virtual image in interface change state diagram 1, the virtual image is selected, the "Pick it now" control at the bottom of the interface is clickable, and the interface changes from interface change state diagram 1 to interface change state diagram 2.

The invention is related to security systems and methods for proactively informing a user about an artifact associated with a clickable object on a user interface with which the user is interacting, where such information is provided to the user prior to selection of the clickable object. The information includes a safety assessment of the clickable object, details about the underlying artifact, such as the contents of an archive file, and general information helpful in assisting the user with making a decision as to whether to select the clickable object.

1. The name of this design product: Graphical user interface for smart panel home control. 2. The purpose of this design product: used for indoor space scenes, equipment control, and timing recipes and other functions. 3. The design highlights of this appearance design product are: the interface content and interface layout of the graphical user interface, and the display screen is an existing design. 4. The picture or photo that best illustrates the design points: Interface change state diagram 1. 5. The hardware design part and the rest are conventional designs, and other views are omitted. 6. Purpose of the graphical user interface: The graphical user interface of this design product is used for equipment control and scene control, time timing, recipe viewing, music playback and other functions in the kitchen space, helping people to experience the convenient life brought by smart home in a pleasant mood in the kitchen space. 7. Description of the changing status of the graphical user interface: The top of the interface change status diagram 1 is the time bar and the common control icons on the right: Messages, WiFi, Personal Center and Settings. Below is the tab bar, including Common, Scene, Room, Life and Service. Users can control commonly used equipment on this page, such as the switch of the garbage disposal device card, and the recording of the corresponding duration parameters; the control card of the central air conditioner can control the switch and temperature addition and subtraction, mode and wind speed button control; the control card of the opening and closing curtain can control opening, closing and pausing; the control card of the clothes rack can control rising, falling and pausing, turning on and off the light, and turning on and off the sterilization; the downlight control card allows users to adjust the light brightness; users can slide up and down the interface change state diagram 1 to find the equipment that needs to be controlled. The user clicks the message icon at the top of the interface change state diagram 1 to jump to the message center pop-up page in the interface change state diagram 2, where the user can view the message content. The user slides down from the top in Interface Change Status Diagram 1 and jumps to the sliding control center in Interface Change Status Diagram 3, where the user can adjust the WiFi switch, Bluetooth switch, turn on and off the proximity screen and voice control, and control the brightness and volume; the user clicks the top personal center icon to jump to the QR code login page in Interface Change Status Diagram 4, and the user scans the QR code to log in again; clicks the settings icon in the upper right corner to jump to the settings page in Interface Change Status Diagram 5, where the user can set WiFi and Bluetooth, switch the screen direction, view device information, switch scenes, set the sleep time, adjust and switch the voice volume, and turn proximity sensing on and off. The user clicks the tab bar scene icon in the interface change state diagram 1 page to jump to the interface change state 6 scene page, and the user can select a suitable scene in my scene to start; clicking the smart linkage button in the interface change state diagram 6 jumps to the interface change state diagram 7, and the user clicks the view details button in the lower right corner of the "meeting mode card" in the interface change state diagram 7 to jump to the details pop-up page of the interface change state diagram 8, where the user can view detailed information. Click the scene in interface change state diagram 5 to switch to the Huicun page, and jump to the Huicun control interface in interface change state diagram 9. Users can view the corresponding items in different cabinets in the working area and the island area. Click the cabinet picture to jump to the details pop-up page in interface change state diagram 10, where users can view the item list. Click the room icon in the Tab bar of Interface Change Status Diagram 1 to jump to Interface Change Status Diagram 11, where users can view the collection cards of all lights; they can quickly adjust the brightness, color temperature and switch of all lights. Click the arrow icon to expand the light collection card and jump to the interface change status diagram 12 to view all the light control cards in the current room; click the cloakroom button on the room page to jump to the interface change status diagram 13. Click the life icon in the Tab bar at the top of interface change state diagram 1 to jump to the life application interface in interface change state diagram 14. The warm knowledge on the page helps users understand the page information; after long pressing the recipe icon in interface change state diagram 14, click the common icon in the top TAB bar to jump to interface change state diagram 15, and you can view the menu shortcut card on the common page; click the recipe shortcut card in interface change state diagram 15 to enter the application, or click the recipe icon in interface change state diagram 14 to jump to the recipe page in interface change state diagram 16; users can select the category of recipes on the recipe page or search for corresponding ingredients and recipes. Long press the timer icon in interface change state diagram 14 to add a quick collection card, click the common icon in the top Tab bar to jump to interface change state diagram 17, where you can view the timer quick card. Users can click the quick timing options of "5, 10, 15", click the start button to start timing, or click the timing setting button to jump to interface change state diagram 18, the timer application interface, where users can freely set the timing time. After clicking the start icon on the lower right, jump to interface change state diagram 19, the start timing page; when the timing ends, the page automatically jumps to the timing reminder pop-up page in interface change state diagram 20 to prompt the user that the timer time is up. Long press the alarm icon in interface change state diagram 14 to add a quick collection card, click the common icon in the top Tab bar to jump to interface change state diagram 21, and view the alarm quick card; users can turn the alarm on or off in the quick card, click the quick card to enter the application button to jump to interface change state diagram 22, users can click the alarm button on the right or click the "X" icon to delete the alarm, click the add alarm icon in the upper right corner to jump to interface change state diagram 23, add the alarm setting pop-up window, and users can select the time and repeat date in the setting pop-up window. Long press the message icon in interface change state diagram 14 to add a quick collection card, click the common icons in the top Tab bar to jump to interface change state diagram 24, where you can view the message quick card; click the message quick card in interface change state diagram 24, the quick message icon or the view message icon to jump to interface change state diagram 25, where users can view the message history; click the new message button in the upper right corner of interface change state diagram 25 to jump to the pop-up new message page in interface change state diagram 26, where users can enter the message to be added. Long press the clothing index icon in interface change state diagram 14 to add a quick collection card, click the common icons in the top Tab bar to jump to interface change state diagram 27, and view the clothing index card; the user clicks the application settings icon in interface change state diagram 27 to jump to interface change state diagram 28 page, where the user can view the information of wind chill index, clothing index, and ultraviolet index. Long press the music icon in interface change state diagram 14 to add a quick collection card, click the common icon in the top Tab bar to jump to interface change state diagram 29 to view the music quick card; the user can click the music play button in the music quick card in interface change state diagram 29 to start playing and switch tracks, and the volume, play order, and Bluetooth on and off can be set below; the user clicks the ranking icon on the left side of the play order to jump to interface change state diagram 30, the user can play or pause music, switch tracks, set the volume, turn Bluetooth on or off, and switch the play order on the music application page, the user can select the song they want to play below, and click the play icon on the right to start playing. The user clicks the service icon in the tab bar of the interface change state diagram 1 to jump to the customer service page of the interface change state diagram 31. The user can scan the official account QR code on this page to learn how to use the product and make after-sales calls for manual service; click the Xiaojin voice assistant icon in the lower left corner of the interface change state diagram 31 to jump to the voice assistant page of the interface change state diagram 32. The user can have voice conversations here, such as: playing songs, the current time, telling stories, etc.

Disclosed is a method for automatically generating interactive test cases. The method comprises: after a UI of an application program is displayed, traversing all views in a view tree corresponding to the UI of the application program, and recording a path, in the view tree, of each view therein that can be clicked on, so as to obtain a set of path information, in the view tree, of all the views that can be clicked on in the UI; and respectively generating a corresponding test case for each piece of path information in the set: in the test case, according to path information, in the view tree, of a view under test, finding the view in the UI interface of the application program, and triggering a click event therefore, that is, completing a click interaction test on the view.

1. The name of the design product: viewing driving video graphical user interface for electronic device. 2. The use of the design product: for an electronic device. 3. The design points of the design product: the interface content of the graphical user interface in the electronic device. 4. The picture or photo that best indicates the design points: front view. 5. The use of the graphical user interface: the graphical user interface is used for users to view driving video. 6. The human-computer interaction mode of the graphical user interface: the front view is a driving video list interface, users can click to trigger any driving video option in the driving video list to view the recording content of the driving video, the interface is switched to interface change state figure 1, at this time, the main angle lens recording content is displayed. Users click to trigger the "view panoramic view" option icon in interface change state figure 1, the interface is switched to interface change state figure 2. The area covered by the gray block in each interface view belongs to the content picture. "XXX" in the interface represents the text content.

1. Name of the product of this design: Graphical user interface of a system for recording the entry and exit tasks of electronic equipment. 2. Purpose of this design product: for use in an electronic device. 3. The design highlights of this appearance design product lie in the interface content of the graphical user interface. 4. The picture or photo that best illustrates the key points of the design: main view. 5.Purpose of the graphical user interface: used for statistical analysis of data in and out of warehouse task record system. 6. Human-computer interaction mode of the graphical user interface: The interface "out of warehouse", "in of warehouse", "re-printing" and "settings" can be clicked to realize human-computer interaction.

1. Name of the product in this design: Graphical User Interface for Monitoring Power Station Energy Storage Unit of Electronic Equipment. 2. Purpose of this design: An electronic device. 3. The key design features of this product are the graphical user interface content in the electronic device. 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: This graphical user interface is used by users to view the operating data of the power station, monitor and manage the temperature status information of the battery modules in the power station's energy storage system, and perform maintenance on the battery modules. 7. Human-computer interaction method of graphical user interface: Design 1 main view and Design 2 main view are both temperature monitoring interfaces at the battery module level. Users can click on the tab above the battery cluster model diagram to select and view the temperature status information of the battery module in the corresponding battery cluster. In the view interface, "XX" represents text.

1. The name of the product of this design: interactive floating window and pop-up window for interactive graphical user interface in the live broadcast room of electronic equipment. 2. Purpose of the product of this design: an electronic device. 3. The key design features of this design product lie in the solid-line content of the graphical user interface; the dotted-line content does not constitute part of the design for which protection is sought. 4. The picture or photo that best illustrates the key points of the design: Main view of Design 1. 5. Designate Design 1 as the base design. 6. Purpose of the graphical user interface: It is used for interaction in the live broadcast room. The local use that needs to be protected is used for selecting interactive users and interactive parts. 7. Human-computer interaction method of graphical user interface: In Design 1, the main view of Design 1 is an interactive floating window interface. The user can click the collapse control in the upper right corner of the interactive floating window to collapse the floating window, or can perform further interactive operations by clicking and selecting the user avatar and interactive area in the floating window. The human-computer interaction descriptions of Designs 2 to 5 are the same as those of Design 1. The user avatars in Designs 3, 4, and 5 can be viewed by swiping horizontally. In Design 6, when the user clicks the gesture icon in the main view interface of Design 6, the interactive floating window content can be expanded to present the interface changes from the main view of Design 6 to the interface change state diagram of Design 6. The human-computer interaction description of Design 7 is the same as that of Design 6.

1. Name of the Design Product: Graphical User Interface for Cost Analysis of Computers. 2. Use of the Design Product: For running software and programs. 3. Design Key Points of the Design Product: Lies in the graphical user interface on the product screen, and the rest is of conventional design. 4. Picture or Photo that Best Illustrates the Design Key Points: The front view of Design 1. 5. Use of the Graphical User Interface: For cost analysis of computers. 6. Area of the Graphical User Interface in the Product: Located in the entire area of the information screen. 7. Human-Computer Interaction Method of the Graphical User Interface: Users can view the function menu within the web end through this interface. 8. Description of the Change States of the Graphical User Interface: The graphical user interface of the front view is the "Home Page" interface. From this, you can click to enter the "Cost Center" module to view the function menu. When the user clicks on "Road and Bridge Cost" on the left side of the front view of Design 1, the interface jumps from the front view of Design 1 to the change state diagram of Design 1 interface. When the user clicks on "Repair and Maintenance" on the left side of the front view of Design 2, the interface jumps from the front view of Design 2 to the change state diagram of Design 2 interface. 9. Design 1 is designated as the basic design.

1. Name of the product of this design: My Pavilion Associated Cultural Relics Display Graphical User Interface for Electronic Equipment. 2. Purpose of the product of this design: an electronic device. 3. The key design features of this design product are the part of the graphical user interface in the electronic device for which protection is sought. 4. The picture or photo that best illustrates the key points of the design: main view. 5. Purpose of the graphical user interface: The product interface is an interactive interface for the display of cultural relics associated with My Pavilion; it is used to display personal information in My Pavilion on the Digital Expo platform in combination with cultural relics associated with digital collections; the personal information curator's certificate is displayed at the top of the interface, and the declaration of the curator of My Pavilion can be recorded; the lower part is the My Pavilion display area, and the "+" icon can be clicked to add cultural relics, where cultural relics are related cultural relics associated with digital collections; the gray area of ​​the interface is the content screen.

1. The name of the design product: cooking function setting graphical user interface of electronic device. 2. The use of the design product: an electronic device. 3. The design points of the design product: the interface content of the graphical user interface in the electronic device. 4. The picture or photo that best indicates the design points: design 1 front view. 5. Design 1 is designated as the basic design. 6. The use of the graphical user interface: the graphical user interface is used for the user to select and set the cooking mode, working time and working temperature of the cooking device, and display the working state of the cooking device. 7. The human-computer interaction mode of the graphical user interface: design 1 front view and design 2 front view are both cooking setting interfaces, the user can click the function option icon in the interface to control the cooking device, and a highlight bar will be displayed on the upper part of the triggered icon area.

1. Name of the product in this design: The main body of the graphical user interface for cooking operation of cooking equipment. 2. Purpose of this design: A cooking device. 3. The key design features of this product are the parts of the graphical user interface that are not coated with blue semi-transparent material. 4. The picture or photo that best illustrates the key design points: Design 1 main view. 5. The product carrier is a conventional design, and the rear view, left view, right view, top view, and bottom view of each design are omitted. 6. Design 1 is designated as the basic design. 7. Purpose of the graphical user interface: for setting up cooking operations. 8. Human-computer interaction method of graphical user interface: The left side of the main view interface of Design 1 to Design 6 is the cooking mode selection menu and operation menu, the right side of the cooking mode selection menu and operation menu is the display screen, and the right side of the display screen is the operation setting knob. In the cooking method selection menu on the left side of the main view of Design 1, click to select any cooking method to enter the cooking parameter setting interface of Design 1 (Change State Figure 1). In this interface, you can set the relevant cooking parameters by turning the knob on the right. After setting, press the knob to enter Design 1 (Change State Figure 2) to start cooking. During the cooking process, you can click "Pause / Cancel" to pause or cancel cooking. After cooking is completed, enter Design 1 (Change State Figure 3). In the cooking method selection menu on the left side of the main view of Design 2, click to select any cooking method to enter the cooking parameter setting interface in the Design 2 change state diagram 1. In this interface, you can set the relevant cooking parameters by turning the knob on the right. After setting, press the knob to enter the Design 2 change state diagram 2 to start cooking. During the cooking process, you can click "Pause / Cancel" to pause or cancel cooking. After cooking is completed, enter the Design 2 change state diagram 3. Design 3's main view is the initial cooking interface. If there is no operation on this interface for a preset time, it will automatically enter the standby interface shown in Design 3's change state diagram 1. After selecting any cooking method from the cooking method selection menu on the left side of this interface, you will enter the cooking parameter setting interface shown in Design 3's change state diagram 2. On this interface, you can set the relevant cooking parameters using the knob on the right. After setting, press the knob to enter Design 3's change state diagram 3 to start cooking. During the cooking process, you can click "Pause / Cancel" to pause or cancel cooking. After cooking is completed, you will enter Design 3's change state diagram 4. Design 4's main view is the initial cooking interface. If there is no operation on this interface for a preset time, it will automatically enter the standby interface shown in Design 4's change state diagram 1. After selecting any cooking method from the cooking method selection menu on the left side of this interface, you will enter the cooking parameter setting interface shown in Design 4's change state diagram 2. On this interface, you can set the relevant cooking parameters using the knob on the right. After setting, press the knob to enter Design 4's change state diagram 3 to start cooking. During the cooking process, you can click "Pause / Cancel" to pause or cancel cooking. After cooking is completed, you will enter Design 4's change state diagram 4. In the cooking method selection menu on the left side of the main view of Design 5 and the main view of Design 6, click to select any cooking method to perform related cooking operations and settings. During the cooking process, you can click "Pause / Cancel" to pause or cancel the cooking operation. 9. Other situations requiring explanation: The blue semi-transparent coating (knob) is not part of the graphical user interface that requires protection.

The invention discloses an H5 service long-acting touch method and system based on an enterprise WeChat plug-in, and belongs to the technical field of mobile internet communication. The core of the method comprises the steps that a confirmation operation of a user on a temporary H5 service page is responded, the front end sends a request and closes the page after receiving a successful response, and the rear end calls an enterprise WeChat interface to send an initialization message, so that an independent and resident exclusive session entry is instantiated in the WeChat of the user. According to the invention, a bidirectional interaction closed loop is further constructed, and a user can directly return to an original service H5 page through clicking by sending a rich media service message which can be clicked and jumped to the entry, so that complete service circulation from a webpage to a session to a webpage is realized. According to the method, the problem of temporary and interactive fracture of the H5 service entry is solved, and long-acting and immersive access of the service instance is realized. And the control and reliability of the channel can be further enhanced through mechanisms such as message sending rule verification and asynchronous queues.

1. The name of the design product: input box search mode switching display module of search interaction graphical user interface for electronic device. 2. The use of the design product: an electronic device. 3. The design points of the design product: the part in the graphical user interface, the part outside the dashed line is the claimed part. 4. The picture or photo that best shows the design points: design 1 front view. 5. Design 1 is designated as the basic design. 6. The use of the graphical user interface: for search interaction, the claimed part is used to display input box search mode switching. 7. The human-computer interaction mode of the graphical user interface: in design 1, the user can click the "search" / "code base" option at the bottom left of the input box interface in the front view of design 1 to switch the search mode, or click the "full network search" control behind the mode option to select whether to open or close Internet search. The human-computer interaction description of design 2 is the same as that of design 1. In design 3, the user can click the "search" / "knowledge base" / "code base" option at the bottom left of the input box interface in the front view of design 3 to switch the search mode, or click the "full network search" control behind the mode option to select whether to open or close Internet search. The human-computer interaction description of design 4 is the same as that of design 1. In design 5, the user can click the "search" / "code base" option at the bottom left of the input box interface in the front view of design 5 to switch the search mode, or click the "select code base" control behind the mode option to retract the expanded code base list. The user can also click any option in the code base list module expanded below the input box to perform the check operation, or click the "add warehouse" control in the upper right corner of the module to perform the corresponding operation. In design 6, the user can click the "search" / "knowledge base" / "code base" option at the bottom left of the input box interface in the front view of design 6 to switch the search mode, or click the "select code base" control behind the mode option to retract the expanded code base list. The user can also click any option in the code base list module expanded below the input box to perform the check operation, or click the "add warehouse" control in the upper right corner of the module to perform the corresponding operation. In design 7, the user can click the "search" / "knowledge base" / "code base" option at the bottom left of the input box interface in the front view of design 7 to switch the search mode, or click the cross control behind the selected knowledge base name behind the mode option to delete the selected option. The user can also click any option in the knowledge base list module unfolded below the input box to perform a check operation, or can click the "add knowledge base" / "clear options" control in the upper right corner of the module to perform the corresponding operation. The human-computer interaction description of design 8 is the same as that of design 7. In design 9, when the user clicks the "code base" option at the bottom left of the input box of the main view interface of design 9, the code base list is unfolded below the input box, and the interface change from the main view of design 9 to the interface change state diagram of design 9 is presented. In design 10, when the user clicks the "knowledge base" option at the bottom left of the input box of the main view interface of design 10, the code base list is unfolded below the input box, and the interface change from the main view of design 10 to the interface change state diagram of design 10 is presented.

1. Name of the Design Product: The main interface of the graphical user interface for video shooting of an electronic device. 2. Use of the Design Product: For an electronic device. 3. Design Key Points of the Design Product: Lie in the main interface of the graphical user interface. 4. Picture or Photograph Best Showing the Design Key Points: The front view of Design 1. 5. Design 1 is designated as the basic design. 6. Use of the Graphical User Interface: The overall use and local use are both for interface display in video shooting and can be adjusted according to needs. 7. Human - Machine Interaction Method of the Graphical User Interface: In the front view interface of Design 1, click the shooting button to start the shooting process. As shown in the change state diagram 1 of Design 1, after this video shooting is completed, the interface of the change state diagram 2 of Design 1 can be displayed. When clicking on a shot video in this interface, the word "Retake" can be displayed above it. As shown in the change state diagram 3 of Design 1, click this "Retake" word to retake this video segment, as shown in the change state diagram 4 of Design 1. In the front view interface of Design 2, click the shooting button at the bottom of the interface to start video shooting in sequence. As shown in the change state diagram 1 of Design 2, after the first video shooting is completed, the interface of the change state diagram 2 of Design 2 can be displayed. At this time, click the shooting button to start shooting the next video segment. After all video shootings are completed, it can jump to the interface of the change state diagram 3 of Design 2 for preview and editing operations. 8. Other Situations Requiring Explanation: Other views are omitted; Designs 1 to 2 claim partial appearance designs. The areas covered with semi - transparent yellow in the upper and lower parts of the interfaces in the views of Designs 1 to 2 are the parts not claimed for protection.

1. The name of the product of this design: Graphical user interface with a graph scrolling setting for electronic devices. 2. Purpose of this design product: for electronic equipment. 3. The key design point of this appearance design product lies in the graphical user interface. 4. The picture or photo that best illustrates the key points of the design: main view. 5.Purpose of the graphical user interface: used to display information about the atlas scrolling settings. 6. Human-computer interaction mode of the graphical user interface: As shown in the main view, the user can move the mouse to the setting button in the lower right corner of the spectrum preview area, and the interface changes to the change state diagram 1; in the change state diagram 1, the setting button can be clicked, and the interface changes to the change state diagram 2.

1. Name of the product in this design: Graphical User Interface for Viewing Refrigerator Mode of Electronic Device. 2. Intended use of this design: for use in an electronic device. 3. The key design feature of this product is its graphical user interface. 4. The image or photograph that best illustrates the design's key points: Design 2 main view. 5. Design 2 is designated as the basic design. 6. Purpose of the graphical user interface: Used to view refrigerator mode descriptions; in each design main view, you can click "OK" at the bottom to view the description.

1. Name of the product of this design: Application display module for content recommendation interaction graphical user interface used in electronic devices. 2. Use of the product of this design: An electronic device. 3. Design key points of the product of this design: Lies in the partial part of the graphical user interface. The part outside the dashed line is the partial part claimed for protection. 4. Picture or photograph that best shows the design key points: The front view of Design 1. 5. Designate Design 1 as the basic design. 6. Use of the graphical user interface: Used to recommend relevant content on the information browsing page. The partial part claimed for protection is used to display the recommended application information. 7. Human-computer interaction method of the graphical user interface: In Design 1, the user can click on the user avatar above the interface card in the front view of Design 1 to view the list of friends who have used the recommended content, or can click on the experience entry in the interface card to enter the details page of the recommended content. In Design 2, the user can click on the user avatar above the interface card in the front view of Design 2 to view the list of friends who have used the recommended content, or can click on the experience entry on the right side of the interface card to enter the details page of the recommended content. In Design 3, the user can click on the user avatar above the interface card in the front view of Design 3 to view the list of friends who have used the recommended content, or can click on the arrow control on the right side of the interface card to enter the details page of the recommended content. The human-computer interaction description of Design 4 is the same as that of Design 3. In Design 5, when the user browses the information page, recommended content labels will be displayed on the page, as shown in the front view of Design 5. When the user continues to browse this information page, relevant icons, names, and entries of the recommended content will be displayed in the label module, presenting the interface change from the front view of Design 5 to Interface Change State Diagram 1 of Design 5. Subsequently, the name of the recommended content in the label module changes to relevant recommended copywriting, and the text of the experience entry is enhanced for display, presenting the interface change from Interface Change State Diagram 1 of Design 5 to Interface Change State Diagram 2 of Design 5. Finally, the information of friends who have used this recommended content, as well as the card content of the recommended copywriting information and experience entry, will be displayed on the page, presenting the interface change from Interface Change State Diagram 2 of Design 5 to Interface Change State Diagram 3 of Design 5. In Design 6, when the user browses the information page, recommended content labels will be displayed on the page, as shown in the front view of Design 6. When the user continues to browse this information page, relevant icons, recommended copywriting, and entries of the recommended content will be displayed in the label module, presenting the interface change from the front view of Design 6 to Interface Change State Diagram 1 of Design 6. Subsequently, the text of the experience entry in the label module is enhanced for display, presenting the interface changes from Design 6 Interface Change Status Diagram 1 to Design 6 Interface Change Status Diagram 2. Finally, the friend information using this recommended content, the recommended copywriting information, and the card content of the experience entry are displayed on the page, presenting the interface changes from Design 6 Interface Change Status Diagram 2 to Design 6 Interface Change Status Diagram 3. In Design 7, when the user browses the information page, recommended content labels will be displayed on the page, as shown in the main view of Design 7. When the user continues to browse this information page, the friend information using this recommended content, the recommended copywriting information, and the card content of the experience entry are displayed on the page, presenting the interface changes from the main view of Design 7 to the Design 7 Interface Change Status Diagram. In Design 8, when the user browses the information page, recommended content labels will be displayed on the page, as shown in the main view of Design 8. When the user continues to browse this information page, icons related to the recommended content, recommended copywriting, and entry are displayed in the label module, presenting the interface changes from the main view of Design 8 to Design 8 Interface Change Status Diagram 1. Finally, the friend information using this recommended content, the recommended copywriting information, and the card content of the experience entry are displayed on the page, presenting the interface changes from Design 8 Interface Change Status Diagram 1 to Design 8 Interface Change Status Diagram 2. In Design 9, when the user browses the information page, recommended content labels will be displayed on the page, and icons related to the recommended content, recommended copywriting, and entry are displayed in the label module, as shown in the main view of Design 9. When the user continues to browse this information page, the recommended content icon in the label module turns into the avatars of friends who use this recommended content, and the text of the experience entry is enhanced for display, presenting the interface changes from the main view of Design 9 to the Design 9 Interface Change Status Diagram. In Design 10, when the user browses the information page, recommended content labels will be displayed on the page, as shown in the main view of Design 10. When the user continues to browse this information page, the avatars of friends who use this recommended content, recommended copywriting, and entry are displayed in the label module, presenting the interface changes from the main view of Design 10 to Design 10 Interface Change Status Diagram 1. Finally, the friend information using this recommended content, the recommended copywriting information, and the card content of the experience entry are displayed on the page, presenting the interface changes from Design 10 Interface Change Status Diagram 1 to Design 10 Interface Change Status Diagram 2. (The recommended content in each design interface includes items, application software, etc.).

The images represented in the image diagrams are interactive graphical user interfaces (GUIs) that visually convey information to a user related to systems for (i) creating and / or modifying and / or analyzing unit operations and data generated therefrom in manufacturing processes, such as cell and gene therapy manufacturing processes, (ii) combining live data from databases with textual information, and (iii) interactive analysis of data (e.g., patient data visualization systems) and analysis of data related to manufacturing processes. (A. Graph-Based Visualization and Interactive Data Views for Pharmaceutical Manufacturing Process Data Reconciliation) For example, in certain embodiments, the images represented in the image diagrams are associated with graph-based visualization tools that enable a user to analyze data related to one or more experiments and / or manufacturing processes used to produce pharmaceutical products and / or variations thereof. In particular, the images for graph-based visualization and data analysis GUI tools represented in the image diagrams can be used in association with GUIs that enable a user to automatically and / or semi-automatically (e.g., in conjunction with user review and / or input) generate visualizations that facilitate the examination of experiments and / or manufacturing processes and reconcile data generated across multiple processes and / or process runs. For example, among other things, the interactive graph-based visualization tools and their images may be provided (e.g., rendered) individually or together via one or more GUIs or windows, sub-windows, panels, etc. (Process Graph) For example, the image diagram illustrates a GUI that provides a visualization of a process graph. In one embodiment, the graph-based visualization tool represented in the image diagram includes generating and / or rendering a process graph that displays an experimental and / or manufacturing process for the production of pharmaceutical products, including biologics such as cell-based therapeutics and biologic drugs. The process graph includes multiple nodes, each representing a data point corresponding to a unit operation in a particular experimental and / or manufacturing process where information is collected and / or an action is performed.The image diagrams further illustrate various approaches for capturing and / or displaying these data points and how users interact with them. (Comparing and Reconciling Multiple Processes) In certain embodiments, the images depicted in the image diagrams are used as GUIs to provide graph-based visualization tools that provide comparison and / or reconciliation of data from multiple experiments and / or manufacturing processes, e.g., in an automated and / or semi-automated manner (e.g., coupled with user interactions such as review and selection actions). Among other things, the images depicted in the image diagrams include designs that overlay multiple graph processes, structurally compare them, and reconcile them based on data points. For example, the images depicted in the image diagrams may provide rendering data created by process comparison and reconciliation tools that (e.g., automatically) identify and address discrepancies, missing data, or anomalies, which can be used to generate a harmonized data set for further analysis, such as mathematical modeling. Thus, among other things, the graph-based visualization tools provided in the images depicted in the image diagrams address the challenges presented by unreconciled data across multiple experiments and / or manufacturing processes and / or within a single process that may be performed under varying conditions. Achieving automated reconciliation of such data is a significant challenge that, if not addressed, hinders effective and accurate analysis, which, in turn, can dramatically impact a user's and / or organization's ability to optimize and / or maintain manufacturing process quality and / or develop new processes. In particular, the images presented in the graph-based visualizations and the graphical representations that present them aid in adjusting sampling points to maximize overlay for effective comparisons and / or, in certain embodiments, identify overlapping points in existing data for effective real-time analysis. For example, the graphical representations show examples of multiple levels of data views and clickable / expandable pop-ups. In particular, in certain embodiments, the graphical representations are associated with GUIs that integrate the ability to collect and link actual data with process diagrams.For example, multiple levels of data can be viewed in an interactive and dynamic manner. For example, images presented in pictorial diagrams provide a high-level view, and while not all data may be directly visible, they provide clickable / expandable, customized, dynamic nodes for each node type, allowing users to simultaneously inspect and analyze collected and / or input data. In this manner, images presented in pictorial diagrams facilitate the identification and analysis of differences between processes. In some embodiments, structural differences between different processes indicate variations in conditions (e.g., temperature, duration, chemical concentrations), as well as the sequence and / or presence of certain steps. While unit operations (basic steps or stages in a process) may be generally similar to other processes, unique conditions and / or sequences can significantly affect the outcome, or the nature of the product or result. Thus, images presented in pictorial diagrams that provide visual display tools can be extremely useful in process optimization, troubleshooting, and ensuring that a process meets desired specifications. For example, changing the device that performs a unit operation and / or certain parameter values ​​within the unit operation (e.g., rotation speed, total volume, duration, etc.) can have a significant impact on the quality, recovery, efficacy, etc. of the output of that unit operation, which in turn can affect characteristics such as the biological / potency of the product, and additionally or alternatively, factors such as the cost of production, the number of doses produced per manufacturing run, and the like. Thus, among other things, images depicted in pictorial diagrams can be associated with and provided with GUIs that present generated data, such as automatically generated data (e.g., using ontologies), which helps to identify commonalities and / or differences between studies and facilitates performing analyses to determine, for example, whether device or parameter changes have significant impacts.In particular, as described herein, a graph-based visualization tool represented in a pictorial diagram provides a user with a visual representation of one or more manufacturing processes via a graph-based approach that easily communicates and highlights differences in conditions and unit operations, as well as their nature. For example, an image represented in a pictorial diagram may include visual features that highlight unreconciled data points. This approach facilitates the identification and correction of data reconciliation issues, thereby streamlining data analysis for research and process development conducted in the creation and production of pharmaceuticals, such as cell-based therapeutics and biologic drugs. (i. Process Graph with Interactive Nodes) The pictorial diagram illustrates an example of a graph-based visualization of a manufacturing process. As shown in the pictorial diagram, a manufacturing process can be represented and displayed via a process graph. Each node in the process graph displays a data point corresponding to a unit operation in the particular manufacturing process that it (e.g., the process graph) represents. The node may include information about the current data state and content (e.g., in real time) of the data point it represents. Within a graph-based visualization, nodes can be dynamic, such that, for example, a user interaction with a particular node (e.g., a mouse hover, click, touchscreen tap or long press, etc.) triggers the display of a tooltip indicating the current data state for the displayed data point, including data collected at various stages of the manufacturing process. Process graphs can be rendered and used for experiment design and process execution to outline complex manufacturing experiments over multiple days of manufacturing procedures and to visualize and track different stages of a real-time experiment.Experimental Overview: In some embodiments, a graph is displayed as an experimental overview, providing a high-level overview of an experiment, including the process steps and (e.g., approximate) order in which they were performed, the dates particular process steps were performed, how the process steps relate to one another (e.g., the top half of FIG. 1A ), and an overview of the various states / arms evaluated during the experiment and how those states relate to one another (e.g., the bottom half of FIG. 1A ). Timeline: In some embodiments, a process graph may include a timeline, displaying multiple timepoints, such as the days, during which a particular experiment or manufacturing process represented by the graph was performed. As shown in the image depicted in the pictorial diagram, the timeline may be displayed along the horizontal axis, with labeled circular icons used to visually represent individual timepoints (e.g., days of execution from day 1 through day 21). Other ways of visually displaying the timeline may be used, for example, along the vertical axis and / or using other shaped icons, other units (e.g., hours, weeks, etc.). Process Unit Operations: In some embodiments, a process graph may visually identify individual process unit operations performed during a manufacturing process. Individual process unit operations may be displayed, for example, through a combination of text labels and icons or markings that convey the particular unit operations performed and, optionally, the time at which they are carried out and / or their (e.g., temporal) relationship with respect to other unit operations. For example, the graph-based visualization shown in the image depicted in the pictorial diagram includes a series of text labels along the top row (of nodes) identifying various unit operations such as "Material Preparation," "Start-Up," "Transduction," and "Compounding." In one embodiment, as shown in the image depicted in the pictorial diagram, for example, the text labels also include a numerical component and identify the particular day on which each unit operation is performed, and the text labels are arranged sequentially from left to right along the horizontal axis to mark the order in which the operations are performed over time.The vertical dotted lines extending downward from each text label provide a visual guide for the expected schedule for each unit operation and / or a temporal mapping of the manufacturing process. (Data Points (Nodes)) As shown in the images depicted in the pictorial diagrams, data points in the manufacturing process associated with a particular unit operation and from which pertinent information (measurements and / or recorded observations) is collected are represented via nodes. Nodes may be rendered as icons such as filled circles as shown in the images depicted in the pictorial diagrams. In the images depicted in the pictorial diagrams, each circle is a node and is positioned so as to be visually aligned with a particular unit operation. That is, in the images depicted in the pictorial diagrams, it is located on a vertical dotted line extending downward from a text label identifying a particular unit operation, thereby identifying the data point related to that particular unit operation. (Connectivity) In some embodiments, the process graph may display the dependency or sequence of material and / or data flow from one unit operation to another via rendered connections between the various nodes. For example, as shown in the image depicted in the pictorial diagram, node connectivity may be rendered as lines connecting nodes across a timeline. (Data Connection Points) Specific points along the process where data is collected are marked, such as important checkpoints for quality control or measurements required for process evaluation. (Arms) In some embodiments, a process graph may include and / or display one or more (e.g., separate) arms, each representing a different experimental condition and / or baseline process variation. For example, in the image depicted in the pictorial diagram, the arms are rendered as various smaller graphs positioned below the timeline. Each line in the arms section indicates a different arm / condition as defined by the operator.Labels are provided to help clarify the focus of these steps and / or to distinguish and identify nodes as belonging to one condition, so that corresponding data collected from the laboratory are placed in the correct node and we do not mix data across conditions. In this case, the base process may be the step following a standard or control process, while other processes are steps that make experimental changes to that process or supplement the base process (e.g., making media, preparing materials, etc.). (Baseline Process and Base Process Graph) A baseline process may be a control and / or standard procedure and may be rendered as a base process graph. Text labels, color schemes, icon styles, positioning, and the like may be used to visually identify the baseline process, such as in graph-based visualizations. For example, in images presented in pictorial diagrams, the baseline process is identified and displayed as a node line directly below the timeline. In process graphs of images presented in pictorial diagrams, the baseline process may be the standard process against which other variations are compared. Variations and Outputs / Endpoints In some embodiments, a graph-based visualization can include one or more auxiliary subgraphs, each corresponding to and representing variations to experimental conditions and / or baseline versions of a manufacturing process. For example, the image depicted in the image diagram shows auxiliary subgraphs displaying variations labeled as "Ver1.1," "Ver1.2," "Ver2.1," "Ver2.3," etc., and "Condition 1," "Condition 2," "Condition 3," etc., representing different experimental arms or conditions. In this manner, the graph-based visualization tool can be used to communicate variations in materials used, process conditions, or specific unit operations performed. Additionally or alternatively, endpoints and / or outputs of different processes can also be displayed (e.g., via endpoint graphs).For example, as shown in the image depicted in the pictorial diagram, a series of nodes labeled "Out.1" and "Out.2" represent different endpoints and / or outputs of a process, such as different ways of processing or storing a final product. For example, in the exemplary subgraph shown in the image depicted in the pictorial diagram, lines refer to experimental conditions or interrelated subsets of a process, such as preparing materials (e.g., media) to feed a cell-containing process. Arm / condition sections help orient operators to the specific task being performed, and by identifying various arms in a descriptive manner, data collected in the lab are entered into corresponding nodes, and numbers / quantities, etc., are not mixed between conditions. Process graphs therefore facilitate the visualization and management of complex manufacturing processes. Among other things, they allow researchers to track the progress of experiments, compare different conditions or variations side by side, and ensure that data is systematically collected at designated points throughout the process. The ability to visualize the entire process in this way helps identify bottlenecks, ensure consistency, and facilitate data-driven decision-making.

1. Name of the product in this design: Graphical User Interface for Laboratory Intelligent Management Platform of Electronic Equipment. 2. Purpose of this design: An electronic device. 3. The key design feature of this product is its graphical user interface. 4. The image or photograph that best illustrates the design's key points: Design 2 main view. 5. Design 2 is designated as the basic design. 6. Purpose of the graphical user interface: It is used by users to view and operate equipment, environment, and safety management in the laboratory management platform. 7. Human-computer interaction method of graphical user interface: The main view of Design 1 is the main interface of the equipment management platform. Clicking "VAV" (variable air volume) (control cabinet) in the main view of Design 1 will enter the change status diagram of the Design 1 interface; The main view of Design 2 is the main interface of the environmental management platform. Clicking any air pressure value in the middle of the interface in the main view of Design 2 will enter the change status diagram of the Design 2 interface; The main view of Design 3 is the main interface of the safety management platform. Different floors can be selected to view equipment, and the equipment name can be entered to click to query the equipment. 8. Other situations requiring explanation: Other explanation: "X" in the interface represents text.

1. The name of the design product: password input automatic check identification graphical user interface for electronic equipment. 2. The use of the design product: for an electronic device. 3. The design points of the design product: the interface content of the graphical user interface. 4. The picture or photo that best shows the design points: design 1 change state diagram 1. 5. Design 1 is designated as the basic design. 6. The use of the graphical user interface: the graphical user interface is used for automatic check identification of input password; the main view of design 1 is in the password not entered state, and the rule items below the input box are all in the non-compliant state, and the confirmation button is grayed out and cannot be clicked; input password in the main view of design 1, the interface automatically changes to design 1 change state diagram 1, the input password meets part of the rules, the order of √ and × symbols before the corresponding rules appears, and the confirmation button is grayed out and cannot be clicked; re-enter the password, the interface automatically changes to design 1 change state diagram 2, the input password meets all the rules, and the confirmation button is bright and can be clicked; the main view of design 2 is in the password not entered state, and the rule items below the input box are all in the non-compliant state, and the confirmation button is grayed out and cannot be clicked; input password in the main view, the interface automatically changes to design 2 change state diagram 1, the input password meets part of the rules, the cross of √ and × symbols before the corresponding rules appears, and the confirmation button is grayed out and cannot be clicked; re-enter the password, the interface automatically changes to design 2 change state diagram 2, the input password meets all the rules, and the confirmation button is bright and can be clicked. 7. Other circumstances that need to be explained: this design belongs to partial protection design, the solid line part is the content required for protection, and the dashed line part does not belong to the content required for protection, "X" in the above interfaces represents text or digits.

1. The name of this design product: Virtual keyboard graphical user interface for programming learning of electronic devices. 2. Purpose of this design product: for use in an electronic device. 3. The key design point of this design product lies in the interface content of the graphical user interface. 4. The picture or photo that best illustrates the key points of the design: Main view of Design 1. 5. The design for which protection is sought includes color. 6. Designate Design 1 as the base design. 7.Purpose of the graphical user interface: This design is used for programming and learning virtual keyboard operations. The virtual keyboard areas in the main views of Design 1 and Design 2 are all clickable.

The invention discloses an English word formation training method and system based on double closed-loop interaction and a readable storage medium, and belongs to the technical field of English learning training. Comprising the steps of splitting characters of English words into a prefix part, a root part and a suffix part, storing the parts into a linear linked list, and presenting the characters of each part in a building block form for forward closed-loop training and reverse closed-loop training; wherein the prefix part is spliced by operating the control module, the clickable state of the root part and the interpretation panel are triggered, and forward closed-loop training is realized; according to the method, preset characters of English words are hidden, a user is prompted to splice prefix parts, the user completes combination of the prefix parts by dragging the characters, if combination succeeds, prefixes and remaining characters form complete words, and reverse closed-loop training is achieved. According to the invention, the English training efficiency can be improved.

1. Name of the product in this design: Action control interface for video generation interactive graphical user interface of electronic device. 2. Purpose of this design: An electronic device. 3. The key design features of this product are: the parts within the graphical user interface, with the area outside the dotted lines being the protected area. 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. Uses of the graphical user interface: for interactive video generation; protected local uses are used for editing and controlling the actions of people in the video. 7. Human-computer interaction method of graphical user interface: In Design 1, users can click the editing module below "Upload Reference Action" / "Text Generate Action" in the upper right corner of the main view interface of Design 1 to upload video files or edit text content to generate custom actions, or they can click any action option in the action selection module in the lower right corner of the interface to inject the action into the character action preview model on the left side of the interface. The human-computer interaction description for Design 2 is the same as that for Design 1. In Design 3, users can click the "Select Character" control in the upper left corner of the Design 3 main view interface to select the character whose action needs to be edited, or click the editing module below "Upload Reference Action" / "Text Generate Action" in the upper right corner of the interface to upload video files or edit text content to generate custom actions, or click any action option in the action selection module in the lower right corner of the interface to inject the action into the character action preview model on the left side of the interface. In Design 4, users can click the "Select Character" control in the lower left corner of the Design 4 main view interface to select the character whose action needs to be edited, or click the editing module below "Upload Reference Action" / "Text Generate Action" in the upper right corner of the interface to upload video files or edit text content to generate custom actions, or click any action option in the action selection module in the lower right corner of the interface to inject the action into the character action preview model on the left side of the interface. The human-computer interaction description of Design 5 is the same as that of Design 1. The main view interface of Design 5 is currently in the state of having uploaded reference actions and generating custom actions. The human-computer interaction description for Design 6 is the same as that for Design 1. The human-computer interaction description of Design 7 is the same as that of Design 2. In Design 8, users can click on any character in the character selection pop-up window in the upper left corner of the Design 8 main view interface to select that character. The number of character action preview models on the left side of the interface will increase or decrease according to the number of selected characters. Users can also click the "Upload Reference Action" / "Text Generate Action" editing module in the upper right corner of the interface to upload video files or edit text content to generate custom actions, or click any action option in the action selection module in the lower right corner of the interface to inject the action into the character action preview model on the left side of the interface. In Design 9, when a user clicks the editing module below "Upload Reference Action" in the upper right corner of the Design 9 main view interface, they can upload relevant videos or files and generate custom actions, presenting the interface changes from Design 9 main view to Design 9 interface change state diagram 1 to Design 9 interface change state diagram 2. In Design 10, when a user clicks the "Select Character" control in the upper left corner of the Design 10 main view interface, a character selection pop-up window will be opened, showing the interface changes from the Design 10 main view to the Design 10 interface state diagram.

1. Name of the Design Product: Visual Graphical User Interface for Network Public Opinion Situation Perception of Electronic Devices. 2. Use of the Design Product: For an electronic device. 3. Design Key Points of the Design Product: Lies in the interface content in the graphical user interface on the screen. 4. Picture or Photograph that Best Illustrates the Design Key Points: Front View. 5. Use of the Graphical User Interface: The design product is used for the operation program of visual management and auxiliary decision-making of network public opinion. 6. Human-Computer Interaction Method of the Graphical User Interface: Different buttons can be clicked in the front view for operation changes.

The application relates to the technical field of software automatic testing, in particular to a Web system permission function automatic testing method based on Playwright, which comprises the following steps: creating independent browser contexts for multiple test accounts, and starting multiple page instances to load Web system interfaces to be tested in a concurrent mode; identifying clickable elements in the pages, iteratively updating the elements in combination with a local element library, and adopting a multi-mode clicking mechanism combining native clicking, native JS clicking and coordinate clicking to execute operations; monitoring and identifying page pop-up boxes, storing screenshots, and iteratively updating a pop-up box identification library; and summarizing test results to generate a test report. Through the concurrent execution of multiple accounts and multiple interfaces, the dynamic iteration of the element library and the pop-up box library, and the multi-mode clicking guarantee, the efficiency, adaptability, reliability and ease of use of the permission test are significantly improved.

1. Name of the product in this design: Window control bar for information display graphical user interface of electronic device. 2. Intended use of this design: for use in an electronic device. 3. The key design features of this product are the graphical user interface portion of the electronic device for which protection is sought. 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 entire graphical user interface is used for information display, and the parts of the graphical user interface are used for window control bars. Designs 1 through 5 all feature information display interfaces with window control bars, allowing users to click relevant buttons to set the window style. 7. Other situations requiring explanation: Other explanation: Designs 1 to 5 request protection for the partial appearance of the product, and the parts that are not requested for protection are covered with a red semi-transparent mask in the view.