Area of a search bar of a graphical user interface of a search filter condition of an electronic device

Abstract

1. Name of the product in this design: Search bar area of ​​a graphical user interface for searching and filtering conditions of an 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, which is the part for which protection is sought. 4. The image or photograph that best illustrates the design's key features: the front view. 5. Purpose of the graphical user interface: This graphical user interface is used to search for job-related information and to filter search criteria. 6. Human-computer interaction methods of graphical user interface: The graphical user interface can be interacted with by clicking, pressing or swiping. 7. Description of the changing states of the graphical user interface: The main view is the search filter interface, where you can select filter conditions. One of the filter criteria is selected by default, such as "Last Year" in the main view. Click any filter button below the search bar to bring up the options for that filter, as shown in Figure 1. After selecting all filters, scroll down to collapse the filter options below the search bar, displaying the selected options, as shown in Figure 2. Hover your mouse over the expand button below Figure 2 to see the word "Expand," as shown in Figure 3. Click the expand button in Figure 3 to expand the filter options, as shown in Figure 4. Click the more filters button in Figure 4 to display more filter options, as shown in Figure 5. After selecting a certain number of filter options, the selected options below will be hidden, as shown in Figure 6. Click the three-dot button in the lower right corner to display the hidden filter options, as shown in Figure 7. Hover your mouse over any filter to display the complete filter options, as shown in Figure 8. 8. Other situations requiring explanation: Each design of this product requests partial design protection. The parts covered in pink are the parts for which protection is not requested, and the remaining parts are the parts for which protection is requested.

Images