1. The name of the design product:
graphical user interface with vehicle
energy consumption data chart for
mobile phone. 2. The use of the design product: for running programs and communication. 3. The design points of the design product: the
graphical user interface in the product screen, the rest is the usual design. 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 convenient viewing of vehicle
energy consumption data chart and related information in the
energy consumption interface. 7. The area of the graphical
user interface in the product: located in the entire area of the
mobile phone screen. 8. The human-computer
interaction mode of the graphical
user interface: the user views different vehicle energy consumption data charts and other functions by clicking the function buttons in the interface. 9. The change state description of the graphical
user interface: the graphical user interface of design 1 front view is the "energy consumption management" interface, which displays the energy consumption information area and the energy consumption data chart area. When the user clicks the "energy consumption chart node" button in the energy consumption data chart area, a "detailed energy consumption information" bubble appears in the energy consumption data chart area, which is design 1 change state figure 1. When the user clicks the "
license plate number selection" button above the energy consumption information area, a "
license plate number option menu" interface appears in the interface, which is design 1 change state figure 2. When the user selects and clicks the "
license plate number" button in the "license plate number option menu" interface, the selected vehicle is a pure electric car, and the interface jumps to the "pure electric car energy consumption management" interface, which is design 1 change state figure 3. When the user clicks the "custom" button above the energy consumption information area, a "time selector" interface appears in the interface, which is design 1 change state figure 4, and the user can select the
time range. Design 2: The graphical user interface of design 2 front view is the "energy consumption management" interface, which displays the energy consumption information area and the energy consumption data chart area. When the user clicks the "energy consumption chart node" button in the energy consumption data chart area, a "detailed energy consumption information" bubble appears in the energy consumption data chart area, which is design 2 change state figure 1. When the user clicks the "license plate number selection" button above the energy consumption information area, a "license plate number option menu" interface appears in the interface, which is design 2 change state figure 2. When the user selects and clicks the "license plate number" button in the "license plate number option menu" interface, the selected vehicle is a
hybrid car, and the interface jumps to the "
hybrid car energy consumption management" interface, which is design 2 change state figure 3. When the user clicks the "custom" button above the energy consumption information area, a "time selector" interface appears in the interface, which is design 2 change state figure 4, and the user can select the
time range. Design 3: The graphical user interface of the front view of design 3 is the "energy consumption management" interface, and the interface displays an energy consumption information area and an energy consumption data chart area. When the user clicks the "energy consumption chart node" button of the energy consumption data chart area, the "detailed energy consumption information" bubble is displayed in the energy consumption data chart area, that is, design 3 change
state diagram 1. When the user clicks the "license plate number selection" button above the energy consumption information area, the "license plate number selection menu" interface is displayed in the interface, that is, design 3 change
state diagram 2. When the user selects and clicks the "license plate number" button in the "license plate number selection menu" interface, the selected vehicle is a
hydrogen vehicle, and the interface jumps to the "
hydrogen vehicle energy consumption management" interface, that is, design 3 change
state diagram 3. When the user clicks the "customization" button at the top of the energy consumption information area, the "time selector" interface is displayed in the interface, that is, design 3 change state diagram 4, and the user can select the
time range.