A graphical user interface for electronic devices with dynamically changing bottom-mounted tab bars.

Abstract

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".

Images