1. Name of the product in this design:
Graphical User Interface of Electronic Device with Dynamically Changing Sticky
Label Bar. 2. Purpose of this design: For running programs and human-computer interaction in electronic devices. 3. The key design feature of this product is its
graphical user interface. 4. The image or photo that best illustrates the design points: Interface change
state diagram 1. 5. Purpose of the
graphical user interface: When the page is scrolled to a set position, the bottom-mounted tab bar that floats at the bottom of the page changes dynamically according to the interface content, allowing the user to obtain relevant available information about the currently viewed interface. The specific vehicle models shown on the interface are for illustrative purposes only and are not part of the design elements. 6. Human-computer
interaction method of
graphical user interface: The main view is the initial interface. The bottom tab bar displays the sales consultant's avatar and name, as well as the "Check Price" button. Swiping down the main view reveals the expanded main view content, with the bottom tab bar continuously displaying the sales consultant's avatar and name, and the "Check Price" button. When swiping to the bottom of the "Available Models" section in the expanded main view, the interface
transition state diagram 1 is entered. In interface
transition state diagram 1, the bottom tab bar displays a collection of related images, a car purchase tool option button, and a "Schedule a Test Drive" button. The page displays the "Drive" and "Consult Now" buttons. When you scroll down to the bottom of the "Highlights" section in Interface Change State 1, the page enters Interface Change State 2. In Interface Change State 2, the bottom tab bar displays
clickable buttons for
car model comparison and installment purchase options, as well as "Schedule a Test Drive" and "Consult Now" buttons. When you scroll down to the bottom of the "What People Say" section in Interface Change State 2, the page enters Interface Change State 3. In Interface Change State 3, the bottom tab bar displays
clickable buttons for sales consultant avatars and names, "Check Final Price" and "Contact Sales".