Graphical User Interface for Time and Expense Recording in Electronic Devices

Abstract

1. Name of the design product: Graphical user interface for work and expense record keeping on electronic devices. 2. Use of the design product: An electronic device. 3. Design key points of the design product: Lies in the graphical user interface. 4. Picture or photo that best shows 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 interface is used for work and expense record keeping, browsing the record keeping transactions, and statistics of the total workload and income for the current month. 7. Human-computer interaction method of the graphical user interface: In the front view of Design 1, the user can view the total statistical information of work and expense record keeping for the current month at the top of the interface; can browse the record keeping calendar, and can click the setting control on the right side of "XXXX-XX-23" to expand the "Close Work Record" pop-up window; can click the "Pay by Working Hours" control to expand the pop-up window for switching the pay type; can also click the number control "7.5" on the horizontal line to expand the input panel to modify the working hours; can also click the "Click to Set" control to expand the input panel to fill in the hourly wage, and can also view the work check-in time, location information, and photos. In the front view of Design 2, the user can view the total statistical information of work and expense record keeping for the current month at the top of the interface; can browse the record keeping calendar, and can click the setting control on the right side of "Today's Data" to expand the "Close Work Record" pop-up window; can click the "Pay by Working Hours" control to expand the pop-up window for switching the pay type; can also click the number control "7.5" or "100.0" on the horizontal line to expand the input panel to correspondingly modify the working hours or hourly wage, and can also view the work check-in time, location information, and photos. The human-computer interaction method of Design 3 is the same as that of Design 2. In the front view of Design 4, the user can view the total statistical information of work and expense record keeping for the current month at the top of the interface; can browse the record keeping calendar, and can click the setting control on the right side of "Today's Data" to expand the "Close Work Record" pop-up window; can click the "Pay by Working Hours" control to expand the pop-up window for switching the pay type; can also click the number control "0" on the horizontal line to expand the input panel to fill in the working hours; can also click the "Click to Set" control to expand the input panel to fill in the hourly wage. In the front view of Design 5, the user can view the total statistical information of work and expense record keeping for the current month at the top of the interface; can browse the record keeping calendar, and can click the setting control on the right side of "Today's Data" to expand the "Close Work Record" pop-up window; can click the "Pay by Working Days" control to expand the pop-up window for switching the pay type; can also click the number control "1" on the horizontal line to expand the input panel to modify the number of working days; can also click the "Click to Set" control to expand the input panel to fill in the wage; can also view the work check-in time, location information, and photos. In the front view of Design 6, users can view the total monthly labor and expense accounting statistics at the top of the interface; they can browse the accounting calendar, click the "Start Labor Accounting" control to start labor and expense accounting; click the "Calculate Wages by Working Hours" control to expand and switch the wage calculation type pop-up window; and they can also view the work photos taken today.

Images